.tabbed-feature-content__panels > div {
  display: none;
}
.tabbed-feature-content__panels > div.active {
  display: block;
}
.tabbed-feature-content .signpost-card__image-wrapper {
  height: 24.4rem;
}
.tabbed-feature-content .surface-panel .color-display{
	color: var(--general-display)!important;
}
.tabbed-feature-content .signpost-card__content .color-body p:last-child{
	margin-bottom: 0!important;
}
@media (max-width: 767.98px) {
  .tabbed-feature-content__left {
    padding-bottom: var(--ui-tabs-gap);
  }
  .tabbed-feature-content .vertical-tabs-collection .vertical-tabs-collection__link{
 	display: flex;
    justify-content: center;
}
}
@media (min-width: 768px) {
  .tabbed-feature-content__left, .tabbed-feature-content__right {
    width: 50%;
  }
  .tabbed-feature-content .signpost-card__image-wrapper {
    height: 35.2rem;
  }
}
@media (min-width: 1200px) {
  .tabbed-feature-content .signpost-card__image-wrapper {
    height: 33.2rem;
  }
}
.vertical-tabs-collection__link {
  background: none;
  color: var(--ui-tabs-item-text);
  border: none;
  box-shadow: none;
  padding: var(--ui-tabs-item-tiny-tabs-padding-top-bottom) var(--ui-tabs-item-tiny-tabs-padding-left-right);

  border-bottom: 1px solid var(--ui-tabs-item-border-colour);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.25s;
}
.vertical-tabs-collection__link:hover {
  color: var(--ui-tabs-item-hover-text);
}

.vertical-tabs-collection__link:focus-visible {
  box-shadow:
    inset 0 0 0 calc(var(--general-focus-border-weight) * 1px)
    var(--general-focus-border);
  outline: none;
}

.vertical-tabs-collection__link.active {
  color: var(--ui-tabs-item-active-text);
  border-bottom: 2px solid var(--ui-tabs-item-active-border);
}

@media (min-width: 768px) {
  .vertical-tabs-collection__link {
    padding:var(--ui-tabs-item-tiny-tabs-padding-top-bottom) var(--sm-2);

    border-left: 1px solid var(--ui-tabs-item-border-colour);
    border-bottom: none;
  }

  .vertical-tabs-collection__link:hover {
    color: var(--ui-tabs-item-hover-text);
  }

  .vertical-tabs-collection__link:focus-visible {
    box-shadow:
      inset 0 0 0 calc(var(--general-focus-border-weight) * 1px)
      var(--general-focus-border);
    outline: none;
  }

  .vertical-tabs-collection__link.active {
    color: var(--ui-tabs-item-active-text);
    border-left: 4px solid var(--ui-tabs-item-active-border);
    border-bottom: none;
    font-weight: 700;
  }
}