@font-face {
  font-family: 'melted-monster';
  src: url('../fonts/MeltedMonster.eot');
  src: url('../fonts/MeltedMonster.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MeltedMonster.woff2') format('woff2'),
    url('../fonts/MeltedMonster.woff') format('woff'),
    url('../fonts/MeltedMonster.ttf') format('truetype'),
    url('../fonts/MeltedMonster.svg#MeltedMonster') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'another-danger-demo';
  src: url('../fonts/AnotherDangerDemo.eot');
  src: url('../fonts/AnotherDangerDemo.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AnotherDangerDemo.woff2') format('woff2'),
    url('../fonts/AnotherDangerDemo.woff') format('woff'),
    url('../fonts/AnotherDangerDemo.ttf') format('truetype'),
    url('../fonts/AnotherDangerDemo.svg#AnotherDangerDemo') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rogan';
  src: url('../fonts/Rogan-Regular.eot');
  src: url('../fonts/Rogan-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-Regular.woff2') format('woff2'),
    url('../fonts/Rogan-Regular.woff') format('woff'),
    url('../fonts/Rogan-Regular.ttf') format('truetype'),
    url('../fonts/Rogan-Regular.svg#Rogan-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Rubik-Regular';
  src: url('Rubik-Regular.woff2') format('woff2'),
    url('Rubik-Regular.woff') format('woff'),
    url('Rubik-Regular.ttf') format('truetype'),
    url('Rubik-Regular.svg#Rubik-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.nw-banner-wt-1.hallowen-pg {
  background: #000 !important;

  .top-newbar-section {
    .navbar {
      background: transparent !important;
      transition: background 1s ease-in-out, color 1s ease-in-out, box-shadow 1s ease-in-out;

      &.navbar-scrolled {
        background: linear-gradient(to left, #493c9c, #110464, #ec732b) !important;
      }

      .navbar-collapse {
        gap: 69px;
        justify-content: center;

        @media screen and (max-width: 1300px) {
          gap: 10px;
        }
      }
    }
  }

  .mobilenav-section {
    .navbar-bg {
      @media screen and (max-width : 991px) {
        background: linear-gradient(to left, #fe772d, #47469f, #130666) !important;
      }
    }

    .menu-link {
      @media screen and (max-width : 991px) {
        color: #fff;
      }
    }

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

      .fa-bars:before,
      .fa-navicon:before {
        content: "\f0c9";
        color: #fff;
      }
    }
  }

  #componentToScrollTo .contact-container-new-form,
  #componentToScrollTo {
    background: #000 !important;
    color: #fff !important;
  }

  #componentToScrollTo {
    padding-top: 0 !important;
  }

  .new-footer-section {
    background: linear-gradient(#493c9c, #110464, #ec732b) !important;
    box-shadow: 2px 14px 43px #ec732b !important;

    .navbar-brand-footer {
      filter: revert;
    }


  }

  .navbar-nav.navbar-nav-cen-1 {
    background: rgba(230, 234, 249, 0.24);

    .nav-item {
      a.nav-link {
        color: #fff !important;
      }

      &:first-of-type {
        a.nav-link {
          padding-left: 15px !important;
        }
      }
    }
  }

  .navbar-brand {
    img {
      filter: revert !important;
    }
  }

  .talkto-expert {
    background: rgba(230, 234, 249, 0.24);
    animation: unset !important;
  }

  .nav-item {
    #openSidebar {
      border: 0 !important;
      animation: unset !important;

      &::before {
        color: #fff !important;
      }
    }

    &.hallo-pg-nav {
      margin-left: 0 !important;
    }
  }

  h1,
  h2 {
    font: 87px/121px 'melted-monster';
    font-weight: 700;
    color: #fbff44;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 10px 0 #cd4602, 0 6px 0 #cd4602, 0 10px 18px rgba(0, 0, 0, 0.35);

    @media screen and (max-width: 1200px) {
      font-size: 76px;
      line-height: 90px;
    }

    @media screen and (max-width: 1200px) {
      font-size: 71px;
      line-height: 86px;
    }

    @media screen and (max-width: 991px) {
      font-size: 65px;
      line-height: 84px;
    }

    @media screen and (max-width: 881px) {
      font-size: 56px;
      line-height: 71px;
    }

    @media screen and (max-width: 768px) {
      font-size: 50px;
      line-height: 64px;
    }

    @media screen and (max-width: 650px) {
      font-size: 43px;
      line-height: 55px;
      ;
    }

    @media screen and (max-width: 550px) {
      font-size: 38px;
      line-height: 48px;
    }

    @media screen and (max-width: 450px) {
      font-size: 34px;
      line-height: 42px;
      text-shadow: 0 0px 0 #cd4602, 0 6px 0 #cd4602, 0 10px 18px rgba(0, 0, 0, 0.35);
    }

    @media screen and (max-width: 400px) {
      font-size: 29px;
      line-height: 35px;
      text-shadow: 0 0px 0 #cd4602, 0 3px 0 #cd4602, 0 10px 18px rgba(0, 0, 0, 0.35);
    }

  }

  h2:not(.modal h2, #componentToScrollTo h2, .mobilenav-section *) {
    font: 71px/84px 'melted-monster';

    @media screen and (max-width: 1200px) {
      font-size: 60px;
      line-height: 70px;
    }

    @media screen and (max-width: 991px) {
      font-size: 48px;
      line-height: 64px;
    }

    @media screen and (max-width: 880px) {
      font-size: 40px;
      line-height: 54px;
    }

    @media screen and (max-width: 880px) {
      font-size: 36px;
      line-height: 50px;
    }

    @media screen and (max-width: 768px) {
      font-size: 33px;
      line-height: 48px;
    }


    @media screen and (max-width: 550px) {
      font-size: 28px;
      line-height: 38px;
      text-shadow: 0 0px 0 #cd4602, 0 4px 0 #cd4602, 0 0px 0px rgba(0, 0, 0, 0.35);
    }
  }

  p:not(.mobilenav-section *, .mobilenav-section .nav-pitch-link, .modal p, #componentToScrollTo p, .top-newbar-section p, .new-footer-section p) {
    font: 18px/27px 'Rogan';
    color: #fff;
    font-weight: 600;
    text-align: center;

    @media screen and (max-width: 550px) {
      font-size: 16px;
      line-height:22px;
    }
  }

  .new-footer-section * {
    color: #fff !important;
  }

  ul {
    margin-left: 0 !important;
    padding-left: 0 !important;

    li:not(.top-newbar-section li, .new-footer-section li) {
      list-style: none;
      font: 16px/22px 'Rogan';
    }

    &.pumpkin-list {
      li {
        img {
          width: 18px;
          height: 18px;
          object-fit: contain;
        }
      }
    }
  }

  strong {
    &.sub-hd {
      font: 20px/25px 'Rogan';
      font-weight: 800;
      color: rgba(255, 240, 0, 1);

      @media screen and (max-width : 550px) {
        font-size: 18px;
        line-height: 24px;
      }
    }
  }

  .nwe-toke-btn-1 {
    padding: 15px 12px;
    background: rgba(254, 119, 45, 1);
    border: 0;
    font: 13px/20px 'Rubik-Regular', sans-serif;
    color: #000;
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-transform: uppercase;

    @media screen and (max-width: 650px) {
      font-size: 12px;
      line-height: 17px;
      padding: 12px 8px;
    }
  }

  .btn-scratch {
    width: fit-content;
    margin: 0 auto;
    background-size: 436px 50px;
    padding: 0px 33px 0 20px;

    @media screen and (max-width: 650px) {
      background-size: 400px 50px;
    }
  }

  .counter-value {
    font-size: 47px;
    line-height: 64px;
    color: #fbff44;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 10px 0 #cd4602, 0 6px 0 #cd4602, 0 10px 18px rgba(0, 0, 0, 0.35);

    +p {
      font: 17px/39px 'Rubik-Regular', sans-serif;
      color: #fff;
    }


  }

  .nwe-toke-sec-1 {

    /* @media screen and (max-width : 550px) {
background-size: 70% 50% !important;
      }
 */

    &::after {
      content: none;
    }

    .text-ban1 {
      font: 40px/48px 'Rogan';
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 2px;

      @media screen and (max-width : 1100px) {
        font-size: 34px;
        line-height: 40px;
      }

      @media screen and (max-width : 991px) {
        font-size: 31px;
        line-height: 36px;
      }

      @media screen and (max-width : 881px) {
        font-size: 26px;
        line-height: 29px;
      }

      @media screen and (max-width : 650px) {
        font-size: 23px;
        line-height: 26px;
        letter-spacing: 1px;
      }

      @media screen and (max-width: 550px) {
        font-size: 20px;
        line-height: 15px;
        letter-spacing: 1px;
      }

      @media screen and (max-width: 450px) {
        font-size: 17px;
        line-height: 19px;
        letter-spacing: 1px;
      }

    }

    .min-vh-100 {
      @media screen and (max-width : 1200px) {
        min-height: 80vh !important;
      }

      @media screen and (max-width : 650px) {
        min-height: 65vh !important;
      }

      @media screen and (max-width : 700px) {
        padding-top: 50px;
        padding-bottom: 103px;
      }

      @media screen and (max-width : 550px) {
        padding: 50px 0;
      }
    }
  }

  .hh-block {
    padding: 120px 0 232px;

    @media screen and (max-width : 991px) {
      padding: 80px 0 60px;
    }
  }

  .bottle-sec {
    h2 {
      font: 80px/116px 'another-danger-demo';
      color: rgba(254, 119, 45, 1) !important;
      text-transform: uppercase;
      letter-spacing: 2px;
      text-shadow: unset;
    }

    .img-fluid {
      @media screen and (max-width : 768px) {
        width: 140px;
        height: 200px;
        margin: auto;
        object-fit: contain;
        display: block;
      }
    }
  }

  .skel-sec {
    padding: 230px 0 180px !important;

    @media screen and (max-width: 991px) {
      padding: 154px 0 50px !important;
    }

    .dis-row {
      .ryt-dis {
        img {
          object-fit: contain;
        }
      }

      .lft-dis {

        .btn-scratch {
          width: fit-content;
          margin: unset;
          background-size: 305px 51px;
          padding: 0 19px 0px 6px;

          @media screen and (max-width: 650px) {
            background-size: 275px 51px;
          }

          button {
            margin: unset;
          }
        }
      }
    }

    &.skel2 {
      padding: 120px 0 50px !important;

      .dis-row {

        .btn-scratch {
          background-size: 190px 44px;

          @media screen and (max-width: 650px) {
            background-size: 169px 40px;
          }
        }
      }

      @media screen and (max-width : 991px) {
        padding: 100px 0 50px !important;
      }
    }

    &.corn-sec {
      padding: 100px 0 !important;

      @media screen and (max-width : 991px) {
        padding: 100px 0 0px !important;
      }

      .dis-row {
        position: relative;

        .ryt-dis {
          position: absolute;
          right: -45px;
          bottom: -59px;

          img {
            object-fit: cover;
            height: 566px;
            width: 585px;

            @media screen and (max-width : 991px) {
              height: 100%;
              width: 100%;
            }
          }

          @media screen and (max-width : 991px) {
            right: 0;
            position: unset;
          }
        }

        .lft-dis {
          .btn-scratch {
            background-size: 292px 51px;

            @media screen and (max-width : 991px) {
              background-size: 261px 51px;
            }

          }
        }
      }
    }

    &.hang-sec {
      padding: 124px 0px 150px !important;
      margin-top: 50px;

      .btn-scratch {
        background-size: 284px 48px !important;
        padding: 0 19px 0px 6px;

        @media screen and (max-width: 650px) {
          background-size: 258px 48px !important;
        }
      }

      @media screen and (max-width : 991px) {
        margin-top: 0;
      }
    }


    &.chain-zomb {
      padding: 130px 0 30px !important;

      .lft-dis {
        .btn-scratch {
          background-size: 270px 51px;
        }
      }

    }

  }

  .und-sec {
    * {
      color: #fff !important;
    }

    h2 {
      color: rgba(254, 119, 45, 1) !important;
      text-shadow: unset;
    }

    strong {
      &.sub-hd {
        color: rgba(254, 119, 45, 1) !important;
      }
    }

    .btn-scratch {
      width: fit-content;
      margin: unset;
      background-size: 239px 43px;
      padding: 4px 16px 0px 6px;
      color: #000 !important;

      @media screen and (max-width: 650px) {
        background-size: 211px 43px;
      }

      button {
        margin: unset;
      }
    }
  }


  .home-sec {
    position: relative;
    padding: 250px 0 90px !important;

    @media screen and (max-width : 991px) {
      padding: 50px 0 !important;
    }

    .ryt-dis {
      position: absolute;
      bottom: -3px;
      right: 0;
      height: 548px;

      @media screen and (max-width : 991px) {
        height: 100%;

      }

      img {
        height: inherit;
        width: 100%;
        object-fit: contain;
      }

      @media screen and (max-width : 991px) {
        position: unset;
      }
    }

    .lft-dis {
      h2 {
        font: 50px/58px 'melted-monster';
        color: #fff;
        text-shadow: unset !important;
      }

      & .btn-scratch {
        width: fit-content;
        margin: unset;
        background-size: 289px 50px;
        padding: 0px 33px 0 20px;
      }
    }
  }

  .corn-sec {
    padding: 200px 0 !important;
  }

  .counter-section {
    width: 100%;
    padding: 40px 10px;

    @media screen and (max-width : 768px) {
      padding: 0px 10px 30px;
    }

    .counter-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;

      @media screen and (max-width : 550px) {
        gap: 6px;
      }

      .counter-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 27px 52px;
        min-width: 156px;

        h2 {
          font: 47px/57px 'melted-monster' !important;
          padding-top: 16px;

          @media screen and (max-width : 650px) {
            font-size: 30px !important;
            line-height: 40px !important;
            margin-bottom: 5px;
          }

          @media screen and (max-width : 550px) {
            text-shadow: 0 4px 0 #cd4602,
              0 0px 0 #cd4602,
              0 10px 18px rgba(0, 0, 0, 0.35);
            font-size: 23px !important;
            line-height: 24px !important;
            margin-bottom: 5px;
          }

        }

        @media screen and (max-width : 768px) {
          padding: 18px 34px;
          min-width: 136px;
        }

        @media screen and (max-width : 650px) {
          padding: 18px 28px 11px;
          min-width: 115px;
        }

        @media screen and (max-width : 550px) {
          padding: 18px 24px 11px;
          min-width: 88px;
        }

        @media screen and (max-width : 450px) {
          padding: 9px 16px 9px;
          min-width: 77px;
        }

        @media screen and (max-width : 450px) {
          padding: 9px 14px 9px;
          min-width: 68px;
        }

      }
    }

  }


  .counter-value {
    font-size: 64px;
    line-height: 1;
    font-weight: 900;
    color: #fbff44;
    text-shadow: 0 10px 0 #cd4602, 0 6px 0 #cd4602, 0 10px 18px rgba(0, 0, 0, 0.35);
    letter-spacing: 1px;
  }

  .counter-label {
    font: 14px/15px 'Rogan';
    font-weight: 800;
    letter-spacing: 2px;
    color: #f8e7c0;

    @media screen and (max-width : 650px) {
      font-size: 11px;
    }

  }

  .counter-separator {
    font-size: 46px;
    font-weight: 800;
    color: #ff8c00;
    text-shadow: 0 0 12px rgba(255, 140, 0, 0.5);
    transform: translateY(-8px);
  }

  @media (max-width: 768px) {
    .counter-wrapper {
      gap: 12px;
    }

    .counter-separator {
      display: none;
    }

    .counter-card {
      min-width: 120px;
      padding: 24px 16px 16px;
    }

    .counter-value {
      font-size: 46px;
    }
  }
}

