.card {
  &.img-top {
    .figure {
      border-radius: $border-radius-card $border-radius-card 0px 0px;
    }
    .content {
      .title .subtitle {
          text-transform: none;
        }
      flex: 0 1 0%;
    }
  }

  .content {
    @include media-breakpoint-down(xl) {
      padding: 30px;
    }

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

    .price-wrap .items-aside li {
      .price-wrap-inner .price {
        text-align: left;
        white-space: nowrap;
        color: $secondary-color;
      }

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

    .icon > div {
      background: #e50200;
    }

    .btn,
    .btn:hover {
      padding: 10px;
      min-width: 190px;
    }
    .btn-inn {
      @include media-breakpoint-up(md) {
        padding-top: 30px !important;
      }
      .btn {
        @include media-breakpoint-down(sm) {
          padding: 5px;
          font-size: 1em;
        }
      }
    }
  }

  &.content-on-image-bottom,
  &.content-on-image {
    .content .title {
      .subtitle {
        text-transform: none;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.25rem;
        width: 90%;
        @include media-breakpoint-down(sm) {
          text-align: right;
        }
      }
    }
  }

  &.img-top {
    &.transparent {
      .figure {
        overflow: visible;
        img {
          height: 300px;
          width: 300px;
          margin: auto;
          border-radius: 1000px;
        }
      }
      .content {
        padding: 30px !important;
        .title {
          h3 {
            text-align: center;
            font-weight: 600;
          }
        }
      }
    }
  }

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

  &.img-left,
  &.img-right {
    &.transparent {
      .figure {
        flex: 0.6 1 0%;

        @media (max-width: 1055px) {
          border-radius: inherit;

          .transition {
            max-height: 250px;
            max-width: 250px;
            margin: auto;
            border-radius: 50%;
          }
        }

        @media (max-width: 848px) {
          .transition {
            max-height: 200px;
            max-width: 200px;
          }
        }

        img {
          aspect-ratio: 1;
          border-radius: 50%;
        }
      }
    }

    .content {
      justify-content: center;
      padding-left: 30px !important;

      .title {
        h3 {
          padding-bottom: 15px;
        }
        .subtitle {
          text-transform: none;
          font-weight: $font-weight-normal;
          font-size: $font-size-16;
          line-height: $line-height-22;
        }
      }
    }
  }

  &.img-right {
    &.transparent {
      .figure {
        @media (max-width: 1550px) and (min-width: 1200px) {
          .transition {
            max-width: 400px;
            max-height: 400px;
          }
        }
        @media (max-width: 1200px) and (min-width: 1055px) {
          .transition {
            max-width: 350px;
            max-height: 350px;
          }
        }
      }
    }
  }
}

.news {
  .owl-carousel {
    .card {
      @include media-breakpoint-down(sm) {
        height: 100%;
      }
    }
  }
  .card {
    @include media-breakpoint-down(sm) {
      height: 300px;
    }

    .content {
      @include media-breakpoint-down(sm) {
        padding: 20px;
      }
    }
  }
  .card .content .btn {
    background: #4e7bff;
    border-color: #4e7bff;
  }

  .owl-nav {
    display: none;
  }

  .owl-dots {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.card .figure{
  overflow: visible !important;
  @include media-breakpoint-down(md) {
    overflow: hidden !important;
  }
}
.card{
  // background : #253765;
}