.slider-inner-arrow > .owl-carousel {
  position: relative;
}

.slider-inner-arrow > .owl-carousel > .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -15px;
  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: 30px;
}

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

.slider-inner-arrow > .owl-carousel > .owl-nav .owl-prev:before {
  content: url("../../images/svg/arrow-left-white.svg");
}

.slider-inner-arrow > .owl-carousel > .owl-nav .owl-next:after {
  content: url("../../images/svg/arrow-right-white.svg");
}
.slick-slide-wrap-3-item .view-header,
.custom-carousel .view-header {
  padding-right: 120px;
  margin-bottom: 24px;
}
.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: -75px;
  flex-direction: row !important;
}

.slick-slide-wrap-3-item .owl-stage-outer {
  margin-bottom: 20px;
}
.slick-slide-wrap-3-item .owl-carousel .owl-nav button {
  width: 48px;
  height: 48px;
  background: var(--color-primary-canopy);
  color: var(--color-primary-charged);
  border-radius: 50%;
  font-size: 24px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slick-slide-wrap-3-item .owl-carousel .owl-nav button:hover {
  background: var(--color-primary-charged);
  color: var(--color-primary-canopy);
}
@media (max-width: 767px) {
  .slick-slide-wrap-3-item .view-header,
  .custom-carousel .view-header {
    padding-right: 0;
  }
}
.slick-slide-wrap-3-item .owl-carousel .owl-nav button.owl-prev span {
  margin-left: -0.1em;
}
.slick-slide-wrap-3-item .owl-carousel .owl-nav button.owl-next span {
  margin-right: -0.1em;
}
/* .slick-slide-wrap-3-item .owl-nav .owl-prev span,
.slick-slide-wrap-3-item .owl-nav .owl-next span,
.custom-carousel .owl-nav .owl-prev span,
.custom-carousel .owl-nav .owl-next span {
  display: none;
} */

/* .slick-slide-wrap-3-item .owl-nav .owl-prev:before,
.custom-carousel .owl-nav .owl-prev:before {
  content: url("../images/svg/arrow-left.svg");
}

.slick-slide-wrap-3-item .owl-next:before,
.custom-carousel .owl-nav .owl-next:before {
  content: url("../images/svg/arrow-right.svg");
} */

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

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

.owl-nav-new .owl-nav {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}

.owl-nav {
  margin-block-start: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.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: 48px;
  height: 48px;
  padding: 12px;
  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: 16px;
  padding-inline-end: 16px;
  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: 4px;
  width: 8px;
  height: 8px;
  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: 8px;
  width: 36px;
  height: 12px;
  border-radius: 12px;
  background-color: var(--color-primary-canopy);
  opacity: 1;
}
.slider-nav-side.has-shadow .owl-item {
  padding: 3px;
}
@media screen and (min-width: 768px) {
  .campaign-slider .owl-nav {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }

  .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: 48px;
    padding-inline-start: 78px;
    padding-inline-end: 78px;
  }

  .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: 48px;
    padding-inline-start: 0;
    padding-inline-end: 112px;
  }
}
@media screen and (min-width: 992px) {
  .campaign-slider.owl-carousel .owl-dots {
    padding-inline-start: 108px;
    padding-inline-end: 108px;
  }
}

@media screen and (min-width: 1025px) {
  .campaign-slider .owl-nav {
    padding-inline-start: 60px;
    padding-inline-end: 60px;
  }
}

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