/* star */
/* .hallowen-pg,
.hallowen-pg * {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 40 40'><line x1='6' y1='36' x2='26' y2='16' stroke='%23c9a0ff' stroke-width='3' stroke-linecap='round'/><path d='M29 4L31 10L37 11L32 15L34 21L29 17L24 21L26 15L21 11L27 10Z' fill='%23ffd27a' stroke='%23ff7a00' stroke-width='1'/></svg>") 29 12, auto;
} */

/* bat */
/* .hallowen-pg,
.hallowen-pg * {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 40 40'><path d='M20 14Q17 8 15 10Q12 6 2 8Q7 12 6 18Q10 16 13 20Q16 18 20 24Q24 18 27 20Q30 16 34 18Q33 12 38 8Q28 6 25 10Q23 8 20 14Z' fill='%23120622' stroke='%239b4dff' stroke-width='1.2'/><circle cx='18' cy='13' r='1' fill='%23ff3b3b'/><circle cx='22' cy='13' r='1' fill='%23ff3b3b'/></svg>") 20 16, auto;
} */

/* witch */

.hallowen-pg,
.hallowen-pg * {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='%239b4dff' stroke='%239b4dff' stroke-width='2.6' stroke-linejoin='round'><path d='M13.6 44.8L60.6 29.8L61.4 32.2L14.4 47.2Z'/><path d='M17 44.5L5 39L7 43.5L2 47L8 48.5L4 54L15 49.5Z'/><path d='M34 19.5C29 18 24 20 18 18.5C22 21.5 25 22.5 28 22.5C25 24 22 26 19 29C25 28.5 30 27.5 34 25Z'/><path d='M27 40C21 36.5 14 37 9 42C15 41 20 42 24 44C20 47 16 50 12.5 55C20 51.5 26 48.5 31 44Z'/><path d='M31 40L33 50L28 53L31 54.2L37 50L36 40Z'/><path d='M36 40L41 48L37 51L40 52.2L45 48L41 39Z'/><path d='M27 41C26 33 30 27 36 25L41 26C43 31 42 36 41 41Z'/><path d='M38.6 26.5L50.6 31.5L49.4 34.5L37.4 29.5Z'/><circle cx='38' cy='20' r='4.4'/><path d='M41.5 19.5L47 22L41.5 23Z'/><ellipse cx='37' cy='16.2' rx='10' ry='2.4' transform='rotate(-8 37 16.2)'/><path d='M30 15.5C32 9 36 5 42 3C45 2 47 3 48 5C44 5 41 8 41 12L43.5 15Z'/></g><g fill='%23120622' stroke='%23120622' stroke-width='.6' stroke-linejoin='round'><path d='M13.6 44.8L60.6 29.8L61.4 32.2L14.4 47.2Z'/><path d='M17 44.5L5 39L7 43.5L2 47L8 48.5L4 54L15 49.5Z'/><path d='M34 19.5C29 18 24 20 18 18.5C22 21.5 25 22.5 28 22.5C25 24 22 26 19 29C25 28.5 30 27.5 34 25Z'/><path d='M27 40C21 36.5 14 37 9 42C15 41 20 42 24 44C20 47 16 50 12.5 55C20 51.5 26 48.5 31 44Z'/><path d='M31 40L33 50L28 53L31 54.2L37 50L36 40Z'/><path d='M36 40L41 48L37 51L40 52.2L45 48L41 39Z'/><path d='M27 41C26 33 30 27 36 25L41 26C43 31 42 36 41 41Z'/><path d='M38.6 26.5L50.6 31.5L49.4 34.5L37.4 29.5Z'/><circle cx='38' cy='20' r='4.4'/><path d='M41.5 19.5L47 22L41.5 23Z'/><ellipse cx='37' cy='16.2' rx='10' ry='2.4' transform='rotate(-8 37 16.2)'/><path d='M30 15.5C32 9 36 5 42 3C45 2 47 3 48 5C44 5 41 8 41 12L43.5 15Z'/></g><path d='M30.6 13.4Q36 11.4 42 12.6' stroke='%23ff7a00' stroke-width='1.8' fill='none' stroke-linecap='round'/><circle cx='39.6' cy='19.2' r='.8' fill='%23ffd27a'/><circle cx='4' cy='34' r='1.3' fill='%23ff7a00'/><circle cx='1.5' cy='41' r='1' fill='%23ffd27a'/><circle cx='9' cy='58' r='1.2' fill='%23ff7a00'/><circle cx='13' cy='37' r='.9' fill='%23ffd27a'/></svg>") 61 31, auto;
}

