/*
Theme Name: Halloween Store Pro
Description: Halloween Store Pro WordPress Theme is the perfect choice for building Halloween Store Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Halloween Store Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Halloween Store Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/halloween-gift-elementor/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: halloween-store-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Josefin Sans";
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Josefin Sans";
  margin-bottom: 0;
}
p {
  font-family: "Josefin Sans";
  margin-bottom: 0;
}
a,.ht-product-price ins {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}

.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 99999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 0;
  animation: slideDown 0.75s ease-out;
  background-color: #6CC44D;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}

/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.top-light img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/


/*=============== Halloween Gift Start ===============*/

.canvas-menu-content {
  position: fixed;
  right: 0;
  width: 500px;
  top: 0;
  height: -webkit-fill-available;
  z-index: 99999;
  transform: translateX(500px) !important;
  opacity: 0;
  transition: 0.85s;
}
.hamburger-active-content:before {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(24, 24, 24, .3);
  content: '';
  z-index: 999;
  -webkit-animation: fadeIn .3s;
  animation: fadeIn .3s;
}
.canvas-menu-content.hamburger-active {
  transform: translateX(0px) !important;
  opacity: 1;
  transition: 0.85s;
}
#close-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  display: -webkit-box;
  cursor: pointer;
  z-index: 999;
}
/* header */
.canvas-menu-content .wpcf7-form-control-wrap input {
  width: 100%;
  padding: 5px 10px;
  border-radius: 6px;
  border: 1px solid #000;
}
.canvas-menu-content .subscribe-btn .newsltr-btn{
  padding: 10px 20px !important;
  margin-top : 10px !important; 
  border: none !important;
}
.canvas-menu-content .subscribe-btn .newsltr-btn:hover{
  background: #61CE70 !important;
}

/*=============== Top Slider Start ===============*/

/* #wpelemento-halloween-slider-section .uc_countdown_content>div {
  position: relative;
}
#wpelemento-halloween-slider-section .uc_countdown_section {
  position: relative;
} */
#wpelemento-halloween-slider-section .uc_countdown_content .days {
  position: relative;
}
#wpelemento-halloween-slider-section .uc_countdown_content .days::after {
  content: ':';
  position: absolute;
  top: 6px;
  right: 0px;
  color: #FFF;
  transform: translateX(15px);
  font-size: 20px;
  width: 20px;
  font-weight: 800;
  z-index: 1;
} 
#wpelemento-halloween-slider-section .uc_countdown_content .hours {
  position: relative;
}
#wpelemento-halloween-slider-section .uc_countdown_content .hours::after {
  content: ':';
  position: absolute;
  top: 6px;
  right: 0px;
  color: #FFF;
  transform: translateX(15px);
  font-size: 20px;
  width: 20px;
  font-weight: 800;
  z-index: 1;
} 
#wpelemento-halloween-slider-section .uc_countdown_content .minutes {
  position: relative;
}
#wpelemento-halloween-slider-section .uc_countdown_content .minutes::after {
content: ':';
  position: absolute;
  top: 6px;
  right: 0px;
  color: #FFF;
  transform: translateX(15px);
  font-size: 20px;
  width: 20px;
  font-weight: 800;
  z-index: 1;
}
/* #wpelemento-halloween-slider-section .uc_countdown_section {
  position: relative;
}
#wpelemento-halloween-slider-section .uc_countdown_section:after {
  content: ':';
  position: absolute;
  right: 0;
  left: 40px;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  font-size: 20px;
  height: 100%;
  width: 4px;
  z-index: 2;
  color: #fff;
} */
#slide_splice_heading h1{
  -webkit-animation: blink 2s infinite alternate;
}
#slide_splice_heading h1 span {
  -webkit-animation: blink 0.8s infinite alternate;
}
.wpelemento-halloween-women-image-box,.wpelemento-halloween-women-image-box .elementor-widget ,.wpelemento-halloween-women-image-box .elementor-widget-container{
  height: 600px !important;
  width: auto;
  position: relative;
  left: 5%;
}
.wpelemento-banner-bg-svg-box,.wpelemento-banner-bg-svg-box .elementor-element,.wpelemento-banner-bg-svg-box .elementor-widget-container{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 1920px;
  height: 1500px !important;
}
.wpelemento-banner-bg-svg-box svg{
  width: 100%;
  height: 100%;
}
.wpelemento-halloween-banner-center-tree-image-box,.wpelemento-halloween-banner-center-tree-image-box .elementor-widget ,.wpelemento-halloween-banner-center-tree-image-box .elementor-widget-container {
  position: absolute;
  left: -13%;
  right: unset;
  width: 400px;
  height: 400px !important;
  bottom: 0;
  z-index: 0;
}
.wpelemento-halloween-women-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wpelemento-halloween-banner-center-tree-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;    
  -webkit-animation: flicker-2 2s linear infinite both;
  animation: flicker-2 3s linear infinite both;
}
@-webkit-keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.wpelemento-halloween-banner-center-horror-image-box, .wpelemento-halloween-banner-center-horror-image-box .elementor-widget,.wpelemento-halloween-banner-center-horror-image-box .elementor-widget-container{
  height: 190px !important;
  width: 190px;
  position: absolute;
  left: 20px;
  top: 30px;
  z-index: 0;
}
.wpelemento-halloween-banner-center-horror-image-box img{
  height: 100%;
  width: 100%;
  /* -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 3s linear infinite both; */
  /* -webkit-animation: sp 3s linear infinite;
  animation: sp 3s linear infinite; */
  animation: tada 5s linear infinite;
}
@keyframes sp{
  0% {
    transform: translate(0px, 0px);
  }
  65% {
      transform: translate(10px, 10px);
  }
  100% {
      transform: translate(0, -0px);
  }
}
.wpelemento-halloween-banner-house-image-box ,.wpelemento-halloween-banner-house-image-box .elementor-widget,.wpelemento-halloween-banner-house-image-box .elementor-widget-container{
  height: 300px !important;
  width: 400px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.wpelemento-halloween-banner-house-image-box img{
  height: 100%;
  width: 100%;
  object-fit: contain;
  -webkit-animation: flicker-2 2s linear infinite both;
  animation: flicker-2 2s linear infinite both;
}
@-webkit-keyframes flicker-2 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  45.99% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  46.9% {
    opacity: 0;
  }
  46.91% {
    opacity: 1;
  }
  51.99% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
  52.8% {
    opacity: 0;
  }
  52.81% {
    opacity: 1;
  }
}
@keyframes flicker-2 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  45.99% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  46.9% {
    opacity: 0;
  }
  46.91% {
    opacity: 1;
  }
  51.99% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
  52.8% {
    opacity: 0;
  }
  52.81% {
    opacity: 1;
  }
}

