.menu-side .mobile-menu-a {
  color: var(--color-gray);
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.menu-side .mobile-menu-a:hover {
  background-color: var(--gray-hover) !important;
}
@-webkit-keyframes translateX {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@-webkit-keyframes scaleEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleEffect {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* animation */

.animate-translateX,
.animate-translate-X {
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.swiper-slide.swiper-slide-active .animate-translateX,
.swiper-slide.swiper-slide-active .animate-translate-X {
  -moz-animation-name: translateX;
  -o-animation-name: translateX;
  -ms-animation-name: translateX;
  animation-name: translateX;
  -o-animation-duration: 7s; /* افزایش مدت زمان */
  -ms-animation-duration: 7s;
  -moz-animation-duration: 7s;
  animation-duration: 7s;
  transform-origin: center;
}

/* animation */

.swiper-slide .img-translateX,
.swiper-slide .img-translateY {
  opacity: 0;
  visibility: visible;
  transition-delay: 200ms; /* افزایش تاخیر */
}

.swiper-slide .img-translateX {
  transform: translateX(-200px);
  transition: all 500ms ease-in-out; /* افزایش مدت زمان و تغییر timing-function */
}

.swiper-slide .img-translate-X {
  transform: translateX(400px);
  transition: all 500ms ease-in-out;
}

.swiper-slide .img-translateY {
  transform: translateY(-150px);
  transition: all 500ms ease-in-out;
}

.swiper-slide.swiper-slide-active .img-translateY,
.swiper-slide.swiper-slide-active .img-translateX,
.swiper-slide.swiper-slide-active .img-translate-X {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 500ms ease-in-out; /* افزایش مدت زمان و تغییر timing-function */
  transition-delay: 600ms; /* افزایش تاخیر */
}

.header-slider .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255);
  text-indent: -999em;
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  border-radius: 9999px;
}

.header-slider
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: '';
  inset: 0.25rem;
  position: absolute;
  background: white;
  border-radius: 10px;
}

.header-slider .swiper-pagination-bullets {
  bottom: 3%;
  display: flex;
  padding-inline-start: 1rem;
}

/*section*/

@media (min-width: 64rem) {
  .header.add_class {
    border-bottom-width: 1px;
    background-color: rgba(249, 250, 251, 0.9);
  }
}