.owl-carousel .owl-item > .item {
  height: 100%;
}
.owl-carousel > .owl-nav button {
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-carousel > .owl-nav button > span {
  font-size: 0;
}
.owl-carousel > .owl-nav button:before {
  content: '';
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy40NTczOSAxNC4zMTgyTDUuODA5NjYgMTIuNjg0N0wxMC4xMzQ5IDguMzU5MzhIMFY1Ljk1ODgxSDEwLjEzNDlMNS44MDk2NiAxLjY0MDYzTDcuNDU3MzkgNC43NjgzN2UtMDdMMTQuNjE2NSA3LjE1OTA5TDcuNDU3MzkgMTQuMzE4MloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+") center / contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy40NTczOSAxNC4zMTgyTDUuODA5NjYgMTIuNjg0N0wxMC4xMzQ5IDguMzU5MzhIMFY1Ljk1ODgxSDEwLjEzNDlMNS44MDk2NiAxLjY0MDYzTDcuNDU3MzkgNC43NjgzN2UtMDdMMTQuNjE2NSA3LjE1OTA5TDcuNDU3MzkgMTQuMzE4MloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+") center / contain no-repeat;
}

.owl-carousel > .owl-nav button.owl-prev:before {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xNTg5MSAxNC4zMTgyTC0wLjAwMDE3NzUwMyA3LjE1OTA5TDcuMTU4OTEgNC43NjgzN2UtMDdMOC44MDY2NCAxLjYzMzUyTDQuNDgxMzYgNS45NTg4MUgxNC42MTYzVjguMzU5MzhINC40ODEzNkw4LjgwNjY0IDEyLjY3NzZMNy4xNTg5MSAxNC4zMTgyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=") center / contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xNTg5MSAxNC4zMTgyTC0wLjAwMDE3NzUwMyA3LjE1OTA5TDcuMTU4OTEgNC43NjgzN2UtMDdMOC44MDY2NCAxLjYzMzUyTDQuNDgxMzYgNS45NTg4MUgxNC42MTYzVjguMzU5MzhINC40ODEzNkw4LjgwNjY0IDEyLjY3NzZMNy4xNTg5MSAxNC4zMTgyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=") center / contain no-repeat;
}
.slider-inner-arrow > .owl-carousel {
  position: relative;
}

.slider-inner-arrow > .owl-carousel > .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -0.9375rem;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.slider-inner-arrow > .owl-carousel > .owl-nav .owl-prev,
.slider-inner-arrow > .owl-carousel > .owl-nav .owl-next {
  font-size: 0;
}

.slider-inner-arrow > .owl-carousel > .owl-nav .owl-prev {
  margin-left: 1.875rem;
}

.slider-inner-arrow > .owl-carousel > .owl-nav .owl-next {
  margin-right: 1.875rem;
}

.slider-block > h2,
.slick-slide-wrap-3-item .view-header,
.custom-carousel .view-header {
  padding-right: 7.5rem;
  margin-bottom: 1.5rem;
}
.slider-block .owl-nav,
.slick-slide-wrap-3-item .owl-nav,
.custom-carousel .owl-nav {
  display: flex !important;
  align-items: center;
  /* position: absolute;
  top: 0;
  right: 0;
  margin-top: -4.6875rem; */
  flex-direction: row !important;
}

