.widgets_blog{width:100%;margin:0 auto;}
.widgets_blog .box_blog{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.widgets_blog .box_blog .item{padding:15px 15px 27px;display: flex;flex-direction:column;background-color: #fff;border-radius: 12px;transition: transform 0.3s ease-in-out;}
.widgets_blog .box_blog .item:hover {transform: translateY(-10px);box-shadow: 10px 10px 20px #ddd;}
.widgets_blog .box_blog .item .img_box{width: 100%;display: flex;justify-content: center;align-items: center;padding-top: 56.25%;height: 0;position: relative;overflow: hidden;}
.widgets_blog .box_blog .item .img_box img{border-radius: 12px 12px 0 0 ;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.widgets_blog .box_blog .item .sub_box{flex: auto;}
.widgets_blog .box_blog .item .date{margin-top:20px;font-weight: bold;color: var(--primaryColor);}
.widgets_blog .box_blog .item .title{margin-top:5px;font-size: 24px;font-weight: bold;line-height: 30px;color: #222222;word-break:break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.widgets_blog .box_blog .item .title a{text-decoration: none;}
.widgets_blog .box_blog .item .desc{margin-top:15px;line-height: 22px;color: #333333;}
.widgets_blog .box_blog .item .desc a{text-decoration: none;}
.widgets_blog .box_blog .item .more{margin-top:25px;}
.widgets_blog .box_blog .item .more a{text-decoration: underline;}
@media (max-width: 768px) {
    .widgets_blog{width:100%;}
    .widgets_blog .pagination_box{display: none;}
    .widgets_blog .box_blog{grid-template-columns: repeat(2, 1fr);gap: 15px;}
    .widgets_blog .box_blog .item{padding:0;border-radius: 6px;transition:none;background-color:unset;}
    .widgets_blog .box_blog .item .img_box{background-color: #fff;border-radius: 6px 6px 0 0;}
    .widgets_blog .box_blog .item .img_box img{border-radius: 6px 6px 0 0;}
    .widgets_blog .box_blog .item .sub_box{padding:0 10px;background-color: #fff;}
    .widgets_blog .box_blog .item .more{font-size: 10px;margin-top:0;padding:20px 10px 20px;background-color: #fff;border-radius: 0 0 6px 6px;}
    .widgets_blog .box_blog .item:hover{transform: none;box-shadow: none;}
    .widgets_blog .box_blog .item .date{margin-top:12px;font-size: 12px;}
    .widgets_blog .box_blog .item .title{font-size: 14px;line-height: 15px;margin-top: 7px;}
    .widgets_blog .box_blog .item .desc{display: none;}
}