@keyframes animateMoveY {
  0% {
    transform: translateY(10px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(10px);
  }
}

.animatetranslate-y {
  animation: animateMoveY 4s ease-in-out infinite alternate;
}

.translate_Y {
  opacity: 0;
  transform: translateY(100%);

}
.translate_Y.show {
  opacity: 1;
  transform: none;
transition: opacity 1000ms ease ,transform 1000ms ease;
}
.translate_x {
  opacity: 0;
  transform: translateX(100%);
}
.translate_x.show {
  opacity: 1;
  transform: none;
    transition: opacity 1000ms ease ,transform 1000ms ease;
    
}
.-translate_x {
  opacity: 0;
  transform: translateX(-100%);
  
}
.-translate_x.show {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 1000ms ease ,transform 1000ms ease;
    
}

.slider_product.owl-carousel .owl-nav button.owl-next,
.slider_product.owl-carousel .owl-nav button.owl-prev {
  background-color: var(--theme-primary);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 30px;
  color: var(--color-theme-gray-200);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'iranyekan';

}
.slider_product.owl-carousel .owl-nav button.owl-next:hover,
.slider_product.owl-carousel .owl-nav button.owl-prev:hover {
  background-color: var(--color-theme-primary);
  color: var(--color-theme-gray-200);
}

.slider_product.owl-theme .owl-dots .owl-dot span {
  background-color: var(--theme-primary);
  transition: width 0.5s;
}

.slider_product.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--color-theme-secondary);
  width: 2rem;
  transition: width 0.5s;
}

.slider_product.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 42%;
  inset-inline-end: 20px;
  transform: translate(-50%, -50%);
}

.slider_product.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 40%;
  inset-inline-start: -20px;
  transform: translate(-50%, -50%);
}



.cloud_design{
  background-image: url("../../Image/design/wavy-right-white.png");
  background-repeat: repeat-x;
}


.story_slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}

.story_slider.owl-loaded {
  opacity: 1;
  visibility: visible;
}