.dark-bg:has([data-component-id="cmbe\:service_tab"]) {
  --primary-color: #FFFFFF;
  --pure-white: #060606;
  --primary-saffron: #18E4D8;
  --primary-green: #FD5225;
  --grey: #3A3A3A;
  --light-grey: #060606;
}
.service-tabs {
  list-style: none;
  padding-left: 0;
}
section:has([data-component-id="cmbe\:service_tab"]) {
  position: sticky;
  top: 0;
  z-index: 9;
  background-color: var(--light-grey);
  border: 1px solid;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .0705882353);
  border-image-source: linear-gradient(90.65deg, rgba(255, 255, 255, .032) -.32%, rgba(255, 255, 255, .1) 53.07%, rgba(255, 255, 255, .028) 100.42%);
  border-image-slice: 1;
    color: var(--primary-color);
}


[data-component-id="cmbe\:service_tab"] .service-tabs-wrapper {
  padding: 15px 0;
}


[data-component-id="cmbe\:service_tab"] .nav-link {
  border: 1px solid #fff;
  height: 100%;
 
}

/* ACTIVE TAB */
[data-component-id="cmbe\:service_tab"] .nav-link.active-tab {
  background: #fff;
  font-weight: 500;
  border: 1px solid transparent;
  border-image-source: linear-gradient(90.65deg,
      rgba(255, 255, 255, 0.032) -0.32%,
      rgba(255, 255, 255, 0.1) 53.07%,
      rgba(255, 255, 255, 0.028) 100.42%);
  border-image-slice: 1;
}
.dark-bg [data-component-id="cmbe\:service_tab"] .nav-link.active-tab{
  background: #252525;
}
/* HOVER */
[data-component-id="cmbe\:service_tab"] .nav-link:not(.active-tab):hover {
  background: rgba(0, 0, 0, .0705882353);
}
.dark-bg [data-component-id="cmbe\:service_tab"] .nav-link{
  border-color:#FFFFFF33;

}
.dark-bg [data-component-id="cmbe\:service_tab"] .nav-link span span{
  background-color: #808080;
  font-weight: 400;
}
.dark-bg [data-component-id="cmbe\:service_tab"] .nav-link:not(.active-tab):hover {
  background: #252525;
}