.wpelemento-halloween-left-tree-image, .wpelemento-halloween-left-tree-image .elementor-widget, .wpelemento-halloween-left-tree-image .elementor-widget-container {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 570px !important;
  width: 260px;
}
.wpelemento-halloween-left-tree-image img{
  /* -webkit-animation: wobble-ver-left 0.8s both;
  animation: wobble-ver-left 0.8s both; */
  /* animation: treeSway 2s ease-in-out infinite; */
}
@keyframes treeSway{
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
      transform: translateY(-5px) rotate(-2deg);
  }
  50% {
      transform: translateY(5px) rotate(2deg);
  }
  75% {
      transform: translateY(-3px) rotate(-1deg);
  }
}
@-webkit-keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-ver-left {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateY(-30px) rotate(-6deg);
            transform: translateY(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateY(15px) rotate(6deg);
            transform: translateY(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateY(-15px) rotate(-3.6deg);
            transform: translateY(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateY(9px) rotate(2.4deg);
            transform: translateY(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateY(-6px) rotate(-1.2deg);
            transform: translateY(-6px) rotate(-1.2deg);
  }
}
.wpelemento-halloween-left-tree-image img,.wpelemento-halloween-right-moon-outer-box img{
  width: 100%;
  height: 100%;
}
.wpelemento-halloween-right-moon-outer-box , .wpelemento-halloween-right-moon-outer-box  .elementor-widget, .wpelemento-halloween-right-moon-outer-box  .elementor-widget-container {
  position: absolute;
  right: 1%;
  width: 150px;
  padding: 0;
  top: 12%;
  height: 150px;
}
.wpelemento-banner-fly-left-center-box svg path:nth-child(2), .wpelemento-banner-fly-left-center-box svg path:nth-child(3),.wpelemento-banner-fly-right-top-box svg path:nth-child(2), .wpelemento-banner-fly-right-top-box svg path:nth-child(3){
  -webkit-animation: flicker-2 2s linear infinite both;
  animation: flicker-2 2s linear infinite both;
}
.wpelemento-banner-fly-left-center-box svg,.wpelemento-banner-fly-right-top-box svg,.wpelemento-banner-fly-right-bottom-box svg {
  width: 100%;
  height: 100%;
}
.wpelemento-banner-fly-left-center-box, .wpelemento-banner-fly-left-center-box .elementor-widget, .wpelemento-banner-fly-left-center-box .elementor-widget-container {
  position: absolute;
  left: -48px;
  top: 10px;
  right: unset;
  bottom: 0;
  width: 200px;
  height: 110px;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 5s linear infinite both;
}
.wpelemento-banner-fly-right-top-box, .wpelemento-banner-fly-right-top-box .elementor-widget, .wpelemento-banner-fly-right-top-box .elementor-widget-container {
  position: absolute;
  left: 20px;
  top: -20px;
  bottom: 0;
  width: 100px;
  height: 120px;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.5s linear infinite both;
  animation: vibrate-1 3s linear infinite both;
}
.wpelemento-banner-fly-right-bottom-box, .wpelemento-banner-fly-right-bottom-box .elementor-widget, .wpelemento-banner-fly-right-bottom-box .elementor-widget-container {
  position: absolute;
  top: unset;
  bottom: -18px;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.5s linear infinite both;
  animation: vibrate-1 8s linear infinite both;
  right: -5px;
}
@-webkit-keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes bat-fly{
  0% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
      transform: translate(10px, -30px) rotate(-5deg);
  }
  50% {
      transform: translate(-10px, 0px) rotate(5deg);
  }
  75% {
      transform: translate(15px, -20px) rotate(-3deg);
  }
  100% {
      transform: translate(0, 0) rotate(0);
  }
}


/* categories */
.wpelemento-halloween-category-left-gift-box, .wpelemento-halloween-category-left-gift-box .elementor-widget, .wpelemento-halloween-category-left-gift-box .elementor-widget-container {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 200px !important;
  width: 220px;
}
.wpelemento-halloween-category-left-gift-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: treeSway 4s ease-in-out infinite;
}
.wpelemento-halloween-banner-icon-box .elementor-icon {
  position: relative;
  border: 1px solid #000;
  border-radius: 50%;
  animation: flipInX 3s infinite;
}
@keyframes flipInX{
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.wpelemento-halloween-banner-icon-box .elementor-icon:after {
  /* content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 2px dashed #000;
  color: #000;
  top: 0px;
  left: 0px;
  padding: 12px;
  border-radius: 50px;
  animation: spin 10s linear infinite; */
}
@keyframes spin{
  100% {
    transform: rotate(360deg);
  }
}
.wpelemento-halloween-banner-icon-box .elementor-icon svg {
  width: 73px;
  height: 73px;
  line-height: 73px;
  text-align: center;
  padding: 15px;
}
.wpelemento-halloween-banner-icon-content-box:hover .wpelemento-halloween-banner-icon-box .elementor-icon{
  /* animation: blink 0.4s infinite alternate */
}
.wpelemento-halloween-banner-icon-content-box:hover .wpelemento-halloween-banner-icon-box .elementor-icon svg path{
  /* fill: #EF7726; */
}
.wpelemento-halloween-banner-icon-content-box:hover .wpelemento-halloween-banner-icon-box .elementor-icon svg{
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.wpelemento-halloween-banner-icon-content-box:hover .elementor-icon:after{
  border: 2px dashed #EF7726;
  color: #EF7726;
}
.wpelemento-halloween-category-right-spider-box,.wpelemento-halloween-category-right-spider-box .elementor-widget,.wpelemento-halloween-category-right-spider-box .elementor-widget-container{
  position: absolute;
  right: 0;
  top: 0px;
  height: 200px !important;
  width: 220px;
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 5s linear infinite both;
}
.wpelemento-halloween-category-right-spider-box svg{
  width: 100%;
  height: 100%;
}
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
.wpelemento-halloween-categories-section .wlcategorie-content a{
  color: #000;
}
.wpelemento-halloween-categories-section .wlsingle-categorie:hover .wlcategorie-content a{
  color: #EF7726;
}

#wpelemento-discount-banner-section .elementor-background-slideshow__slide__image{
  -webkit-animation: kenburns-top-left 5s ease-out both;
  animation: kenburns-top-left 5s ease-out both;
}


.wpelemento-halloween-marquee-box .wpelemento-halloween-marquee-inner-box {
  /* animation: marquee 5s linear infinite; */
}

marquee svg {
  padding-right: 10px;
}
marquee .marquee-text {
  padding-right: 30px; 
}

@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
.wpelemento-halloween-products-right-plate-box, .wpelemento-halloween-products-right-plate-box .elementor-widget, .wpelemento-halloween-products-right-plate-box .elementor-widget-container {
  position: absolute;
  right: 0;
  top: -6%;
  height: 200px !important;
  width: 220px;
  animation: shake 26s ease infinite;
}
.wpelemento-halloween-tranding-product-bottm-img-box,.wpelemento-halloween-tranding-product-bottm-img-box .elementor-widget,.wpelemento-halloween-tranding-product-bottm-img-box .elementor-widget-container{
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 200px !important;
  width: 220px;
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 5s linear infinite both;
}
.wpelemento-halloween-tranding-product-bottm-img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wpelemento-halloween-best-seller-bottom-img-box,.wpelemento-halloween-best-seller-bottom-img-box .elementor-widget,.wpelemento-halloween-best-seller-bottom-img-box .elementor-widget-container{
  position: absolute;
  left: 0;
  bottom: -8%;
  height: 300px !important;
  width: 260px;
}
.wpelemento-halloween-best-seller-bottom-img-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: treeSway 4s ease-in-out infinite;
}

.wpelemento-halloween-banner-box-section:hover .wpelemento-halloween-category-right-spider-box .elementor-widget-container,#wpelemento-halloween-categories-dropdown-section:hover .wpelemento-halloween-products-right-plate-box .elementor-widget-container {
  animation: tilt-in-top-2 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-top-2{
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
      -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
      transform: rotateY(0deg) translateY(0) skewY(0deg);
      opacity: 1;
  }
}
.wpelemento-halloween-best-seller-bottom-img-box, .wpelemento-halloween-best-seller-bottom-img-box .elementor-widget, .wpelemento-halloween-best-seller-bottom-img-box .elementor-widget-container{
  /* overflow: hidden;
  position: relative; */
}
.wpelemento-halloween-best-seller-bottom-img-box .elementor-widget-container::before {
  content: '';
  pointer-events: none;
  opacity: .6;
  background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #fcaaf7 3px, #fcaaf7 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #fcaaf7 3px, #fcaaf7 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #fcaaf7 5px, #fcaaf7 6px, transparent 6px), radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, #fcaaf7 5px, #fcaaf7 6px, transparent 6px), radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, #fcaaf7 3px, #fcaaf7 4px, transparent 4px), radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, #fcaaf7 3px, #fcaaf7 4px, transparent 4px);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}
@keyframes bubbles{
  0% {
    transform: translate();
  }
  100% {
      transform: translate(0, -66.666%);
  }
}


/* blog */
.wpelemento-halloween-blog-carousel-box .pp-post-content-wrap .pp-post-date {
  padding-left: 8px;
}
.wpelemento-heading-box-border-line{
  animation : shake 16s ease infinite;
}
@keyframes shake{
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px);
  }
}
.wpelemento-halloween-blog-carousel-box span.pp-post-author {
  border-radius: 0px 4px 4px 0px;
  position: absolute;
  top: 12px;
  left: 12px;
  background: #633FB1;
  padding: 0px 8px 2px 6px;
  z-index: 1;
}
.wpelemento-halloween-blog-carousel-box span.pp-post-author .pp-icon svg{
  fill: #fff;
  width: 14px;
  height: 14px;
}
.wpelemento-halloween-blog-carousel-box span.pp-post-author .pp-meta-text a{
  color: #fff;
  font: 400 14px/20px "Josefin Sans" !important;
}
.wpelemento-halloween-blog-carousel-box .pp-post-thumbnail{
  height: 170px;
}
.wpelemento-halloween-blog-carousel-box .pp-post-thumbnail img{
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.wpelemento-halloween-blog-carousel-box .pp-carousel-item-wrap:hover .pp-post-content-wrap .pp-post-title a{
  color: #EF7726;
}
.wpelemento-halloween-blog-carousel-box .pp-carousel-item-wrap:hover .pp-post-author{
  background: #EF7726;
}
.wpelemento-halloween-blog-carousel-box .pp-carousel-item-wrap:hover .pp-post-thumbnail:before, .wpelemento-halloween-blog-carousel-box .pp-carousel-item-wrap:hover .pp-post-thumbnail:after {
  transform: scaleX(1);
}
.wpelemento-halloween-blog-carousel-box h3.pp-post-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pp-post-thumbnail:before, .pp-post-thumbnail:after{
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ef772699;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition: all 1s ease 0s;
  opacity: 0.4;
}
.pp-post-thumbnail:after{
  transform: scaleY(0);
}
.pp-post-thumbnail{
  position: relative;
  overflow: hidden;
}
/* deal banner */

.wpelemento-halloween-deals-timer-box .uc_countdown_section {
  width: 110px !important;
  flex: 0.1 !important;
  border: 1px solid #ffffff2e !important;
  border-radius: 6px !important;
  height: 90px !important;
  justify-content: center;
  display: grid !important;
  align-items: center !important;
  text-align: center !important;
  padding: 10px 20px !important;
}
.wpelemento-halloween-deals-banner-right-image-box, .wpelemento-halloween-deals-banner-right-image-box .elementor-widget, .wpelemento-halloween-deals-banner-right-image-box .elementor-widget-container{
   position: absolute;
   right: 0;
   bottom: 0;
   height: 345px !important;
   width: 300px;
}
.wpelemento-halloween-deals-banner-right-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wpelemento-halloween-deal-offer-left-gift-box, .wpelemento-halloween-deal-offer-left-gift-box .elementor-widget, .wpelemento-halloween-deal-offer-left-gift-box .elementor-widget-container {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 200px !important;
  width: 220px;
}
.wpelemento-halloween-deal-offer-left-gift-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: treeSway 4s ease-in-out infinite;
}
/* common css */
.wpelemento-halloween-heading-box h3,.wpelemento-halloween-heading-box h2{
  /* animation: lights 5s 750ms linear infinite; */
  /* -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; */
  /* -webkit-animation: blink 1.5s infinite alternate */
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}











