/** blog Cart **/
.default-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 25px;
}
.post-item-image {
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
}
.post-item-image img {
    border-radius: 24px;
    width: 100%;
}
.post-item-image::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.1);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    background-image: url('data:image/svg+xml,<svg width="102" height="93" viewBox="0 0 102 93" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.7883 42.3388C35.7113 47.3994 98.3232 45.4374 80.7691 59.8688C69.0771 69.4969 19.7276 68.2317 17.4365 92.5486C33.4633 78.1064 98.3125 74.3109 101.765 55.4729C104.487 40.634 45.876 37.2781 40.7883 42.3388ZM47.6077 92.9989C51.0927 92.2913 83.157 91.3156 94.9781 69.1967C72.6482 83.2743 53.7925 79.3823 47.6077 92.9989Z" fill="%23BF292E"/><path d="M70.3252 6.39011C67.0446 3.29153 61.6342 0.23584 61.6342 0.23584C61.6342 0.23584 30.8822 17.0904 20.1152 24.7457C45.8871 15.5572 78.8872 14.4743 70.3252 6.39011Z" fill="%230E71B6"/><path d="M71.4329 24.9395C62.0212 27.8558 17.4797 36.4546 19.1254 45.8147C20.5775 54.0597 61.2682 51.7438 61.5694 55.4321C61.8706 59.1204 22.8578 60.5571 9.26195 53.4915C-4.3339 46.4258 -2.12888 41.0221 10.4559 34.9214C36.658 22.2162 80.4896 19.5465 81.8449 11.9233C84.5232 18.7102 80.8446 22.0232 71.4329 24.9395Z" fill="%230E71B6"/></svg>');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.post-item-image::before {
    content: '';
    display: flex;
    width: calc(100% + 1px);
    height: 100%;
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    right: -1px;
    border-radius: 24px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}
.post-item:hover .post-item-image::before {
    opacity: 1;
    visibility: visible;
}
.post-item:hover .post-item-image::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}
.post-item-image time {
    height: 32px;
    border-radius: 8px;
    background: var(--white);
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--color3);
    font-size: clamp(12px, 4vw, 14px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding-inline: 8px;
    z-index: 0;
    font-family: var(--SemiBold);
}
.post-item-image time span {
    padding-top: 4px;
}
.post-item-image time i {
    color: var(--color1);
    width: 20px;
    height: 20px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.post-item h3 {
    font-size: clamp(14px, 4vw, 18px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: .4s;
    font-family: var(--SemiBold);
    margin-bottom: 0.5rem;
    line-height: 1.5;
}
.post-item:hover h3 a {
    color: var(--color1);
}
.post-item .desc {
    font-size: 14px;
    line-height: 36px;
    color: var(--color3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.blog-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color2);
    font-size: 16px;
    margin-top: 10px;
}
.blog-readmore i {
    color: #fff;
    background: var(--color2);
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
.blog-readmore:hover {
    color: var(--color2);
}
.post-item h2 {
    min-height: 58px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}