.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;
    }
  }
}

.card {
  .gradient-overlay:before {
    background: transparent
      linear-gradient(180deg, #00000000 0%, #000b1b12 57%, #00000080 69%, #040404 100%, #060606 100%) 0% 0%;
  }

  .figure {
    .icon {
      > div {
        background: #fdd600;
      }
    }
  }

  .content {
    .btn-inn a > span {
      word-break: break-word;
    }

    > .title {
      h3 {
        font-weight: 700;
        text-transform: none;
        text-shadow: none;
        color: $white;
      }
      .subtitle {
        text-transform: none;
        font-weight: 400;
        p, li {
          font-size: $font-size-16;
          line-height: 1.1;

          &:before{
            top: 7px;
          }
        }
      }
    }
    .price-wrap {
      .items-aside{
        @include media-breakpoint-between(md, xl){
          flex-direction: column;
        }
        li{
          @include media-breakpoint-between(md, xl){
            flex-direction: row!important;
          }

          .price-wrap-inner .price {
            @include media-breakpoint-between(md, xl){
              font-size: 15px!important;
            }
          }
        }
      }
      ul {
        li {
          .title {
            p {
              font-size: 24px;
            }
            .subtitle {
              p {
                font-size: 14px;
              }
            }
          }
          .price-wrap-inner {
            .price {
              font-size: 24px;
            }
          }
        }
      }
    }
    .icon {
      > div {
        background: #fdd600;
      }
    }

    .btn-inn,
    .btn-out {
      text-align: center;
      .btn {
        max-width: 310px;
        padding: 10px;
        .icon {
          background: $white;
        }
        &:hover,
        &:active,
        &:focus,
        &:active:focus{
          .icon {
            background: $white;
          }
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }
      }
    }
  }

  &.content-on-image {
    max-height: 400px;
    .content {
      top: unset;
      bottom: 0%;
      transform: translate(0%, 0%);
    }
  }

  &.img-left, &.img-right {
    background-color: $tertiary-bg;
    .content {
      & > .title {
        *{
          color: $secondary-bg;
          text-transform: none;
        }
      }
      .price-wrap {
        ul {
          li {
            .title {
              p {
                font-size: 14px;
              }
              .subtitle {
                p {
                  font-size: 14px;
                }
              }
            }
            .price-wrap-inner {
              .price {
                font-size: 24px;
              }
            }
          }
        }
      }
    }
  }

  &.img-top {
    .figure {
      img {
        aspect-ratio: 1;
      }
    }
    .content {
      flex: 0 1 50%;
    }
  }
}

.news {
  .card {
    background-color: $tertiary-bg;
    .gradient-overlay:before {
      background: none;
    }

    .content {
      .title {
        h3 {
          color: $secondary-bg;
          font-size: 18px;
        }
        .subtitle {
          color: $secondary-bg;
          font-size: 14px;
        }
      }
    }
  }
}

.owl-carousel{
  .item{
    &.h-100{
      height: 90%!important;
    }
  }
}


@include media-breakpoint-down(md) {
  .content-on-image .figure img {
    height: 320px;
  }
}