.video_tabber {
  position: relative;
}

.video_tabber .wave_img {
  position: absolute;
  top: -74px;
  left: -100px;
  z-index: 19 !important;
  width: 1200px !important;
  max-width: 100%;
  opacity: 1;
}

.video_tabber .content-wrapper {
  position: relative;
  max-width: unset;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 9999;
}

.dnd-section:not([class*=full-width-section]) .video_tabber .content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1260px;
}

.video_tabber ul.tab-wrapper {
  padding: 0;
  margin: 0 0 80px;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: start;
}
.video_tabber ul.tab-wrapper li a {
  background-color: #fff;
  color: #000;
  border-radius: 25px;
  box-shadow: 0 2px 8px -2px rgba(0,0,0,.15);
  display: block;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.2857;
  margin: 3px;
  padding: 10px 20px;
  text-align: center;
  min-width: 180px;
}
.video_tabber ul.tab-wrapper li.active a,
.video_tabber ul.tab-wrapper li a:hover{
  background-color: #50b448;
  color: #fff;
}

.video_tabber .tab_content {
  position: relative;
}

.video_tabber .tab_content_sec {
  position: relative;
  z-index: 2;
}

.video_tabber .tab_content .decor-wave {
  width: 100%;
  position: relative;
  z-index: 1;
}

