.info-blocks {
    margin: 48px 0;
}

h2.info-block-title {
    margin: 1.5rem 0;
    font-size: clamp(1.875rem, 1.1875rem + 2.2vw, 3.25rem);
    letter-spacing: -2%;
}

.info-blocks .icon-wrapper {
    width: 64px;
    height: 64px;
    background-image: url(../../images/icon-types/other-materials.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.diamonds-icon + .info-blocks {
    margin-top: 24px;
}
@media (min-width: 992px) {
    .info-blocks .icon-wrapper {
        width: 80px;
        height: 80px;
    }
    h2.info-block-title {
        margin: 2.5rem 0;
    }
    .info-blocks {
        margin: 96px 0;
    }
    .wp-block-group.text-width.diamonds-icon + .info-blocks {
        margin-top: 48px;
    }
}

.info-blocks .icon-wrapper.legal-advice {
    background-image: url(../../images/icon-types/legal-advice.svg);
}
.info-blocks .icon-wrapper.negotiation {
    background-image: url(../../images/icon-types/negotiations.svg);
}
.info-blocks .icon-wrapper.vounteer {
    background-image: url(../../images/icon-types/vounteering.svg);
}
.info-blocks .icon-wrapper.advisory-document {
    background-image: url(../../images/icon-types/advisory-document.svg);
}
.info-blocks .icon-wrapper.briefing-paper {
    background-image: url(../../images/icon-types/briefing-paper.svg);
}
.info-blocks .icon-wrapper.finance {
    background-image: url(../../images/icon-types/finance.svg);
}
.info-blocks .icon-wrapper.openings {
    background-image: url(../../images/icon-types/openings.svg);
}
.info-blocks .icon-wrapper.quotes-testimonial {
    background-image: url(../../images/icon-types/quotes-testimonial.svg);
}
.info-blocks .icon-wrapper.announcements {
    background-image: url(../../images/icon-types/announcements.svg);
}
.info-blocks .icon-wrapper.cop-decision {
    background-image: url(../../images/icon-types/cop-decision.svg);
}
.info-blocks .icon-wrapper.latest {
    background-image: url(../../images/icon-types/latest.svg);
}
.info-blocks .icon-wrapper.newsletter {
    background-image: url(../../images/icon-types/newsletter.svg);
}
.info-blocks .icon-wrapper.other-materials {
    background-image: url(../../images/icon-types/other-materials.svg);
}
.info-blocks .icon-wrapper.research-report {
    background-image: url(../../images/icon-types/research-report.svg);
}
.info-blocks .icon-wrapper.webinar {
    background-image: url(../../images/icon-types/webinar.svg);
}
.info-blocks .icon-wrapper.blog-post        {
    background-image: url(../../images/icon-types/blog-post.svg);
}
.info-blocks .icon-wrapper.explainer {
    background-image: url(../../images/icon-types/explainer.svg);
}
.info-blocks .icon-wrapper.news {
    background-image: url(../../images/icon-types/news.svg);
}
.info-blocks .icon-wrapper.queries {
    background-image: url(../../images/icon-types/queries.svg);
}
.info-blocks .icon-wrapper.training-materials {
    background-image: url(../../images/icon-types/training-materials.svg);
}

.info-blocks .info-block {
    border: 0;
}

.info-blocks h3 {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #fff;
    font-size: clamp(1.5rem, 1.3125rem + 0.6vw, 1.875rem);
    letter-spacing: -1%;
}

.info-blocks .block-body .abstract {
    font-size: clamp(1rem, 0.9375rem + 0.2vw, 1.125rem);
    font-weight: 600;
    line-height: 130%;
}

.info-blocks .col .info-block {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
}
.info-blocks .info-block.jungle {
    background-color: #057B5F;
}
.info-blocks .info-block.blue {
    background-color: #282973;
}
.info-blocks .rust.info-block {
    background-color: #A13E23;
}
.info-blocks .info-block.teal {
    background-color: #007580;
}
.info-blocks .info-block.green {
    background-color: #418B59;
}
.info-blocks .info-block.grey {
    background-color: #464653;
}
.info-blocks .blue .icon-wrapper {
    filter: invert(84%) sepia(8%) saturate(834%) hue-rotate(202deg) brightness(93%) contrast(99%);
}
.info-blocks .jungle .icon-wrapper {
    filter: invert(92%) sepia(14%) saturate(502%) hue-rotate(97deg) brightness(105%) contrast(90%);
}
.info-blocks .rust .icon-wrapper {
    filter: invert(81%) sepia(14%) saturate(582%) hue-rotate(325deg) brightness(103%) contrast(90%);
}
.info-blocks .teal .icon-wrapper {
    filter: invert(85%) sepia(14%) saturate(560%) hue-rotate(137deg) brightness(102%) contrast(82%);
}
.info-blocks .green .icon-wrapper {
    filter: invert(95%) sepia(12%) saturate(536%) hue-rotate(74deg) brightness(91%) contrast(101%);
}
.info-blocks .grey .icon-wrapper {
    filter: invert(94%) sepia(11%) saturate(108%) hue-rotate(202deg) brightness(91%) contrast(86%);
}