@include media-breakpoint-down(lg) {
  .owl-carousel .owl-item {
    margin-bottom: 10px;

    .item.h-100 {
      padding-bottom: 0 !important;
    }
  }
}

@include media-breakpoint-down(xxl) {

  .owl-carousel .owl-nav button.owl-prev:before,
  .owl-carousel .owl-nav button.owl-next:before {
    line-height: 4rem;
  }
}

.owl-carousel .owl-item {
  margin-bottom: 0;
}

#news-slider.owl-carousel .owl-item {
  margin-bottom: 40px;
}

/*.hero-main {
  margin-top: 135px;
  .owl-carousel .slide-item {
    height: auto;
    min-height: auto;
    .figure {
      position: static;
      float: none;
      height: auto;
      img {
        width: 100%;
        height: auto;
        position: static;
        transform: translate(0px, 0px);
      }
    }
    .hero-cont {
      position: absolute;
      top: 50%;
      left: 0;
      padding-top: 0;
      transform: translateY(-50%);
    }
  } 
}*/
@media (max-width: 432px) {
  .hero-main .owl-carousel .owl-dots {
    bottom: 235px;
  }
}

@media (min-width: 433px) and (max-width: 767.98px) {
  .hero-main .owl-carousel .owl-dots {
    bottom: 190px;
  }
}

@media (min-width: 767.98px) and (max-width: 980px) {
  .hero-main .owl-carousel .owl-dots {
    bottom: 198px;
  }
}

@media (min-width: 992px) {

  .hero-main .slide-item::before,
  .hero-main.attraction-details>.figure::before {
    background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 16%);
  }
}

@media (max-width: 991px) {
  .hero-main .owl-carousel.image-slider .slide-item .hero-cont:not(.hero-more-cont) {
    position: static;
    transform: translate(0px, 0px);
  }
}

@media (max-width: 575.98px) {
  .hero-main .owl-carousel.image-slider .slide-item .hero-cont:not(.hero-more-cont) h1 {
    color: $white !important;
    margin-top: 20px;
  }
}

// homepage slider- nandu
.hero-main {
  &.slider-at-homepage {
    .owl-carousel {
      .owl-nav {

        button.owl-prev,
        button.owl-next {
          &:before {
            width: 50px;
            height: 200px;
            background: transparent;
            box-shadow: inset $secondary-color 0 0 0 3px;
            // background: $secondary-color;
            display: flex;
            align-items: center;
            justify-content: center;
            color: $black;
            left: 15px;
          }

          &:hover {
            &:before {
              box-shadow: inset $black 0 0 0 3px;
              color: $secondary-color;
              // background: #f2e300;
            }
          }
        }
      }
    }
  }
}

// homepage slider

