.blogBoxWrap{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:30px;cursor:pointer}.blogBoxImg{width:100%;height:270px;object-fit:cover}.blogInfoBox{margin-top:-60px;width:90%;background-color:#fff;padding:30px;box-shadow:0 2px 60px 0 rgba(0,0,0,.1);position:relative}.blogInfoBoxAuthor{font-size:15px;font-weight:600;margin-bottom:20px;color:#666;text-transform:uppercase}.blogInfoBoxTitle{font-size:32px;font-weight:600;line-height:40px;margin-bottom:22px;height:83px;-webkit-line-clamp:2;line-clamp:2}.blogInfoBoxDesc,.blogInfoBoxTitle{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.blogInfoBoxDesc{font-size:16px;font-weight:400;color:#7a7a86;line-height:28px;margin-bottom:18px;height:82px;-webkit-line-clamp:3;line-clamp:3}.blogInfoBoxLink{font-size:17px;font-weight:600;text-transform:uppercase;color:#26abe2;display:flex;align-items:center;gap:5px;cursor:pointer;width:max-content}.blogInfoBoxLinkIcon{font-size:16px!important}.blogInfoBoxDate{color:#fff;background-color:#26abe2;padding:8px 10px;width:80px;display:flex;flex-direction:column;align-items:center;position:absolute;top:-40px;right:30px}.blogInfoBoxDateDay{font-size:30px;font-weight:800}.blogInfoBoxDateMonth{font-size:15px;font-weight:500;text-transform:uppercase;margin-top:-5px}.blogInfoBoxDateYear{font-size:12px;font-weight:500}@media screen and (max-width:785px){.blogBoxImg{height:220px}.blogInfoBox{margin-top:0;width:100%;padding:20px}.blogInfoBoxDate{top:-120px;left:40px;right:none}.blogInfoBoxAuthor{font-size:14px;margin-bottom:18px}.blogInfoBoxTitle{font-size:28px;line-height:35px;margin-bottom:20px}.blogInfoBoxDesc{font-size:14px}.blogInfoBoxLink{font-size:16px}.blogInfoBoxTitle{height:73px}}@media screen and (max-width:585px){.blogInfoBox{padding:18px}.blogInfoBoxDate{top:-110px;left:30px;right:none}}