/* header cart */
#wpelemento-header-main-box #menu-primary-menu li a svg path{
  fill: #fff !important;
}
#wpelemento-header-main-box .hfe-search-submit {
  position: relative;
  width: 20%;
  border-radius: 6px !important;
}
#wpelemento-header-main-box .hfe-search-form__container input{
  position: relative;
  width: 80% !important;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Josefin Sans';
  border-radius: 6px;
  margin-right: 10px;
  padding: 10px 15px !important;
}
#wpelemento-header-main-box .hfe-search-form__container button#clear-with-button {
  right: 20% !important;
  font-size: 14px;
}
#wpelemento-header-main-box .hfe-search-submit:after {
  content: 'Search';
  background-color: #F08225;
  border: none;
  padding: 15px 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  color: #fff;
  border-radius: 6px !important;
  font: 400 15px / 15px "Josefin Sans";
}
.wpelemento-header-admin-icons .elementor-icon{
  cursor: pointer;
}
.wpelemento-header-cart-icon-box .hfe-cart-count:after {
  content: "\f07a";
  width: 40px;
  color: #fff;
  top: -9px;
  right: 0px;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  z-index: 1;
  background: #633fb1;
  font-family: 'FontAwesome';
  font-size: 23px;
}
#wpelemento-halloween-footer-newsletter-box button.newsltr-btn.wpcf7-submit:hover{
  background: #EF7726 !important;
}
.wpelemento-wishlist-icon-box .elementor-icon svg,.wpelemento-admin-icon-box .elementor-icon svg{
  fill: #fff;
}
.wpelemento-header-cart-icon-box .hfe-cart-count {
  position: relative;
}
.wpelemento-header-svg-box svg path{
  animation: mymove 5s infinite;
  animation-timing-function: linear;
}
@keyframes mymove{
  0% {
    left: 0px;
  }
  100% {
      left: 200px;
  }
}
/* footer */
#wpelemento-halloween-footer-newsletter-box ,#footer-col2,.footer-copy-text{
  position: relative;
  z-index: 1;
}
.wpelemento-halloween-footer-category-box img{
  display: none;
}
.wpelemento-halloween-footer-category-box a{
  color: #fff;
}
#wpelemento-halloween-footer-newsletter-box .wpcf7-form-control-wrap input{
  width: 100%;
  border: none;
  outline: none;
  padding: 14px 10px;
  border-radius: 6px;
  font: 400 14px / 14px "Josefin Sans";
}
.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
  width: max-content;
}
#wpelemento-halloween-footer-newsletter-box button.newsltr-btn.wpcf7-submit{
  width: max-content;
  padding: 14px 20px 10px 20px;
  border-radius: 6px;
  border: none;
  font: 400 14px / 14px "Josefin Sans";
  color: #fff;
  background: #633FB1 !important;
  margin-top: 10px;
}
.wpelemento-footer-left-fort-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-animation: flicker-2 2s linear infinite both;
  animation: flicker-2 2s linear infinite both;
}
.wpelemento-footer-left-fort-image-box , .wpelemento-footer-left-fort-image-box  .elementor-widget, .wpelemento-footer-left-fort-image-box  .elementor-widget-container {
  position: absolute;
  left: 0%;
  width: 450px;
  padding: 0;
  bottom: 0%;
  height: 200px;
  z-index: 0;
}
.wpelemento-halloween-footer-banner-center-horror-image-box, .wpelemento-halloween-footer-banner-center-horror-image-box .elementor-widget,.wpelemento-halloween-footer-banner-center-horror-image-box .elementor-widget-container{
  height: 120px !important;
  width: 120px;
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 0;
}
.wpelemento-halloween-footer-banner-center-horror-image-box img{
  height: 100%;
  width: 100%;
  /* -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 3s linear infinite both; */
  /* -webkit-animation: sp 3s linear infinite; */
  animation: tada 5s linear infinite;
}
.wpelemento-halloween-right-footer-moon-outer-box, .wpelemento-halloween-right-footer-moon-outer-box .elementor-widget, .wpelemento-halloween-right-footer-moon-outer-box .elementor-widget-container {
  position: absolute;
  right: 1%;
  width: 100px;
  padding: 0;
  top: 12%;
  height: 100px;
  z-index: 0;
}
.wpelemento-footer-fly-right-top-box, .wpelemento-footer-fly-right-top-box .elementor-widget, .wpelemento-footer-fly-right-top-box .elementor-widget-container {
  position: absolute;
  left: 15px;
  top: -15px;
  bottom: 0;
  width: 70px;
  height: 70px !important;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.5s linear infinite both;
  animation: vibrate-1 3s linear infinite both;
}
.wpelemento-footer-fly-left-center-box, .wpelemento-footer-fly-left-center-box .elementor-widget, .wpelemento-footer-fly-left-center-box .elementor-widget-container {
  position: absolute;
  left: -25px;
  top: 0px;
  right: unset;
  bottom: 0;
  width: 100px;
  height: 100px !important;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 5s linear infinite both;
}
.wpelemento-footer-fly-right-bottom-box, .wpelemento-footer-fly-right-bottom-box .elementor-widget, .wpelemento-footer-fly-right-bottom-box .elementor-widget-container {
  position: absolute;
  top: unset;
  bottom: -10px;
  width: 50px;
  height: 50px !important;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.5s linear infinite both;
  animation: vibrate-1 8s linear infinite both;
  right: 6px;
}
.wpelemento-footer-fly-right-bottom-box svg,.wpelemento-footer-fly-left-center-box svg,.wpelemento-footer-fly-right-top-box svg{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wpelemento-footer-fly-left-center-box svg path:nth-child(2), .wpelemento-footer-fly-left-center-box svg path:nth-child(3),.wpelemento-footer-fly-right-top-box svg path:nth-child(2), .wpelemento-footer-fly-right-top-box svg path:nth-child(3){
  -webkit-animation: flicker-2 2s linear infinite both;
  animation: flicker-2 2s linear infinite both;
}
/* category page */
.post-image img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.post-image {
  height: 240px;
}
.post-content h4{
  font: 600 23px/31px "Josefin Sans";
  color: #EF7726;
}
span.blog-content {
  font: 400 16px / 20px "Josefin Sans";
}
.post-content a{
  background: #EF7726;
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font: 600 16px / 16px "Josefin Sans";  
}
.post-content a:hover{
  background: #61ce70;
  color: #fff;
}
/* return to top */
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #3DB3FF;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* category product */
.category-dropdown-container {
  position: absolute;
  top: -15%;
  right: 0;
}
.category-dropdown-container select{
  border: none;
  background: #633fb1;
  padding: 10px 15px;
  border-radius: 8px;
  color: #fff;
  width: 150px;
  outline: none;
}
/* deal product */

#wpelemento-halloween-deals-product-section .ht-product-action ul li a {
  font: 500 17px/19px "Josefin Sans";
}
#wpelemento-halloween-deals-product-section .ht-product-ratting svg path {
  fill: #EFA926;
}
#wpelemento-halloween-deals-product-section .woolentor-action-btn-area .woolentor-cart {
  cursor: pointer;
}
#wpelemento-halloween-deals-product-section .ht-product-categories{
  padding-left: 0px !important;
}
#wpelemento-halloween-deals-product-section .ht-product-categories:before{
  display: none;
}
#wpelemento-halloween-deals-product-section .ht-products .ht-product .ht-product-inner .ht-product-image-wrap{
  width: 50%;
}
#wpelemento-halloween-deals-product-section .ht-product-content{
  width: 50%;
  background: transparent;
  align-self: center;
  margin-bottom: 20px;
}
#wpelemento-halloween-deals-product-section .ht-product-inner{
  display: flex;
  flex-direction: row-reverse;
  border: none;
  position: relative;
  top: 30px;
}
#wpelemento-halloween-deals-product-section .ht-product-cus-tab-links {
  top: 0;
  left: 15%;
  display: block;
  z-index: 7;
  height: 300px;
  width: auto;
  /* background: red; */
}
#wpelemento-halloween-deals-product-section .ht-product-cus-tab-links li{
  width: 90px;
  height: 90px;
}
#wpelemento-halloween-deals-product-section .ht-product-cus-tab-links li a{
  background: transparent;
  border: 1px solid #353535;
  border-radius: 6px;
  padding: 10px;
}
#wpelemento-halloween-deals-product-section .ht-product-cus-tab-pane.htactive{
  width: 350px;
  height: 400px;
  margin: 0 auto;
}
#wpelemento-halloween-deals-product-section .ht-product-cus-tab-pane.htactive a{
  width: 400px;
  height: 370px;
  padding: 40px;
  border: 1px solid #353535;
  border-radius: 10px;
}
#wpelemento-halloween-deals-product-section .ht-product-cus-tab-pane.htactive img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#wpelemento-halloween-deals-product-section .ht-product-label.ht-product-label-right,.woolentor-action-btn-area li:nth-child(1),.woolentor-action-btn-area li:nth-child(2){
  display: none;
}
#wpelemento-halloween-deals-product-section .ht-product-price .price{
  flex-direction: row-reverse;
  display: flex;
}
#wpelemento-halloween-deals-product-section .ht-product-price .price del{
  margin-left: 10px;
}
.wpelemento-halloween-deals-right-tree-image, .wpelemento-halloween-deals-right-tree-image .elementor-widget, .wpelemento-halloween-deals-right-tree-image .elementor-widget-container {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 360px !important;
  width: 150px;
}
.wpelemento-halloween-deals-right-tree-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wpelemento-halloween-deals-right-moon-outer-box, .wpelemento-halloween-deals-right-moon-outer-box .elementor-widget, .wpelemento-halloween-deals-right-moon-outer-box .elementor-widget-container {
  position: absolute;
  right: 3%;
  width: 150px;
  padding: 0;
  top: 10%;
  height: 150px;
}
.wpelemento-deals-fly-left-center-box, .wpelemento-deals-fly-left-center-box .elementor-widget, .wpelemento-deals-fly-left-center-box .elementor-widget-container {
  position: absolute;
  left: -50px;
  top: 10px;
  right: unset;
  bottom: 0;
  width: 180px;
  height: 100px;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 5s linear infinite both;
}
.wpelemento-deals-fly-left-center-box svg,.wpelemento-deals-fly-right-top-box svg{
  width: 100%;
  height: 100%;
}
.wpelemento-deals-fly-right-top-box, .wpelemento-deals-fly-right-top-box .elementor-widget, .wpelemento-deals-fly-right-top-box .elementor-widget-container {
  position: absolute;
  left: 15px;
  top: -10px;
  bottom: 0;
  width: 130px;
  height: 90px;
  margin: 0 auto;
  -webkit-animation: vibrate-1 0.5s linear infinite both;
  animation: vibrate-1 3s linear infinite both;
}
.wpelemento-halloween-deals-house-image-box, .wpelemento-halloween-deals-house-image-box .elementor-widget, .wpelemento-halloween-deals-house-image-box .elementor-widget-container {
  height: 180px !important;
  width: 220px;
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: 0;
}
.wpelemento-halloween-deals-house-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-animation: flicker-2 2s linear infinite both;
  animation: flicker-2 2s linear infinite both;
}
.wpelemento-halloween-deals-center-tree-image-box, .wpelemento-halloween-deals-center-tree-image-box .elementor-widget, .wpelemento-halloween-deals-center-tree-image-box .elementor-widget-container {
  position: absolute;
  left: 0;
  right: unset;
  width: 180px;
  height: 315px !important;
  bottom: 0;
}
.wpelemento-halloween-deals-center-tree-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-animation: flicker-2 3s linear infinite both;
  animation: flicker-2 3s linear infinite both;
}
.wpelemento-halloween-deals-center-horror-image-box, .wpelemento-halloween-deals-center-horror-image-box .elementor-widget, .wpelemento-halloween-deals-center-horror-image-box .elementor-widget-container {
  height: 130px !important;
  width: 130px;
  position: absolute;
  left: 40px;
  top: 30px;
  z-index: 0;
}
.wpelemento-halloween-deals-center-horror-image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* -webkit-animation: sp 3s linear infinite; */
  animation: tada 5s linear infinite;
}
#wpelemento-halloween-deals-product-section .woolentor-action-btn-area {
  margin-top: 160px !important;
  left: 15px;
  position: relative;
}
#wpelemento-halloween-deals-product-section .ht-product-content .ht-product-title{
  margin-bottom: 20px;
}
.wpelemento-halloween-deals-timer-box{
  position: absolute;
  /* top: 0; */
  left: 14px;
  bottom: 28%;
  margin: 0 auto;
  height: fit-content;
}
.wpelemento-halloween-deals-timer-box #uc_timer_countdown_elementor_cab2771 {
  display: flex;
  flex-wrap: wrap;
  margin: unset;
  width: fit-content;
  justify-content: start;
}
/* testimonial and gallery */