/* Normal cursor on clickable things */
.hallowen-pg a,
.hallowen-pg button,
.hallowen-pg [role="button"],
.hallowen-pg input[type="submit"],
.hallowen-pg label,
.hallowen-pg select,
.hallowen-pg .btn {
  cursor: pointer;
}


/* Sparkle star trail, Halloween page only */
.hallowen-pg .halloween-star {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  background-repeat: no-repeat;
  background-size: contain;
  animation: halloween-star-float 0.9s ease-out forwards;
}

.hallowen-pg .halloween-star.violet {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 0Q11 9 20 10Q11 11 10 20Q9 11 0 10Q9 9 10 0Z' fill='%239b4dff'/><circle cx='10' cy='10' r='1.6' fill='%23ffffff' fill-opacity='.85'/></svg>");
  filter: drop-shadow(0 0 5px #9b4dff);
}

.hallowen-pg .halloween-star.orange {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M10 0Q11 9 20 10Q11 11 10 20Q9 11 0 10Q9 9 10 0Z' fill='%23ff7a00'/><circle cx='10' cy='10' r='1.6' fill='%23fff3c4' fill-opacity='.9'/></svg>");
  filter: drop-shadow(0 0 5px #ff7a00);
}

@keyframes halloween-star-float {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(0.4);
    opacity: 1;
  }

  30% {
    transform: translate(calc(var(--dx) * 0.3), calc(var(--dy) * 0.3)) rotate(90deg) scale(1.1);
    opacity: 1;
  }

  100% {
    transform: translate(var(--dx), var(--dy)) rotate(240deg) scale(0);
    opacity: 0;
  }
}

/* train */
/* ===== Halloween steam train (scoped to .hallowen-pg) ===== */
.hallowen-pg .hw-train {
  position: relative;
  height: 240px;
  overflow: hidden;
  background: radial-gradient(ellipse at 80% 20%, rgba(255, 122, 0, .16), transparent 55%), linear-gradient(#000, #0d0615 70%, #000);
}

.hallowen-pg .hw-train__track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  height: 10px;
  border-top: 3px solid #6d5a86;
  background: repeating-linear-gradient(90deg, #2b1d3a 0 10px, transparent 10px 26px) 0 5px/100% 5px no-repeat;
}

.hallowen-pg .hw-train__fog {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: linear-gradient(transparent, rgba(155, 77, 255, .18));
  pointer-events: none;
}

.hallowen-pg .hw-train__run {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 1234px;
  line-height: 0;
  will-change: transform;
  animation: hw-run 20s linear infinite;
}

.hallowen-pg .hw-train__svg {
  display: block;
  overflow: visible;
  max-width: none;
}

@keyframes hw-run {
  0% {
    transform: translateX(-110%)
  }

  72%,
  100% {
    transform: translateX(calc(100vw + 10%))
  }
}

.hallowen-pg .hw-wheel {
  animation: hw-spin .8s linear infinite
}

@keyframes hw-spin {
  to {
    transform: rotate(360deg)
  }
}

.hallowen-pg .hw-rod {
  animation: hw-rod .8s linear infinite
}

@keyframes hw-rod {
  0% {
    transform: translate(4px, 0)
  }

  25% {
    transform: translate(0, -4px)
  }

  50% {
    transform: translate(-4px, 0)
  }

  75% {
    transform: translate(0, 4px)
  }

  100% {
    transform: translate(4px, 0)
  }
}

.hallowen-pg .hw-win {
  animation: hw-flicker 2.6s ease-in-out infinite
}

@keyframes hw-flicker {

  0%,
  100% {
    opacity: 1
  }

  45% {
    opacity: .82
  }

  50% {
    opacity: .95
  }

  70% {
    opacity: .88
  }
}

.hallowen-pg .hw-puff {
  fill: #d9cfe8;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: hw-puff 3.6s ease-out infinite
}

.hallowen-pg .hw-puff:nth-child(odd) {
  fill: #b9a3e6
}

@keyframes hw-puff {
  0% {
    opacity: .75;
    transform: translate(0, 0) scale(.5)
  }

  100% {
    opacity: 0;
    transform: translate(-90px, -95px) scale(2.8)
  }
}

@media (max-width:700px) {
  .hallowen-pg .hw-train {
    height: 190px
  }

  .hallowen-pg .hw-train__run {
    width: 844px
  }

  .hallowen-pg .hw-train__svg {
    width: 844px;
    height: auto
  }
}




/* ===== Skeletons + offer sign riding the train (scoped to .hallowen-pg) ===== */
.hw-train {
  height: 300px;

  @media (max-width: 991px) {
    height: 432px !important;
  }
}

.hallowen-pg .hw-offer__small {
  font: 700 18px/1 "Creepster", "Eater", "Impact", "Arial Black", sans-serif;
  letter-spacing: 6px;
  fill: #d9b3ff
}

.hallowen-pg .hw-offer__big {
  font: 900 52px/1 "Creepster", "Eater", "Impact", "Arial Black", sans-serif;
  letter-spacing: 2px;
  fill: url(#hwText);
  stroke: #7a2a00;
  stroke-width: .8px;
  paint-order: stroke
}

.hallowen-pg .hw-bounce,
.hallowen-pg .hw-swing,
.hallowen-pg .hw-legL,
.hallowen-pg .hw-legR,
.hallowen-pg .hw-wave,
.hallowen-pg .hw-head,
.hallowen-pg .hw-jaw {
  transform-box: view-box;
  transform-origin: 0 0
}

.hallowen-pg .hw-bounce {
  animation: hw-bounce .6s ease-in-out infinite
}

.hallowen-pg .hw-swing {
  animation: hw-swing 1.2s ease-in-out infinite alternate
}

.hallowen-pg .hw-legL {
  animation: hw-legL 1.2s ease-in-out infinite
}

.hallowen-pg .hw-legR {
  animation: hw-legR 1.2s ease-in-out infinite
}

.hallowen-pg .hw-wave {
  animation: hw-wave .6s ease-in-out infinite
}

.hallowen-pg .hw-head {
  animation: hw-head 1.2s ease-in-out infinite
}

.hallowen-pg .hw-jaw {
  animation: hw-jaw .3s ease-in-out infinite alternate
}

.hallowen-pg .hw-sk--r .hw-legL,
.hallowen-pg .hw-sk--r .hw-legR,
.hallowen-pg .hw-sk--r .hw-head {
  animation-delay: -.6s
}

.hallowen-pg .hw-sk--r .hw-wave {
  animation-delay: -.3s
}

@keyframes hw-bounce {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-6px)
  }
}

@keyframes hw-swing {
  from {
    transform: rotate(-2.2deg)
  }

  to {
    transform: rotate(2.2deg)
  }
}

@keyframes hw-legL {

  0%,
  50%,
  100% {
    transform: rotate(0)
  }

  25% {
    transform: rotate(22deg)
  }
}

@keyframes hw-legR {

  0%,
  50%,
  100% {
    transform: rotate(0)
  }

  75% {
    transform: rotate(-22deg)
  }
}

@keyframes hw-wave {

  0%,
  100% {
    transform: rotate(-18deg)
  }

  50% {
    transform: rotate(24deg)
  }
}

@keyframes hw-head {

  0%,
  100% {
    transform: rotate(-8deg)
  }

  50% {
    transform: rotate(8deg)
  }
}

@keyframes hw-jaw {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(2.4px)
  }
}

