.wheel-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

svg.wheel {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Segment colors */
.seg-purple-dark {
  fill: #6b4fa0;
}
.seg-purple-mid {
  fill: #7d5bb5;
}
.seg-magenta {
  fill: #c2339a;
}
.seg-pink {
  fill: #d44ba0;
}
.seg-rose {
  fill: #c9449a;
}
.seg-plum {
  fill: #a83e8e;
}
.seg-teal-dark {
  fill: #2a9d8f;
}
.seg-teal-mid {
  fill: #3aada0;
}
.seg-teal-light {
  fill: #4dbdb0;
}
.seg-cyan {
  fill: #5cc5ba;
}
.seg-sky {
  fill: #48b8ae;
}

.inner-arc {
  fill: rgba(255, 255, 255, 0.18);
}

.center-circle-priority {
  fill: white;
  filter: drop-shadow(0 4px 18px rgba(0, 0, 0, 0.13));
}

.center-text-main {
  font-size: 18px;
  fill: #1a1a2e;
  text-anchor: middle;
  font-weight: 600;
}

.seg-label {
  font-size: 10.5px;
  font-weight: 700;
  fill: white;
  text-anchor: middle;
  dominant-baseline: central;
  pointer-events: none;
}

.star {
  fill: gold;
}

path.segment {
  transition: opacity 0.2s, filter 0.2s;
  cursor: pointer;
}
path.segment:hover {
  opacity: 0.85;
  filter: brightness(1.12) drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}

.news-box-items-6-style-6 .news-content.priorities{
    border: none;
    background-color: transparent;
}

.priority-panel {
    background: #fff;
    border-radius: 8px;
    padding: 35px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
    min-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.priority-number {
    display: inline-block;
    align-self: flex-start;
    padding: 0;
    border-radius: 999px;
    background: none;
    color: var(--theme-2);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: 18px;
}

.priority-title {
    margin: 0 0 18px;
    font-size: 26px;
    line-height: 1.35;
    font-weight: 700;
    color: #222;
}

.achievement-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

.priority-segment {
    cursor: pointer;
    transition: .25s ease;
}

.priority-segment:hover,
.priority-segment.active {
    filter: brightness(1.08);
}

.wheel-note {
    text-align: center;
    margin-bottom: 25px;
    color: #666;
    font-weight: 600;
}

@media (max-width: 991px) {

    .priority-panel {
        margin-top: 35px;
        min-height: auto;
        padding: 25px;
    }

    .priority-title {
        font-size: 22px;
    }
    .priorities{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .news-box-items-6-style-6 .news-content.priorities{padding: 0;}

}