.owl-carousel {
    .owl-nav {

        button.owl-prev,
        button.owl-next {
            &:before {
                box-shadow: none;
                color: $quaternary-color;

                @include media-breakpoint-down(xxl) {
                    line-height: 60px;
                    box-shadow: none;
                    background: white;
                }

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

    @include media-breakpoint-down(lg) {
        &.slider-style-0 .owl-item {
            margin-bottom: 20px;
        }
    }

    .owl-dots {
        margin-top: 0;
    }

    //.card {
    //    .content {
    //        background-color: $tertiary-bg;
    //        color: $secondary-color;
    //    }
    //}
}

.hero-main {
    .hero-cont {
        h1 {
            font-family: "DIN Pro", sans-serif;
            font-weight: 500;
            font-size: 2rem;
        }

        .sub-title {
            font-family: $font-family-tertiary;
            line-height: 1 !important;
            // @include media-breakpoint-up(md){
            //     font-size: $font-size-64;
            // }
        }
    }

    .figure {
        &:before {
            display: none;
            //background: linear-gradient(180deg, transparent, #e4d9ce 99%);
        }
    }

    .owl-carousel .slide-item .hero-cont {
        @include media-breakpoint-down(sm) {
            color: #fff !important;
             background: #e4d9ce;
        }
        &:not(.hero-more-cont) {
            h1,.h1,.sub-title {
                @include media-breakpoint-down(sm) {
                    margin-bottom: 10px;
                    margin-top: 37px;
                    font-weight: 700;
                    color: #fff !important;
                }
            }
        }
    }
}

@media (max-width: 1199px) {
    .hero-main .owl-carousel .slide-item.video-item .figure iframe.iframe-video {
        margin-bottom: -8px;
    }
}
.owl-carousel{
    .owl-stage{
        .card{
            .content{
                @include media-breakpoint-down(md){
                    flex: 1 1 0%;
                }
            }
        }
    }
}