.wpelemento-halloween-testimonial-box .swiper-button-next.swiper-button-disabled, .wpelemento-halloween-testimonial-box .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.wpelemento-halloween-instaram-icon-box #gallery-1 .gallery-icon {
  position: relative;
}
.wpelemento-halloween-instaram-icon-box #gallery-1 .gallery-icon::before {
  content: '\f16d';
  position: absolute;
  font-weight: 500;
  font-family: 'FontAwesome';
  color: #FFF;
  font-size: 20px;
  left: 43%;
  top: 32%;
  z-index: 1;
  opacity: 0;
}
.wpelemento-halloween-instaram-icon-box #gallery-1 .gallery-icon:hover::before {
  opacity: 1;
}
.wpelemento-halloween-instaram-icon-box #gallery-1 .gallery-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #EF772680;
  border-radius: 6px;
  opacity: 0;
}
.wpelemento-halloween-instaram-icon-box #gallery-1 .gallery-icon:hover::after {
  opacity: 1;
}
.wpelemento-halloween-testimonial-box .swiper-button-next.swiper-button-disabled, .wpelemento-halloween-testimonial-box .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.wpelemento-halloween-instaram-icon-box #gallery-1 img {
  border: 0px solid #cfcfcf;
  width: 100%;
  height: 100%;
}
.wpelemento-halloween-gallery-right-spider-box,.wpelemento-halloween-gallery-right-spider-box .elementor-widget,.wpelemento-halloween-gallery-right-spider-box .elementor-widget-container{
  position: absolute;
  left: 0;
  top: -6%;
  height: 200px !important;
  width: 220px;
  -webkit-animation: vibrate-1 0.3s linear infinite both;
  animation: vibrate-1 5s linear infinite both;
}
.wpelemento-halloween-gallery-right-spider-box svg{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: rotateY(180deg) translate(36px, -10px);
}
.wpelemento-halloween-instaram-icon-box #gallery-1 .gallery-item {
  margin-top: 0px;
}

