:root {
        --font-family-default: Gilroy, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
        --font-family-title: Oswald, sans-serif;
        --font-family-icon: Material Icons;
        --font-size-default: 1rem;
        --font-size-h1: 40px;
        --font-size-h4: 20px;
        --font-weight-default: 400;
        --font-weight-medium: 500;
        --font-display-default: swap;
    }
    @font-face {
        font-family: "Material Icons";
        font-display: swap;
        font-display: var(--font-display-default);
        font-style: normal;
        font-weight: 400;
        font-weight: var(--font-weight-default);
        src: url(/__data/assets/git_bridge/0022/895/dist/mysource_files/MaterialIcons-Regular.ttf) format("truetype");
    }
    @font-face {
        font-family: "Oswald";
        font-display: swap;
        font-display: var(--font-display-default);
        font-style: normal;
        font-weight: 400;
        font-weight: var(--font-weight-default);
        src: local("Oswald Regular"),url(/__data/assets/git_bridge/0022/895/dist/mysource_files/Oswald-Regular.ttf) format("truetype");
        unicode-range: U+0020-007D,U+007F-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
    }

    h1,.h1 {
        font-family: "Oswald, sans-serif";
        font-family: var(--font-family-title);
        font-size: 40px;
        font-size: var(--font-size-h1);
        font-weight: 500;
        font-weight: var(--font-weight-medium);
        line-height: 1;
    }
    @media (max-width: 500px) {
        h1, .h1 {
            font-size: 35px;
        }
    }
    h4,.h4 {
        font-family: "Oswald, sans-serif";
        font-family: var(--font-family-title);
        font-size: 20px;
        font-size: var(--font-size-h4);
        font-weight: 500;
        font-weight: var(--font-weight-medium);
        line-height: 1.2;
    }
    .material-icons, .icon {
        color: inherit;
        display: inline-block;
        font-family: "Material Icons";
        font-family: var(--font-family-icon);
        font-weight: 400;
        font-weight: var(--font-weight-default);
        font-style: normal;
        font-size: 20px;
        font-size: var(--font-size-h4);
        line-height: 1;
        text-transform: none;
        letter-spacing: normal;
        word-wrap: normal;
        white-space: nowrap;
        direction: ltr;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "liga";
    }
    .scheme--default a, .scheme--default .anchor {
        outline-color: #003da6;
        color: #003da6;
    }
    .articles__grid {
        display: grid;
        grid-gap: 1rem;
        position: relative;
        max-width: 1920px;
        width: 100%;
        grid-template-rows: 230px;
        grid-auto-rows: 230px;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
    }
    @media (min-width: 500px) {
        .articles__grid {
            grid-template-columns: 0.5fr 0.5fr;
        }
    }
    @media (min-width: 1001px) {
        .articles__grid {
            grid-template-columns: repeat(4, minmax(200px, 0.25fr));
        }
    }
    
    .top-img-card__content-container {
        display: flex;
        flex-wrap: wrap;
    }
    .top-img-card,
    .card {
        display: grid;
        grid-template-rows: 0.7fr 0.3fr;
        grid-template-columns: minmax(180px, 1fr);
        width: 100%;
        background-repeat: no-repeat;
        height: auto;
        border: 1px solid #ddd;
        position: relative;
        text-decoration: none;
        overflow: hidden;
    }
    .scheme--default .top-img-card {
        color: #003da6;
    }
    .top-img-card:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='225' height='282' viewBox='0 0 225 282' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.05'%3e%3cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='225' height='282'%3e%3crect width='225' height='282' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M225.309 -55H216.55C98.6094 -55 3 40.6094 3 158.55C3 276.49 98.6095 372.099 216.55 372.099H225.309V293.173C184.257 281.223 154.258 243.321 154.258 198.413C154.258 153.504 184.257 115.602 225.309 103.652V-55Z' fill='white'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        z-index: 2;
        opacity: 0;
        transition: all .25s ease
    }
    .top-img-card:hover:before, 
    .top-img-card:focus:before,
    .top-img-card:active:before {
        opacity: 1;
    }
    
    .top-img-card:after {
        content: "\A";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: currentColor;
        opacity: 0;
        transition: all .25s ease;
    }
    .top-img-card:hover:after, 
    .top-img-card:focus:after, 
    .top-img-card:active:after {
        opacity: .8;
    }
    .top-img-card .img-overlay {
        position: relative;
        display: block;
    }
    .card .img-overlay img {
        width: 100%;
        vertical-align: top;
    }
    .card .img-overlay:after {
        content: "\A";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .25s ease;
    }
    .card:hover .img-overlay:after,
    .card:focus .img-overlay:after,
    .card:active .img-overlay:after {
        opacity: 1
    }

    .top-img-card img {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .top-img-card:hover .img-overlay:after, 
    .top-img-card:focus .img-overlay:after, 
    .top-img-card:active .img-overlay:after {
        opacity: 0;
    }
    .scheme--default .card .img-overlay:after {
        color: #fff;
    }
    .scheme--default .card .img-overlay:after {
        background-color: rgba(0,61,166,.9);
    }
    .top-img-card__title {
        position: relative;
        z-index: 2;
        padding: 0 0 0 2rem;
        margin: auto 0;
        width: 70%;
    }
    .scheme--default .top-img-card:hover .top-img-card__title, 
    .scheme--default .top-img-card:focus .top-img-card__title, 
    .scheme--default .top-img-card:active .top-img-card__title {
        color: #fff;
    }
    .card .link-cta {
        font-weight: 500;
        line-height: 1.618;
        color: #444;
        text-decoration: none;
        display: flex;
        align-items: center;
        align-self: flex-start;
        position: relative;
    }
    .top-img-card .link-cta {
        align-self: center;
    }
    .top-img-card .link-cta span {
        position: absolute;
        right: -1.6rem;
        z-index: 2;
        border-width: 1px;
        border-style: solid;
        border-radius: 70%;
        width: 33px;
        height: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
    .scheme--default .top-img-card .link-cta span {
        color: #003da6;
        border-color: #003da6;
    }
    .scheme--default .top-img-card:hover .link-cta span,
    .scheme--default .top-img-card:focus .link-cta span,
    .scheme--default .top-img-card:active .link-cta span {
        border-color: #fff;
    }
    .scheme--default .top-img-card:hover .link-cta span,
    .scheme--default .top-img-card:focus .link-cta span,
    .scheme--default .top-img-card:active .link-cta span {
        color: #fff;
}