.test-details-container {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-flow: column;
    margin-top: 200px;
}

.tag-item {
    cursor: pointer;
    height: 26px;
    position: relative;
    padding-left: 8px;
    padding-right:8px;
    box-sizing: border-box;
    color: #48A9C5;
    width: fit-content;
    background-color: rgba(72, 169, 197, 0.1);
    border: 1px solid #48A9C5;
    border-radius: 20px;
    font: normal normal normal 14px/26px Roboto;
}

#test-details-content {
    width: 100%;
    margin-top: 28px;
    font: normal normal 400 16px/28px 'Noto Sans';
    color: var(--text);
}

#test-details-content h2 {
    font: normal normal 700 24px/32px 'Zen Maru Gothic';
    color: var(--text);
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

#test-details-content h3 {
    font: normal normal 700 16px/25px 'Zen Maru Gothic';
    color: var(--text);
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

@media (max-width: 986px) {
    .test-details-container {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 110px;
    }
}