.articles .content-articles-title{text-align:center;padding:30px}@media (min-width: 992px){.articles .content-articles-title{width:50%;margin:0 auto}}.articles .content-articles-title h2{font-family:var(--font-style2);margin:0;padding-bottom:5px}.articles .content-articles-title p{font-size:14px;line-height:20px}.articles .articles-filter{padding:0 30px;margin:0 auto;display:flex;overflow:auto}@media (min-width: 992px){.articles .articles-filter{justify-content:center}}.articles .articles-filter ul{display:flex}.articles .articles-filter ul li{padding:0 10px;border-right:1px solid #dddddd}.articles .articles-filter ul li:last-child{border:none}.articles .articles-filter ul li .cat{text-transform:uppercase;cursor:pointer;font-size:12px;white-space:nowrap}.articles .articles-filter ul li .cat:hover{text-decoration:underline}.articles .content-articles{padding:30px;display:flex;gap:10px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.articles .content-articles .article{width:100%;padding-bottom:20px}@media (min-width: 992px){.articles .content-articles .article{width:calc(33.333% - 6.667px)}}.articles .content-articles .article .content .image{overflow:hidden;border-radius:20px;font-size:0px;line-height:0px;aspect-ratio:1/1;margin-bottom:20px;position:relative}.articles .content-articles .article .content .image img{object-fit:cover;width:100%;height:100%;transition:all 0.3s ease}.articles .content-articles .article .content .image img:nth-child(2){opacity:0;transition:opacity 0.3s ease;z-index:1;position:absolute;left:0;top:0}.articles .content-articles .article .content .image:hover img:nth-child(2){opacity:1}.articles .content-articles .article .content .category{font-size:10px;text-transform:uppercase}.articles .content-articles .article .content h3{margin:0;padding:10px 0;font-size:20px;line-height:26px;font-family:var(--font-style2)}.articles .content-articles .article .content p{margin:0;font-size:12px;letter-spacing:0px}.articles .content-articles .article .content .author{font-size:12px;color:#aaaaaa;font-style:italic;padding-top:10px}.articles .content-articles .article.hide{display:none}
