.card__content {
  margin-inline:0;
  overflow: hidden;
}

.card__image {
    margin-bottom: .75rem;
}
.card__data {
  margin:0 .75rem;
  height: auto;
  text-align: start;
}
.card__data--title{
    font-size: .7rem;
    font-family:"Dana Demibold";
    color: #000 !important;
}
.card__data--caption{
    font-size: .6rem;
}
.card__data--caption span:first-child{
    color: #000;
}
.card__data--caption span:last-child{
    text-decoration: line-through;
    color: #df3232;
}
.card__data--mark{
    top: 10px;
    right: 10px;
    gap: .3rem;
}
.card__data--price{
    font-family:"Dana Demibold";
    font-size: .8rem;
}
.mark{
    background-color: #df3232;
    color: #fff;
    display: inline-block;
    padding:.2rem .3rem 0 .3rem;
    font-size:.8rem;
    width: fit-content;
}
.mark.gray{
    background-color: #000000;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  content: url(../../../img/icon/cehvron-right.svg);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
  content: url(../../../img/icon/chevron-left.svg);
}

.swiper-pagination-bullet {
  background-color: #a3a3a3;
  opacity: 1;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
  top: 45%;
}
.swiper-pagination-bullet-active {
  background-color: #000;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  bottom: 2rem;
}

.swiper__slides{
  width: 70%;
  overflow: hidden;
  margin: auto;
}


.swiper__slides--item{
  display: flex;
  justify-content: center;
  width: auto !important;
  padding: 0 .5rem;
}
.swiper__slides--item.active{
  border-bottom: 1px solid blue;
}
.tab-content > .active {
  display: flex;
}


@media screen and (min-width:768px){
  .card__content {
    margin-inline: 2.75rem;
  }
}