.blog-title a{
    color: var(--dark-accent-color);
}
.read-more-container {
    margin-top: 20px;
}

.read-more-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    transition: all 0.3s ease;
}

.read-more-text {
    opacity: 0;
    /* transform: translateX(-10px); */
    transition: all 0.3s ease;
    color: #000000;
    text-indent: -110px;
    visibility: hidden;
}

.read-more-link i {
    font-size: 16px;
    transition: all 0.3s ease;
    color: #000000;
}
.rtl .read-more-link i{
    transform: rotate(180deg);
}

article:hover .read-more-text {
    opacity: 1;
    text-indent: 0;
    margin-right: 6px;
    margin-left: 10px;
    visibility: visible;
    transition: visibility 0.4s 
        ease, margin-right 0.3s 
        ease-out, text-indent 0.4s 
        ease-out, color 0.4s 
        ease, opacity 0.4s 
        ease;
    }

article:hover .read-more-link i {
    /* transform: translateX(5px); */
    color: #000000;
}
.blog-padding{
    padding-top: 50px;
    padding-bottom: 50px;
}
.blog-title a:hover{
   color: var(--dark-accent-color)!important;
}
span.page-numbers.current {
    color: var(--white-color);
    background-color: #161345;
    border-color: #161345;
}
.page-numbers {
    display: inline-block;
    vertical-align: top;
    font-size: inherit;
    font-weight: inherit;
    margin: 2px 5px 2px 0;
    padding: 0;
    border: 1px solid var(--dark-accent-color);
    color: #161345;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    line-height: 49px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;

}
.post-header-section{
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 36rem;
    position: relative;
}
.post-header-section::before{
    content: ' ';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.45);
}
h1.entry-title.text-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white-color);
    z-index: 9;
}
.space-top{
    margin-top: 166px;
}
.content-color h2{
    color: #294E50;
    font-size: 28px;
}
.content-color ul, .content-color ol{
    color: #676686;
}
.content-color p{
    margin-bottom: 1.7em;
}
.blog-page .blog-header h4{
    margin-bottom: 30px;
    font-size: 2.059em;
    font-weight: 700;
}
.blog-page .blog-content h5{
    margin-top: 20px;
    color: #000000;
}
.blog-page .blog-content h5 a{
    color: #000000;
}