.swiper-pagination{
        top: var(--swiper-pagination-top, auto);
        left: 30px !important;
        bottom: 20px !important;
        background-color: rgba(255, 255, 255, 0.4);
        width: initial !important;
        border-radius: 99px;
}
.swiper-pagination-bullet{
    background-color: #fff;
    width: 8px !important;
    height: 8px !important;
}
.blog-category{
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.5rem;
    justify-content: center;
}
.b-c{
    width: 138px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.b-c__img{
width: 95px;
height: 108px;
}
.b-g__text{
color: #514e46;
font-size: 16px;
font-weight: 600;
margin-top: 18px;
}
.newest-blog-title{
    padding-right: 8px;
    color: #514e46;
    font-size: 23px;
    font-weight: 700;
    border-right: 3px solid #9d003d;
    margin-top: 30px;
}
.cat-menu__item{
    height: 48px;
text-wrap: nowrap;
width: 190px;
border: 1.5px solid #ded8cf;
display: flex;
align-items: center;
justify-content: center;
stroke: black;
}
.gap-6{
    gap: 4rem;
}
.cat-menu__item--active{
    border: none;
}
.cat-blog-prev,.cat-blog-next{
    position: absolute;
    top:60%; 
    z-index: 2;
    cursor: pointer;
}
.cat-blog-next{
    right: -25px;
}
.cat-blog-prev{
    left: -25px;
}
.blog-post{
    width: 100%;
    margin-bottom: 20px;
}
.blog-img{
width: 100%;
height:350px;
border-radius: 16px;
    background-position: center;
}
.blog-title{
margin-top: 12px;
line-height: 22px;
color: #514e46;
font-weight: 700;
height: 50px;
font-size: 21px;
transition: all linear 150ms;
    display: flex;
    align-items: center;
}
.blog-title:hover{
    color: rgb(157 0 61);
}
.blog-sub-title{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.blog-slide-date-2{
margin-top: 5px;
}
.blog-img-sm{

    width: 100%;
    height: 250px;
    border-radius: 16px;
        background-position: center;
}
.blog-title-m{
    margin-bottom: 10px;
}
.side-single-wrapper{
    position: sticky;
    position: -webkit-sticky;
    top: 150px;
}
.side-single{
padding: 16px;
background-color: #F7F3ED;
border-radius: 16px;
}
.single-side-header{
padding-bottom: 8px;
border-bottom: 1.5px solid #ded8cf;
}
.single-side-header__title{
font-size: 19px;
font-weight: 700;
color: #514e46;
}
.sigle-side-content{
border-right: 1px solid #c9c3b8;
}
.sigle-side-q{
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 16px;
    font-weight: 500;
    color: #6c685e;
    display: block;
    margin-bottom: 10px;
    line-height: 20px;
    position: relative;
}
.sigle-side-q--active{
    color: rgb(157 0 61);
}
.scroll-dot{
width: 8px;
height: 8px;
background-color: #fff;
border: 2px solid #636363;
border-radius: 99px;
position: absolute;
right: -5px;
top: 5px;
}
.scroll-svg{
    position: absolute;
    right: -10px;
    top: 0;
    width: 20px;
    height: 20px;
}
.article-main__img{
    width: 100%;
    border-radius: 16px;
}
.article-content{
    padding-right: 112px;
    padding-left: 112px;
    margin-top: 20px;
}
.article-hash{
    display: inline-block;
padding: 5px 10px ;
background-color: #f2ece3;
font-size: 13px;
font-weight: 600;
border-radius: 4px;
margin-bottom: 15px;
}
.article-content>h2 , .article-content>span>h2{
font-weight: bold;
font-size: 28px;
color: #35332e;
line-height: 44px;
}
.article-heading{
    font-weight: bold;
font-size: 28px;
color: #35332e;
line-height: 44px;
}
.article-content > p > span , .article-content > span > div,.article-content>span>p>span,.article-content > p {
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #514e46;
    font-family: 'Peyda regular';
    margin-top: 20px;
    margin-bottom: 20px;
}
.article-img{
    width: 100%;
    border-radius: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.b-comment-wrapper{
    border-top: 1px solid #f2ece3;margin-top: 20px;
    padding-left: 112px;
    padding-right: 112px;
    padding-top: 32px;
    padding-bottom: 32px;
}