.wpelemento-halloween-heading-box .icon-wrap {
  gap: 10px;
}
.wpelemento-halloween-heading-box .icon-wrap .prev-btn {
  background-color: #EF7726;
  color: #FFF;
  width: 47px;
  height: 44px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 6px;
  cursor: pointer;
  &:hover {
    background-color: #633FB1;
  }
}
.wpelemento-halloween-heading-box .icon-wrap .next-btn {
  background-color: #EF7726;
  color: #FFF;
  width: 47px;
  height: 44px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 6px;
  cursor: pointer;
  &:hover {
    background-color: #633FB1;
  }
}
.wpelemento-halloween-heading-box .icon-wrap .prev-btn svg, .wpelemento-halloween-heading-box .icon-wrap .next-btn svg {
  font-size: 18px;
}
.wpelemento-testimonial-outer-box .elementskit-testimonial-slider .swiper-button-prev,
.wpelemento-testimonial-outer-box .elementskit-testimonial-slider .swiper-button-next {
  opacity: 0;
}

/* testionial */
.wpelemento-testimonial-outer-box .swiper{
  overflow: visible;
}
.wpelemento-halloween-heading-box{
  
}
.wpelemento-testimonial-outer-box .elementskit-single-testimonial-slider{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 75px);
  margin: 0;
  gap: 0px 15px;
}
.wpelemento-testimonial-outer-box .swiper-slide {
  /* width: 570px !important; */
}
.wpelemento-testimonial-outer-box .elementskit-commentor-bio {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
}
.wpelemento-testimonial-outer-box .elementskit-profile-info {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 4;
  margin: 15px 0px 0px 0px !important;
}
.wpelemento-testimonial-outer-box .elementskit-commentor-content{
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 4;
}
.wpelemento-testimonial-outer-box .elementskit-commentor-image img{
  width: 100% !important;
  height: 100% !important;
  border-radius: 15px !important;
  object-fit: contain;
  object-position: left;
  border-radius: 10px !important;
}
.wpelemento-testimonial-outer-box .elementskit-commentor-image,.wpelemento-testimonial-outer-box .elementkit-commentor-details,.wpelemento-testimonial-outer-box .elementskit-commentor-bio {
  height: 150px;
  margin: 0px;
}
.wpelemento-testimonial-outer-box .elementskit-watermark-icon{
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 4;
  margin: 0px 0px 0px 0px !important;
  position: relative;
  top: 0px;
  right: 0;
  left: 0px;
}
.wpelemento-testimonial-outer-box .elementskit-watermark-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px !important;
  height: 50px;
}
.wpelemento-halloween-testimonial-box{
  position: absolute;
  bottom: 18%;
  right: 0;
}
.wpelemento-halloween-banner-icon-box{
  position: relative;
  z-index: 2; 
}
.wpelemento-halloween-testimon-box .wpelemento-halloween-heading-outer-box{
  position: relative;
  top: 30px;
}



