.pinned-block {
    position: relative;
    z-index: 1;
    /* padding-top: 50px; */
    margin-top: 100px !important;
    padding: 30px 0;
}

.pinned-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #C6E2F1;
    z-index: -1;
    width: 100vw; /* Full viewport width */
    left: 50%;
    transform: translateX(-50%);
}

.pinned-block.card-loop-wrapper {
    position: relative;
    z-index: 1;
}

.pinned-block-title {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 8vw; /* or something like 120px */
    color: #C6E2F1; /* light blue that matches the design */
    z-index: 0;
    pointer-events: none;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    top: -83px;
    right: 0;
    font-size: 75px;
}

.pinned-block .news-card h2 {
    font-size: 23px;
}

@media screen and (max-width: 1000px) {
    .card-loop-wrapper {

    }
    .pinned-block .news-card.related-item h2 {
        font-size: 23px;

    }
}