.wowe-content-switcher {
  position: relative;
  box-sizing: border-box;
}
.wowe-content-switcher *, .wowe-content-switcher *:before, .wowe-content-switcher *:after {
  box-sizing: unset !important;
}

.wowe-switcher-content-wrapper {
  margin-top: 20px;
}
.wowe-switcher-content-wrapper .wowe-switcher-content:not(.wowe-active) {
  display: none;
}

.wowe-content-switcher-icon {
  font-size: 15px;
}
.wowe-content-switcher-icon i {
  color: #777;
}
.wowe-content-switcher-icon i, .wowe-content-switcher-icon svg {
  width: 1em;
  height: 1em;
  fill: #777;
}
.wowe-content-switcher-icon.wowe-active i {
  color: #232323;
}
.wowe-content-switcher-icon.wowe-active svg {
  fill: #232323;
}

.wowe-switcher-arrows {
  position: absolute;
  font-size: 48px;
}
.wowe-switcher-arrows.wowe-arrows-left {
  left: 0;
  -webkit-transform: translate(var(--wowe-content-switcher-arrows-h-offset-left, -35px), var(--wowe-content-switcher-arrows-v-offset, -26px)) rotate(var(--wowe-content-switcher-arrows-rotate, 0));
  transform: translate(var(--wowe-content-switcher-arrows-h-offset-left, -35px), var(--wowe-content-switcher-arrows-v-offset, -26px)) rotate(var(--wowe-content-switcher-arrows-rotate, 0));
}
.wowe-switcher-arrows.wowe-arrows-right {
  right: 0;
  -webkit-transform: translate(var(--wowe-content-switcher-arrows-h-offset-right, 40px), var(--wowe-content-switcher-arrows-v-offset, -26px)) rotate(var(--wowe-content-switcher-arrows-rotate, 0));
  transform: translate(var(--wowe-content-switcher-arrows-h-offset-right, 40px), var(--wowe-content-switcher-arrows-v-offset, -26px)) rotate(var(--wowe-content-switcher-arrows-rotate, 0));
}
.wowe-switcher-arrows svg {
  fill: #03a9f4;
  width: 1em;
  height: 1em;
}

.wowe-content-switcher-badge {
  position: absolute;
  -webkit-transform: translate(var(--wowe-content-switcher-badge-h-offset, 0), var(--wowe-content-switcher-badge-v-offset, -40px)) rotate(var(--wowe-content-switcher-badge-rotate, 0));
  transform: translate(var(--wowe-content-switcher-badge-h-offset, 0), var(--wowe-content-switcher-badge-v-offset, -40px)) rotate(var(--wowe-content-switcher-badge-rotate, 0));
  padding: 4px 8px;
  font-weight: 600;
  background: #03a9f4;
  color: #ffffff;
  border-radius: 3px;
  font-size: 13px;
  display: inline-block;
  width: max-content;
  line-height: 1.3;
}

.wowe-switch-container-wrap {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.wowe-switch-container-wrap .wowe-package-text {
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  color: #777;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.wowe-switch-container-wrap .wowe-package-text.wowe-active {
  color: #232323;
}

.wowe-content-switcher .wowe-knobs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.wowe-content-switcher .wowe-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ebf7fc;
  transition: 0.3s ease all;
  z-index: 1;
}

.wowe-content-switcher .button {
  position: relative;
  top: 50%;
  width: 74px;
  height: 36px;
  padding: 0;
  background: transparent;
}

.wowe-toggle-button-1.button,
.wowe-toggle-button-1.button .wowe-layer,
.wowe-toggle-button-2.button,
.wowe-toggle-button-2.button .wowe-layer,
.wowe-toggle-button-3.button,
.wowe-toggle-button-3.button .wowe-layer,
.wowe-toggle-button-4.button,
.wowe-toggle-button-4.button .wowe-layer,
.wowe-toggle-button-5.button,
.wowe-toggle-button-5.button .wowe-layer,
.wowe-toggle-button-6.button,
.wowe-toggle-button-6.button .wowe-layer,
.wowe-toggle-button-7.button,
.wowe-toggle-button-7.button .wowe-layer,
.wowe-toggle-button-8.button,
.wowe-toggle-button-8.button .wowe-layer {
  border-radius: 100px;
}

.wowe-content-switcher .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
  display: block;
}

.wowe-toggle-button-1 .wowe-knobs {
  transition: 0.3s ease all;
}

