.-Post-box {
    max-width:448px;
    min-width: 340px;
    flex:1;
    position:relative;
    border-radius:20px;
    overflow:hidden;
    transition:.4s;
    border:1px solid var(--diver);
}.Post-box-th {
    overflow:hidden;
    border-radius:17px;
    max-height:247px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--bg-theme-color2);
    position:relative;
}.Post-box-th>img {
    transition:.4s;
    position:relative;
}.posts--title {
    margin-top:10px;
    position:absolute;
    bottom:0;
    padding:10px 10px 0 10px;
    background:white;
    border-radius:50% 50% 0 0;
    left:31px;
}.posts--title::after, .posts--title::before {
    content:"";
    position:absolute;
    background-color:#00000000;
    bottom:0px;
    height:40px;
    width:20px;
    box-shadow:0 15px 0 0 white;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:0px;
    left:100%;
    right:inherit;
}.posts--title a {
    font-size:16px;
    background:var(--uicolor2);
    font-weight:400;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width:50px;
    height:50px;
    justify-content:center;
    align-content:center;
    color:white;
    border-radius:50%;
}.posts--title::after {
    transform:rotateY(180deg);
    left:auto;
    right:100%;
}.-Post-Info {
    display:flex;
    padding:20px;
    border-radius:10px;
    z-index:2;
    bottom:10px;
    flex-direction:column;
}.-sgle-contant {
    overflow:hidden;
}.posts_title {
    font-size:20px;
    color:var(--primary-text);
    font-weight:700;
    line-height:28px;
} .posts_title a {
    font-weight:600;
}

.info-boxitem {
    margin:26px 0 10px;
}.info-boxitem a {
    color:#ffffff;
    padding:10px 19px;
    margin-bottom:20px;
    background:var(--uicolor);
    border-radius:29px;
}.-Post-box:hover .Post-box-th img {
    transform:scale(1.08);
}