@media (max-width:700px) {
  .hallowen-pg .hw-train {
    height: 235px
  }
}

/* ===== Scene: trees, flying witches, no moon, faster train loop (scoped to .hallowen-pg) ===== */
.hallowen-pg .hw-train {
  background: radial-gradient(ellipse 70% 55% at 50% 100%, rgba(155, 77, 255, .38), transparent 70%), linear-gradient(#000, #0d0615 50%, #1a0b2c 100%)
}

.hallowen-pg .hw-trees {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  height: 150px;
  z-index: 0;
  pointer-events: none;
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 1200px 150px
}

.hallowen-pg .hw-trees--far {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' width='1200' height='150'%3E%3Cpath d='M0 140Q150 128 300 140T600 140T900 140T1200 140V150H0Z' fill='%231c0f2e'/%3E%3Cpath d='M60 142Q57 130 59 119' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M59 119Q60 111 66 104M59 119Q57 111 57 103' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M66 104Q69 99 73 95M66 104Q67 98 65 93M66 104Q70 99 71 93M57 103Q58 99 59 94M57 103Q58 97 58 91' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M73 95Q75 92 78 89M73 95Q76 92 80 89M73 95Q72 90 73 86M65 93Q66 89 68 86M65 93Q66 88 67 84M71 93Q74 90 77 87M71 93Q74 90 76 86M59 94Q60 90 60 87M59 94Q61 90 61 87M59 94Q57 90 57 87M58 91Q59 87 57 83M58 91Q57 87 57 82' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M51 143Q58 136 60 130Q62 136 69 143Z' fill='%23241338'/%3E%3Cpath d='M170 142Q171 132 169 122' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M169 122Q170 116 171 109M169 122Q168 115 169 109M169 122Q171 115 173 108' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M171 109Q173 105 174 101M171 109Q172 105 171 100M171 109Q172 104 173 99M169 109Q170 104 168 99M169 109Q171 105 173 101M173 108Q174 103 173 97M173 108Q177 104 178 100M173 108Q173 103 171 98' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M174 101Q176 97 176 94M174 101Q173 98 173 95M174 101Q174 98 176 95M171 100Q171 97 170 93M171 100Q172 96 172 93M171 100Q171 97 171 93M173 99Q173 96 175 93M173 99Q173 96 171 93M168 99Q167 96 167 93M168 99Q166 96 167 93M173 101Q173 98 174 94M173 101Q175 99 178 96M173 97Q172 94 171 90M173 97Q170 94 169 91M178 100Q178 97 179 93M178 100Q180 96 180 93M171 98Q170 95 167 92M171 98Q170 94 169 91' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M161 143Q168 136 170 130Q172 136 179 143Z' fill='%23241338'/%3E%3Cpath d='M265 142Q267 129 263 117' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M263 117Q261 109 263 100M263 117Q266 108 265 99M263 117Q257 110 252 102' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M263 100Q266 95 269 90M263 100Q264 96 268 91M265 99Q270 93 271 87M265 99Q268 92 268 85M265 99Q266 92 266 86M252 102Q247 97 245 92M252 102Q248 99 243 95' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M269 90Q269 86 271 82M269 90Q271 87 272 84M269 90Q270 86 272 82M268 91Q270 87 272 84M268 91Q272 88 273 84M271 87Q272 83 275 79M271 87Q274 84 276 80M268 85Q270 80 272 75M268 85Q269 80 271 75M266 86Q265 81 267 76M266 86Q268 81 267 76M245 92Q244 88 240 84M245 92Q242 89 241 85M245 92Q244 89 241 86M243 95Q238 92 236 89M243 95Q239 93 235 91M243 95Q241 92 237 89' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M256 143Q263 136 265 130Q267 136 274 143Z' fill='%23241338'/%3E%3Cpath d='M380 142Q382 132 378 121' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M378 121Q371 116 369 110M378 121Q374 114 372 107' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M369 110Q367 106 364 102M369 110Q366 106 366 101M372 107Q369 105 363 102M372 107Q371 103 368 98' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M364 102Q362 98 360 95M364 102Q360 99 358 96M366 101Q367 99 367 96M366 101Q365 98 363 95M363 102Q361 99 358 97M363 102Q359 101 357 101M363 102Q361 99 360 95M368 98Q367 95 364 91M368 98Q365 95 364 93' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M371 143Q378 136 380 130Q382 136 389 143Z' fill='%23241338'/%3E%3Cpath d='M470 142Q473 130 472 118' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M472 118Q472 110 475 103M472 118Q475 110 478 102' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M475 103Q474 97 476 92M475 103Q475 97 477 91M478 102Q482 96 485 90M478 102Q483 95 484 89' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M476 92Q475 88 474 84M476 92Q474 88 474 84M476 92Q478 87 477 83M477 91Q478 87 480 83M477 91Q477 86 479 81M485 90Q486 86 488 81M485 90Q487 86 488 82M484 89Q487 85 489 81M484 89Q486 85 490 81M484 89Q486 84 486 79' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M461 143Q468 136 470 130Q472 136 479 143Z' fill='%23241338'/%3E%3Cpath d='M590 142Q588 132 591 123' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M591 123Q594 117 596 111M591 123Q589 115 589 108' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M596 111Q598 108 602 105M596 111Q596 107 596 103M596 111Q596 107 597 102M589 108Q587 104 582 100M589 108Q587 102 587 97' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M602 105Q606 104 609 104M602 105Q605 103 607 101M596 103Q598 100 598 97M596 103Q594 100 594 97M597 102Q596 99 596 95M597 102Q597 99 595 96M597 102Q597 99 597 95M582 100Q579 98 574 97M582 100Q578 98 575 97M587 97Q585 93 582 89M587 97Q584 94 581 92' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M581 143Q588 136 590 130Q592 136 599 143Z' fill='%23241338'/%3E%3Cpath d='M690 142Q687 129 689 116' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M689 116Q688 107 689 98M689 116Q684 107 679 98M689 116Q684 109 677 101' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M689 98Q686 92 682 86M689 98Q691 93 694 87M679 98Q673 93 670 88M679 98Q673 93 667 88M679 98Q676 91 675 83M677 101Q677 95 676 88M677 101Q675 96 669 91' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M682 86Q683 81 680 76M682 86Q680 81 678 77M682 86Q681 80 682 75M694 87Q693 83 695 79M694 87Q697 83 700 80M670 88Q668 83 667 78M670 88Q669 83 667 79M670 88Q667 83 666 79M667 88Q662 85 657 81M667 88Q663 85 658 82M675 83Q672 79 668 74M675 83Q672 79 670 74M676 88Q672 84 671 80M676 88Q673 84 671 80M669 91Q665 89 662 86M669 91Q666 89 661 86M669 91Q665 88 662 85' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M681 143Q688 136 690 130Q692 136 699 143Z' fill='%23241338'/%3E%3Cpath d='M790 142Q787 131 790 120' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M790 120Q793 113 797 106M790 120Q790 113 791 106' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M797 106Q799 100 800 95M797 106Q801 100 802 95M791 106Q792 101 794 96M791 106Q791 101 788 96' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M800 95Q802 92 805 89M800 95Q799 91 800 87M802 95Q804 92 805 88M802 95Q805 92 806 88M794 96Q796 93 796 89M794 96Q794 93 793 89M794 96Q797 93 798 90M788 96Q786 91 786 87M788 96Q785 92 784 88' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M781 143Q788 136 790 130Q792 136 799 143Z' fill='%23241338'/%3E%3Cpath d='M880 142Q876 131 878 119' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M878 119Q876 111 878 104M878 119Q877 111 877 102M878 119Q882 111 883 103' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M878 104Q876 99 872 94M878 104Q878 98 881 92M877 102Q879 96 882 90M877 102Q880 97 882 92M883 103Q883 97 885 91M883 103Q882 97 880 91' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M872 94Q871 91 868 88M872 94Q871 91 872 88M872 94Q872 90 872 86M881 92Q883 89 886 86M881 92Q881 87 882 83M882 90Q885 87 889 84M882 90Q886 87 889 83M882 90Q882 85 881 80M882 92Q884 89 886 85M882 92Q883 89 883 85M885 91Q886 87 889 83M885 91Q882 87 881 83M885 91Q883 87 882 82M880 91Q881 86 880 82M880 91Q878 87 875 83' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M871 143Q878 136 880 130Q882 136 889 143Z' fill='%23241338'/%3E%3Cpath d='M995 142Q994 132 996 122' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M996 122Q995 114 996 106M996 122Q1001 115 1003 109M996 122Q999 115 1003 109' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M996 106Q998 101 998 96M996 106Q994 101 990 96M1003 109Q1006 106 1011 103M1003 109Q1003 104 1006 99M1003 109Q1007 104 1008 99M1003 109Q1007 105 1012 102' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M998 96Q1000 92 1002 88M998 96Q1000 92 999 88M990 96Q989 92 990 88M990 96Q990 91 991 86M1011 103Q1013 101 1017 98M1011 103Q1015 102 1018 101M1006 99Q1005 96 1006 93M1006 99Q1006 96 1008 92M1008 99Q1010 96 1013 92M1008 99Q1008 96 1009 92M1012 102Q1015 100 1017 97M1012 102Q1015 101 1018 99' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M986 143Q993 136 995 130Q997 136 1004 143Z' fill='%23241338'/%3E%3Cpath d='M1090 142Q1090 130 1089 117' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M1089 117Q1088 109 1090 101M1089 117Q1082 109 1080 101' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M1090 101Q1090 95 1092 88M1090 101Q1094 95 1094 90M1080 101Q1080 94 1079 88M1080 101Q1080 95 1080 88' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M1092 88Q1090 83 1089 78M1092 88Q1094 84 1094 80M1094 90Q1096 86 1099 82M1094 90Q1094 85 1095 81M1094 90Q1098 86 1100 83M1079 88Q1077 83 1076 79M1079 88Q1077 83 1077 79M1080 88Q1077 83 1077 79M1080 88Q1079 83 1078 78' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M1081 143Q1088 136 1090 130Q1092 136 1099 143Z' fill='%23241338'/%3E%3Cpath d='M1160 142Q1158 132 1161 121' fill='none' stroke='%23241338' stroke-width='3.5' stroke-linecap='round'/%3E%3Cpath d='M1161 121Q1165 114 1169 107M1161 121Q1165 114 1169 108' fill='none' stroke='%23241338' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M1169 107Q1172 102 1174 96M1169 107Q1176 104 1179 100M1169 108Q1171 104 1175 99M1169 108Q1175 105 1178 101' fill='none' stroke='%23241338' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M1174 96Q1175 92 1174 87M1174 96Q1175 92 1175 88M1179 100Q1181 97 1184 93M1179 100Q1182 98 1187 96M1175 99Q1177 97 1178 94M1175 99Q1175 96 1177 92M1178 101Q1183 100 1186 99M1178 101Q1180 99 1184 96' fill='none' stroke='%23241338' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M1151 143Q1158 136 1160 130Q1162 136 1169 143Z' fill='%23241338'/%3E%3C/svg%3E");
  opacity: .95
}

.hallowen-pg .hw-trees--near {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' width='1200' height='150'%3E%3Cpath d='M0 136Q150 124 300 136T600 136T900 136T1200 136V150H0Z' fill='%2307030d'/%3E%3Cpath d='M110 138Q111 117 107 96' fill='none' stroke='%2307030d' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M107 96Q108 79 102 63M107 96Q111 82 111 68M107 96Q107 79 110 63' fill='none' stroke='%2307030d' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M102 63Q102 51 108 39M102 63Q105 52 108 40M102 63Q101 50 98 38M111 68Q110 60 110 51M111 68Q112 59 120 50M111 68Q114 57 113 47M110 63Q112 50 110 38M110 63Q112 50 116 38' fill='none' stroke='%2307030d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M108 39Q113 29 112 20M108 39Q113 30 117 21M108 39Q108 31 107 23M108 40Q108 32 110 23M108 40Q107 32 104 24M108 40Q107 33 104 25M98 38Q97 27 98 17M98 38Q101 28 99 18M98 38Q98 29 101 20M110 51Q109 44 111 37M110 51Q109 44 110 38M120 50Q123 43 123 35M120 50Q121 43 121 35M120 50Q125 45 130 40M113 47Q111 39 112 31M113 47Q112 38 111 30M110 38Q109 31 104 23M110 38Q106 30 104 21M116 38Q119 30 127 22M116 38Q115 29 118 20' fill='none' stroke='%2307030d' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M112 20Q119 15 123 11M112 20Q114 14 115 7M112 20Q116 15 121 11M117 21Q119 15 120 9M117 21Q120 16 124 10M117 21Q122 14 123 8M107 23Q105 17 100 11M107 23Q105 17 104 11M107 23Q102 18 100 14M110 23Q115 18 117 13M110 23Q109 16 110 10M110 23Q113 18 117 14M104 24Q104 17 103 10M104 24Q104 18 106 12M104 25Q102 21 102 16M104 25Q100 21 99 17M104 25Q105 19 104 13M98 17Q95 11 92 4M98 17Q99 10 102 3M99 18Q102 12 102 5M99 18Q100 11 98 3M101 20Q103 12 103 5M101 20Q99 13 98 7M101 20Q103 14 106 8M111 37Q110 32 111 28M111 37Q114 32 115 27M111 37Q110 32 111 27M110 38Q110 34 110 30M110 38Q113 34 114 30M110 38Q112 34 112 30M123 35Q124 31 127 26M123 35Q125 31 128 26M121 35Q125 31 127 26M121 35Q125 31 128 26M121 35Q122 30 122 24M130 40Q131 36 134 32M130 40Q133 36 135 32M130 40Q136 38 141 36M112 31Q109 26 105 22M112 31Q110 26 107 21M111 30Q111 23 110 17M111 30Q109 23 109 16M104 23Q101 18 100 12M104 23Q102 17 103 12M104 21Q101 17 96 13M104 21Q101 16 95 11M104 21Q104 15 102 8M127 22Q130 16 130 10M127 22Q129 16 131 10M118 20Q116 14 113 8M118 20Q121 14 121 9' fill='none' stroke='%2307030d' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M101 139Q108 132 110 126Q112 132 119 139Z' fill='%2307030d'/%3E%3Cpath d='M350 138Q343 119 347 100' fill='none' stroke='%2307030d' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M347 100Q341 86 343 73M347 100Q345 86 341 72M347 100Q349 88 344 76' fill='none' stroke='%2307030d' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M343 73Q343 62 338 51M343 73Q342 63 336 53M341 72Q335 61 331 51M341 72Q342 62 341 53M344 76Q345 67 346 58M344 76Q348 67 348 57' fill='none' stroke='%2307030d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M338 51Q336 44 330 37M338 51Q338 43 338 34M336 53Q336 46 332 38M336 53Q332 47 327 41M331 51Q331 42 334 33M331 51Q328 43 324 36M341 53Q344 46 347 40M341 53Q337 46 333 40M346 58Q347 52 345 46M346 58Q347 51 349 44M346 58Q344 52 342 45M348 57Q350 51 352 46M348 57Q349 51 349 44M348 57Q349 51 349 45' fill='none' stroke='%2307030d' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M330 37Q326 32 323 28M330 37Q329 32 325 26M330 37Q329 31 328 26M338 34Q341 28 343 22M338 34Q338 28 341 23M332 38Q326 34 323 29M332 38Q329 32 328 26M327 41Q323 38 319 35M327 41Q323 38 320 34M334 33Q338 26 339 20M334 33Q335 26 334 20M324 36Q319 32 316 28M324 36Q322 30 322 24M324 36Q321 32 316 28M347 40Q350 35 351 31M347 40Q347 35 350 30M333 40Q331 36 326 33M333 40Q330 36 326 32M345 46Q345 41 342 37M345 46Q344 42 343 38M349 44Q352 40 356 36M349 44Q348 40 348 35M342 45Q338 41 336 37M342 45Q341 40 339 35M352 46Q354 42 353 38M352 46Q353 41 353 36M349 44Q350 40 354 36M349 44Q349 39 352 34M349 44Q348 39 348 35M349 45Q348 40 348 35M349 45Q351 41 353 38' fill='none' stroke='%2307030d' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M341 139Q348 132 350 126Q352 132 359 139Z' fill='%2307030d'/%3E%3Cpath d='M590 138Q590 116 591 94' fill='none' stroke='%2307030d' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M591 94Q589 79 592 65M591 94Q588 78 583 63' fill='none' stroke='%2307030d' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M592 65Q602 56 605 47M592 65Q587 57 583 48M583 63Q580 50 581 38M583 63Q588 52 588 42M583 63Q578 51 578 38' fill='none' stroke='%2307030d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M605 47Q607 40 611 33M605 47Q607 40 609 32M583 48Q582 42 577 35M583 48Q579 43 573 38M581 38Q583 30 588 23M581 38Q581 30 584 21M588 42Q589 35 594 27M588 42Q594 36 598 30M578 38Q579 30 575 22M578 38Q571 33 567 27' fill='none' stroke='%2307030d' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M611 33Q609 27 610 22M611 33Q612 27 615 22M611 33Q611 27 613 21M609 32Q609 27 607 21M609 32Q608 26 609 20M577 35Q574 32 568 29M577 35Q575 31 572 26M577 35Q575 31 575 26M573 38Q571 33 568 28M573 38Q570 36 564 33M573 38Q569 36 563 34M588 23Q589 18 591 13M588 23Q590 18 594 14M584 21Q585 16 588 11M584 21Q588 16 591 11M584 21Q586 16 589 11M594 27Q595 22 597 16M594 27Q600 23 603 18M594 27Q592 21 595 15M598 30Q602 25 603 19M598 30Q601 26 604 22M575 22Q575 16 577 11M575 22Q573 17 571 12M567 27Q563 22 560 18M567 27Q561 24 556 21' fill='none' stroke='%2307030d' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M581 139Q588 132 590 126Q592 132 599 139Z' fill='%2307030d'/%3E%3Cpath d='M830 138Q830 118 831 98' fill='none' stroke='%2307030d' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M831 98Q825 83 824 68M831 98Q824 85 819 71M831 98Q826 84 824 69' fill='none' stroke='%2307030d' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M824 68Q823 56 827 43M824 68Q817 58 815 48M824 68Q822 56 826 44M819 71Q818 62 814 52M819 71Q816 62 814 52M824 69Q829 58 833 47M824 69Q818 62 805 54M824 69Q825 58 825 47' fill='none' stroke='%2307030d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M827 43Q833 36 837 28M827 43Q826 34 824 25M827 43Q824 34 820 26M815 48Q814 39 816 30M815 48Q814 40 810 33M815 48Q813 40 809 32M826 44Q824 35 825 26M826 44Q832 36 837 28M826 44Q828 35 834 26M814 52Q814 45 816 39M814 52Q812 44 810 37M814 52Q812 46 807 39M814 52Q811 46 812 39M833 47Q834 39 838 31M833 47Q836 39 835 30M805 54Q802 48 797 41M805 54Q800 51 790 48M825 47Q828 40 832 33M825 47Q822 40 821 32' fill='none' stroke='%2307030d' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M837 28Q842 24 847 19M837 28Q842 23 844 18M824 25Q824 18 822 11M824 25Q825 18 826 11M824 25Q822 19 819 14M820 26Q814 21 809 15M820 26Q818 19 817 13M816 30Q813 24 812 18M816 30Q816 24 819 18M816 30Q816 25 812 19M810 33Q808 29 804 24M810 33Q808 28 805 24M809 32Q812 27 811 22M809 32Q810 26 809 21M825 26Q825 20 825 13M825 26Q823 20 822 15M837 28Q841 22 845 16M837 28Q843 25 849 21M834 26Q834 18 833 11M834 26Q831 18 832 10M816 39Q817 34 818 30M816 39Q819 35 821 32M810 37Q804 32 802 27M810 37Q808 31 807 26M807 39Q804 35 801 31M807 39Q804 35 800 31M812 39Q811 34 809 29M812 39Q812 34 813 28M838 31Q837 24 834 18M838 31Q842 25 845 20M835 30Q836 24 835 19M835 30Q837 24 839 19M797 41Q795 36 790 32M797 41Q791 38 788 34M797 41Q797 36 796 30M790 48Q786 43 782 39M790 48Q786 43 781 39M790 48Q783 46 778 44M832 33Q835 28 837 24M832 33Q835 30 841 27M832 33Q834 28 836 23M821 32Q821 27 821 22M821 32Q819 27 818 21M821 32Q816 28 813 24' fill='none' stroke='%2307030d' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M821 139Q828 132 830 126Q832 132 839 139Z' fill='%2307030d'/%3E%3Cpath d='M1050 138Q1047 117 1051 97' fill='none' stroke='%2307030d' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M1051 97Q1044 84 1038 72M1051 97Q1050 81 1053 65M1051 97Q1052 82 1062 67' fill='none' stroke='%2307030d' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M1038 72Q1031 64 1024 56M1038 72Q1035 62 1032 52M1053 65Q1049 53 1045 42M1053 65Q1050 53 1053 41M1053 65Q1056 52 1052 40M1062 67Q1069 55 1070 43M1062 67Q1066 58 1073 48M1062 67Q1060 56 1060 45' fill='none' stroke='%2307030d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M1024 56Q1019 51 1015 45M1024 56Q1018 49 1016 42M1032 52Q1031 44 1034 36M1032 52Q1028 47 1022 41M1045 42Q1040 35 1037 28M1045 42Q1044 32 1044 23M1053 41Q1047 34 1044 27M1053 41Q1053 33 1050 26M1052 40Q1057 32 1060 25M1052 40Q1045 32 1040 24M1070 43Q1075 34 1080 26M1070 43Q1071 35 1073 26M1073 48Q1081 44 1086 41M1073 48Q1076 41 1077 35M1073 48Q1075 42 1081 36M1060 45Q1061 38 1065 31M1060 45Q1059 36 1063 28' fill='none' stroke='%2307030d' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M1015 45Q1010 42 1006 39M1015 45Q1011 40 1011 35M1015 45Q1010 42 1007 39M1016 42Q1016 37 1013 31M1016 42Q1013 37 1011 32M1034 36Q1033 30 1032 25M1034 36Q1034 31 1034 25M1034 36Q1033 30 1035 24M1022 41Q1019 39 1014 36M1022 41Q1017 40 1013 39M1037 28Q1034 24 1028 20M1037 28Q1033 24 1028 20M1044 23Q1043 17 1044 11M1044 23Q1043 17 1039 10M1044 27Q1039 22 1037 17M1044 27Q1038 23 1034 18M1050 26Q1049 20 1049 14M1050 26Q1050 20 1048 14M1060 25Q1061 18 1062 11M1060 25Q1061 18 1060 11M1040 24Q1034 20 1028 16M1040 24Q1038 18 1031 11M1080 26Q1080 18 1082 11M1080 26Q1084 21 1090 17M1073 26Q1075 20 1074 14M1073 26Q1074 20 1075 15M1073 26Q1076 21 1076 15M1086 41Q1090 38 1095 35M1086 41Q1089 37 1095 33M1077 35Q1079 29 1080 24M1077 35Q1081 31 1084 27M1077 35Q1082 31 1083 27M1081 36Q1085 33 1091 30M1081 36Q1085 32 1089 29M1065 31Q1065 26 1066 20M1065 31Q1067 27 1070 23M1065 31Q1067 26 1070 20M1063 28Q1064 22 1065 16M1063 28Q1068 22 1070 16' fill='none' stroke='%2307030d' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M1041 139Q1048 132 1050 126Q1052 132 1059 139Z' fill='%2307030d'/%3E%3Ccircle cx='240' cy='132' r='20' fill='%23ff7a00' opacity='.18'/%3E%3Cellipse cx='240' cy='132' rx='11.0' ry='9.0' fill='%23e8650a' stroke='%237a2a00' stroke-width='1.2'/%3E%3Crect x='238.6' y='120.0' width='2.8' height='4.0' rx='1' fill='%233a5a1a'/%3E%3Cpath d='M235.0 130.0l2.4 -3.4 2.4 3.4zM240.2 130.0l2.4 -3.4 2.4 3.4zM235.0 134.6q5.0 4.0 10.0 0q-5.0 -1.6 -10.0 0z' fill='%232a0e00'/%3E%3Ccircle cx='700' cy='132' r='18' fill='%23ff7a00' opacity='.18'/%3E%3Cellipse cx='700' cy='132' rx='9.9' ry='8.1' fill='%23e8650a' stroke='%237a2a00' stroke-width='1.2'/%3E%3Crect x='698.7' y='121.2' width='2.5' height='3.6' rx='1' fill='%233a5a1a'/%3E%3Cpath d='M695.5 130.2l2.2 -3.1 2.2 3.1zM700.2 130.2l2.2 -3.1 2.2 3.1zM695.5 134.3q4.5 3.6 9.0 0q-4.5 -1.4 -9.0 0z' fill='%232a0e00'/%3E%3Ccircle cx='1140' cy='132' r='22' fill='%23ff7a00' opacity='.18'/%3E%3Cellipse cx='1140' cy='132' rx='12.1' ry='9.9' fill='%23e8650a' stroke='%237a2a00' stroke-width='1.2'/%3E%3Crect x='1138.5' y='118.8' width='3.1' height='4.4' rx='1' fill='%233a5a1a'/%3E%3Cpath d='M1134.5 129.8l2.6 -3.7 2.6 3.7zM1140.2 129.8l2.6 -3.7 2.6 3.7zM1134.5 134.9q5.5 4.4 11.0 0q-5.5 -1.8 -11.0 0z' fill='%232a0e00'/%3E%3C/svg%3E")
}


/* train: layered above the scene, and the loop restarts right away (no empty wait) */
.hallowen-pg .hw-train__run {
  z-index: 2;
  animation: hw-run 18s linear infinite
}

.hallowen-pg .hw-train__track {
  z-index: 3
}

.hallowen-pg .hw-train__fog {
  z-index: 4
}

@keyframes hw-run {
  0% {
    transform: translateX(-112%)
  }

  100% {
    transform: translateX(100vw)
  }
}


/* ===== Bats + spiders (they move); trees stay still (scoped to .hallowen-pg) ===== */
.hallowen-pg .hw-critters {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none
}

.hallowen-pg .hw-bat {
  position: absolute;
  left: 0;
  will-change: transform;
  animation: hw-batfly 12s linear infinite
}

.hallowen-pg .hw-bat svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 0 5px rgba(255, 122, 0, .65));
  animation: hw-batbob 1.6s ease-in-out infinite alternate
}