.wowe-toggle-button-1 .wowe-knobs:before,
.wowe-toggle-button-2 .wowe-knobs:before,
.wowe-toggle-button-2 .wowe-knobs:after,
.wowe-toggle-button-3 .wowe-knobs::before,
.wowe-toggle-button-4 .wowe-knobs:before,
.wowe-toggle-button-4 .wowe-knobs:after,
.wowe-toggle-button-5 .wowe-knobs:before,
.wowe-toggle-button-6 .wowe-knobs:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 20px;
  height: 10px;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
  transform: translateY(-50%);
}

.wowe-toggle-button-1 .wowe-knobs:before {
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transition: 0.3s ease all;
}

.wowe-toggle-button-1 .checkbox:checked + .wowe-knobs:before {
  content: "";
  left: calc(100% - 33px);
  background-color: #f44336;
}

.wowe-toggle-button-1 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
}

.wowe-toggle-button-1 .wowe-layer {
  transition: 0.3s ease all;
}

.wowe-toggle-button-2 .wowe-knobs:before,
.wowe-toggle-button-2 .wowe-knobs:after {
  transition: 0.3s ease all;
  content: "";
}

.wowe-toggle-button-2 {
  overflow: hidden;
}
.wowe-toggle-button-2 .wowe-knobs:after {
  right: -28px;
  left: auto;
  background-color: #f44336;
}

.wowe-toggle-button-2 .checkbox:checked + .wowe-knobs:before {
  left: -28px;
}

.wowe-toggle-button-2 .checkbox:checked + .wowe-knobs:after {
  right: 4px;
}

.wowe-toggle-button-2 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
}

.wowe-toggle-button-3 .wowe-knobs:before {
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

.wowe-toggle-button-3 .checkbox:active + .wowe-knobs:before {
  width: 46px;
  border-radius: 100px;
}

.wowe-toggle-button-3 .checkbox:checked:active + .wowe-knobs:before {
  margin-left: -26px;
}

.wowe-toggle-button-3 .checkbox:checked + .wowe-knobs:before {
  content: "";
  left: calc(100% - 33px);
  background-color: #f44336;
}

.wowe-toggle-button-3 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
}

.wowe-toggle-button-4 .wowe-knobs:before,
.wowe-toggle-button-4 .wowe-knobs:after {
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.wowe-toggle-button-4 {
  overflow: hidden;
}
.wowe-toggle-button-4 .wowe-knobs:after {
  top: -28px;
  right: 5px;
  left: auto;
  background-color: #f44336;
}

.wowe-toggle-button-4 .checkbox:checked + .wowe-knobs:before {
  top: -28px;
}

.wowe-toggle-button-4 .checkbox:checked + .wowe-knobs:after {
  top: 50%;
}

.wowe-toggle-button-4 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
}

.wowe-toggle-button-5 {
  perspective: 60px;
  overflow: visible;
}

.wowe-toggle-button-5 .wowe-knobs {
  transition: 0.3s ease all;
}

.wowe-toggle-button-5 .wowe-knobs:before {
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transform: rotateY(0) translateY(-50%);
  transform-origin: center;
  transition: 0.3s ease all;
}

.wowe-toggle-button-5 .wowe-knobs span:before {
  content: "";
}

.wowe-toggle-button-5 .wowe-layer {
  transform: rotateY(0);
  transform-origin: center;
  transition: 0.3s ease all;
}

.wowe-toggle-button-5 .checkbox:checked + .wowe-knobs:before {
  left: calc(100% - 33px);
  transform: rotateY(180deg) translateY(-50%);
  background-color: #f44336;
}

.wowe-toggle-button-5 .checkbox:checked + .wowe-knobs span {
  left: calc(100% - 33px);
}

.wowe-toggle-button-5 .checkbox:checked + .wowe-knobs span:before {
  content: "";
  left: calc(100% - 33px);
}

.wowe-toggle-button-5 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
  transform: rotateY(-180deg);
}

.wowe-toggle-button-6 {
  overflow: visible;
}