{# As a psuedo element
.decor-wave:after { 
  content: '';
  display: block;
  background-image: url(https://www.elevityit.com/hubfs/Elevity_January_2024/images/hero-wave-left-color.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 800px;
  height: 540px;
  left: -24px;
  top: -280px;
} #}

.video_tabber .decor-wave img {
  height: 530px;
  left: -24px;
  max-width: 100%;
  opacity: 1;
  position: absolute;
  scale: 1;
  top: -340px;
  width: 840px;
}

.video_tabber .tab_content:nth-of-type(3) .decor-wave img {
  top: -260px;
  right: -24px;
  left: auto;
  scale: -1;
  width: 800px;
}

.video_tabber .tab_content_sec h2,
.video_tabber .tab-title h3 {
  margin: 16px 0;
}

/* Theme changes - colors, restructure to accomodate full width */

.video_tabber.dark-theme .tab_content_sec h2,
.video_tabber.dark-theme .tab-title h3,
.video_tabber.dark-theme .tab_content h4,
.video_tabber.dark-theme .tab_content.active .mob_title a {
  color: #fff;
}

.video_tabber.alternating-theme .filters-wrapper {
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.video_tabber.alternating-theme .tab_content {
  padding-left: 15px;
  padding-right: 15px;
}

.video_tabber.alternating-theme .tab_content_sec {
  position: relative;
  max-width: 1240px;
  padding: 64px 0;
  margin: 0px auto;
  z-index: 2;
}

@media (max-width: 767px){
  .video_tabber.thematic-filters .filters-wrapper {
    margin: 0 24px 48px;
  }

  .video_tabber.alternating-theme .tab_content_sec {
    padding: 0px;
  }
}

/* .video_tabber .filters-wrapper { background: linear-gradient(45deg, #003086, #002760) } /* .video_tabber.alternating-theme .tab_content.active:nth-of-type(odd) by proxy as it's background is transparent */
.video_tabber.alternating-theme .tab_content.active:nth-of-type(even){ background-color: #efefef }
.video_tabber.alternating-theme .tab_content.active:nth-of-type(even) ul.splide__pagination button { background: linear-gradient(45deg, #003086, #002760); opacity: 0.3; }
.video_tabber.alternating-theme .tab_content.active:nth-of-type(even) ul.splide__pagination button.is-active { opacity: 1; }

.video_tabber.alternating-theme .tab_content.active:nth-of-type(odd) .tab_content_sec h2,
.video_tabber.alternating-theme .tab_content.active:nth-of-type(odd) .tab-title h3,
.video_tabber.alternating-theme .tab_content.active:nth-of-type(odd) .tab_content h4,
.video_tabber.alternating-theme .tab_content.active:nth-of-type(odd) .tab_content.active .mob_title a {
  color: #fff;
}

.video_tabber .tab_content .row:after,
.video_tabber .tab_content .row:before {
  content: "";
  display: block;
  clear: both;
}

.video_tabber .tab_content .row .video_items .video_inner {
  transition: .4s ease;
}

.video_tabber .tab_content h4 {
  font-weight: 200;
  margin-top: 12px;
}

.video_tabber .tab_content.active {
  display: block;
  padding: 64px 24px;
}

.video_tabber .tab_content.active:first-of-type,
.video_tabber .tab_content.active:first-of-type .tab_content_sec {
  padding-top: 0px;
}

.video_tabber .tab_content {
  display: none;
}

.video_tabber .tab_content .row .video_items:not(.span12) .video_inner .tab-title {
  min-height: 100px;
}

.video_tabber .tab_content .row .video_items:not(.span12) .video_inner .tab-title h3 {
  margin-bottom: 24px
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.fade-up {
  animation: fadeUp 1s ease;
}

@media(min-width: 768px){
  .video_tabber .tab_content .mob_title {
    display: none;
  }
  .video_tabber .video_items.span12 .video_inner {
    width: 100%;
  }
}

@media(max-width: 767px){
  .video_tabber .wave_img {
    display: none;
  }
  .video_tabber ul.tab-wrapper {
    justify-content: center;
    margin: 0;
  }
  .video_tabber .tab_content .row .video_items {
    width: 100%;
  }
  .video_tabber .tab_content .row {
    margin: 0;
  }
  .video_tabber .tab_content_sec {
    display: none;
  }
  .video_tabber .tab_content {
    display: block;
  }
  .video_tabber .content-wrapper {
    padding-left: 0;
  }
  .video_tabber .filters-wrapper {
    text-align: center;
    padding: 0 15px;
  }
  .video_tabber .tab_content .row .video_items .video_inner .tab-title {
    min-height: 0!important;
    margin-bottom: 24px;
  }
  .video_tabber .tab_content .mob_title a {
    background-color: #efefef;
    border-radius: 6px;
    box-shadow: 0 2px 8px -2px rgba(0,0,0,.15);
    color: #000;
    margin: 0 0 5px;
    padding: 10px 15px;
    display: block;
  }
  .video_tabber.dark-theme .tab_content.active .mob_title a {
    background-color: #50b448;
    pointer-events: none;
  }
  .video_tabber .tab_content.active .mob_title {
    pointer-events: none;
  }
  .video_tabber .tab_content .mob_title a:hover {
    background: #fff;
  }
  .video_tabber .tab_content.active .tab_content_sec {
    display: block;
  }
  .video_tabber .tab_content_sec h2 {
    padding: 20px 15px 0;
    margin-bottom: 0;
  }
  .video_tabber .tab_content .row {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.video_tabber.thematic-filters .filters-wrapper {
  background: linear-gradient(90deg, #50b448, #419238);
  padding: 24px 32px 36px;
  margin-bottom: 48px;
  border-radius: 12px;
  box-shadow: 3px 15px 13px -16px;
}

.video_tabber.thematic-filters .tab-wrapper {
  margin-bottom: 0px;
}

.video_tabber.thematic-filters ul.tab-wrapper li a {
  box-shadow: 0 2px 8px -2px rgba(0,0,0,.55);
}

.video_tabber .splide__slides {
  margin: 0!important;
}

.splide:has( .splide__slide:first-of-type.is-active ) ) .splide__arrow--prev,
.splide:has( .splide__slide:last-of-type.is-visible) .splide__arrow--next {
  display: none;
}

@media (min-width: 768px){
  .video_tabber .splide:not(:has( .slide-5)) .splide__arrows {
    display: none;
  }
}

@media (max-width: 767px){
  .video_tabber .splide__arrows {
    display: none;
  }

  .video_tabber ul.splide__pagination button {
    width: 14px;
    height: 14px
  }
}