.owl-carousel {
  .owl-stage {
    .owl-item {
      .card {
        .figure {
          .icon {
            > div {
              background-color: #fdd600;
            }
          }
        }

        .content {
          max-height: 130px;
          padding: 20px 30px;

          .price-wrap {
            ul {
              li {
                .title {
                  p {
                    font-size: $font-size-20;
                    font-weight: 700;
                  }

                  .subtitle {
                    p {
                      font-size: 14px;
                      font-weight: 500;
                    }
                  }
                }

                .price-wrap-inner {
                  .price {
                    font-size: $font-size-26;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .owl-nav {
    button.owl-prev,
    button.owl-next {
      &:before {
        color: $quaternary-color;
        box-shadow: inset $quaternary-color 0 0 0 3px;
        @include media-breakpoint-down(xxl) {
          line-height: 60px;
          background: white;
        }

        @include media-breakpoint-down(md) {
          line-height: 53px;
        }
      }
    }
  }

  .owl-dots {
    button.owl-dot {
      &.active,
      &:hover {
        background: $secondary-bg;
      }

      &.active {
        box-shadow: $secondary-bg 0 0 0 3px;
      }
    }
  }
}
.hero-main .hero-cont h1 {
  text-transform: uppercase !important;
}

@media (max-width: 1199.98px) {
  .hero-main .owl-carousel.image-slider .slide-item.image-item .figure img {
    max-height: calc(100vh - 70px);
  }
}

@include media-breakpoint-down(sm) {
  .hero-main .figure:before {
    display: none;
  }

  .hero-main .owl-carousel .slide-item .hero-cont h1,
  .hero-main .owl-carousel .slide-item .hero-cont .h1 {
    text-align: left;
  }
}