.gridContainer{
    display: grid;
    grid-template-columns: 1fr !important;
    min-width: 420px
}


@media (min-width: 1024px) {
    .gridContainer{
        display: grid;
        grid-template-columns: minmax(418px, 1fr) 1fr 1fr !important;
    }
}

@font-face {
    font-family: 'RobotoSlab';
    src: url('RobotoSlab-Bold.ttf') format('truetype');
    }

@font-face {
    font-family: "NotoSerifSC";
    /* src: url('Noto_Serif_SC/static/NotoSerifSC-SemiBold.ttf') format('truetype'); */
    src: url('NoToSerifSC_600.woff2') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: "NoToSerifSC";
    /* src: url('Noto_Serif_SC/static/NotoSerifSC-ExtraBold.ttf') format("truetype"); */
    src: url('NoToSerifSC_800.woff2') format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: 'NoToSansSC';
    /* src: url('Noto_Sans_SC/static/NotoSansSC-SemiBold.ttf') format("truetype"); */
    src: url('NoToSansSC_600.woff2') format("truetype");
    font-weight: 600;
}

@font-face{
    font-family: "NoToSerifSC";
    src: url('Noto_Serif_SC/static/NotoSerifSC-Bold.ttf');
    font-weight: 700;
}

.title{
    font-family: "RobotoSlab";
    font-size: 24px !important;
    color: #29468e;
}

.subtitle{
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-top: 22px !important;
}


.referenceList{
    margin-left: 24px;
}
.checkedColor{
    /* color:#6480a1 */
    /* color:#ac9055 */
    /* color:#a57c00 */
    color:#d2a047
}

.position{
    font-size: 16px !important;
    font-style: italic;
    font-weight: 600 !important;
}