.swiper-pagination {
  bottom: 50% !important;
  left: 0 !important;
  width: auto !important;
  transform: rotate(90deg) !important;
  .blog-box__image;
}

.features__heading {
  text-align: center;
  padding: 12px 0;
  margin: 32px 0;
  background-color: #eeeeee;
  line-height: var(--line-height-normal);
}

@media (max-width: 596px) {
  .swiper-pagination {
    bottom: unset !important;
    top: 40px;
    width: unset !important;
    display: flex;
    flex-direction: column;
    transform: rotate(0) !important;
  }
  .swiper-pagination-bullet {
    margin-top: 12px !important;
  }
}

@media (max-width: 456px) {
  footer {
    margin-bottom: 0 !important;
  }
}

.box,
.blog-box {
  padding: 30px 0;
}
.box__image {
  width: 100%;
}
.box__title {
  font-size: var(--font-xlarge);
  font-weight: bold;
  line-height: var(--line-height-normal);
  padding-top: calc(1.5 * var(--margin-normal));
}
.box__description {
  font-size: var(--font-medium);
  text-align: justify;
  line-height: var(--line-height-normal);
}
.box--bg-pink {
  background-color: #fee7ef;
}
.blog-box__title {
  font-weight: bold;
  font-size: var(--font-medium);
}
.blog-box__desc {
  font-size: var(--font-medium);
}
.box--bg-yellow {
  background-color: #facb63;
}
.blog-box__image {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: var(--border-radius-normal);
}

.grid-images__image {
  position: absolute;
}
.grid-images__image3 {
  bottom: 0;
  width: 100px;
}
.grid-images__image2 {
  width: 80px;
  bottom: 119px;
  right: 25px;
}
.grid-images__image1 {
  width: 60px;
  bottom: 110px;
  right: -47px;
}

[dir="ltr"] .grid-images__image2 {
  width: 80px;
  bottom: 119px;
  left: 25px;
}
[dir="ltr"] .grid-images__image1 {
  width: 60px;
  bottom: 110px;
  left: -47px;
}

#up_to_page {
  display: none !important;
  bottom: 10px !important;
}

@media (max-width: 596px) {
  #up_to_page {
    display: none;
    bottom: 10px !important;
  }

  .header {
    background-color: transparent !important;
  }

  .blog-box__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .blog-box__grid__item {
    flex-basis: 45%;
    text-align: center;
  }

  .blog-box__title {
    margin-top: 15px;
  }
}

.box--bg-store {
  background-image: url("./../../images/download-page/فروشگاه.webp");
  background-size: cover;
  background-position: right;
}

@media screen and (min-width: 450px) and (max-width: 768px) {
  .box__image {
    width: 300px;
  }

  .box__image--left {
    float: left;
  }

  [dir="ltr"] .box__image--left {
    float: right !important;
  }
}

.box__image--right-position {
  width: 100%;
  object-fit: cover;
  height: 300px;
  object-position: right;
}