.card {
  border-radius: 5px;
  background: $tertiary-bg;
  .content .title .subtitle {
    font-size: 0.875rem;
    text-transform: inherit;
  }

  .content .title h3 {
    padding-bottom: 20px;
    font-weight: bold;
  }
  &.img-top {
    .figure {
      border-radius: 5px 5px 0 0;
    }
  }
  &.img-left {
    .figure {
      border-radius: 5px 0 0 5px;
    }
  }
  &.img-right {
    .figure {
      border-radius: 0 5px 5px 0;
    }
  }
  &.img-bottom {
    .figure {
      border-radius: 0 0 5px 5px;
    }
  }
  .figure {
    border-radius: 5px;
  }
  .content .title h3 {
    color: $white;
    &:hover {
      color: $white;
    }
  }
}

.content-on-image {
  @include media-breakpoint-down(xl) {
    .content{
      width: 100%;
    }
  }
}

.cta-cont .newsletter {
  @include media-breakpoint-down(md) {
    padding: 25px 25px;
    .heading-txt {
      margin-bottom: 20px;
    }
  }
}

//rating cards
.cardtype-rating {
  background: #E23740;
  border-radius: 5px;

  .rating {
    color: #FDD600;
  }

  .rating-author {
    color: $quaternary-color;
  }
}

//price card
.card .content .price-wrap {
  .items-below li .title {
    justify-content: flex-start;
  }

  .price-items li .price-wrap-inner .price-old {
    color: $fifth-color;
    font-size: 0.875rem;
  }
}

@include media-breakpoint-down(xl) {
  .card .content {
    .price-wrap .price-items li .price {
      font-size: 1.5rem;
    }

    .price-style1 p {
      word-break: break-word;
    }
  }
}
.cardtype-price .subtitle li{
  color: #ffffff;
}
.card .content .price-wrap .items-below li .title {
  font-weight: bold;
}