#UpdatesInformationsBackground {
    background-color: var(--Information1);
}

#UpdatesInformations {
    gap: 30px;
}

.UpdatesText {
    /* background-color: brown; */
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.UpdatesNumber {
    background: repeating-linear-gradient(135deg,
            var(--Information1) 0px,
            var(--Information1) 5px,
            var(--Information2) 5px,
            var(--Information2) 10px);
    width: 100%;
    height: fit-content;
    justify-content: center;
    padding: 20px 10px;
    border-radius: 5px;
}

.UpdatesNumber>h2 {
    color: var(--InformationText1);
    font-family: "Poppins-ExtraBold";
    font-size: 20px;
    background-color: var(--Information1);
    padding: 5px 15px;
    border-radius: 5px;
}

.UpdatesData {
    padding: 0px 10px;
    display: flex;
    justify-content: space-between;
}

.UpdatesData>h3,
.UpdatesData>span {
    color: var(--InformationText2);
    font-family: "Poppins-Medium";
    font-size: 15px;
}

.UpdatesTextTitle {
    display: flex;
    flex-direction: column;
    padding: 0px 30px;
    position: relative;
}

.UpdatesTextTitle>.UpdatesDivisionLine {
    position: absolute;
}

.UpdatesTextTitle>h4 {
    background-color: var(--Background1);
    width: fit-content;
    max-width: 100%;
    padding: 5px 20px;
    color: var(--InformationText2);
    font-family: "Poppins-Bold";
    font-size: 15px;
    border-radius: 5px;
    z-index: 120;
}

.UpdatesDivisionLine {
    background: repeating-linear-gradient(135deg,
            var(--Information1) 0px,
            var(--Information1) 5px,
            var(--Information2) 5px,
            var(--Information2) 10px);
    min-height: 5px;
    min-width: 100%;
    border-radius: 5px;
}