@media (min-width: 1200px) {
  .header-main:has(.navbar.navbar-expand-xl) {
    background: transparent !important;

    +.content-main {
      .hero-main {
        &.slider-at-homepage {
          &.desktop-view {
            .owl-carousel {
              .slide-item {
                height: 100vh;
                margin-top: 0;

                .figure {
                  &::after {
                    background: transparent;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

// BUG fix --N
@include media-breakpoint-up(xl) {
  .section-bg-color {
    .container {
      .row {
        .container {
          .row {
            &.col2-grid {
              .container {
                .row {
                  .col-sm-12 {
                    .frame-type-text {
                      h2 {
                        strong {
                          text-align: left;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.container {
  .row {
    .owl-carousel {
      &.owl-loaded {
        @include media-breakpoint-down(xl) {
          padding: 0 !important;
        }
      }
    }
  }
}

// :: Home-page news card adjustments -- slider
.news {
  .owl-carousel {
    .owl-item {
      .card {
        .figure.gradient-overlay:before {
          display: none;
        }
      }
    }

    .owl-nav {
      button.owl-prev {
        &::before {
          background: $blue-dark;
          box-shadow: inset $blue-dark 0 0 0 3px;
          color: $white;
        }

        &:hover {
          &::before {
            background: $secondary-color;
            box-shadow: inset $secondary-color 0 0 0 3px;
            color: $white;
          }
        }
      }

      button.owl-next {
        &::before {
          background: $blue-dark;
          box-shadow: inset $blue-dark 0 0 0 3px;
          color: $white;
        }

        &:hover {
          &::before {
            background: $secondary-color;
            box-shadow: inset $secondary-color 0 0 0 3px;
            color: $white;
          }
        }
      }
    }
  }
}

// :: Home-page news card adjustments

// BOX-slider adjustments
.container {
  .owl-carousel {

    &.slider-style-0,
    &.slider-style-1 {
      .owl-nav {
        button {

          &.owl-prev,
          &.owl-next {
            &::before {
              background: $blue-dark;
              box-shadow: inset $blue-dark 0 0 0 3px;
              color: $white;
            }

            &:hover {
              &::before {
                background: $secondary-color;
                box-shadow: inset $secondary-color 0 0 0 3px;
                color: $white;
              }
            }
          }
        }
      }

      .owl-dots {
        margin-top: 20px;

        .owl-dot {
          background: $secondary-color;

          &.active {
            background: $secondary-color;
          }
        }
      }
    }

    .owl-stage-outer {
      .item:has(.card.cardtype-price) {
        padding-bottom: 50px !important;

        .card {
          &.cardtype-price {
            background-color: $secondary-color;

            .content {
              .title {
                h3 {
                  color: $white;
                }

                .subtitle {
                  ul {
                    @include media-breakpoint-down(md) {
                      padding: 0;
                    }
                  }
                }
              }

              .price-wrap {
                .price-items {
                  .price-style1 {
                    font-family: $font-family-primary;
                    background-color: $white;
                    color: $secondary-color !important;

                    .title {
                      >p {
                        font-weight: 700;
                        color: $secondary-color !important;
                      }

                      .subtitle {
                        p {
                          text-align: left;
                          color: $secondary-color !important;
                        }
                      }
                    }

                    .price-wrap-inner {
                      span.price-old {
                        color: $secondary-color !important;
                      }

                      .price {
                        color: $third-color !important;

                        a {
                          color: $third-color !important;

                          span.price {
                            color: $third-color !important;
                          }
                        }
                      }
                    }
                  }

                  .price-style2 {
                    font-family: $font-family-primary;
                    background-color: $white;
                    color: $secondary-color !important;

                    .title {
                      >p {
                        font-weight: 500;
                        font-size: 20px;
                        color: $secondary-color !important;
                      }

                      .subtitle {
                        p {
                          text-align: left;
                          color: $secondary-color !important;
                        }
                      }
                    }

                    .price-wrap-inner {
                      .price {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        color: $third-color !important;

                        a {
                          color: $third-color !important;

                          span.price {
                            font-size: 18px;
                            color: $third-color !important;
                          }
                        }

                        .title {
                          display: flex;
                          font-weight: 500;
                          font-size: 18px;
                          gap: 5px;
                          color: $secondary-color !important;
                        }
                      }

                      span.price-old {
                        color: $secondary-color !important;
                      }
                    }
                  }

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

                  .title {
                    h3 {
                      color: $white;
                    }

                    span.subtitle {
                      ul {
                        @include media-breakpoint-down(md) {
                          padding: 0;
                        }

                        li {
                          color: $white;
                        }
                      }
                    }
                  }
                }
              }

              .btn-out {
                .btn {
                  &.btn-primary {
                    background: $red-dark;
                    color: #FFFFFF !important;
                    max-width: 250px;
                    padding: 10px 15px;

                    span {
                      color: $white !important;
                    }

                    @include media-breakpoint-down(md) {
                      min-width: 230px;
                    }

                    &:hover {
                      background: $primary-color !important;
                      color: $white;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.container {
  .row {
    .owl-carousel {
      .owl-stage-outer {
        .owl-item {
          .item {
            &:has(.card.content-on-image) {
              @include media-breakpoint-down(lg) {
                padding-bottom: 20px !important;
              }
            }
          }
        }
      }
    }
  }
}

// BOX-slider adjustments

// image-slider adjustments
.image-slider {
  .owl-carousel.owl-loaded {
    @include media-breakpoint-down(md) {
      padding: 0px 15px;
    }

    .owl-nav {
      button {

        &.owl-prev,
        &.owl-next {
          &::before {
            background: $blue-dark;
            box-shadow: inset $blue-dark 0 0 0 3px;
            color: $white;
          }

          &:hover {
            &::before {
              background: $secondary-color;
              box-shadow: inset $secondary-color 0 0 0 3px;
              color: $white;
            }
          }
        }
      }
    }
  }
}

.content-main {
  .slide-item-review {
    //slider
    background-color: $blue-dark;

    h4.card-headline {
      font-family: $font-family-primary !important;
      font-weight: 700 !important;
      color: $secondary-color !important;
      font-size: 1.125rem !important;
      line-height: 1.5rem;
      padding: 0 !important;
      margin: 0rem 0 1.25rem !important;
      height: 60px;
    }

    .card-content {
      p {
        color: $white !important;
        font-size: 1.125rem !important;
        font-weight: 300 !important;
      }
    }

    .rating-author {
      p {
        color: $secondary-color !important;
      }
    }
  }
}