.hallowen-pg .hw-bat--2 svg {
  animation-duration: 2.1s
}

.hallowen-pg .hw-bat--3 svg {
  animation-duration: 1.2s
}

.hallowen-pg .hw-bat--4 svg {
  animation-duration: 1.4s
}

.hallowen-pg .hw-wing {
  transform-box: view-box;
  transform-origin: 0 0;
  animation: hw-flap .3s ease-in-out infinite alternate
}

@keyframes hw-batfly {
  from {
    transform: translateX(-140px)
  }

  to {
    transform: translateX(calc(100vw + 40px))
  }
}

@keyframes hw-batfly-rev {
  from {
    transform: translateX(calc(100vw + 40px))
  }

  to {
    transform: translateX(-140px)
  }
}

@keyframes hw-batbob {
  from {
    transform: translateY(-14px) rotate(-5deg)
  }

  to {
    transform: translateY(14px) rotate(5deg)
  }
}

@keyframes hw-flap {
  from {
    transform: rotate(-28deg)
  }

  to {
    transform: rotate(26deg)
  }
}

.hallowen-pg .hw-spider {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  transform-origin: 0 0;
  animation: hw-spswing 3.6s ease-in-out infinite alternate
}

.hallowen-pg .hw-spider:nth-child(odd) {
  animation-duration: 4.4s;
  animation-direction: alternate-reverse
}

