.slider-product {
  overflow: visible;
  background-color: #f0f4fc;
}
.container-lg .slider-product:hover {
  background-color: #ec5d3d;
}
.slider-product .info h3 {
  font-size: 0.875rem !important;
}
.slider-product .info p {
  font-size: 1.3125rem;
}
.slider-product .bg-btns {
  background-color: #494949;
  border-width: 3px 3px 3px 3px;
  border-radius: 8px 8px 8px 8px;
  font-family: "peyda", sans-serif !important;
}
.slider-product .nav-btn {
  width: 40px;
  height: 40px;
}
.slider-product .liona_blog-card .image {
  height: 296px;
  position: relative;
  transition: all ease 300ms;
}
.slider-product .liona_blog-card .image img {
  border-radius: 10px !important;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-product .liona_blog-card .image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(114, 27, 27, 0.337254902), rgba(var(--rgba-1), 0));
}
.slider-product .liona_blog-card:hover .image {
  transform: scale(1.05);
}
.slider-product .liona_blog-card .content {
  box-shadow: 0 -1px 0 var(--blue-16);
  transform: translateY(-2rem);
  position: relative;
  z-index: 2;
  border-radius: 10px;
  background-color: white;
  padding: 1.5rem 1rem 1rem 1rem;
}
.slider-product .liona_blog-card .content .category {
  position: absolute;
  top: -2.5rem;
  font-size: 0.625rem;
  font-weight: 800;
  padding: 0.1rem 0.4rem;
  border-radius: 5px;
}
.slider-product .liona_blog-card .content .body .title {
  font-size: 0.875rem;
  font-weight: 800;
  margin-bottom: 1rem;
}
.slider-product .liona_blog-card .content .body .desc {
  color: #ec5d3d;
  font-size: 0.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-y: hidden;
  line-height: 24px;
}
.slider-product .liona_blog-card .content .footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  direction: rtl;
}
.slider-product .liona_blog-card .content .footer .comments, .slider-product .liona_blog-card .content .footer .time, .slider-product .liona_blog-card .content .footer .author .date, .slider-product .liona_blog-card .content .footer .author .name {
  color: #ffc107;
  font-size: 0.75rem;
  display: block;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.slider-product .liona_blog-card .content .footer .author {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.slider-product .liona_blog-card .content .footer .author img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.slider-product .liona_blog-card .content .footer .author .date {
  font-size: 0.625rem;
}
@media screen and (max-width: 576px) {
  .slider-product .info {
    align-items: center !important;
  }
  .slider-product .info p {
    font-size: 1.125rem;
  }
}
@keyframes changeLocation {
  from {
    transform: translateX(110px);
  }
  to {
    transform: translateX(0px);
  }
}
@keyframes changeLocationNext {
  from {
    transform: translateX(-130px);
  }
  to {
    transform: translateX(10px);
  }
}
@keyframes changeLocationrev {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(130px);
  }
}
@keyframes changeLocationNextrev {
  from {
    transform: translateX(10px);
  }
  to {
    transform: translateX(-130px);
  }
}
.slider-product .swiper-button-next {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  color: var(--white-0);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  backdrop-filter: blur(0px);
  background: #494949 !important;
  opacity: 0.4;
  cursor: pointer;
  z-index: 100;
  left: 4rem;
}
.slider-product .swiper-button-prev {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  color: var(--white-0);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  backdrop-filter: blur(5px);
  background: #494949 !important;
  opacity: 0.4;
  cursor: pointer;
  z-index: 100;
  left: 72rem;
}
.swiper .slider-product:hover .swiper-button-next {
  animation-name: changeLocationNext;
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}
.swiper .slider-product:hover .swiper-button-prev {
  animation-name: changeLocation;
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}
.slider-product .swiper:not(:hover) {
  animation-duration: 300ms;
}
.slider-product .swiper:not(:hover) .swiper-button-next {
  animation-name: changeLocationNextrev;
  animation-duration: 400ms;
  transition: 400ms;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}
.slider-product .swiper:not(:hover) .swiper-button-prev {
  transition: 400ms;
  animation-name: changeLocationrev;
  animation-duration: 400ms;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
}/*# sourceMappingURL=SliderProduct.module.css.map */