.section-our-impact {
    background-color: #21251F;
    padding: 84px 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.our-impact-wrapper {
    position: relative;
    width: 750px;
    display: contents;
}

.our-impact-title {
    font-family: 'Stack Sans Notch', sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 110%;
    padding: 24px;
    text-align: center;
    color: #F8F8EE;
}


.metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    position: relative;
    max-width: 600px;
    padding: 40px 0;
    color: #F8F8EE;
}

.metric-item {
    position: relative;
    width: 314px;
    height: 314px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #21251F;
    overflow: hidden;
}

.metric-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #F8F8EE;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 3;
}

.tick-mask {
    position: absolute;
    inset: 0;
    background-color: #F8F8EE;
    mask: repeating-conic-gradient(
            transparent 0deg 5deg,
            black 5deg 6deg );
    -webkit-mask: repeating-conic-gradient(
            transparent 0deg 5deg,
            black 5deg 6deg );
    z-index: 0;
}

.metric-item-inner {
    border-radius: 50%;
    width: 286px;
    height: 286px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    text-align: center;
    /*padding: 20px;*/
    gap: 16px;
    background-color: #21251F;
    color: #F8F8EE;
    z-index: 2;
}

.solid-border {
    border: 1px solid #F8F8EE80;
}

.our-impact-metric-item-title {
    display: flex;
    flex-direction: row;
    height: auto;
}

.our-impact-metric-item-title-large {
    line-height: 100%;
    font-weight: 700;
    font-size: 72px;
    align-self: flex-end;
}

.our-impact-metric-item-title-little {
    /*line-height: 120px;*/
    font-weight: 700;
    font-size: 24px;
    align-self: flex-end;
}

.our-impact-metric-item-text {
    /*line-height: 165px;*/
    font-size: 16px;
    opacity: 0.7;
    height: auto;
}

/* Optional positioning classes */
.top-left    { grid-column: 1; grid-row: 1; }
.top-right   { grid-column: 2; grid-row: 1; }
.bottom-left { grid-column: 1; grid-row: 2; }
.bottom-right{ grid-column: 2; grid-row: 2; }

.metric-center-icon {
    position: absolute;
    top: 50%;
    left: calc(50% + 14px);
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background-image: url("/wp-content/themes/liceumai-theme/assets/images/small-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.metric-item-container {
    position: relative;
}

.logo-petal-outer. {
    width: 24px;
    height: 24px;
    background-color: #F8F8EE;
    position: absolute;
    bottom: 0;
    right: 0;
}

.logo-petal-inner {
    width: 19px;
    height: 19px;
    background-color: #21251F;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}