.wormcount-trust {
    display: flex;
    justify-content: center;
}

.wormcount-trust__orbit {
    --orbit-size: min(80vw, 600px);
    position: relative;
    width: var(--orbit-size);
    max-width: 600px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    margin: calc(var(--orbit-size) * 0.08);
    overflow: visible;
}

.wormcount-trust__ring {
    position: absolute;
    inset: 0;
    border: 2px solid var(--e-global-color-secondary);
    border-radius: 50%;
}

.wormcount-trust__center {
    position: relative;
    z-index: 1;
    width: 70%;
    max-width: 70%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--e-global-color-8b8effa);
    display: grid;
    place-items: center;
    text-align: center;
    padding: 0;
    color: var(--e-global-color-text);
    box-shadow: none;
    border: 2px solid var(--e-global-color-1924047);
}

.wormcount-trust__panel {
    display: none;
}

.wormcount-trust__panel.is-active {
    display: grid;
    gap: 2%;
    justify-items: center;
}

.wormcount-trust__title {
    max-width: 75%;
    margin: 0;
    font-family: var(--e-global-typography-e0dcb36-font-family);
    font-size: var(--e-global-typography-e0dcb36-font-size);
    font-weight: var(--e-global-typography-e0dcb36-font-weight);
    text-transform: var(--e-global-typography-e0dcb36-text-transform);
    font-style: var(--e-global-typography-e0dcb36-font-style);
    text-decoration: var(--e-global-typography-e0dcb36-text-decoration);
    line-height: var(--e-global-typography-e0dcb36-line-height);
    color: var(--e-global-color-primary);
}

.wormcount-trust__panel p {
    margin: 0;
    max-width: 80%;
    font-family: var(--e-global-typography-text-font-family);
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
}

.wormcount-trust__image img {
    display: block;
    width: 100%;
    height: 170px !important;
    margin: 0;
    object-fit: contain;
    line-height: var(--e-global-typography-e0dcb36-line-height);
}

.wormcount-trust__icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 16%;
    aspect-ratio: 1;
    border: 2px solid var(--e-global-color-1924047);
    border-radius: 50%;
    background: var(--e-global-color-8b8effa);
    color: var(--e-global-color-b903a99);
    display: grid;
    place-items: center;
    padding: 2%;
    cursor: default;
    transform:
        translate(-50%, -50%)
        rotate(calc((360deg / var(--item-count)) * var(--item-index) - 90deg + var(--orbit-rotation, 0deg)))
        translate(calc(var(--orbit-size) / 2))
        rotate(calc(-1 * ((360deg / var(--item-count)) * var(--item-index) - 90deg + var(--orbit-rotation, 0deg))));
    transition: background-color 180ms ease, color 180ms ease, transform 0.8s ease-in-out;
}

.wormcount-trust__icon.is-active {
    cursor: pointer;
    background: var(--e-global-color-b903a99);
    color: var(--e-global-color-8b8effa);
    outline: none;
    border: 2px solid var(--e-global-color-secondary);
}

.wormcount-trust__icon img {
    width: 64%;
    height: 64%;
    object-fit: contain;
}

.wormcount-trust__icon-hover {
    display: none;
}

.wormcount-trust__icon.is-active .wormcount-trust__icon-default {
    display: none;
}

.wormcount-trust__icon.is-active .wormcount-trust__icon-hover {
    display: block;
}

.wormcount-trust__icon span {
    font-weight: 700;
    font-size: 18px;
}

@media (max-width: 767px) {
    .wormcount-trust__image img {
        height: 75px !important;
    }

    .wormcount-trust__title {
        max-width: 60%;
        font-size: 10.242px;
        line-height: 16.387px;
    }

    .wormcount-trust__panel p {
        font-size: 8.193px;
        line-height: 12.29px;
    }


}