ul.tabs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 2.5rem 0;
  padding: 3px;
  background: #EAEAEA;
  border-radius: 55px;
  position: relative;
}
ul.tabs li {
  margin: 0;
  padding: 0 0.7rem 0 0;
  position: relative;
  z-index: 2;
}
ul.tabs a {
  display: inline-flex;
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--font-15);
  font-weight: 500;
  line-height: 1.15;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  padding: 1.35ch 3rem;
  color: #fff;
  background: #5C068C;
  border: 1px solid #5C068C;
  border-radius: 15rem;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s cubic-bezier(0.4, 0, 0.2, 1), border 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
  color: #101820 !important;
  background: transparent;
  border-color: transparent;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out !important;
}
ul.tabs a:hover, ul.tabs a:active, ul.tabs a:focus {
  background: #9063CD;
  border-color: transparent;
}
ul.tabs a[href^=http]:not([href*="potterandmooreplc.luminated.co.uk"]):not([href*="creightonsplc.com"]):not([href*="potterandmooreplc.com"]):not([href*="www.potterandmooreplc.com"]):not([href*="www.creightonsplc.com"]):after, ul.tabs a[target=_blank]:after {
  content: "";
  background-color: currentColor;
  width: 16px;
  height: 16px;
  margin: -2px -3px 0 12px;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4213 9.38932V14.6834C14.4213 15.1515 14.2354 15.6003 13.9045 15.9313C13.5735 16.2622 13.1247 16.4481 12.6566 16.4481H2.95074C2.48271 16.4481 2.03385 16.2622 1.70291 15.9313C1.37196 15.6003 1.18604 15.1515 1.18604 14.6834V4.97755C1.18604 4.50952 1.37196 4.06066 1.70291 3.72972C2.03385 3.39877 2.48271 3.21284 2.95074 3.21284H8.24486' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8916 1.44814H16.1857V6.74225' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.50619 9.12796L16.1862 1.44814' stroke='%23006450' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
}
ul.tabs a.active, ul.tabs a:hover, ul.tabs a:active, ul.tabs a:focus {
  color: #fff !important;
  background: #101820;
  outline: none;
}
ul.tabs.fw li {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  flex-basis: 0;
}
ul.tabs.fw li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.vert ul.tabs {
  display: flex;
  flex-direction: column;
  width: calc(35% - 30px);
  margin: 0 30px 0 0;
  padding: 0;
  border: none;
  box-shadow: none;
}
.vert ul.tabs li {
  width: 100%;
  margin: 0 0 5px 0;
}
.vert ul.tabs a {
  padding: 1.7ch 1rem;
  box-shadow: none;
}
@media (min-width: 750px) {
  .vert .tab-panel {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .vert ul.tabs {
    width: 180px;
  }
  .vert .tab-panel {
    width: calc(100% - 215px);
  }
}

@media (max-width: 749px) {
  .acc ul.tabs {
    display: none;
  }
}