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

.card {
  background: $quaternary-color;

  .gradient-overlay:before {
    background: transparent linear-gradient(180deg, #00000000 0%, #e8bb00 100%) 0% 0% no-repeat padding-box;
  }

  .gradient-overlay-left:before {
    background: transparent linear-gradient(-90deg, #00000000 0%, #e8bb00 100%) 0% 0% no-repeat padding-box;
  }

  .content {

    .title {
      h3 {
        letter-spacing: 0px;
        padding-bottom: 15px;
      }

      .subtitle {
        font-size: $font-size-14;
        text-transform: none;
      }
    }

    .price-wrap {
      .price-items {
        li {
          .price {
            font-size: 2.5rem;
          }

          .title {
            font-weight: $font-weight-bold;
          }

          .price-wrap-inner .price-old {
            color: $fifth-color;
            font-size: $font-size-20;

            :before {
              background: #ffffff;
            }
          }
        }
      }

      .items-below {

        li {
          background: $secondary-color;

          .title {
            font-weight: $font-weight-normal;
          }

          .price {
            font-size: $font-size-24;

            @include media-breakpoint-down(md) {
              font-size: $font-size-20;
            }
          }
        }
      }
    }

    .btn-inn {
      text-align: center;

      .btn {
        width: 100%;
      }
    }

    .btn {
      background: $fifth-color;
      color: $primary-color;
    }
  }

  &.img-top {
    .content {
      .title {
        h3 {
          @include media-breakpoint-down(xl) {
            text-align: left !important;
          }
        }

        span.subtitle {
          p {
            @include media-breakpoint-down(xl) {
              text-align: left !important;
            }
          }

          ul {
            padding: 10px 0 0 0px;

            li:before {
              background: #ffffff;
            }
          }
        }
      }

      .price-wrap {
        ul.price-items.items-below {
          @include media-breakpoint-down(xl) {
            padding-top: 20px;
            padding-bottom: 0px;

            li.price-style1 {
              .title {
                p {
                  text-align: left;
                }
              }
            }
          }
        }
      }
    }
  }

  &.cardtype-price {
    &.no-pic {
      &.border-rounded {
        .content {
          @include media-breakpoint-down(lg) {
            padding: 10px;
          }

          &:has(.btn-out) {
            @include media-breakpoint-down(lg) {
              padding-bottom: 22px;
            }
          }

          &>.title {
            @include media-breakpoint-down(lg) {
              margin-left: 0px;
              margin-bottom: 20px;

              >h3 {
                padding-bottom: 5px;
                padding-top: 0px;
                line-height: 30px;
              }
            }
          }

          .price-wrap {
            @include media-breakpoint-down(lg) {
              margin-top: 0px;

              >.price-items {
                margin-bottom: 0px;

                li.price-style2 {
                  margin: 0 0 8px 0;
                  padding: 9px 10px;

                  &:last-child {
                    margin: 0 0 0px 0;
                  }

                  .price-wrap-inner {
                    .price {
                      display: flex;
                      flex-direction: row;
                      justify-content: space-between;

                      >.title {
                        font-size: 20px;
                        font-weight: 900;
                      }
                    }
                  }
                }
              }
            }
          }

        }
      }

    }

    &.img-top {
      .content {
        @include media-breakpoint-between(sm, lg) {

          .btn-out {
            a {
              padding: 10px 15px;

              span {
                font-size: 0.8rem;
              }
            }
          }
        }

        @include media-breakpoint-down(lg) {
          padding: 10px 10px;

          &:has(.btn-out) {
            padding-bottom: 22px;
          }
        }

        &>.title {
          @include media-breakpoint-down(lg) {
            margin-left: 10px !important;
            margin-bottom: 20px;

            ul {
              padding: 0 0 0px 0px;

              li {
                &:last-child {
                  padding-bottom: 0px;
                }
              }
            }

            >h3 {
              padding-bottom: 5px;
              padding-top: 0px;
              line-height: 30px;
              text-align: left !important;
            }

            span.subtitle {
              p {
                text-align: left !important;
              }
            }
          }
        }

        .price-wrap {
          @include media-breakpoint-down(lg) {
            margin-top: 0px;
          }

          ul.price-items.items-below {
            @include media-breakpoint-down(lg) {
              padding-top: 0px;
              padding-bottom: 0px;
              margin-bottom: 0px;
            }

            li.price-style1 {
              margin: 0 0 8px 0;
              padding: 9px 10px;

              .title {
                p {
                  @include media-breakpoint-down(lg) {
                    text-align: left;
                  }
                }
              }
            }
          }
        }
      }
    }

    &.img-left {
      .content {
        .title {
          h3 {
            @include media-breakpoint-down(xl) {
              text-align: left !important;
            }
          }

          span.subtitle {
            p {
              @include media-breakpoint-down(xl) {
                text-align: left !important;
              }
            }

            ul {
              padding: 10px 0 0 0px;

              li:before {
                background: #ffffff;
              }
            }
          }
        }

        .price-wrap {
          ul.price-items.items-below {
            @include media-breakpoint-down(xl) {
              padding-top: 20px;
              padding-bottom: 0px;

              li.price-style1 {
                .title {
                  p {
                    text-align: left;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  &.content-on-image-bottom {
    .figure.gradient-overlay-left,.figure.gradient-overlay,.figure.gradient-overlay-right {
      &+.content {
        .title {
          span.subtitle {
            p {
              text-align: center !important;
            }
          }
          h3 {
            @include media-breakpoint-down(md) {
              text-align: center !important;
            }
          }
        }
      }
    }
  }
}

.section-bg-color {
  .card {
    background: $primary-color;
    color: #000000;

    .content {
      .title {
        h3 {
          color: $fifth-color;
        }
      }

      .price-wrap {
        .price-items {
          li {
            .price-wrap-inner .price-old {
              &:before {
                background: #000000;
              }
            }
          }
        }
      }
    }
  }
}

.content-on-image,
.content-on-image-bottom,
.section-bg-color .content-on-image,
.section-bg-color .content-on-image-bottom {

  .gradient-overlay:before {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  }

  .gradient-overlay-left:before {
    background: transparent linear-gradient(-90deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  }

  .content {
    padding-bottom: 30px;

    @include media-breakpoint-down(md) {
      padding-bottom: 20px;
    }

    .title {
      text-align: center;

      h3 {
        text-transform: none;
        color: $primary-color;
        padding-bottom: 30px;

        @include media-breakpoint-down(md) {
          padding-bottom: 10px;
        }
      }

      &:after {
        display: none;
      }
    }
  }
}

.img-left {
  .content {
    .title {
      h3 {
        text-transform: none;
      }

      .subtitle {
        font-weight: $font-weight-medium;
        text-transform: none;
      }
    }
  }
}

#news .card .content .title:after {
  display: none;
}


.border-rounded {
  border-radius: $border-radius-card;

  &.img-top {
    .figure {
      border-radius: $border-radius-card $border-radius-card 0 0px;
    }
  }

  &.img-left {
    .figure {
      border-radius: $border-radius-card 0px 0px $border-radius-card;

      @include media-breakpoint-down(md) {
        border-radius: $border-radius-card $border-radius-card 0px 0px;
      }
    }
  }

  &.content-on-image-bottom,
  &.content-on-image {
    border-radius: 10px;

    .figure {
      border-radius: 10px;

      &:before {
        border-radius: 10px;
      }
    }
  }
}

@include media-breakpoint-down(lg) {
  .slide-item-review.cardtype-rating {
    padding: 30px 30px;

    .rating {
      margin-bottom: 20px !important;
    }

    h4,
    .card-content {
      margin-bottom: 20px !important;
      height: auto;
    }

    .rating-author p {
      color: #fff;
    }
  }
}

@include media-breakpoint-down(md) {
  .slide-item-review.cardtype-rating {
    * {
      text-align: left !important;
    }
  }

  .frame-type-news_newsliststicky .news .item .card.img-top .content .title h3 {
    text-align: left !important;
    padding-top: 0px !important;
  }
}

@include media-breakpoint-between(sm, lg) {
  .fourcol-25-25-25-25 .item.h-100 {
    height: 100% !important;
  }
}