.slider-block .owl-stage-outer,
.slick-slide-wrap-3-item .owl-stage-outer {
  margin-bottom: 1.25rem;
}
.slider-block .owl-carousel .owl-nav button,
.slick-slide-wrap-3-item .owl-carousel .owl-nav button {
  width: 3rem;
  height: 3rem;
  background: var(--color-primary-canopy);
  color: var(--color-primary-charged);
  border-radius: 50%;
  font-size: 1.5rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-block .owl-carousel .owl-nav button:hover,
.slick-slide-wrap-3-item .owl-carousel .owl-nav button:hover {
  background: var(--color-primary-charged);
  color: var(--color-primary-canopy);
}
@media (max-width: 47.9375rem) {
  .slider-block > h2,
  .slick-slide-wrap-3-item .view-header,
  .custom-carousel .view-header {
    padding-right: 0;
  }
  .slider-block .owl-nav,
  .slick-slide-wrap-3-item .owl-nav,
  .custom-carousel .owl-nav {
    position: static;
    margin-top: 1.25rem;
  }
}
.slider-block .owl-carousel .owl-nav button.owl-prev span,
.slick-slide-wrap-3-item .owl-carousel .owl-nav button.owl-prev span {
  margin-left: -0.1em;
}
.slider-block .owl-carousel .owl-nav button.owl-next span,
.slick-slide-wrap-3-item .owl-carousel .owl-nav button.owl-next span {
  margin-right: -0.1em;
}

.custom-carousel .owl-stage {
  display: flex;
}

.campaign-slider .owl-stage,
.slider-tripple .owl-stage {
  display: flex;
}

.owl-nav-new .owl-nav {
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
}

.owl-nav {
  margin-block-start: 1.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.slider-nav-side .owl-theme.owl-carousel .owl-nav {
  justify-content: flex-end;
}

.owl-nav-new.owl-theme.owl-carousel .owl-nav > button,
.slider-nav-new .owl-theme.owl-carousel .owl-nav > button,
.slider-nav-side .owl-theme.owl-carousel .owl-nav > button {
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-primary-canopy);
  color: var(--color-primary-charged);
  border-radius: 50%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.owl-nav-new.owl-theme.owl-carousel .owl-nav > button.disabled,
.slider-nav-new .owl-theme.owl-carousel .owl-nav > button.disabled,
.slider-nav-side .owl-theme.owl-carousel .owl-nav > button.disabled {
  color: #7a7e85;
  background-color: #dfe4ec;
  pointer-events: none;
}

.owl-nav-new.owl-theme.owl-carousel .owl-nav > button:hover,
.slider-nav-new .owl-theme.owl-carousel .owl-nav > button:hover,
.slider-nav-side .owl-theme.owl-carousel .owl-nav > button:hover {
  background-color: var(--color-primary-canopy);
}

.background-primary .owl-nav-new.owl-theme.owl-carousel .owl-nav > button,
.background-primary .slider-nav-new .owl-theme.owl-carousel .owl-nav > button,
.background-primary .slider-nav-side .owl-theme.owl-carousel .owl-nav > button {
  background: var(--color-primary-canopy);
  color: #fff;
}

.background-primary .owl-nav-new.owl-theme.owl-carousel .owl-nav > button.disabled,
.background-primary .slider-nav-new .owl-theme.owl-carousel .owl-nav > button.disabled,
.background-primary .slider-nav-side .owl-theme.owl-carousel .owl-nav > button.disabled {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.background-primary .owl-nav-new.owl-theme.owl-carousel .owl-nav > button:hover,
.background-primary .slider-nav-new .owl-theme.owl-carousel .owl-nav > button:hover,
.background-primary .slider-nav-side .owl-theme.owl-carousel .owl-nav > button:hover {
  background-color: var(--color-primary-canopy);
}

.owl-nav-new.owl-carousel .owl-dots,
.slider-nav-new .owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  overflow: auto;
}

.slider-nav-side .owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
}

.owl-nav-new.owl-carousel .owl-dots > button.owl-dot,
.slider-nav-new .owl-carousel .owl-dots > button.owl-dot,
.slider-nav-side .owl-carousel .owl-dots > button.owl-dot {
  margin: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-primary-charged);
  opacity: 0.3;
}

.owl-nav-new.owl-carousel .owl-dots > button.owl-dot:hover,
.slider-nav-new .owl-carousel .owl-dots > button.owl-dot:hover,
.slider-nav-side .owl-carousel .owl-dots > button.owl-dot:hover {
  background-color: var(--color-primary-canopy);
}

.owl-nav-new.owl-carousel .owl-dots > button.owl-dot.active,
.slider-nav-new .owl-carousel .owl-dots > button.owl-dot.active,
.slider-nav-side .owl-carousel .owl-dots > button.owl-dot.active {
  margin: 0.5rem;
  width: 2.25rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background-color: var(--color-primary-canopy);
  opacity: 1;
}
.slider-nav-side.has-shadow .owl-item {
  padding: 0.1875rem;
}
@media screen and (min-width: 48rem) {
  .campaign-slider .owl-nav {
    padding-inline-start: 1.875rem;
    padding-inline-end: 1.875rem;
  }

  .owl-nav-new.owl-carousel .owl-dots,
  .slider-nav-new .owl-carousel .owl-dots,
  .owl-nav-new .owl-dots,
  .slider-nav-new .owl-dots,
  .slider-nav-side .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    padding-inline-start: 4.875rem;
    padding-inline-end: 4.875rem;
  }

  .slider-nav-side .owl-carousel .owl-dots {
    justify-content: flex-start;
  }

  .slider-nav-side .owl-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    padding-inline-start: 0;
    padding-inline-end: 7rem;
  }
}
@media screen and (min-width: 62rem) {
  .campaign-slider.owl-carousel .owl-dots {
    padding-inline-start: 6.75rem;
    padding-inline-end: 6.75rem;
  }
}

@media screen and (min-width: 64.0625rem) {
  .campaign-slider .owl-nav {
    padding-inline-start: 3.75rem;
    padding-inline-end: 3.75rem;
  }
}

@media screen and (max-width: 47.9375rem) {
  .campaign-slider.owl-carousel .owl-dots,
  .slider-tripple .owl-carousel .owl-dots {
    margin-block-start: 1rem;
  }
}