.tabbed-feature-content__diagonal-overlay-combined {

  pointer-events: none;

  background-image: linear-gradient(45deg,color-mix(in srgb,#fff 25%,transparent) 0 20%,transparent 20%),linear-gradient(45deg,color-mix(in srgb,#fff 15%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 100%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 70%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 50%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 35%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 25%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 9%,transparent) 0 20%,transparent 20%);

  background-size: 0 166%,52% 354%,0 148%,0 150%,0 154%,0 164%,0 279%,0 105%;

  background-position: 0 50%,0 75%,100% -25%,100% 0,100% 25%,100% 50%,100% 75%,100% 100%;

  background-repeat: no-repeat

}

.section-dark .tabbed-feature-content__tab-item {

  border: 0;

  background-color: transparent;

  color: var(--primary-3);

  padding: var(--sm-3) var(--sm-2)

}

.section-dark .tabbed-feature-content__tab-item.active::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  width: calc(100% - 10rem);

  height: 4px;

  transform: translateX(-50%);

  background-color: var(--primary-3)

}

.section-dark.tabbed-feature-content .arrow-button {
	color: var(--base-4);
}

.section-light .tabbed-feature-content__tab-item {

  border: 0;

  background-color: transparent;

  color: var(--primary-2);

  padding: var(--sm-3) var(--sm-2)

}

.section-light .tabbed-feature-content__tab-item.active::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  width: calc(100% - 10rem);

  height: 4px;

  transform: translateX(-50%);

  background-color: var(--primary-2)

}

.section-light.tabbed-feature-content .arrow-button {
	color: var(--primary-6);
}

.tabbed-feature-content__panels > div {

  display: none

}

.tabbed-feature-content__panels > div.active {

  display: block

}

.tabbed-feature-content__image-wrapper .image-video-with-caption__image-video-wrapper {

  height: 27.5rem !important;

}

.tabbed-feature-content .swiper {

  margin: 0 -3rem

}

.tabbed-feature-content .arrow-button {

  position: absolute;

  z-index: 2;

  top: 4px;

  height: 4rem
  

}

.tabbed-feature-content .arrow-button:first-of-type {

  left: 0

}

.tabbed-feature-content .arrow-button:last-of-type {

  right: 0

}

.tabbed-feature-content__config-content .headline-md {

  margin-bottom: var(--sm-2)

}

.tabbed-feature-content__config-content .config-text__cta-wrapper {

  margin-top: var(--sm-2)

}

@media (max-width:767px) {
.section-light .tabbed-feature-content__tab-item, .section-dark .tabbed-feature-content__tab-item{
padding: var(--sm-3) var(--lg-1);
}
  .tabbed-feature-content__tab-item{
    font-family: var(--font-family-nav-L-font-family);
    font-size: var(--font-size-nav-L-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-nav-L-line-height); 
    letter-spacing: var(--letter-spacing-nav-L-letter-spacing);
  }
}

@media (min-width:768px) {

  .tabbed-feature-content__diagonal-overlay-combined {

    pointer-events: none;

    background-image: linear-gradient(45deg,color-mix(in srgb,#fff 25%,transparent) 0 20%,transparent 20%),linear-gradient(45deg,color-mix(in srgb,#fff 15%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 100%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 70%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 50%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 35%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 25%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 9%,transparent) 0 20%,transparent 20%);

    background-size: 33% 162%,31% 235%,0 148%,0 150%,0 154%,0 164%,0 279%,0 105%;

    background-position: 0 50%,0 75%,100% -25%,100% 0,100% 25%,100% 50%,100% 75%,100% 100%;

    background-repeat: no-repeat

  }

  .section-dark .tabbed-feature-content__tab-item {

    outline: 0;

    outline-offset: -1px;

    color: var(--color-headline);

    padding: var(--sm-2) var(--sm-1);

    border-left: solid 2px var(--light-25);

    transition: border-left .4s ease

  }

  .section-dark .tabbed-feature-content__tab-item.active {

    border-left: 4px solid var(--primary-3)

  }

  .section-dark .tabbed-feature-content__tab-item.active::after {

    display: none

  }

  .section-dark .tabbed-feature-content__tab-item:focus-visible {

    outline: solid 1px var(--light-25);

  }

  .section-light .tabbed-feature-content__tab-item {

    outline: 0;

    outline-offset: -1px;

    color: var(--color-headline);

    padding: var(--sm-2) var(--sm-1);

    border-left: solid 2px var(--dark-25);

    transition: border-left .4s ease

  }

  .section-light .tabbed-feature-content__tab-item.active {

    /*border-left: 4px solid var(--primary-2);
    color: var(--primary-2)*/
    border-color: var(--primary-2);
    color: var(--primary-2);
	box-shadow: inset 2px 0 0 0 var(--primary-2);
  }

  .section-light .tabbed-feature-content__tab-item.active::after {

    display: none

  }

  .section-light .tabbed-feature-content__tab-item:focus-visible {

    outline: solid 1px var(--dark-25);

  }

  .tabbed-feature-content__image-wrapper .image-video-with-caption__image-video-wrapper {

    height: 31.6rem !important;

  }

  .tabbed-feature-content .arrow-button {

    display: none

  }

  .tabbed-feature-content .swiper {

    margin: 0

  }

}

@media (min-width:992px) {

  .tabbed-feature-content__diagonal-overlay-combined {

    pointer-events: none;

    background-image: linear-gradient(45deg,color-mix(in srgb,#fff 25%,transparent) 0 20%,transparent 20%),linear-gradient(45deg,color-mix(in srgb,#fff 15%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 100%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 70%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 50%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 35%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 25%,transparent) 0 20%,transparent 20%),linear-gradient(-45deg,color-mix(in srgb,#fff 9%,transparent) 0 20%,transparent 20%);

    background-size: 15% 166%,15% 295%,100% 148%,100% 150%,100% 154%,100% 164%,100% 279%,100% 105%;

    background-position: 0 50%,0 75%,100% -25%,100% 0,100% 25%,100% 50%,100% 75%,100% 100%;

    background-repeat: no-repeat

  }

}