.posts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.blog-main{width:100%}.blog-title{color:var(--base-blue-100);text-align:center;margin-bottom:64px}.posts{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.post{-webkit-box-flex:0;-ms-flex:0 0 calc(33.333% - 20px);flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px;border-radius:8px;border:1px solid #d5e6ff;background:#fff;-webkit-transition:.3s;transition:.3s}@media (max-width:820px){.post{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 20px);flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width:767px){.post{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 20px);flex:0 0 calc(100% - 20px);max-width:calc(100% - 20px)}}.post__content{padding:8px}.post__date{color:#959799;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.post__title{overflow:hidden;color:var(--base-blue-100);text-overflow:ellipsis;font-size:32px;font-style:normal;font-weight:700!important;line-height:40px;text-transform:none}@media (max-width:1280px){.post__title{font-size:24px;line-height:24px}}.post:hover{background:var(--base-blue);border:1px solid var(--base-blue-100)}.post:hover .post__date,.post:hover .post__title{color:#f5f5f5}