/* Import default styles
----------------------------------------*/
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/fonts";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/variables";
@import "fonts";
@import "variables";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/park-styles";

/* Imports
----------------------------------------*/

@import "base";
@import "form-elements";
@import "navigations";
@import "mega-menu";
@import "header";
@import "footer";
@import "calendar";
@import "cards";
@import "multiselect";
@import "newsletter";
@import "slider";
@import "info-popup";
@import "social";
@import "feature-items";
@import "filter-elements";
@import "events";
@import "reviews";
@import "badge";
@import "button";
@import "weatherinfo";
@import "accordion";
@import "attraction-details";
@import "custom-colors-components";

.form-label {
  margin-bottom: 10px;
}

ul.tx-indexedsearch-browsebox li strong {
  text-decoration: none;

  a {
    font-weight: $font-weight-bold;
  }
}

/* Attraction */
.details p {
  color: $black;
}

section.primary-bg {
  background: #0098db !important;

  h2 {
    color: $white;
  }
}

.attraction-features {
  background-color: $white;
  border: 3px solid #11a3a7;
  height: auto;

  .icon-list {
    ul li {
      display: flex;

      .text-wrap {
        color: $black;

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

    img {
      margin-right: 20px;
      width: 30px;
      height: 30px;
    }
  }
}

.search-icon img {
  object-position: center;
}

.news .gradient-overlay-left:before {
  background: transparent;
}

.news .card .content .btn {
  background-color: $quaternary-color;
}

form>.form-group .form-text {
  color: #000000;
}

@include media-breakpoint-up(xl) {
  .header-main .navbar-nav li .nav-link .nav-text {
    font-size: 1.1rem;
    padding: 0 13px;
  }
}

@media (max-width: 1233px) and (min-width: 1200px) {
  .header-main .navbar-nav li .nav-link .nav-text {
    line-height: 22px;
  }
}

@media (max-width: 650px) {
  #accordion_search_bar_container {
    margin-right: 30px;
  }

  .wabs-faq-searchbar .search-icon {
    margin-left: -71px;
  }
}

.frame-type-list .news {

  p,
  ul li {
    font-family: "Questrial", sans-serif;
  }

  p {
    line-height: 1.875rem;
  }

  .card .content .title h3 {
    @media (max-width: 383px) {
      line-height: 1.6;
    }

    @media (max-width: 338px) {
      line-height: 1.3;
    }
  }
}

@media (max-width: 767.98px) {
  .section:nth-child(odd) .split-cont .row {
    flex-direction: inherit;
  }
}

@include media-breakpoint-down(md) {
  .tx-wabs-attractions .hero-inner {
    min-height: 34vh;
  }
}

.border-rounded .figure {
  border-radius: 0px 8px 8px 0px;

  @include media-breakpoint-down(md) {
    border-radius: 8px 8px 0px 0px;
  }
}

@include media-breakpoint-down(md) {
  hr {
    height: 1px !important;
  }
}

@media (max-width: 420px) {
  .container-full.fourcol-25-25-25-25 .content-on-image-bottom .content h3 {
    font-size: 21px;
    line-height: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
  }
}

.card .content .title .subtitle {
  text-transform: none;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0;
}

.hero-main .owl-carousel .slide-item.image-item .figure:after {
  top: 0px;
}

@include media-breakpoint-up(xl) {
  .hero-main .owl-carousel .slide-item:after {
    content: "";
    display: block;
    opacity: 1;
    /* content: " "; */
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 9%);
  }

  .hero-main .owl-carousel .slide-item {
    margin-top: 90px;
  }
}

@include media-breakpoint-down(xl) {
  .alert-visible .header-main .navbar>.container {
    border-radius: 0px;
  }

  .hero-main .owl-carousel .slide-item {
    margin-top: 70px;
  }

  .hero-main .owl-carousel .slide-item .figure:after {
    content: "";
    display: block;
    opacity: 1;
    /* content: " "; */
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 9%);
  }
}

@include media-breakpoint-down(md) {

  main>.hero-main .slide-item.video-item video source,
  main>.hero-main .slide-item.video-item .iframe-video,
  main>.hero-main .slide-item.video-item .mp4-video {
    display: block;
  }

  .hero-main .owl-carousel .slide-item .figure:after {
    top: 20px;
    background: linear-gradient(white 0%, rgba(255, 255, 255, 0) 20%);
  }

  .hero-main .image-slider .slide-item {
    &.video-item {
      height: auto;
      min-height: auto;
      margin-top: 50px;

      .figure {
        left: 0%;
        top: 0%;
        transform: translate(0%, 0%);
        height: 100%;
        padding-bottom: 0;
        width: 100%;
        position: static;

        &:before {
          display: none;
        }
      }
    }

    &.image-item {
      height: 100%;
      min-height: auto;

      .figure {
        left: 0%;
        top: 0%;
        position: static;

        img {
          position: static;
          width: 100%;
          height: auto;
          transform: translate(0%, 0%);
        }

        &:before {
          display: none;
        }
      }

      .hero-cont {
        position: absolute;
        left: 0;
        top: 0;
      }
    }
  }
}