/*=============== Feature Product Start ==============*/

#features-product .product-image-box {
  position: relative;
}
#features-product .product-image-box::before {
  content: 'Feature';
  position: absolute;
  background: #EF7726;
  top: 20px;
  left: 0;
  padding: 8px 8px 6px 8px;
  border-radius: 0px 4px 4px 0px;
  color: #fff !important;
  font: 400 14px/14px "Josefin Sans";
}


/*=============== Feature Product End ==============*/




/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

.category-diy__garden_projects:hover img {
  opacity: 0.6;
}

/*========== Star Rating CSS End ============*/

/*========== Return to Top Start ============*/

/* #return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #6CC44D;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 5px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
  animation: float 3s ease-in-out infinite;
} */
@keyframes float{
  0% {
    /* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); */
    transform: translatey(0px);
  }
  50% {
      /* box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2); */
      transform: translatey(-20px);
  }
  100% {
      /* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); */
      transform: translatey(0px);
  }
}
/* #return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #EF7726;
} */


#return-to-top {
  -o-transform: rotate(720deg);
  -ms-transform: rotate(720deg);
  -moz-transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
  transform: rotate(720deg);
  /* display: none; */
  position: fixed;
  bottom: 3em;
  right: 30px;
  padding: 4px;
  background-color: transparent;
  /* clip-path: polygon(75% 20%, 100% 50%, 75% 80%, 0 100%, 26% 50%, 0 0); */
  line-height: 22px;
  text-align: center;
  font-size: 25px;
  transform: rotate(180deg);
  text-decoration: none;
  z-index: 99999;
  width: 40px;
  height: 40px;
  transition: all 0.2s ease 0.2s;
}
svg:not(:root) {
  overflow: hidden;
}
#return-to-top .arrows path.a1 {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}
#return-to-top .arrows path.a2 {
  animation-delay: -0.5s;
  -webkit-animation-delay: -0.5s;
}
#return-to-top .arrows path.a3 {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
#return-to-top .arrows path {
  stroke: #ef7726f7;
}
#return-to-top .arrows path {
  stroke: #ef7726f7;
  fill: transparent;
  stroke-width: 10px;
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite;
}
@keyframes arrow{
  0% {
    opacity: 0;
  }
  40% {
      opacity: 1;
  }
  80% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}



