.body{
	overflow-x:hidden !important;
}
/* header search bar */
.elementor-search-form--skin-minimal.elementor-widget.elementor-widget-search-form {
    background: linear-gradient(135deg, #ffcf57a6, #ff78d499);  
    border-radius: 14px;
    position: relative;  
    z-index: 1;
}


/* header menu active*/
.elementor-nav-menu--main .elementor-item.elementor-item-active {
 
    background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}


/* header menu hover */
.elementor-nav-menu--main .elementor-item:hover{
	 
    background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}


/* footer icons */
  .elementor-social-icon:hover {
    background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}


/* footer form field */
.elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
   background: linear-gradient(178deg, #ffcf57a6, #ff78d499) !important; }

/* footer form btn */
 .elementor-button[type="submit"] {
        background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}


/* footer icon lists */
span.elementor-icon-list-text:hover {
    background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

 
/* about the author btn */
.gra-btn  a.elementor-button.elementor-button-link.elementor-size-sm {
    background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}
.gra-btn  a.elementor-button.elementor-button-link.elementor-size-sm:hover{
		  background: linear-gradient(135deg, #ff78d4, #ffcf57 ) !important;
}

/* about the author section */
.border-rad::before {
  content: "";
  border-radius: 12px;
  padding: 7px;
  inset: 0;
  position: absolute;
  background: linear-gradient(45deg, #ffcf57, #ff78d4, #ffcf57);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  background-size: 200% 200%; /* Makes the gradient move */
  animation: gradient-animation 1s linear infinite; /* Add animation */
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* glowing images */
.glowing-book {
  display: inline-block;
  filter: drop-shadow(0px 0px 10px #FF78D4) 
          drop-shadow(0px 0px 20px #FFCF57); /* Initial drop-shadow */
  animation: floating-zoom 6s infinite ease-in-out, gradient-glow 3s infinite alternate;
  transform-origin: center; /* Ensures smooth scaling */
}

@keyframes floating-zoom {
  0% {
    transform: translateY(0) scale(1);
  }
  25% {
    transform: translateY(-10px) scale(1.05);
  }
  50% {
    transform: translateY(0) scale(1);
  }
  75% {
    transform: translateY(10px) scale(0.95);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes gradient-glow {
  0% {
    filter: drop-shadow(0px 0px 10px #FF78D4) 
            drop-shadow(0px 0px 20px #FFCF57);
  }
  25% {
    filter: drop-shadow(10px 10px 15px #FFCF57) 
            drop-shadow(-10px -10px 25px #FF78D4);
  }
  50% {
    filter: drop-shadow(20px 0px 30px #FF78D4) 
            drop-shadow(-20px 0px 40px #FFCF57);
  }
  75% {
    filter: drop-shadow(-10px -10px 20px #FFCF57) 
            drop-shadow(10px 10px 30px #FF78D4);
  }
  100% {
    filter: drop-shadow(0px 0px 10px #FF78D4) 
            drop-shadow(0px 0px 20px #FFCF57);
  }
}

/*   */
/* product grid */
.product-sec::before {
  content: "";
  border-radius: 12px;
  padding: 3px;
  inset: 0;
  position: absolute;
  background: linear-gradient(45deg, #ffcf57, #ff78d4, #ffcf57);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  background-size: 200% 200%; /* Makes the gradient move */
  animation: gradient-animation 1s linear infinite; /* Add animation */
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*  hover background css*/
 
.product-sec:hover {
   background: linear-gradient(45deg, #ffcf57a3, #ff78d494, #ffcf57a3);
 border-radius:15px;
}
/* testimonial section */
.uc_quote_item:hover{
	   background: linear-gradient(45deg, #ffcf57a3, #ff78d494, #ffcf57a3);
 
}
.uc_quote_item::before{
	  content: "";
  border-radius: 12px;
	    margin: 4% 0% 7% 0%;
  padding: 4px;
  inset: 0;
  position: absolute;
  background: linear-gradient(45deg, #ffcf57, #ff78d4, #ffcf57);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
 
  mask-composite: exclude;
  */
	
}
.owl-next,  .owl-carousel .owl-nav .owl-prev {
 
	 background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;}

/* product page  */
button.single_add_to_cart_button.button.alt{
	  background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
	
}
button.single_add_to_cart_button.button.alt:hover{
	  background: linear-gradient(135deg, #ff78d4, #ffcf57 ) !important;
	
}
.woocommerce-Tabs-panel, .woocommerce-tabs ul.wc-tabs li.active{
		 background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}
li#tab-title-reviews{
	 background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}
li#tab-title-description{
	  background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}
div#tab-description{
		  background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}
/* shop page */
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
	 background: linear-gradient(135deg, #ffcf57, #ff78d4) !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover{
	  background: linear-gradient(135deg, #ff78d4, #ffcf57 ) !important;
}

/* Overlay styles */
.reveal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff; /* Adjust to match your design */
  z-index: 1;
  transform-origin: left center;
}

/* Ensure the section can hold the overlay */
.elementor-section[data-id="f50a5d2"] {
  position: relative;
  overflow: hidden; /* Prevent overlay overflow */
}
/* zoom effect ends */
.glowing{
	display: inline-block;
  filter: drop-shadow(0px 0px 10px #FF78D4) 
          drop-shadow(0px 0px 20px #FFCF57); /* Initial drop-shadow */
}
.book{
	display: inline-block;
  filter: drop-shadow(0px 0px 10px #1e66ff) 
		drop-shadow(0px 0px 20px #00FF00); /* Initial drop-shadow */
}