.hallowen-pg .hw-spider__body {
  position: absolute;
  left: 0;
  top: 0;
  animation: hw-spdrop 7s ease-in-out infinite
}

.hallowen-pg .hw-spider__body svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 0 4px rgba(155, 77, 255, .55))
}

.hallowen-pg .hw-leg {
  transform-box: view-box;
  transform-origin: 0 0;
  animation: hw-legwig .45s ease-in-out infinite alternate
}

.hallowen-pg .hw-leg--b {
  animation-delay: -.22s
}

@keyframes hw-spswing {
  from {
    transform: rotate(-9deg)
  }

  to {
    transform: rotate(9deg)
  }
}

@keyframes hw-spdrop {

  0%,
  100% {
    transform: translateY(6px)
  }

  50% {
    transform: translateY(var(--drop, 80px))
  }
}

@keyframes hw-legwig {
  from {
    transform: rotate(-6deg)
  }

  to {
    transform: rotate(8deg)
  }
}

.hang-sec{
  position: relative;
  .toy-bat{
  position: absolute;
  opacity: 0.5;
   left: 0;
   top: -28px;
  width: 200px;
  display: none;
  height: 80px;
}
}
.und-sec{
    position: relative;
    overflow: hidden;
  .toy-spi{
  position: absolute;
  opacity: 0.5;
  inset: 0;
  width: 200px;
  height: 200px;
  @media screen and (max-width : 991px) {
        position: absolute;
    width: 118px;
    height: 230px;
    left: 74px;
    top: 98px;
  }
   @media screen and (max-width : 880px) {
    width: 90px;
    height: 230px;
  }
     @media screen and (max-width : 650px) {
   left: 40px;
    width: 60px;
    height: 230px;
    top: 60px;
  }
    @media screen and (max-width : 480px) {
   left: 20px;
  }
}
}