.content_page h4 {
    font-size: clamp(16px, 1.6vw, 20px);
    font-weight: 400;
    line-height: 33px;
    color: #4C4C4C;
    margin-bottom: 0;
}

.content_page h2 {
    font-size: clamp(18px, 2vw, 30px);
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0.01em;
    color: var(--main-blue);
    margin-bottom: 0;
}

.content_page :is(ol, ul) {
    margin: 0;
    padding-inline-start: 20px;
}

.content_page p,
.content_page li {
    font-size: clamp(16px, 1.6vw, 20px);
    font-weight: 400;
    line-height: clamp(26px, 3vw, 41.25px);
    color: #4C4C4C;
    margin-bottom: 0;
}

.content_page button {
    font-size: clamp(18px, 1.6vw, 24px) !important;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    color: var(--main-yellow);
}

html[dir="rtl"] .content_page button img {
    rotate: 180deg;
}



/* links_date */

.links_date {
    flex-direction: column;
    font-size: clamp(16px, 1.6vw, 18px);
    font-weight: 500;
    line-height: 33.66px;
    flex: 1 1 100%;
    max-width: 98px;
    row-gap: 8px;
    height: fit-content;
}

.links_date li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.links_date li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 29.92px;
    color: rgba(76, 76, 76, 0.5);
    text-decoration: none;
}

.links_date .active a {
    color: var(--main-yellow);
}


.links_date li:not(.active) img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

@media (max-width:1600px) {
    .links_date {
        position: static;
        justify-content: center;
        flex-direction: row;
        margin-bottom: 80px;
        flex-wrap: wrap;
    }

}

.content_page .buttonsContainer {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-top: 20px;
    @media (max-width:778px) {
        gap: 20px;
        
    }
}

button.download {
    padding: 0;
    width: fit-content;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    color: var(--main-yellow);
    background-color: transparent;
    font-size: clamp(16px, 1.6vw, 22px);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
}

button.download:hover {
    scale: 1.1;
}

button.view {
    padding: 0;
    width: fit-content;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    color: var(--main-blue);
    background-color: transparent;
    font-size: clamp(16px, 1.6vw, 22px);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
}

button.view:hover {
    scale: 1.1;
}

button:is(.download, .view) img {
    height: 24px;
    width: 24px;
}

.content_page .row>div {
    padding-block: 32px;
    border-bottom: 1px solid #A6A6A6;

    p {
        color: #4c4c4c
    }
}

.content_page .row>div:first-child {
    padding-top: 0;
}

.content_page .row>div:last-child {
    border-bottom: none;
    padding-bottom: 0;
}