* {
  box-sizing: border-box;
  outline: none;
  font-family:
    "Exo",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
  text-decoration: none;
  border: none;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  overflow-wrap: break-word;
  color: var(--Text-100);
}

h1 {
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.2px;
}

h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
}

@media screen and (min-width: 1200px) {
  h2 {
    font-size: 40px;
    line-height: 48px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media screen and (min-width: 1200px) {
  h3 {
    font-size: 32px;
    line-height: 40px;
  }
}

h4 {
  font-size: 24px;
  line-height: 32px;
}

p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: break-word;
}

s {
  text-decoration: line-through;
}

a {
  color: var(--text-color);
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 72px;
}

body {
  margin-top: 128px;
  font-size: 16px;
  line-height: 24px;
  background-color: var(--main-theme-color);
  color: var(--text-color);
}

@media screen and (min-width: 768px) {
  body {
    margin-top: 72px;
  }
}

.marvel-1cic99 {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .marvel-1cic99 {
    max-width: 752px;
  }
}

@media screen and (min-width: 1200px) {
  .marvel-1cic99 {
    padding: 0 16px;
    max-width: 1248px;
  }
}

.marvel-dmq018 {
  overflow: hidden;
}

.marvel-3orsjc img {
  background: var(--Neutral-300);
}

.marvel-popl4i {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  padding: 9px 15px;
  color: var(--button-text-color);
  border-radius: 16px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

.marvel-kyye2w {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.marvel-kyye2w:hover {
  background: var(--button-bg-hover);
}

.marvel-vy421k {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.marvel-vy421k:hover {
  background: var(--button-bg-hover);
}

.marvel-ypx7p5 {
  font-size: 12px;
  line-height: 18px;
}

.marvel-8tg0gz {
  font-size: 18px;
  line-height: 26px;
}

.marvel-7v5oij {
  width: 100%;
}

.marvel-o8d6zs {
  padding: 6px 16px;
}

.marvel-ujyxmc {
  padding: 10px 16px;
}

.marvel-w8k4tx {
  padding: 15px 26px;
}

.marvel-rj0ke8 {
  flex-shrink: 0;
}

.marvel-mguaqq {
  box-shadow:
    0 1px 33px 0 rgba(var(--Primary-200-rgb), 0.2),
    0 1px 22px 0 rgba(var(--Primary-200-rgb), 0.3);
}

.marvel-r8mujj {
  display: none;
}

.marvel-j7vagl {
  position: relative;
  width: 100%;
  margin: 0 auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.marvel-hwzgmt {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.marvel-ts0rfj {
  display: flex;
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  scroll-behavior: smooth;
  cursor: grab;
  padding-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.marvel-cithyt {
  cursor: grab;
}

.marvel-ts0rfj::-webkit-scrollbar {
  display: none;
}

.marvel-vbbjwi {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  scroll-snap-align: start;
}

.marvel-m0j7w2 {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 40px;
  pointer-events: none;
}

.marvel-lzidy4 {
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.marvel-tazxhe {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  visibility: hidden;
}

.marvel-11ggm0 {
  visibility: visible;
}

.marvel-79xf8w {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--Text-400);
  border-radius: 8px;
  cursor: pointer;
  transition: 0.marvel-6ckpxo ease;
}

.marvel-lg7za6 {
  background-color: var(--Primary-200);
  width: 16px;
}

.marvel-u15ktv {
  -webkit-mask-image: linear-gradient(
    to right,
    var(--Neutral-300) 96%,
    transparent
  );
  mask-image: linear-gradient(to right, var(--Neutral-300) 96%, transparent);
  transition:
    -webkit-mask-image 0.marvel-6ckpxo,
    mask-image 0.3s;
}

.marvel-u15ktv.marvel-4k35jb {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

main {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  gap: 48px;
}

@media (min-width: 768px) {
  main {
    gap: 56px;
  }
}

.marvel-wwrl8c:not([hidden]) {
  position: fixed;
  background: var(--neutral-30060);
  backdrop-filter: blur(8px);
  inset: 0;
  z-index: 1100;
  padding: 16px;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marvel-zg0o8g {
  cursor: pointer;
  display: block;
  border: none;
  width: 22px;
  height: 22px;
  background-color: var(--Neutral-50);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.marvel-adtgmr.org/2000/svg'%3E%3Cpath d='M21 1L1 21M1 1L21 21' stroke='%23F0E1DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.marvel-adtgmr.org/2000/svg'%3E%3Cpath d='M21 1L1 21M1 1L21 21' stroke='%23F0E1DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.marvel-9aio1h {
  border-radius: 24px;
  background: var(--Neutral-400);
  padding: 40px 24px 40px;
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 12px 24px 0 rgba(191, 191, 191, 0.2);
}

.marvel-9aio1h::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300, #53109f) 0%,
    var(--neutral-30080, rgba(21, 24, 41, 0.75)) 49.52%
  );
}

.marvel-gshlr7 {
  position: relative;
  z-index: 1;
}

.marvel-98iqqv {
  color: var(--Text-100);
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.marvel-p6vyxf {
  color: var(--Text-100);
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: capitalize;
  margin: 4px 0;
  overflow-wrap: break-word;
}

.marvel-ccxr3u {
  font-size: 40px;
  line-height: 48px;
}

.marvel-zrgz5k {
  color: var(--Text-200);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.marvel-hkh59w {
  border-radius: 16px;
  background: var(--Primary-200);
  color: var(--Text-00);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding: 15px 16px;
  align-content: center;
  display: block;
  width: 100%;
  margin-top: 24px;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
}

.marvel-hkh59w:hover {
  background: var(--Primary-400);
}

.marvel-hkh59w svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  pointer-events: none;
  touch-action: none;
}

.marvel-wwrl8c img {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  object-fit: cover;
  pointer-events: none;
  touch-action: none;
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .marvel-9aio1h {
    max-width: 600px;
    padding: 64px;
  }

  .marvel-98iqqv {
    font-size: 24px;
    line-height: 32px;
  }

  .marvel-p6vyxf {
    font-size: 72px;
    line-height: 88px;
    margin: 4px 0;
  }

  .marvel-ccxr3u {
    font-size: 50px;
    line-height: 56px;
  }

  .marvel-zrgz5k {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
  }

  .marvel-zg0o8g {
    top: 25px;
    right: 25px;
  }
}

.marvel-z8fut4,
.marvel-sp5kne {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
  padding: 16px 14px;
}

.marvel-xd4yky.marvel-xsw35s::before,
.marvel-sp5kne::before,
.marvel-x1pcez::before {
  display: block;
  aspect-ratio: 1/1;
  background: no-repeat center/contain rgba(0, 0, 0, 0)
    url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.marvel-adtgmr.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.marvel-t25h5o 14.marvel-no5j4m.marvel-jkkr32 14.marvel-u433fi 15.marvel-0yjrz1 14.marvel-ylknx6 15.marvel-dpibaf 14.marvel-fyzyo7.marvel-eydn25 14.marvel-9pt8lr 19.marvel-p4d9v4 12.marvel-esln1i 19.marvel-p4d9v4 10.marvel-8d83vu.marvel-p4d9v4 8.marvel-4nl79c 17.marvel-u6ob53 7.marvel-50y2qm 15.marvel-uscvab 7.marvel-0r0bvk.marvel-banj4n 7.marvel-50y2qm 11.marvel-l017v6 8.marvel-4nl79c 11.marvel-l017v6 10.marvel-uafpxp.marvel-l017v6 12.marvel-eekznm 13.marvel-6y2x91 14.marvel-vopcji 15.marvel-8wt4q0 14.marvel-5z5fvt.marvel-z0bg10 14.marvel-kbcyav 15.marvel-achj48 14.marvel-wacojx 15.marvel-dt3v1y 14.marvel-p8ig1f.marvel-t25h5o 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.marvel-cqo8yr 15.marvel-ywnwbc.marvel-bzpgfk 15.marvel-mvzggc 15.marvel-r6vchh 15.marvel-czgbt4 15.marvel-xs7rox 15.marvel-ottyn3.marvel-zuve94 15.marvel-czgbt4 15.marvel-7d592e 15.marvel-kycs4x 15.marvel-a4un3f 15.marvel-9p4ig2.marvel-at2m62 15.marvel-tbd3fm 7.marvel-19p803 18.marvel-miek65 7.marvel-8k4dwo 23.marvel-fcqyyh.marvel-aeq868.marvel-0khnku 18.marvel-y8dcxt 19.marvel-8m63ca 15.marvel-jolug1 15.marvel-cqo8yr 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A");
}

.marvel-vjgtt9 [type="submit"] *,
.marvel-zmuti6 button * {
  pointer-events: none;
  touch-action: none;
}

@media screen and (max-width: 767px) {
  body:has(.pc61d126-chatbot-window[aria-hidden="false"]) .marvel-xmk54r {
    display: none;
  }
}

.marvel-uy6yzz {
  position: fixed;
  right: 20px;
  bottom: 8px;
  z-index: 992;
  color: var(--Neutral-50);
}

body:has(header nav.open) .marvel-uy6yzz {
  display: none;
}

@media (min-width: 768px) {
  .marvel-uy6yzz {
    bottom: 22px;
  }
}

.marvel-uy6yzz input {
  font-family: inherit;
}

@media (max-width: 767px) {
  body:has(.pc61d126-floating-bar-wrapper) .marvel-uy6yzz {
    bottom: calc(var(--floating-bar-height) + 8px);
  }
}

@media (max-width: 767px) {
  body:has(.marvel-vjc7wp.static) .marvel-uy6yzz {
    bottom: 8px;
  }
}

.marvel-bz0mwv {
  width: 80px;
  height: 80px;
  cursor: pointer;
  border: 1px solid var(--Primary-100);
  background: no-repeat center/40px var(--Primary-200)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.marvel-adtgmr.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.marvel-t4by2l 3.marvel-amvotw.marvel-flsx6q.marvel-24jbwq 3.marvel-rzjqxl 3.marvel-ty1pn4 5.marvel-5jt230 3.marvel-ty1pn4 8.marvel-ia2fsj.marvel-h3s2od.marvel-ty1pn4 26.marvel-g48pgp 5.marvel-f2jvc6 28.marvel-nvrja3 8.marvel-rupfhk 28.marvel-0ddx94.marvel-xte4ql 28.marvel-o3gt2j.marvel-ihez0y 34.marvel-g82m0y.marvel-d80gxr 36.marvel-w4euin 11.marvel-tbwgq3 37.marvel-477ov5 12.marvel-rb5iij 36.marvel-4fjskh.marvel-qivmuk 28.marvel-etcayi.marvel-1ka4ub.marvel-srbhhp 28.marvel-e3po9l 36.marvel-nwywwm 26.marvel-fdqdqf 36.marvel-nwywwm 23.marvel-mmrmg6.marvel-x78fj8.marvel-nwywwm 5.marvel-47p9ly 34.marvel-k5okg6 3.marvel-rzjqxl 31.marvel-t4by2l 3.marvel-wy8bfx.marvel-ltsn7v 18.marvel-kfavdx.marvel-ntk9ng 18.marvel-tksh7u 8.marvel-9wvrpo 17.marvel-rumlu0 8.marvel-9wvrpo 15.marvel-nxzsmu.marvel-9wvrpo 14.marvel-z7r2tr 9.marvel-ntk9ng 13.marvel-hi2ofk 11.marvel-ltsn7v 13.marvel-w2w9md.marvel-1cvlk5 13.marvel-hi2ofk 13.marvel-dz9nyb 14.marvel-z7r2tr 13.marvel-dz9nyb 15.marvel-ixdlkn.marvel-dz9nyb 17.marvel-rumlu0 12.marvel-1cvlk5 18.marvel-tksh7u 11.marvel-ltsn7v 18.marvel-pdf0tx.marvel-sbc7e5 18.marvel-xpkpfj.marvel-k8t6us 18.marvel-tksh7u 17.marvel-5d6sn7 17.marvel-rumlu0 17.marvel-5d6sn7 15.marvel-cxcc6z.marvel-5d6sn7 14.marvel-z7r2tr 18.marvel-k8t6us 13.marvel-hi2ofk 20.marvel-sbc7e5 13.marvel-6yo8h4.marvel-14pbdg 13.marvel-hi2ofk 22.marvel-ylxidh 14.marvel-z7r2tr 22.marvel-ylxidh 15.marvel-40vyyp.marvel-98iwsm 17.marvel-rumlu0 21.marvel-14pbdg 18.marvel-tksh7u 20.marvel-sbc7e5 18.marvel-eruv2k.marvel-lo5xxg 18.marvel-a79old.marvel-qmd55n 18.marvel-tksh7u 26.marvel-mh7x55 17.marvel-rumlu0 26.marvel-mh7x55 15.marvel-i4hswa.marvel-mh7x55 14.marvel-z7r2tr 27.marvel-qmd55n 13.marvel-hi2ofk 28.marvel-lo5xxg 13.marvel-326a95.marvel-bp04ac 13.marvel-hi2ofk 31.marvel-744qix 14.marvel-z7r2tr 31.marvel-744qix 15.marvel-wcqshn.marvel-mh7x55 17.marvel-rumlu0 30.marvel-bp04ac 18.marvel-tksh7u 28.marvel-lo5xxg 18.5087Z' fill='%23F7F7F7'/%3E%3C/svg%3E");
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  body:has(.pc61d126-chatbot-window[aria-hidden="false"])
    .marvel-bz0mwv {
    display: none;
  }
}

.marvel-wdbhyp {
  position: fixed;
  inset: 0;
  z-index: 101;
  background: var(--Neutral-400);
  box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
  overscroll-behavior: contain;
  overflow: auto;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

@media screen and (min-width: 768px) {
  .marvel-wdbhyp {
    inset: auto 24px 24px auto;
    width: 448px;
    height: 600px;
    border-radius: 24px;
    border: 1px solid var(--Neutral-200);
    box-shadow: 0 12px 24px 0 rgba(191, 191, 191, 0.16);
  }
}

.pc61d126-chatbot-window[aria-hidden="true"] {
  display: none;
}

.marvel-zmuti6 {
  border-bottom: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  color: var(--Text-300);
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0;
}

@media (min-width: 768px) {
  .marvel-zmuti6 {
    padding: 14px 16px;
  }
}

.marvel-zmuti6 button {
  border: none;
  background: none;
  cursor: pointer;
  align-content: center;
  color: var(--Neutral-50);
}

.marvel-zmuti6 button:first-child {
  align-content: end;
}

.marvel-zmuti6 button:first-of-type {
  display: none;
}

.pc61d126-chatbot[data-active-screen="2"]
  .marvel-zmuti6
  button:first-of-type,
.pc61d126-chatbot[data-active-screen="3"]
  .marvel-zmuti6
  button:first-of-type {
  display: initial;
  width: 44px;
  height: 16px;
}

.marvel-zmuti6 button:first-of-type svg {
  width: 30px;
  height: 30px;
}

.marvel-zmuti6 button:last-child svg {
  width: 38px;
  height: 38px;
}

.marvel-x1pcez {
  flex: 1 1;
  align-content: center;
  display: flex;
  align-items: center;
  gap: 10px;
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
}

.marvel-x1pcez::before {
  content: "";
  width: 48px;
}

.pc61d126-chatbot[data-active-screen="2"] .marvel-x1pcez,
.pc61d126-chatbot[data-active-screen="3"]
  .marvel-x1pcez {
  opacity: 1;
  visibility: visible;
}

.marvel-n53kvm {
  flex: 1 1;
}

.marvel-o9if81 {
  display: none;
  padding: 64px 16px 16px;
}

@media screen and (min-width: 768px) {
  .marvel-o9if81 {
    padding: 24px;
  }
}

.pc61d126-chatbot[data-active-screen="1"] .marvel-xx6ynb {
  display: block;
}

.marvel-3q7qua {
  color: var(--Text-100);
  font-feature-settings: "liga" off;
  font-weight: 700;
  margin-bottom: 24px;
  font-size: 40px;
  line-height: 48px;
  text-transform: capitalize;
}

@media screen and (min-width: 768px) {
  .marvel-3q7qua {
    margin-top: 41px;
    font-size: 48px;
    line-height: 56px;
  }
}

.marvel-sp5kne {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "avatar name" "button button";
  row-gap: 16px;
  column-gap: 12px;
  padding: 10px 14px;
}

.marvel-sp5kne::before {
  content: "";
  grid-area: avatar;
  width: 50px;
  height: 50px;
  align-self: center;
}

.marvel-ar19vd span {
  color: var(--Text-300);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  line-height: 16px;
}

.marvel-ar19vd p {
  color: var(--Text-100);
}

.marvel-sp5kne .marvel-j6l989 {
  grid-area: button;
}

.marvel-sp5kne .marvel-j6l989::after {
  content: "";
  display: inline-block;
  vertical-align: sub;
  margin-left: 8px;
  width: 20px;
  height: 20px;
  background: no-repeat center/contain rgba(0, 0, 0, 0)
    url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.marvel-adtgmr.org/2000/svg'%3E%3Cpath d='M4.marvel-8orn6d 10H16.3327' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.marvel-xni3pj 15L16.marvel-xni3pj 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.marvel-xni3pj 5L16.marvel-xni3pj 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pc61d126-chatbot[data-active-screen="2"] .marvel-ziqh7y {
  display: block;
}

.marvel-2ksezx {
  color: var(--Text-100);
  font-feature-settings: "liga" off;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .marvel-2ksezx {
    margin-top: 40px;
  }
}

.marvel-z8fut4 label,
.marvel-z8fut4 input {
  display: block;
  width: 100%;
}

.marvel-z8fut4 label {
  margin-bottom: 16px;
  color: var(--Text-100);
  font-size: 14px;
  line-height: 20px;
}

.marvel-z8fut4 label.marvel-98mz5w input {
  border: 1px solid var(--Accent-100);
  padding: 16px;
}

.marvel-z8fut4 label.marvel-98mz5w::after {
  content: attr(data-error);
  display: block;
  color: var(--Accent-100);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

.marvel-z8fut4 input {
  color: var(--Text-100);
  border-radius: 16px;
  background: var(--Neutral-400);
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  padding: 17px 16px;
  margin-top: 4px;
}

.marvel-z8fut4 input::placeholder {
  color: var(--Text-400);
}

.marvel-h374vw {
  padding: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.pc61d126-chatbot[data-active-screen="3"] .marvel-h374vw {
  display: flex;
}

.marvel-h374vw ol {
  list-style: none;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  height: calc(100vh - 170px);
}

@media screen and (min-width: 768px) {
  .marvel-h374vw ol {
    height: 420px;
    padding: 24px;
  }
}

.marvel-h374vw ol a {
  cursor: pointer;
  color: var(--Primary-100);
}

.marvel-vjgtt9 {
  flex: 0 0;
  position: relative;
  padding: 0 16px 16px;
}

@media screen and (min-width: 768px) {
  .marvel-vjgtt9 {
    padding: 0 24px 24px;
  }
}

.marvel-vjgtt9 input {
  display: block;
  width: 100%;
  padding: 16px 44px 16px 16px;
  border-radius: 24px;
  background: var(--Neutral-300);
  color: var(--Text-100);
  font-size: 16px;
  line-height: 24px;
}

.marvel-vjgtt9 input::placeholder {
  color: var(--Text-400);
}

.marvel-vjgtt9 [type="submit"] {
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 32px;
  width: 22px;
  height: 22px;
}

.marvel-vjgtt9 [type="submit"]:disabled {
  opacity: 0.5;
}

.marvel-vjgtt9 [type="submit"] svg {
  color: var(--Neutral-50);
}

@media screen and (min-width: 768px) {
  .marvel-vjgtt9 [type="submit"] {
    right: 40px;
  }
}

.marvel-xd4yky {
  margin-bottom: 16px;
  color: var(--Primary-100);
}

.marvel-xd4yky.marvel-xsw35s {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 12px;
  color: var(--Text-100);
  align-items: flex-end;
}

.marvel-xd4yky.marvel-xsw35s::before {
  content: "";
  width: 31px;
}

.marvel-xd4yky.marvel-xsw35s p {
  border-radius: 24px;
  border: 1px solid var(--Neutral-300);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.marvel-xd4yky.marvel-jevxq0 p {
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
}

.marvel-xd4yky p {
  padding: 15px 14px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.marvel-uy6yzz .marvel-j6l989 {
  border-radius: 16px;
  background: var(--Primary-200);
  text-align: center;
  padding: 9px;
  color: var(--Text-00);
  font-feature-settings: "liga" off;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  width: 100%;
  cursor: pointer;
}

@media (max-width: 767px) {
  body:has(header.mobile-menu) {
    overflow: hidden;
  }
}

.marvel-xmk54r {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .marvel-xmk54r {
    padding: 14px 0;
    background: var(--fh-bg-color);
  }
}

@media (min-width: 1200px) {
  .marvel-xmk54r {
    padding: 15px 0;
  }
}

.marvel-xmk54r .marvel-1cic99 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .marvel-xmk54r .marvel-1cic99 {
    padding: 16px;
    background: var(--fh-bg-color);
    min-height: 72px;
  }
}

.marvel-qcq5nj {
  display: block;
  width: 100%;
  max-width: 144px;
  height: 36px;
  object-fit: contain;
  object-position: center left;
}

@media (min-width: 1200px) {
  .marvel-qcq5nj {
    max-width: 180px;
    height: 47px;
  }
}

.marvel-qcq5nj picture,
.marvel-qcq5nj img {
  display: block;
  width: 100%;
  height: 100%;
}

.marvel-qcq5nj img {
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 1199px) {
  .marvel-uiuxx8 {
    position: fixed;
    right: 0;
    width: 100%;
    transition: transform 0.marvel-6ckpxo ease;
    transform: translateX(100%);
    background: var(--menu-color);
    box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
  }

  .marvel-xmk54r.marvel-jus6t0 .marvel-uiuxx8 {
    transform: translateX(0);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .marvel-uiuxx8 {
    top: 72px;
    max-width: 400px;
    height: calc(100% - 72px);
    overflow-y: auto;
    padding: 8px 16px;
  }
}

@media (max-width: 767px) {
  .marvel-uiuxx8 {
    padding: 8px 16px;
    top: 128px;
    height: calc(100% - 128px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

.marvel-noa82o,
.marvel-4peflv {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}

@media (min-width: 767px) {
  .marvel-noa82o,
  .marvel-4peflv {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .marvel-4peflv {
    display: none;
  }
}

.marvel-idhxa0 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(
    0deg,
    rgba(0, 3, 20, 0) 0%,
    var(--fh-bg-color) 70%
  );
  padding: 0 16px 16px;
  justify-content: center;
}

.marvel-jus6t0 .marvel-idhxa0 {
  background: var(--fh-bg-color);
}

.marvel-idhxa0 button {
  flex: 1 1;
  padding: 9px 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .marvel-idhxa0 {
    display: none;
  }
}

.marvel-g8h9z9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .marvel-g8h9z9 {
    display: none;
  }
}

.marvel-asta2m {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
  color: var(--header-text-color, var(--text-color));
  pointer-events: none;
  touch-action: none;
}

.marvel-xmk54r.marvel-jus6t0 .marvel-asta2m:first-child {
  display: none;
}

.marvel-xmk54r.marvel-jus6t0 .marvel-asta2m:last-child {
  display: block;
}

.marvel-asta2m:last-child {
  display: none;
}

@media (min-width: 1200px) {
  .marvel-asta2m {
    display: none;
  }
}

.marvel-v5y1m6 {
  position: relative;
  display: none;
  padding: 5px 9px 6px;
  color: var(--Text-100);
}

@media (min-width: 1200px) {
  .marvel-v5y1m6 {
    display: flex;
  }
}

.marvel-v5y1m6 ul {
  max-height: 350px;
  overflow-y: auto;
}

.marvel-v5y1m6:hover ul {
  visibility: visible;
  opacity: 1;
}

.marvel-v5y1m6:hover ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.marvel-v5y1m6:hover ul::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-100);
}

.marvel-v5y1m6:hover ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.marvel-v5y1m6:hover .marvel-lb7v7q svg {
  transform: rotate(180deg);
}

.marvel-v44cfh {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  width: 100%;
}

.marvel-chi49k {
  padding: 0 8px;
}

.marvel-het4tn {
  display: flex;
  width: 100%;
  padding: 5px 9px;
  transition: 0.3s;
  color: var(--Text-100);
  border-radius: 8px;
}

.marvel-het4tn:hover {
  background-color: var(--Neutral-300);
}

@media (min-width: 1200px) {
  .marvel-het4tn {
    padding: 4px 8px;
  }
}

.marvel-b59ff5 {
  display: flex;
}

.marvel-b59ff5 img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border: 1px solid var(--Neutral-200);
  border-radius: 12px;
}

.marvel-lb7v7q {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 2px;
}

.marvel-lb7v7q svg {
  transition: 0.3s;
  width: 13px;
  height: 13px;
}

.marvel-k6ee59 {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  visibility: hidden;
  align-items: flex-start;
  flex-direction: column;
  width: auto;
  max-height: 0;
  transition: max-height 0.3s;
  opacity: 0;
  background: unset;
  gap: 0;
}

@media (min-width: 1200px) {
  .marvel-k6ee59 {
    position: absolute;
    top: 40px;
    left: 0;
    width: 112px;
    padding: 8px;
    border-radius: 8px;
    background: var(--fh-bg-color);
    box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
    gap: 2px;
  }
}

.marvel-0l0tvs {
  width: 100%;
}

@media (min-width: 1200px) {
  .marvel-0l0tvs {
    display: none;
  }
}

.marvel-759ksq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--Neutral-300);
}

.marvel-21ghmb {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--Text-100);
}

.marvel-kuyr1d {
  display: flex;
}

.marvel-9f2c6t {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.marvel-025ucb {
  list-style: none;
}

@media (max-width: 1199px) {
  .marvel-025ucb {
    max-height: 90%;
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .marvel-025ucb {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .marvel-025ucb .marvel-he9nol [data-ref-el],
  .marvel-025ucb .marvel-he9nol span,
  .marvel-025ucb .marvel-he9nol a {
    white-space: nowrap;
  }
}

.marvel-rhmkl3 {
  width: 100%;
  transition: 0.3s;
  color: var(--Text-100);
  position: relative;
}

@media (max-width: 1199px) {
  .marvel-rhmkl3.marvel-jerkzv > .marvel-he9nol {
    background: var(--Neutral-300);
  }
}

@media (min-width: 1200px) {
  .marvel-rhmkl3.marvel-iw2648:hover > .sub-menu[data-depth="1"] {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 1199px) {
  .marvel-rhmkl3.marvel-jerkzv > .marvel-ntlvo5 {
    height: auto;
  }

  .marvel-rhmkl3.marvel-jerkzv > div > .marvel-ta44kh {
    transform: rotate(180deg);
  }
}

.marvel-rhmkl3 [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
}

.marvel-rhmkl3 [data-ref-el],
.marvel-rhmkl3 span {
  cursor: pointer;
}

.marvel-rhmkl3 [data-ref-el],
.marvel-rhmkl3 span,
.marvel-rhmkl3 a {
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
  color: var(--header-text-color, var(--text-color));
  text-align: left;
  flex: 1 1;
}

@media (min-width: 768px) {
  .marvel-rhmkl3 [data-ref-el],
  .marvel-rhmkl3 span,
  .marvel-rhmkl3 a {
    font-size: 18px;
    line-height: 38px;
  }
}

@media (min-width: 1200px) {
  .marvel-rhmkl3 [data-ref-el],
  .marvel-rhmkl3 span,
  .marvel-rhmkl3 a {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
}

.marvel-ntlvo5 {
  height: 0;
  overflow: hidden;
  transition: height 0.marvel-6ckpxo ease;
  padding-left: 24px;
  list-style: none;
  box-sizing: border-box;
}

.marvel-ntlvo5::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.marvel-ntlvo5::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-200);
}

.marvel-ntlvo5::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
  .marvel-ntlvo5 {
    width: 300px;
    position: absolute;
    z-index: 1001;
    border-radius: 0 0 24px 24px;
    background: var(--Neutral-400);
    box-shadow: 0 12px 24px 0 rgba(191, 191, 191, 0.2);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    max-height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .marvel-ntlvo5:has(> .marvel-rhmkl3.active) {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  .marvel-ntlvo5 .marvel-ntlvo5 {
    padding: 0;
  }

  .marvel-ntlvo5 .marvel-rhmkl3 {
    font-weight: 400;
  }

  .marvel-ntlvo5 .marvel-rhmkl3:hover > .marvel-he9nol {
    background: var(--Neutral-300);
  }

  .marvel-ntlvo5 .marvel-ta44kh {
    rotate: -90deg;
  }
}

.marvel-he9nol {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 8px;
  border-radius: 16px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .marvel-he9nol {
    padding: 8px;
  }

  .marvel-rhmkl3.marvel-6ef3lc > .marvel-he9nol {
    background: var(--Neutral-300);
  }
}

.marvel-ta44kh {
  width: 24px;
  height: 24px;
  border: none;
  cursor: pointer;
  mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.marvel-adtgmr.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.marvel-volx3q 0.marvel-2q9g65.marvel-d2p7z1 -0.marvel-jbk8h7 0.marvel-7j891d -0.marvel-jbk8h7 1.marvel-rst9m0 0.marvel-kom2ar.marvel-243l8j 4.marvel-3stp27.marvel-volx3q 0.marvel-r1ho1a.marvel-2k3jkw -0.marvel-jbk8h7 9.marvel-amyrwu -0.marvel-jbk8h7 10.marvel-ax57vx 0.marvel-6hsye1.marvel-z5l91a 0.marvel-d2p7z1 10.marvel-z5l91a 0.marvel-7j891d 10.marvel-ax57vx 1.marvel-ajt8tb.marvel-0pzw2p 5.marvel-tzj1hz.marvel-wg3f2w 6.marvel-feqx5w 5.marvel-tkitig 6.marvel-feqx5w 4.marvel-4n3cyw 5.marvel-05lerm.marvel-volx3q 1.marvel-vewrhd.marvel-jbk8h7 0.marvel-7j891d -0.marvel-jbk8h7 0.marvel-d2p7z1 0.marvel-volx3q 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 10px;
  transition: rotate 0.marvel-6ckpxo ease;
  background-color: var(--Text-100);
}

@media (min-width: 1200px) {
  .marvel-ta44kh {
    cursor: default;
  }
}

.marvel-hovw10 {
  position: fixed;
  z-index: 1001;
  top: 80px;
  left: 100px;
  visibility: visible;
  opacity: 1;
  max-height: 290px;
  height: auto;
}

.marvel-sa8ibj {
  padding: 24px 0;
  border-top: 1px solid var(--border-color);
  gap: 32px;
  background-color: var(--footer-bg-color, var(--main-theme-color));
  color: var(--footer-text-color);
}

@media screen and (min-width: 768px) {
  .marvel-sa8ibj {
    padding: 40px 4px;
  }
}

.marvel-js1703 {
  margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
  .marvel-js1703 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
}

.marvel-5cfbr2 {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .marvel-5cfbr2 {
    margin-right: 32px;
    margin-bottom: 20px;
  }
}

.marvel-5cfbr2 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 8px;
}

.marvel-5cfbr2 [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
}

.marvel-5cfbr2 [data-ref-el],
.marvel-5cfbr2 span,
.marvel-5cfbr2 a {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  padding: 4px 8px;
  color: var(--footer-text-color);
}

.marvel-zp6q0s {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 340px;
  margin-bottom: 32px;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .marvel-zp6q0s {
    margin-bottom: 12px;
  }
}

.marvel-e3arse {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.marvel-e3arse img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1200px) {
  .marvel-e3arse:last-child {
    margin-right: 0;
  }
}

.marvel-227mzv {
  line-height: 19px;
  margin-top: -4px;
  position: relative;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.marvel-zp6q0s:hover .marvel-h3bd8m {
  visibility: visible;
  opacity: 1;
}

.marvel-h3bd8m {
  position: absolute;
  right: -13px;
  bottom: 30px;
  visibility: hidden;
  max-width: 240px;
  padding: 16px;
  transition: 0.3s;
  opacity: 0;
  border: 1px solid var(--Neutral-200);
  border-radius: 8px;
  background-color: var(--Neutral-300);
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.14);
}

.marvel-kr746f {
  display: grid;
  margin: -6px;
  grid-template-columns: repeat(5, 1fr);
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.marvel-gfnqkh {
  display: flex;
  margin: 6px;
}

.marvel-gfnqkh img {
  display: block;
  max-width: 32px;
  object-fit: contain;
}

.marvel-h3bd8m::after {
  position: absolute;
  right: 18px;
  bottom: -8px;
  width: 0;
  height: 0;
  content: "";
  border-top: 8px solid var(--Neutral-300);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
}

.marvel-h3bd8m::before {
  position: absolute;
  right: 16px;
  bottom: -10px;
  width: 0;
  height: 0;
  content: "";
  border-top: 10px solid var(--Neutral-200);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
}

.marvel-09xr25 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1200px) {
  .marvel-09xr25 {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}

.marvel-wezf5x {
  font-size: 14px;
  line-height: 20px;
  color: var(--footer-text-color);
}

@media (min-width: 1200px) {
  .marvel-wezf5x {
    margin-right: 32px;
  }
}

.marvel-xfthv5 {
  width: 100%;
  max-width: 340px;
  margin-top: 10px;
  text-align: left;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .marvel-xfthv5 {
    margin-top: 0;
    width: 340px;
  }
}

.marvel-xfthv5 a {
  line-height: 19px;
  color: var(--footer-text-color);
  border-bottom: 1px solid var(--Primary-100);
}

.marvel-ul4ztb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.marvel-hu16sx {
  position: relative;
}

@media (min-width: 768px) {
  .marvel-hu16sx {
    margin-top: 40px;
  }
}

.marvel-hu16sx + .marvel-9apmn7,
.marvel-hu16sx + .marvel-hu16sx {
  margin-top: 24px;
}

.marvel-f1viid {
  padding: 40px 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 700px;
}

@media screen and (min-width: 768px) {
  .marvel-f1viid {
    padding: 80px 16px;
    border-radius: 24px;
    min-height: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .marvel-f1viid {
    padding: 80px;
  }
}

.marvel-cu54tk {
  position: relative;
  z-index: 1;
  padding: 0;
}

@media screen and (min-width: 563px) {
  .marvel-cu54tk {
    padding: 0 16px;
}


}

.marvel-f437p5 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: capitalize;
  margin-bottom: 8px;
  color: var(--text-color);
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .marvel-f437p5 {
    font-size: 48px;
    line-height: 56px;
  }
}

.marvel-fos4t9 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 24px;
  color: var(--Text-200);
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .marvel-fos4t9 {
    font-size: 24px;
    line-height: 32px;
  }
}

.marvel-v1fnr7 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin: auto;
  width: 240px;
  padding: 15px 23px;
  transition: 0.3s;
  color: var(--button-text-color);
  border-radius: 16px;
  border: none;
  background: var(--button-bg-color);
  gap: 8px;
  cursor: pointer;
}

.marvel-v1fnr7:hover {
  background: var(--button-bg-hover);
}

.marvel-05w7i9 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.marvel-05w7i9 img {
  display: block;
  width: 100%;
  /* min-height: 100%; */
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .marvel-05w7i9 img {
  min-height: initial;
  }
}

@media (max-width: 563px) {
  .marvel-05w7i9 img {
  min-height: 100%;
  }
}

.marvel-f1viid::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.marvel-0ryx2d {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.marvel-0ryx2d h1,
.marvel-0ryx2d h2,
.marvel-0ryx2d h3,
.marvel-0ryx2d h4 {
  margin-bottom: 6px;
}

.marvel-0ryx2d h1:not(:first-child),
.marvel-0ryx2d h2:not(:first-child),
.marvel-0ryx2d h3:not(:first-child),
.marvel-0ryx2d h4:not(:first-child) {
  margin-top: 16px;
}

.marvel-0ryx2d h1,
.marvel-0ryx2d h1 > * {
  font-size: 40px;
  line-height: 48px;
}

@media (min-width: 768px) {
  .marvel-0ryx2d h1,
  .marvel-0ryx2d h1 > * {
    font-size: 48px;
    line-height: 60px;
  }
}

.marvel-0ryx2d h2,
.marvel-0ryx2d h2 > * {
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .marvel-0ryx2d h2,
  .marvel-0ryx2d h2 > * {
    font-size: 40px;
    line-height: 48px;
  }
}

.marvel-0ryx2d h3,
.marvel-0ryx2d h3 > * {
  font-size: 24px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .marvel-0ryx2d h3,
  .marvel-0ryx2d h3 > * {
    font-size: 32px;
    line-height: 40px;
  }
}

.marvel-0ryx2d h4,
.marvel-0ryx2d h4 > * {
  font-size: 24px;
  line-height: 32px;
}

.marvel-0ryx2d ul {
  font-size: 16px;
  margin: 6px 0 14px;
  padding: 0;
  padding-left: 8px;
  list-style: none;
}

.marvel-0ryx2d ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 16px;
  list-style-type: none;
}

.marvel-0ryx2d ul li::before {
  position: absolute;
  top: 11px;
  left: 0;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  content: "";
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--Text-300);
}

.marvel-0ryx2d ul ul {
  margin-bottom: 8px;
}

.marvel-0ryx2d ul ul > li {
  margin-top: 16px;
  padding-left: 33px;
}

.marvel-0ryx2d ul ul > li::before {
  left: 16px;
  border: 1px solid var(--Text-300);
  background: rgba(0, 0, 0, 0);
}

.marvel-0ryx2d ol {
  font-size: 16px;
  margin: 6px 0 14px;
  padding-left: 24px;
  list-style: decimal;
}

.marvel-0ryx2d ol li {
  margin-bottom: 8px;
  padding-left: 6px;
}

.marvel-0ryx2d ol li::marker {
  font-weight: 700;
}

.marvel-0ryx2d ol ol {
  margin-bottom: 8px;
}

.marvel-0ryx2d ol ol > li {
  margin-top: 16px;
  padding-left: 0;
}

.marvel-0ryx2d ol ul li {
  padding-left: 16px;
}

.marvel-0ryx2d table {
  display: block;
  overflow-x: auto;
  width: 100%;
  margin-top: 16px;
  border-spacing: 0 4px;
  overflow-wrap: break-word;
  font-size: 16px;
  position: relative;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-mask-image: none;
  mask-image: none;
  border-radius: 24px;
  border: 1px solid var(--border-color);
  /* background: var(--Neutral-300); */
  padding: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .marvel-0ryx2d table {
    padding: 24px;
  }
}

.marvel-0ryx2d table.marvel-rdnh8s {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.marvel-6ckpxo,
    mask-image 0.3s;
}

.marvel-0ryx2d table.marvel-rdnh8s.marvel-4k35jb {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

@media (min-width: 1200px) {
  .marvel-0ryx2d table {
    display: table;
  }
}

.marvel-0ryx2d table thead th {
  font-weight: 700;
  padding: 12px 18px;
  text-align: left;
  white-space: nowrap;
  background-color: var(--table-head-bg-color, var(--table-1-color));
  color: var(--table-head-text-color, var(--text-color));
  border: 1px solid var(--border-color);
}

.marvel-0ryx2d table thead th:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.marvel-0ryx2d table thead th:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.marvel-0ryx2d table tbody td {
  background-color: var(--table-2-color);
  width: 150px;
  padding: 11px 18px;
  white-space: nowrap;
  border: 1px solid var(--border-color);
}

@media (min-width: 1200px) {
  .marvel-0ryx2d table tbody td {
    width: auto;
    white-space: wrap;
  }
}

.marvel-0ryx2d table tbody td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.marvel-0ryx2d table tbody td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.marvel-0ryx2d table tbody td img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 14px;
  vertical-align: middle;
}

.marvel-0ryx2d img {
  max-width: 100%;
  height: auto;
}

.marvel-opi63p {
  padding: 16px;
  border-radius: 24px;
  border: 1px solid var(--border-color);
  background: var(--card-bg-color, radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--fh-bg-color) 0%,
    color-mix(in srgb, var(--menu-color) 50%, transparent)
  ));
}

@media (min-width: 768px) {
  .marvel-opi63p {
    padding: 24px;
  }
}

.marvel-w1p80q {
  color: var(--card-text-color, var(--text-color));
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .marvel-w1p80q {
    font-size: 40px;
    line-height: 48px;
    max-width: 62%;
  }
}

.marvel-w1p80q > * {
  margin: 0 !important;
}

.marvel-w1p80q img,
.marvel-dzibho {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .marvel-w1p80q img,
  .marvel-dzibho {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.marvel-uxncjp {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--text-color);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .marvel-uxncjp {
    width: 32px;
    height: 32px;
  }
}

.marvel-bgohb8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.marvel-bgohb8 .marvel-80h14f {
  flex-shrink: 0;
}

.marvel-bgohb8 .marvel-v04qyk svg {
  display: none;
}

.marvel-ejano0 {
  display: grid;
  transition: max-height 0.marvel-6ckpxo ease-in-out;
  column-gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 508px) {
  .marvel-ejano0 {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .marvel-ejano0 {
    grid-template-columns: 1fr 270px 1fr 270px;
  }
}

.pc61d126-games__list[data-games-type="Live Shows"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .pc61d126-games__list[data-games-type="Live Shows"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list[data-games-type="Live Shows"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.marvel-ejano0.marvel-w7gjsi + .marvel-80h14f svg {
  transform: rotate(180deg);
}

.marvel-z1jr6w {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  height: max-content;
}

.marvel-z1jr6w > div:nth-child(3n) {
  grid-column: span 2;
}

.marvel-z1jr6w
  > div:nth-child(3n)
  .marvel-merxww
  button {
  max-width: 270px;
}

@media (min-width: 768px) {
  .marvel-z1jr6w {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .marvel-z1jr6w > div:nth-child(3n) {
    grid-column: unset;
  }

  .marvel-z1jr6w
    > div:nth-child(3n)
    .marvel-merxww
    button {
    max-width: 83px;
  }
}

@media (min-width: 1200px) {
  .marvel-z1jr6w {
    max-width: 270px;
  }
}

.marvel-z1jr6w .marvel-merxww button {
  max-width: 96px;
}

@media (min-width: 375px) {
  .marvel-z1jr6w .marvel-merxww button {
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .marvel-z1jr6w .marvel-merxww button {
    max-width: 104px;
  }
}

.marvel-zuln71 {
  height: calc(100% - 16px);
  transition: 0.3s;
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .marvel-zuln71 {
    margin-bottom: 0;
  }
}

.marvel-jr5agk {
  display: none;
  opacity: 0;
}

.marvel-8dc0u1 {
  width: 100%;
  height: 190px;
  max-width: 100%;
  aspect-ratio: 1/1;
  display: block;
}

@media (min-width: 768px) {
  .pc61d126-games__list-item-logo[data-game-type="Live Shows"] {
    width: 152px;
    height: 152px;
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list-item-logo[data-game-type="Live Shows"] {
    width: 173px;
    height: 173px;
  }
}

.marvel-8dc0u1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.marvel-merxww {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--Text-400);
  gap: 4px;
  position: relative;
}

.marvel-merxww button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media (min-width: 768px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .marvel-merxww
    button {
    max-width: 124px;
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .marvel-merxww
    button {
    max-width: 145px;
  }
}

.marvel-jvu8ng:first-child
  .marvel-merxww
  button {
  max-width: 270px;
}

.marvel-2htgid {
  position: relative;
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  text-align: left;
  color: var(--card-text-color, var(--text-color));
  background: rgba(0, 0, 0, 0);
  width: 100%;
}

.marvel-zuln71 picture {
  width: 100%;
  max-width: 100%;
}

.marvel-w3t58o {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Neutral-30060);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  overflow: hidden;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.marvel-w3t58o svg {
  outline: 10px solid var(--button-bg-color);
  border-radius: 1px;
  background: var(--button-bg-color);
}

.marvel-zuln71:hover .marvel-w3t58o {
  display: flex;
}

.marvel-e1y3mu {
  font-size: 12px;
  line-height: 16px;
  color: var(--Text-400);
}

.marvel-qnoegb {
  display: flex;
}

.marvel-qnoegb:hover .marvel-uvq41m,
.marvel-qnoegb .marvel-6ef3lc .marvel-uvq41m {
  display: flex;
}

.marvel-qnoegb svg {
  flex-shrink: 0;
}

.marvel-uvq41m {
  display: none;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  position: absolute;
  z-index: 2;
  top: 34px;
  right: -20px;
  width: 130px;
}

@media (min-width: 768px) {
  .marvel-uvq41m {
    width: 174px;
    right: -28px;
    padding: 12px;
  }
}

.marvel-uvq41m:hover {
  display: flex;
}

.marvel-uvq41m svg {
  color: var(--Neutral-300);
  position: absolute;
  right: 19px;
  top: -11px;
}

.marvel-xccjw4 {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  color: var(--Text-100);
  line-height: 16px;
  width: 100%;
  font-size: 10px;
}

@media (min-width: 768px) {
  .marvel-xccjw4 {
    font-size: 12px;
  }
}

.marvel-td1gop,
.marvel-7oo812 {
  width: 50%;
  flex-shrink: 0;
}

.marvel-td1gop {
  font-weight: 700;
}

.marvel-dbjgi3 .marvel-ejano0 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .marvel-dbjgi3 .marvel-ejano0 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .marvel-dbjgi3 .marvel-ejano0 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.marvel-dbjgi3
  .marvel-2htgid:has(img) {
  max-height: initial !important;
  aspect-ratio: 1/1;
}

.marvel-dbjgi3 .marvel-8dc0u1 {
  height: 100% !important;
  border-radius: 16px;
}

.marvel-dbjgi3 .marvel-merxww {
  gap: 4px;
  align-items: center;
}

.marvel-dbjgi3 .marvel-merxww button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marvel-dbjgi3 .marvel-merxww svg {
  display: block;
  aspect-ratio: 1/1;
  flex: 0 0 16px;
}

.marvel-dbjgi3 .marvel-9zom73,
.marvel-dbjgi3 .marvel-fe5rbm {
  margin-left: -1px;
  height: 12px;
  max-width: 100%;
  mask-repeat: repeat;
  mask-position: left center;
  mask-size: 16px 12px;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.marvel-adtgmr.org/2000/svg'%3E%3Cpath d='M9.marvel-j99vpe 4.marvel-ye6vpn.marvel-o655hb 5.marvel-udlkg8.marvel-5t3mir 5.marvel-mq4wuv.marvel-dboe4b 5.marvel-13icun.marvel-2eewuv 8.marvel-5b1b30.marvel-9sk417 9.marvel-wa55fw.marvel-velwqq 9.marvel-svt9x1.marvel-svdp2e 13.marvel-8rqvzg.marvel-7y149b 11.marvel-ul05qs.marvel-thqztt 11.marvel-2wj0tb.marvel-wdf3jy 11.marvel-33izln.marvel-4ty285 13.marvel-0tbx42.marvel-x5517e 9.marvel-3tfohg.marvel-n4ffun 9.marvel-0e9h73.marvel-zb42am 8.marvel-0cl774.marvel-2zmtps 5.marvel-8zr7oa.marvel-y2i46m 5.marvel-x1uegj.marvel-bgfnxa 5.marvel-lryvz4.marvel-k1y154 4.marvel-a8l5nb.marvel-thqztt 1.marvel-kvcwqv.marvel-j99vpe 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A");
}

.marvel-dbjgi3 .marvel-9zom73 {
  background-color: hsl(from var(--Neutral-50) h s l/30%);
  width: 81px;
}

.marvel-dbjgi3 .marvel-fe5rbm {
  display: block;
  background-color: var(--Accent-Yellow-300, #fb0);
}

.marvel-9mcbz7 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  border-radius: var(--M, 24px);
  border: 1px solid var(--Neutral-200);
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300) 0%,
    var(--Neutral-300) 49.52%
  );
  padding: 16px;
}

@media (min-width: 768px) {
  .marvel-9mcbz7 {
    padding: 24px;
  }
}

.marvel-9mcbz7 .marvel-80h14f {
  display: flex;
}

@media (min-width: 768px) {
  .marvel-9mcbz7 .marvel-80h14f {
    display: none;
  }
}

.marvel-9mcbz7 .marvel-v04qyk svg {
  display: none;
}

.marvel-u29crv {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.marvel-u29crv .marvel-popl4i {
  display: none;
}

@media (min-width: 768px) {
  .marvel-u29crv .marvel-popl4i {
    display: flex;
  }
}

.marvel-uvtpue {
  color: var(--Text-100);
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
}

@media screen and (min-width: 768px) {
  .marvel-uvtpue {
    font-size: 40px;
    line-height: 48px;
  }
}

.marvel-uvtpue > * {
  margin: 0 !important;
}

.marvel-uvtpue img,
.marvel-ylns0e {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .marvel-uvtpue img,
  .marvel-ylns0e {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.marvel-mu2b5a {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .marvel-mu2b5a {
    width: 32px;
    height: 32px;
  }
}

.marvel-m9cib6 {
  display: grid;
  overflow: hidden;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
  .marvel-m9cib6 {
    gap: 16px;
    margin: 13px 0 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
  }

  .marvel-m9cib6::-webkit-scrollbar {
    display: none;
  }
}

.marvel-syo4hm {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 7px;
}

@media (min-width: 768px) {
  .marvel-syo4hm {
    padding: 7px 15px;
  }
}

.marvel-syo4hm:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.marvel-tgx02n {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .marvel-tgx02n {
    display: flex;
    opacity: 1;
  }
}

.marvel-syo4hm picture {
  height: 100%;
  display: block;
}

.marvel-syo4hm img {
  display: block;
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .marvel-syo4hm img {
    width: 88px;
    height: 44px;
  }
}

.marvel-syo4hm p {
  text-align: center;
  width: 100%;
}

.marvel-0mprxe {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
  .marvel-0mprxe {
    font-size: 40px;
    line-height: 48px;
  }
}

.marvel-0mprxe img,
.marvel-xxg0lt {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .marvel-0mprxe img,
  .marvel-xxg0lt {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.marvel-uhx51z {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .marvel-uhx51z {
    width: 32px;
    height: 32px;
  }
}

.marvel-tu9vhu {
  color: var(--Text-200);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}

.marvel-pcrfbp {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  border: 1px solid var(--border-color);
 background: var(--card-bg-color, radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--fh-bg-color) 0%,
    color-mix(in srgb, var(--menu-color) 50%, transparent)
  ));
  padding: 24px;
  padding-top: 30px;
}

.marvel-rhzb7w {
  padding: 10px 15px 12px;
  transition: 0.3s;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}

.marvel-rhzb7w.marvel-6ef3lc {
  border-bottom: 4px solid var(--button-bg-color, #70f);
}

.marvel-3nves7 {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--card-text-color, var(--text-color));
}

@media screen and (min-width: 768px) {
  .marvel-3nves7 {
    font-size: 20px;
    line-height: 28px;
  }
}

.marvel-prh67f {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  color: var(--card-text-color, var(--text-color));
}

.marvel-5bmsf7 {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  transition: 0.marvel-6ckpxo ease;
  opacity: 0;
  color: var(--card-text-color, var(--text-color));
}

.marvel-99h7f3 {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 0 0;
}

.marvel-99h7f3 ol,
.marvel-99h7f3 ul {
  padding-left: 1.3em;
}

.marvel-rhzb7w.marvel-6ef3lc .marvel-5bmsf7 {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.marvel-rhzb7w.marvel-6ef3lc .marvel-prh67f {
  transform: rotate(180deg);
  color: var(--card-text-color, var(--text-color));
}

.marvel-p6k2ho {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  border-radius: var(--M, 24px);
  border: 1px solid var(--Neutral-200);
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300) 0%,
    var(--Neutral-300) 49.52%
  );
  padding: 16px;
}

@media (min-width: 768px) {
  .marvel-p6k2ho {
    padding: 24px;
  }
}

.marvel-p6k2ho .marvel-80h14f {
  display: flex;
}

@media (min-width: 768px) {
  .marvel-p6k2ho .marvel-80h14f {
    display: none;
  }
}

.marvel-p6k2ho .marvel-v04qyk svg {
  display: none;
}

.marvel-qf5pb2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.marvel-qf5pb2 .marvel-popl4i {
  display: none;
}

@media (min-width: 768px) {
  .marvel-qf5pb2 .marvel-popl4i {
    display: flex;
  }
}

.marvel-upgng7 {
  color: var(--Text-100);
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
}

@media screen and (min-width: 768px) {
  .marvel-upgng7 {
    align-items: center;
    font-size: 40px;
    line-height: 48px;
  }
}

.marvel-upgng7 > * {
  margin: 0 !important;
}

.marvel-upgng7 img,
.marvel-vbzqkg {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .marvel-upgng7 img,
  .marvel-vbzqkg {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.marvel-tktdu8 {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .marvel-tktdu8 {
    width: 32px;
    height: 32px;
  }
}

.marvel-bady3z {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .marvel-bady3z {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
  }

  .marvel-bady3z::-webkit-scrollbar {
    display: none;
  }
}

.marvel-vk0pz8 {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 8px 16px;
  height: 60px;
}

.marvel-vk0pz8:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.marvel-tibvpp {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .marvel-tibvpp {
    display: flex;
    opacity: 1;
  }
}

.marvel-vk0pz8 picture {
  width: auto;
  height: 100%;
  display: block;
}

.marvel-vk0pz8 picture img {
  display: block;
  width: auto;
  height: 100%;
}

.marvel-kx6424 {
  margin: -24px 0;
}

.marvel-kx6424:first-of-type {
  margin-top: 24px;
}

@media (min-width: 1200px) {
  .marvel-kx6424 {
    margin: -16px 0;
  }
}

.marvel-l0u821 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .marvel-l0u821 {
    flex-direction: row;
  }
}

.marvel-6zf5qv {
  padding: 12px 12px 12px 50px;
  border-radius: 16px;
  background:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguMzk5OSAxNy42TDIzLjk5OTkgMjMuMiIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjExLjIiIGN5PSIxMS4yIiByPSI5LjQiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+")
      no-repeat 16px center,
    var(--Neutral-300);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  color: var(--Text-400);
}

@media (min-width: 768px) {
  .marvel-6zf5qv {
    flex: 1;
  }
}

.marvel-6zf5qv::placeholder {
  color: var(--Text-400);
}

.marvel-m1utug {
  padding: 10px 15px;
  border-radius: 16px;
  border: 1px solid var(--Primary-200);
  background: var(--neutral-30060);
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: center;
  gap: 8px;
  color: var(--Text-100);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.marvel-uxruit {
  display: flex;
  margin: -4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.marvel-uxruit::-webkit-scrollbar {
  display: none;
}

.marvel-n1eaj3 {
  border-radius: 16px;
  background-color: var(--neutral-30060);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: var(--Text-100);
  margin: 4px;
  text-align: center;
  padding: 7px 15.5px;
  border: 1px solid var(--Primary-200);
  flex-shrink: 0;
  cursor: pointer;
}

.marvel-n1eaj3 img,
.marvel-n1eaj3 svg {
  margin-right: 8px;
}

.marvel-qljzfr {
  background: var(--Primary-200);
  color: var(--Text-00);
}

.marvel-kx6424 + .marvel-z1fnuu {
  margin-top: 0;
}

@media (min-width: 768px) {
  .marvel-kx6424 + .marvel-z1fnuu {
    margin-top: -16px;
  }
}

.marvel-9u3b6r {
  border-radius: 4px;
  overflow-y: auto;
  position: absolute;
  background-color: var(--Neutral-300);
  width: 100%;
  z-index: 990;
  top: 54px;
}

.marvel-9u3b6r > * {
  padding: 12px;
  color: var(--Text-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.marvel-9u3b6r > *:hover {
  box-shadow: inset 0px 0px 3px var(--Text-300);
  background-color: var(--Neutral-100);
}

.marvel-9xhmx5 {
  border-radius: 24px;
  border: 1px solid var(--border-color);

  background: var(--card-bg-color, radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--fh-bg-color) 0%,
    color-mix(in srgb, var(--menu-color) 50%, transparent)
  ));
  padding: 15px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.marvel-k1ogz1 {
  color: var(--card-text-color, var(--text-color));
  font-feature-settings: "liga" off;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.marvel-r8xauq {
  color: var(--card-text-color, var(--text-color));
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.marvel-2tslv8 {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.marvel-aggeah {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
  width: auto;
  height: 170px;
}

.marvel-9xhmx5 button {
  border-radius: 16px;
  background: var(--button-bg-color);
  padding: 10px 15px;
  color: var(--button-text-color);
  text-align: center;
  font-feature-settings: "liga" off;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  flex: 1;
}

.marvel-9xhmx5 button svg {
  pointer-events: none;
  touch-action: none;
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  object-position: center;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .marvel-9xhmx5 {
    padding: 39px 179px 39px 39px;
  }

  .marvel-k1ogz1 {
    font-size: 40px;
    line-height: 48px;
  }

  .marvel-aggeah {
    height: 348px;
  }

  .marvel-9xhmx5 button {
    font-size: 18px;
    line-height: 26px;
    flex: 0 0 auto;
    padding: 15px 23px;
  }

  .marvel-9xhmx5 button svg {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .marvel-9xhmx5 {
    padding: 63px;
  }
}

.marvel-a7l03i {
  display: flex;
  align-items: center;
  padding: 8px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .marvel-a7l03i {
    flex-wrap: nowrap;
    padding: 16px 0;
  }
}

.marvel-k5zwig {
  font-size: 14px;
  width: 100%;
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .marvel-k5zwig {
    width: auto;
  }
}

.marvel-2yzh5c {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-x;
  margin-top: 4px;
}

.marvel-2yzh5c::-webkit-scrollbar {
  display: none;
}

.marvel-2yzh5c a {
  background-color: var(--Neutral-300);
  color: var(--Text-300);
  padding: 8px 16px;
  flex-shrink: 0;
  display: flex;
  white-space: nowrap;
  font-weight: 700;
  font-size: 16px;
  margin-right: 8px;
  border-radius: var(--M, 8px);
}

.marvel-2yzh5c a:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .marvel-2yzh5c {
    margin-left: 16px;
    margin-top: 0;
  }
}

.marvel-a7l03i .marvel-go4om1 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.marvel-6ckpxo,
    mask-image 0.3s;
}

.marvel-a7l03i .marvel-go4om1.marvel-4k35jb {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

.marvel-ehtlkd {
  margin: 40px -16px;
}

.marvel-ipoink + .marvel-9apmn7,
.marvel-ipoink + .marvel-hu16sx {
  margin-top: 24px;
}

.marvel-5ez2jw {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-200);
}

.marvel-5ez2jw picture {
  display: flex;
  width: 100%;
  min-height: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.marvel-33frmt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 46px;
  padding: 0 8px;
}

@media (min-width: 768px) {
  .marvel-33frmt {
    padding: 0 15px;
    margin-bottom: 40px;
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  .marvel-33frmt {
    margin-top: 0;
  }
}

.marvel-n87ru5 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .marvel-n87ru5 {
    font-size: 24px;
    line-height: 32px;
  }
}

.marvel-ppj29z {
  max-width: 700px;
  padding: 18px 14px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--neutral-30080);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 768px) {
  .marvel-ppj29z {
    gap: 24px;
    padding: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
  }
}

.marvel-fngwc4 {
  position: relative;
  z-index: 1;
  width: 100%;
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300) 0%,
    var(--neutral-30080) 49.52%
  );
  padding: 16px 16px;
}

@media (min-width: 1200px) {
  .marvel-fngwc4 {
    margin-bottom: 0;
    margin-right: 32px;
    padding: 40px;
  }
}

.marvel-igiwfc {
  font-weight: 700;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  color: var(--Text-300);
  font-size: 18px;
  line-height: 26px;
  text-transform: capitalize;
}

@media (min-width: 1200px) {
  .marvel-igiwfc {
    font-size: 20px;
    line-height: 28px;
  }
}

.marvel-tzev1w {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: var(--Text-100);
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .marvel-tzev1w {
    font-size: 32px;
    line-height: 40px;
  }
}

.marvel-mtdd0g {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  display: flex;
  padding: 8px;
  align-items: center;
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.14);
  color: var(--Text-100);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.marvel-ji8oa7 {
  display: block;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.marvel-ji8oa7 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.marvel-z1fnuu {
  margin: 24px auto 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.marvel-t5f2cg {
  border-radius: 16px;
  background: var(--Primary-200);
  padding: 15px 24px;
  color: var(--Text-00);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

@media (min-width: 768px) {
  .marvel-t5f2cg {
    padding: 15px 48px;
  }
}

main > .marvel-z1fnuu {
  margin: -26px auto -16px;
}

@media (max-width: 700px) {
  .marvel-ejano0.marvel-yojzdp > div:nth-child(n+5) {
    display: none;
  }
}

.marvel-0ryx2d p a img {
  display: block;
  margin: 0 auto;
}


.marvel-l1mjlg {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  width: 100%;
  height: 60px;
  font-size: 18px;
  font-weight: 600;
  color: var(--button-text-color);
  cursor: pointer;
  text-align: center;
  border-radius: 6px;
  text-decoration: none;
  background: var(--button-bg-color);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  margin: 25px auto;
}

/* contanct form */
.marvel-brknvm {
  background: var(--fh-bg-color);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: -2px 1px 8px 5px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 50px auto;
}

.marvel-brknvm label {
  font-size: 14px;
}

.marvel-brknvm h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.marvel-brknvm input,
.marvel-brknvm textarea,
.marvel-brknvm button {
  width: 100%;
  padding: 10px;
  margin-top:5px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background-color: var(--main-theme-color);
  font-size: 1rem;
}
.marvel-brknvm button {
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  border: none;
  cursor: pointer;
  transition: background 0.marvel-3r0gtr ease;
}
.marvel-brknvm button:hover {
  background-color: var(--button-bg-hover);
}
.marvel-17qqdb {
  text-align: center;
  color: green;
  font-weight: 500;
  padding: 50px 0;
  animation: fadeIn 0.marvel-6jr8lw ease-in;
}

.marvel-17qqdb h2 {
  color: green;
  font-weight: 500;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* brandauto-contrast-fix v1 */
:root {
  --footer-menu-color: #ece7dc;
  --updated-block-color: #ece7dc;
  --rate-counter-bg: #1e1e1e;
  --rate-counter-bg-top: #2a2a2a;
}
.marvel-6f8kfd, .marvel-85ovjh, [class*="review-card"],
thead, thead th, table th, .marvel-10dcz6,
.marvel-dru9uv, [class*="collapsible-header"],
.marvel-nxprjy, [class*="updated-block"] {
  color: #ece7dc !important;
}

/* brandauto-contrast-fix v4 */
header nav li a, header ul li a { color: var(--text-color) !important; }
