.blog-area {
    /*border: 2px solid red;*/
    overflow: hidden!important;
}

.blog-item {
    border-radius: 0.4vw;
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.3) !important;
    overflow: hidden!important;
}

.page-title-area {
    background-image: url("/assets/img/blog-bg-banner.webp");
    background-size: cover;
    background-position: center;
    position: relative;
}

.page-title-area h2 {
    position: absolute;
    right: 6vw;
    top: 12vw;
    font-family: IRANSans, sans-serif !important;
}

@media screen and (max-width: 450px) {
    .page-title-area {
       margin-top: 14vw;
    }

    .page-title-area h2 {
        width: 30%;
        top: 20vw;
        right: 8vw;
        line-height: 8vw;
        font-size: 5vw!important;
    }
}