.elch-facts-band { padding: 70px 15px 50px; }
.elch-facts-band--dark { background: #262626; }
.elch-facts-band--green { background: #253526; }
.elch-facts-band--light { background: #f3f3f3; }
.elch-facts-band__header { margin-bottom: 40px; text-align: center; }
.elch-facts-band--dark .elch-facts-band__header,
.elch-facts-band--green .elch-facts-band__header { color: #fff; }
.elch-facts-band .greennature-skill-item-wrapper { margin: 0 0 20px; }
.elch-facts-band .greennature-skill-item-title { color: #5dc269; }
.elch-facts-band--dark .greennature-skill-item-caption,
.elch-facts-band--green .greennature-skill-item-caption { color: #fff; }
.elch-facts-band--light .greennature-skill-item-caption { color: #3a3a3a; }

/* Pie chart: circle with circumference 100 (r = 15.9155) */
.elch-pie { position: relative; width: 150px; height: 150px; margin: 0 auto 22px; }
.elch-pie svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
.elch-pie__track { fill: none; stroke: rgba(255, 255, 255, .15); stroke-width: 3; }
.elch-facts-band--light .elch-pie__track { stroke: #e2e2e2; }
.elch-pie__bar {
    fill: none;
    stroke: #5dc269;
    stroke-width: 3;
    stroke-dasharray: var(--elch-pie-value, 0) 100;
    transition: stroke-dasharray 1.4s ease-out;
}
.elch-pie.is-pending .elch-pie__bar { stroke-dasharray: 0 100; }
.elch-pie__value {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #5dc269;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}
@media (prefers-reduced-motion: reduce) {
    .elch-pie__bar { transition: none; }
}