.wowe-toggle-button-6 .wowe-knobs {
  transform: rotateZ(0);
  transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.wowe-toggle-button-6 .wowe-knobs:before {
  transform: rotateZ(0) translateY(-50%);
  transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.wowe-toggle-button-6 .wowe-layer {
  transform: rotateZ(0);
  transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

.wowe-toggle-button-6 .checkbox:checked + .wowe-knobs {
  transform: rotateZ(-180deg);
}

.wowe-toggle-button-6 .checkbox:checked + .wowe-knobs:before {
  content: "";
  background-color: #f44336;
  transform: rotateZ(180deg) translateY(50%);
}

.wowe-toggle-button-6 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
  transform: rotateZ(180deg);
}

.wowe-toggle-button-7 .wowe-knobs::before,
.wowe-toggle-button-7 .wowe-knobs::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  padding: 9px 4px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s ease all;
  z-index: 2;
  transform: translateY(-50%);
}

.wowe-toggle-button-7 .wowe-knobs:before {
  left: 5px;
}

.wowe-toggle-button-7 .wowe-knobs:after {
  left: calc(100% - 33px);
  background-color: #f44336;
}

.wowe-toggle-button-7 .wowe-knobs span {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  padding: 9px 4px;
  border-radius: 50%;
  z-index: 1;
  left: 4px;
  background-color: #03a9f4;
  transition: 0.2s ease all;
  transform: translateY(-50%);
}

.wowe-toggle-button-7 .checkbox:checked + .wowe-knobs:before {
  opacity: 0;
}

.wowe-toggle-button-7 .checkbox:checked + .wowe-knobs:after {
  opacity: 1;
}

.wowe-toggle-button-7 .checkbox:checked + .wowe-knobs span {
  top: 50%;
  left: calc(100% - 23px);
  width: 2px;
  height: 2px;
  padding: 3px;
  background-color: #fff;
  z-index: 3;
  transform: translateY(-50%);
}

.wowe-toggle-button-7 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
}

.wowe-toggle-button-8 {
  overflow: hidden;
}
.wowe-toggle-button-8 .wowe-knobs:before {
  content: "";
  color: #fff;
  left: 4px;
  z-index: 2;
}

.wowe-toggle-button-8 .wowe-knobs:after {
  content: "";
  left: calc(100% - 33px);
  color: #fff;
  background-color: #f44336;
  opacity: 0;
  z-index: 2;
}

.wowe-toggle-button-8 .wowe-knobs span {
  left: 5px;
  background-color: #03a9f4;
  z-index: 1;
}

.wowe-toggle-button-8 .wowe-knobs span,
.wowe-toggle-button-8 .wowe-knobs::before,
.wowe-toggle-button-8 .wowe-knobs::after {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 10px;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 50%;
  transition: 0.3s ease all;
  transform: translateY(-50%);
}

.wowe-toggle-button-8 .checkbox:checked + .wowe-knobs:before {
  opacity: 0;
}

.wowe-toggle-button-8 .checkbox:checked + .wowe-knobs:after {
  opacity: 1;
}

.wowe-toggle-button-8 .checkbox:checked + .wowe-knobs span {
  background-color: #fcebeb;
  transform: scale(10);
  top: 0;
}

.wowe-toggle-button-9 {
  overflow: visible;
}

.wowe-toggle-button-9 .wowe-knobs {
  perspective: 70px;
}

.wowe-toggle-button-9 .wowe-knobs::before,
.wowe-toggle-button-9 .wowe-knobs::after {
  position: absolute;
  top: 4px;
  border-radius: 2px;
  width: 20px;
  height: 10px;
  padding: 9px 4px;
}

.wowe-toggle-button-9 .wowe-knobs:before {
  content: "";
  left: 4px;
}

.wowe-toggle-button-9 .wowe-knobs:after {
  content: "";
  right: 4px;
}

.wowe-toggle-button-9 .wowe-knobs span {
  position: absolute;
  top: 50%;
  left: 4px;
  border-radius: 2px;
  width: 33px;
  height: 28px;
  background-color: #03a9f4;
  transform: rotateY(0) translateY(-50%);
  transform-origin: 100% 50%;
  transition: 0.6s ease all;
  z-index: 1;
}

.wowe-toggle-button-9 .checkbox:checked + .wowe-knobs span {
  transform: rotateY(-180deg) translateY(-50%);
  background-color: #f44336;
}

.wowe-toggle-button-9 .checkbox:checked ~ .wowe-layer {
  background-color: #fcebeb;
}

.wowe-content-switcher .wowe-toggle-button-9.button {
  border-radius: 2px;
}

.wowe-content-switcher-tab {
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 500;
  color: #282833;
  border-radius: 30px;
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.3;
}

.wowe-content-switcher-tab.wowe-active {
  color: #fff;
  background-color: #03a9f4;
}
.wowe-content-switcher-tab.wowe-active .wowe-content-switcher-icon i {
  color: #fff;
}
.wowe-content-switcher-tab.wowe-active .wowe-content-switcher-icon svg {
  fill: #fff;
}