.overlaymediabadge-element .badge-wrap {
    grid-area: 3 / 3;
    position: relative;
    bottom: -60%;
}
@media(max-width: 991.95px) {
    .overlaymediabadge-element .badge-wrap {
        grid-area: 1 / 2;
        bottom: -25%;
    }
}

.overlaymediabadge-element .badge-wrap .badge-content {
    position: relative;
    background: var(--career-lime);
    color: var(--career-blue);
    text-transform: uppercase;
    clip-path: polygon(11% 30%, 91% 30%, 89% 70%, 70% 70%, 59% 95%, 61% 70%, 9% 70%);
    z-index: 3;
}

.overlaymediabadge-element .badge-wrap .badge-content-shadow {
    background: rgba(3, 59, 140, 0.7);
    clip-path: polygon(6% 10%, 71% 10%, 69% 55%, 4% 55%);
    z-index: 1;
}

.overlaymediabadge-element .badge-wrap .circle {
    background: var(--career-lime);
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
    z-index: 2
}

.overlaymediabadge-element .badge-wrap .circle.top-left-circle {
    width: 15%;
    opacity: 0.65;
    top: -5%;
    left: 4%;
}

.overlaymediabadge-element .badge-wrap .circle.small-circle {
    width: 4%;
    opacity: 0.65;
    top: 20%;
    left: 20%;
}

.overlaymediabadge-element .badge-wrap .circle.floating-circle {
    width: 3.6%;
    justify-self: end;
    align-self: end;
    bottom: 15%;
    right: 15%
}

.overlaymediabadge-element .badge-wrap .spike {
    background: rgb(3, 59, 140);
    z-index: 4
}

.overlaymediabadge-element .badge-wrap .spike.spike-1 {
    clip-path: polygon(78% 60%, 81% 75%, 78% 72%);
}

.overlaymediabadge-element .badge-wrap .spike.spike-2 {
    clip-path: polygon(81% 66%, 92% 95%, 93% 80%);
}