/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}
.preloader {
  margin: 0 auto;
  text-align: center;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid white;
  border-radius: 50%;
  animation: fadeup 0.30s;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.preloader img {
  width: 130px;
}
.preloader:after {
  border-top: 6px solid #ff6600;
}
.preloader:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  animation: rotate1 0.60s infinite;
}
@keyframes rotate1{
  0% {
    transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}








/*============= Preloader End =============*/
.page-numbers{
  height: 35px;
  width: 35px;
  font: 600 16px / 35px Josefin Sans !important;
  background: #fff !important;
  color: #000 !important;
  display: inline-block;
  border: 1px solid #EF7726;
  border-radius: 4px;
}
.next.page-numbers,.prev.page-numbers {
  width: 100px;
}
.page-numbers.current,.page-numbers:hover{
  background: #EF7726 !important;
  color : #fff !important;
}

.wpcf7-response-output {
  position: relative;
  top: unset;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}


@keyframes lights{
  0% {
    color: hsl(230, 40%, 80%);
    text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), -1em -0.125em 0.5em hsla(40, 100%, 60%, 0), 1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
  }
  30% {
      color: hsl(230, 80%, 90%);
      text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
  }
  40% {
      color: hsl(230, 100%, 95%);
      text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 90%, 0.5), -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4);
  }
  70% {
      color: hsl(230, 80%, 90%);
      text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), 0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4);
  }
  100% {
      color: hsl(230, 40%, 80%);
      text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), 1em -0.125em 0.5em hsla(40, 100%, 60%, 0), -1em 0.125em 0.5em hsla(200, 100%, 60%, 0);
  }
}

