.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-116815 .elementor-element.elementor-element-910ca1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}#elementor-popup-modal-116815{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-116815 .dialog-message{width:800px;height:auto;}#elementor-popup-modal-116815 .dialog-close-button{display:flex;}#elementor-popup-modal-116815 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-116815 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-116815 .dialog-close-button svg{fill:#FFFFFF;}/* Start custom CSS */.halloween-hero {
      position: relative;
      color: #fff;
      text-align: center;
      padding: 120px 20px;
      background: linear-gradient(180deg, #1a1a1a, #000);
      overflow: hidden;
    }

    /* Hero content */
    .hero-content {
      position: relative;
      z-index: 5;
      animation: fadeIn 2s ease-in-out;
    }

    .hero-content h1 {
      font-size: 2.8em;
      color: #ff7518;
      text-shadow: 0 0 15px #ff7518;
    }

    .hero-content p {
      max-width: 700px;
      margin: 20px auto;
      color: #ddd;
    }

    /* Buttons */
    .btn-primary, .btn-secondary {
      display: inline-block;
      margin: 10px;
      padding: 15px 35px;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.3s ease-in-out;
    }

    .btn-primary {
      color: #fff !important;
      background: linear-gradient(45deg, #e84530, #ff7518);
      box-shadow: 0 0 20px #ff7518 !important;
      animation: flicker 3s infinite;
    }

    .btn-secondary {
      border: 2px solid #fff;
      color: #fff;
      background: transparent;
    }

    .btn-primary:hover {
      transform: scale(1.05);
    }

    /* Floating elements */
    .bat, .ghost, .pumpkin {
      position: absolute;
      width: 80px;
      opacity: 0.8;
      z-index: 2;
    }

    .bat1 { top: 50px; left: 5%; animation: flyBat1 12s linear infinite; }
    .bat2 { top: 120px; right: 5%; animation: flyBat2 10s linear infinite; }
    .pumpkin { bottom: 30px; left: 10%; animation: floatPumpkin 6s ease-in-out infinite; }
    .ghost { bottom: 40px; right: 10%; animation: floatGhost 8s ease-in-out infinite; }

    /* Animations */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(40px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes moveFog {
      from { background-position: 0 0; }
      to { background-position: -2000px 0; }
    }

    @keyframes flyBat1 {
      0% { transform: translateX(0) rotate(0); }
      50% { transform: translateX(80vw) rotate(10deg); }
      100% { transform: translateX(0) rotate(0); }
    }

    @keyframes flyBat2 {
      0% { transform: translateX(0) rotate(0); }
      50% { transform: translateX(-80vw) rotate(-10deg); }
      100% { transform: translateX(0) rotate(0); }
    }

    @keyframes floatPumpkin {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-20px); }
    }

    @keyframes floatGhost {
      0%, 100% { transform: translateY(0); opacity: 0.9; }
      50% { transform: translateY(-25px); opacity: 1; }
    }

    @keyframes flicker {
      0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; }
      20%, 24%, 55% { opacity: 0.3; }
    }/* End custom CSS */