.latest-news{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding-top:30px}.latest-article{border-radius:20px;box-shadow:3px 3px 10px 2px rgba(0,0,0,.15);display:flex;flex-direction:column;position:relative;transition:all .3s}.latest-article:hover{box-shadow:4px 4px 10px 5px rgba(0,0,0,.2);transition:all .3s}.art_tag{background-color:#222;border-radius:6px;box-sizing:border-box;color:#fff;font-size:16px;height:auto;padding:4px 14px;position:absolute;right:20px;text-align:center;top:20px;transition:all .2s;width:max-content}.latest-article:hover .art_tag{background-color:#000;transition:all .2s}.s-webinar .art_tag{background-color:#db2779;color:#fff;font-weight:500}.latest-article.s-webinar:hover .art_tag{background-color:#000;color:#fff;transition:all .2s}.feat_img img{border-top-left-radius:20px;border-top-right-radius:20px;max-height:205px;width:100%}.art_body{display:flex;flex-direction:column;height:100%;margin-top:-7px;padding:20px 28px 28px}.s-webinar .art_body{border-bottom-left-radius:20px;border-bottom-right-radius:20px;flex-grow:2}.art_title{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 20px}.art_date{color:#000;font-size:13px;font-weight:600;margin-bottom:10px}.s-webinar .art_date{background-color:#db2779;color:#fff;padding:0 5px;width:max-content}.art_summary{flex:1;font-size:16px;line-height:1.4;margin-bottom:12px}.read_more_btn{background-color:#333;border:2px solid #000;border-radius:6px;color:#fff;display:block;font-size:17px;font-weight:500;margin-left:auto;max-width:max-content;padding:6px 18px;text-decoration:none;transition:all .2s}.read_more_btn:active,.read_more_btn:focus,.read_more_btn:hover{background-color:#fff;color:#000;font-weight:500;transition:all .2s}.s-webinar .read_more_btn{background-color:#db2779;border-color:#db2779;color:#fff}.s-webinar .read_more_btn:hover{background-color:#333;border-color:#333;color:#fff}@media screen and (max-width:768px){.latest-news{grid-template-columns:repeat(2,1fr);row-gap:80px}.art_title{min-height:auto}}@media screen and (max-width:768px) and (min-width:561px){.latest-article.s-webinar{grid-column:span 2}}@media screen and (max-width:560px){.latest-news{grid-template-columns:auto}.latest-article:before{height:42px;top:-35px}.art_tag{font-size:17px;width:140px}}