// css modified
@include media-breakpoint-down(md) {
  .container {
    .container {
      --bs-gutter-x: 0px;
    }

    .row.split-cont {
      .container {
        --bs-gutter-x: 12px;
      }
    }
  }

  .container,
  .container-sm {
    max-width: 100%;
  }

  .header-main {
    .btn-booking {
      margin-right: 24px;
    }
  }
}

@media (max-width: 767.98px) {
  #header-type-1.header-main {
    .navbar-nav {
      .nav-item.dropdown {
        .dropdown-menu {
          .dropdown-item {
            >a {
              &:hover {
                color: #dc2e76;
              }

              &.active {
                color: #dc2e76;
              }
            }
          }
        }

        .nav-link.show {
          .nav-text {
            background-color: transparent !important;
            padding: 0 !important;
            color: #0098db !important;
          }
        }
      }
    }
  }

  .header-main {
    .navbar {
      .offcanvas-start {
        width: 100%;

        .offcanvas-body {
          padding: 20px 58px;
        }
      }
    }

    .navbar-nav {
      .nav-item.dropdown {
        .dropdown-menu {
          padding-top: 0;
        }
      }
    }
  }

  .hero-main {
    .owl-carousel.image-slider {
      .slide-item.image-item {
        .hero-cont {
          position: absolute;
          top: 50%;
          left: 50%;
          padding: 0;
          transform: translate(-50%, -50%);

          .aside {
            h1 {
              margin-top: 0;
              color: #fff !important;
            }
          }
        }
      }
    }
  }

  .frame-type-text p {
    line-height: $line-height-26;
  }

  .card {
    .content {
      .btn-inn {
        .btn {
          margin-top: 0px !important;

          span {
            font-size: $font-size-16;
          }
        }
      }

      .btn-out {
        .btn {
          width: 100%;
          max-width: 250px;
          padding: 15px 10px !important;
          border-radius: 100px;
          margin-bottom: 6px;

          span {
            font-size: $font-size-16;
          }
        }
      }
    }
  }

  a.btn {
    &.data {
      width: 100%;
      max-width: 250px;
      padding: 15px 10px;
      border-radius: 100px;
      margin-bottom: 6px;
      font-size: $font-size-16;

      span {
        font-size: $font-size-16;
      }
    }
  }

  .content-on-image {
    &.card {
      .content {
        padding: 10px;
      }
    }
  }

  .card.cardtype-price {
    .content {
      padding: 10px;
      position: relative;
      padding-bottom: 30px;
      border-radius: 0 0 8px 8px;

      .title {
        text-align: left;
        padding: 0 10px;

        h3 {
          text-align: left !important;
          padding: 0;
          font-weight: $font-weight-bold;
        }

        .subtitle {
          p {
            text-align: left !important;

            strong {
              font-weight: $font-weight-normal;
              font-size: $font-size-16;
            }
          }
        }
      }

      .btn-out {
        a.btn.btn-primary {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -30px;
          margin: 0 auto;
          min-height: 60px;
          line-height: 27px;

          &:hover {
            margin: 0 auto !important;
          }
        }
      }

      .price-wrap {
        ul.price-items {
          padding-top: 20px;
          padding-bottom: 20px;
          margin-bottom: 0;
          gap: 10px;

          li.price-style1 {
            margin-bottom: 0;
            padding: 10px 10px;

            .title {
              text-align: left;
              justify-content: space-between;

              p {
                text-align: left;
                font-size: $font-size-16;
                font-weight: $font-weight-normal;
                line-height: 24px;
              }

              .subtitle {
                p {
                  font-size: $font-size-20;
                  font-weight: $font-weight-bold;
                  line-height: 30px;
                }
              }
            }

            .price-wrap-inner {
              justify-content: flex-start;

              .price {
                font-size: $font-size-20;
                font-weight: $font-weight-bold;
                line-height: 30px;

                .from {
                  padding-bottom: 0;
                }

                >a {
                  font-size: $font-size-20;
                  font-weight: $font-weight-bold;
                  line-height: 30px;
                }
              }
            }
          }
        }
      }
    }
  }

  .owl-carousel {
    &.slider-style-0 {
      .owl-item {
        margin-bottom: 25px;

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

  .events-cont {
    .events-highlights {
      ul {
        li {
          font-size: $font-size-14;
        }
      }
    }
  }

  .calendar-grid {
    .events-cont {
      .events-articles {
        padding: 20px 20px;
      }
    }
  }

  .social-feeds {
    padding: 30px 0 30px 0;
  }

  // inner page
  .container.frame-class-indent {
    .frame.frame-indent.frame-type-textpic {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .hero-main.mobile-view {
    +.frame.frame-default.frame-type-header.frame-layout-0.frame-space-before-medium.frame-space-after-medium {
      header {
        padding-left: 24px;
        padding-right: 24px;
      }
    }
  }

  .hero-main.mobile-view {
    +.container-fluid.frame-class-default.frame-layout-0.frame-space-before-.frame-space-after-.position-relative.mobile-padding {
      .py-4 {
        .row {
          .col-sm-12 {
            .frame.frame-default.frame-type-header.frame-layout-0.frame-space-before-medium {
              header {
                padding-left: 24px;
                padding-right: 24px;
              }
            }
          }
        }
      }
    }
  }

  .container-fluid.frame-class-default.frame-layout-0.frame-space-before-.frame-space-after-.position-relative {
    .image-slider {
      .owl-carousel.image-slider.owl-loaded.owl-drag {
        padding-left: 24px;
        padding-right: 24px;
      }
    }
  }

  section.section.frame-default {
    .container-fluid.frame-class-default.frame-layout-0.frame-space-before-.frame-space-after-.position-relative {
      .container.twocol-80-20 {
        .item {
          .card.zoom-in.img-right {
            .content {
              .title {
                h3 {
                  text-align: left !important;
                }

                span.subtitle {
                  p {
                    text-align: left !important;
                  }

                  ul {
                    padding-left: 0;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default.frame-space-before-.frame-space-after-.position-relative {
    .item {
      .card.zoom-in.img-left {
        .content {
          .title {
            h3 {
              text-align: left !important;
            }

            span.subtitle {
              p {
                text-align: left !important;
              }

              ul {
                padding-left: 0;
              }
            }
          }
        }
      }
    }
  }

  .hero-inner {
    &.attraction-details {
      &.owl-carousel {
        .owl-nav {
          position: absolute;
          top: 90px;
          right: 88px;

          button.owl-prev {
            width: 54.207px;
            height: 54.207px;
            left: inherit;
            right: 15px;
            top: inherit;

            &:before {
              display: flex;
              width: 54.207px;
              height: 54.207px;
              padding: 20.328px;
              justify-content: center;
              align-items: center;
              gap: 20.328px;
              flex-shrink: 0;
              border-radius: 135.517px;
              border: 1.355px solid #fff;
              background: rgba(0, 0, 0, 0.4);
              content: "\f060";
            }
          }

          button.owl-next {
            width: 54.207px;
            height: 54.207px;
            left: inherit;
            right: inherit;
            top: inherit;

            &:before {
              display: flex;
              width: 54.207px;
              height: 54.207px;
              padding: 20.328px;
              justify-content: center;
              align-items: center;
              gap: 20.328px;
              flex-shrink: 0;
              border-radius: 135.517px;
              border: 1.355px solid #fff;
              background: rgba(0, 0, 0, 0.4);
              content: "\f061";
            }
          }
        }

        .hero-cont {
          padding: 32.524px;
          margin: 0;

          .aside {
            header {
              padding-bottom: 0;
            }
          }
        }
      }
    }
  }

  .card.attraction-features {
    .icon-list {
      ul {
        li {
          .text-wrap {
            .category {
              text-align: left;
            }

            .value {
              text-align: left;
            }
          }
        }
      }
    }
  }

  .tx-wabs-attractions {
    section.filter-elements {
      margin-bottom: 15px;
    }
  }

  .tx-wabs-faq-search {
    .wabs-faq-searchbar {
      #accordion_search_bar_container {
        margin-right: 10px;
      }

      .search-icon {
        margin-left: 0;
      }
    }
  }

  .container {
    .section-bg-color {
      .container {
        padding-left: 24px !important;
        padding-right: 24px !important;
      }
    }
  }

  .accordion {
    .card-header {
      .card-title {
        .accordion-toggle {
          &:after {
            top: 29px;
          }
        }
      }
    }
  }

  .footer-main {
    .pre-footer {
      padding-top: 48px;
      padding-bottom: 15px;

      .row {
        .logo.text-center {
          padding-bottom: 40px;
        }
      }

      h2 {
        padding-left: 15px;
        padding-right: 40px;
        font-size: $font-size-22;
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 700;
      }

      .footer-menu {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }

    .footer-menu {
      font-size: $line-height-16;
      line-height: 1.5;
    }

    .copy-rights {
      padding-top: 20px;
      padding-bottom: 20px;

      .copyrights-menu {
        padding-bottom: 10px;

        ul,
        ol {
          margin: 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          row-gap: 10px;
          column-gap: 25px;
          margin-bottom: 10px;

          li {
            a {
              padding: 0;
            }
          }
        }
      }
    }
  }

  // b-fix
  .frame.frame-default.frame-type-list.frame-layout-0 {
    .tx-wabs-faq-search {
      margin-top: 10px;

      .wabs-faq-searchbar.input-size-big {
        .search-icon {
          img {
            width: 26px;
          }
        }
      }
    }
  }

  .hero-main.mobile-view {
    +.frame.frame-default.frame-type-header.frame-layout-0.frame-space-before-medium {
      header {
        padding-left: 24px;
        padding-right: 24px;
      }
    }
  }

  .owl-carousel.slider-style-1.frame-space-before-.frame-space-after- {
    .owl-stage {
      .owl-item {
        .item.h-100.my-2.frame-space-before-.frame-space-after- {
          .card.zoom-in.content-on-image-bottom {
            padding-left: 24px;
            padding-right: 24px;
          }
        }
      }
    }
  }

  .container.frame-class-default.frame-space-before-.frame-space-after-.position-relative {
    .image-slider {
      #slider-27085.owl-carousel.image-slider {
        .owl-item {
          .slide-item.image-item {
            .figure.layout-0 {
              img {
                aspect-ratio: inherit;
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default.frame-space-before-.frame-space-after-.position-relative#container-5951 {
    >.py-4 {
      padding-bottom: 0 !important;
    }

    .col-sm-12 {
      #container-5946.container.frame-class-default.frame-space-before-.frame-space-after-.position-relative.mosaic.mosaic-3col {
        >.py-4 {
          padding-bottom: 0 !important;

          .col-sm-12 {
            .item.h-100.my-2.frame-space-before-.frame-space-after- {
              &:last-child {
                margin-bottom: 0 !important;
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default.frame-space-before-.frame-space-after-.position-relative#container-5604 {
    .container-fluid.frame-class-default.frame-layout-0.frame-space-before-.frame-space-after-.position-relative#container-557 {
      .container.frame-class-default#container-27067 {
        .py-4 {
          padding-bottom: 0px !important;

          .item.h-100.my-2.frame-space-before-.frame-space-after- {
            padding-bottom: 0px !important;
          }
        }
      }
    }
  }

  .frame.frame-default.frame-type-list.frame-layout-0 {
    .tx-wabs-attractions {
      .filter-elements {
        .filter {
          margin-bottom: 24px;
          margin-top: 10px;
        }
      }
    }
  }

  .container.frame-class-default#container-41561 {
    .py-4 {
      padding-bottom: 0 !important;
    }

    .container.frame-class-default#container-41556 {
      .item.h-100.my-2 {
        padding-bottom: 0px !important;
        margin-bottom: 0 !important;
      }
    }
  }

  // b-fix-2
  .container.frame-class-default {
    .container.frame-class-default.mosaic.mosaic-3col {
      .item.h-100.my-2 {
        a.card.zoom-in.content-on-image-bottom {
          .content {
            .subtitle {
              h3 {
                padding-right: 30px;
                word-break: break-word;
                text-align: left !important;
              }

              h2 {
                padding-right: 30px;
                word-break: break-word;
                text-align: left !important;
              }
            }
          }
        }
      }
    }
  }

  section.section.frame-default.section-bg-image {
    .container-fluid.frame-class-default.frame-layout-0#container-80605 {
      .row {
        &:not(.parallax-window) {
          padding-left: 12px;
          padding-right: 12px;
        }
      }
    }
  }

  .container-fluid.frame-class-none.frame-layout-0 {
    .frame.frame-default.frame-type-header.frame-layout-1 {
      header {
        padding-left: 24px;
        padding-right: 24px;
        word-break: break-word;

        .ce-headline-center {
          text-align: left;
        }
      }
    }

    .owl-carousel.slider-style-0.news {
      .owl-item {
        .item.h-100.my-2 {
          a.card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                h3 {
                  padding-right: 30px;
                  word-break: break-word;
                  text-align: left !important;
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default#container-1798 {
    .container.twocol-50-50 {
      .row.col2-grid {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default#container-1720 {
    .container-full.fourcol-25-25-25-25 {
      .col-6.col-sm-6.col-md-6.col-lg-3.mb-lg-0 {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default#container-1698 {
    .container.threecol-33-33-33 {
      .row.frame-space-before-.frame-space-after-extra-small.col3-grid {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default#container-1704 {
    .container-full.fourcol-25-25-25-25 {
      .col-6.col-sm-6.col-md-6.col-lg-3.mb-lg-0 {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default#container-1698 {
    .container.threecol-33-33-33 {
      .col-12.col-sm-6.col-md-6.col-lg-4.mb-3.mb-lg-0 {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .container.frame-class-default.position-relative {
    .py-4 {
      .fourcol-25-25-25-25 {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }

      .twocol-50-50 {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }

      .threecol-33-33-33 {
        .item.h-100.my-2 {
          .card.zoom-in.content-on-image-bottom {
            .content {
              .title {
                .subtitle {
                  h3 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }

                  h2 {
                    padding-right: 30px;
                    word-break: break-word;
                    text-align: left !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .news {
    .owl-carousel#news-slider {
      .owl-item {
        .item.h-100 {
          .card.zoom-in.img-top.border-rounded {
            .content {
              .title {
                h3 {
                  text-align: left !important;
                }
              }
            }
          }
        }
      }
    }
  }

  .tx-wabs-attractions {
    .col-12.col-lg-3.mb-3 {
      .item {
        .card.zoom-in.content-on-image-bottom {
          .content {
            .title {
              h3 {
                padding-right: 30px;
                word-break: break-word;
                text-align: left !important;
              }

              h2 {
                padding-right: 30px;
                word-break: break-word;
                text-align: left !important;
              }
            }
          }
        }
      }
    }
  }

  .frame.frame-default.frame-type-header.frame-layout-0.frame-space-before-small.frame-space-after-extra-small.aos-init.aos-animate {
    header {
      padding-left: 24px;
      padding-right: 24px;
      word-break: break-word;

      h1.ce-headline-center {
        text-align: left;
      }
    }
  }

  .owl-carousel.slider-style-0 {
    .owl-item {
      display: block;

      .slide-item-review.cardtype-rating {
        padding: 30px 24px;
        width: 100%;
      }
    }

    .owl-item.center {
      .slide-item-review {
        >* {
          margin-bottom: 20px;
          height: auto;
          transition: none;
        }

        .card-headline {
          line-height: 23px;
        }
      }
    }
  }
}

@media (max-width: 575.98px) {
  .hero-main {
    .owl-carousel {
      .slide-item {
        .hero-cont {
          padding-bottom: 20px;
        }
      }

      &.image-slider {
        .slide-item.image-item {
          .hero-cont {
            position: static;
            top: 0;
            left: 0;
            padding: 0;
            transform: translate(0%, 0%);
            margin-top: 0px;

            .aside {
              h1 {
                color: #000 !important;
                margin-top: 40px;
              }
            }
          }
        }
      }
    }
  }
}

// UAT internal review changes

@include media-breakpoint-down(md) {
  .container {
    &.mosaic {
      &.mosaic-3col {
        div.item[style] {
          padding-bottom: 0px !important;
        }
      }
    }
  }

  .container {
    .container {
      .col2-grid {
        .accordion-wrapper {
          .card-body {
            padding: 0rem 1rem 1rem;
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .section-bg-color {
    .container-fluid {
      &.mobile-padding {
        .owl-carousel {
          &.slider-style-0 {
            .owl-item {
              .item {
                padding-inline: 24px;

                .slide-item-review {
                  &.cardtype-rating {
                    padding: 30px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

// UAT review-2 changes

@include media-breakpoint-down(lg) {
  .header-main {
    .language-menu {
      .ff-round {
        &.ff-md {
          width: 35px;
          height: 35px;
          margin-right: 20px;
        }
      }
    }
  }
}

@include media-breakpoint-down(md) {
  .container {
    .row {
      .item {
        .card {
          &.cardtype-price {
            .content {
              .price-wrap {
                ul.price-items {
                  li.price-style1 {
                    .title {
                      p {
                        font-size: 1.25rem !important;
                        font-weight: 700 !important;
                      }

                      .subtitle {
                        p {
                          font-size: 1rem !important;
                          font-weight: 400 !important;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.promotion-container {
  .promotion-content {
    .promotion-title {
      font-weight: 500;
    }
  }
}