.wpelemento-halloween-categories-section .wl-col-5{
  animation: rotateCard 2s forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate-reverse;
  animation-delay: 1s;
}
@keyframes rotateCard{
  0% {
    transform: perspective(1500px) rotateY(0deg);
  }
  100% {
      transform: perspective(1500px) rotateY(20deg);
  }
}

.wlsingle-categorie-img {
  position: relative;
}
.wlsingle-categorie-img::before, .wlsingle-categorie-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition: all 0.6s ease 0s;
}
.wlsingle-categorie:hover .wlsingle-categorie-img::before {
  transform: scaleX(1);
}
.wlsingle-categorie:hover .wlsingle-categorie-img::after {
  transform: scaleY(1);
}



.add-animation .product-card {
	-webkit-animation: slit-in-vertical 0.45s ease-out both;
  animation: slit-in-vertical 0.45s ease-out both;
}
@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
  }
}










/*=================== Shop By Categories Start =================*/

.shop-by-categories .ht-category-wrap .ht-category-content {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.shop-by-categories .ht-category-wrap .ht-category-content span {
  position: relative;
  transform: translate(-29px, 0px);
  width: max-content;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.shop-by-categories .ht-category-wrap .ht-category-content span::before {
  display: none;
}
.shop-by-categories .ht-category-wrap .ht-category-content span::after {
  content: 'Items';
  position: absolute;
  top: 0;
  font-size: 20px;
  color: #000000;
  font-family: Josefin Sans;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  padding-left: 10px;
}
.shop-by-categories .ht-category-wrap .ht-category-image a.ht-category-border::before {
  opacity: 0;
}
.shop-by-categories .ht-category-wrap:hover .ht-category-image a.ht-category-border::before {
  opacity: 1;
}
.widget-product-price, .shop-page-product-price {
  gap: 8px;
}
.shop-page-product-price ins {
  text-decoration: none;
}
.shop-by-categories .ht-category-wrap:hover .ht-category-content h3 a {
  color: #EF7726 !important;
}


/*=================== Shop By Categories End =================*/








.discount-content-row .wpelemento-halloween-banner-icon-content-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.discount-sec-grid {
  position: relative;
}
@media screen and (min-width:768px) {
  .discount-sec-grid::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #CAC3D7;
    width: 100%;
    height: 1px;
  }
  .discount-sec-grid::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #CAC3D7;
    width: 1px;
    height: 100%;
  }
}


.product-contents-box .cat-items a {
  color: #000000 !important;
}