.content_page .commit {
    background-color: #FFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    margin-block: 48px;
    box-shadow: 0px 4px 4px 0px #0000001F,0px 0px 4px 0px #00000014;
    position: relative;
    z-index: 1;
}

html[dir="ltr"] .content_page .commit::before {
    position: absolute;
    content: "";
    width: 317px;
    height: 128px;
    border: 4px solid #BB9B15;
    border-bottom: transparent;
    border-left: transparent;
    top: -2px;
    right: -2px;
    z-index: -10;
    border-top-right-radius: 24px;
    max-width: 50%;

}

html[dir="rtl"] .content_page .commit::before {
    position: absolute;
    content: "";
    width: 317px;
    height: 128px;
    border: 4px solid #BB9B15;
    border-bottom: transparent;
    border-right: transparent;
    top: -2px;
    left: -2px;
    z-index: -10;
    border-top-left-radius: 24px;
    max-width: 50%;

}

.content_page .top_commit {
    max-width: 100%;
}

.content_page ul {
    margin-top: 40px;
    padding-inline: 0;
}

html[dir="ltr"] .content_page ul {
    padding-left: 40px;

}

html[dir="rtl"] .content_page ul {
    padding-right: 40px;
}

.content_page ul li::marker {
    font-size: 28px;

}

.content_page .titleInfo {
    flex: 1 1 100%;
    max-width: 366px;

    @media(max-width:1024px) {
        max-width: 250px;
    }
}

.content_page .titleInfo+div {
    margin: 0 !important;

}

.content_page div:has(>.titleInfo):has(ul):last-child {
    align-items: flex-start !important;
    flex-direction: column;

    ul {
        margin-top: 20px
    }
}

@media(max-width:668px) {

    .content_page div:has(>.titleInfo) {
        
    align-items: flex-start !important;
        flex-direction: column;
    }
}