.hero-topics_item+.hero-topics_item{margin-top:16px}.hero-topics_item a,.hero-topics_item .hero-topics_box{width:100%;margin-bottom:5px;display:flex;align-items:center;color:#333;gap:4px 12px}.hero-topics_item a .time,.hero-topics_item .hero-topics_box .time{font-size:0.875rem;font-weight:400}.hero-topics_item a .category,.hero-topics_item .hero-topics_box .category{padding:2px 10px;background-color:#84ccc9;text-align:center;font-size:0.875rem;font-weight:400}.hero-topics_item a .title,.hero-topics_item .hero-topics_box .title{flex:1 1 100%;min-width:0;font-size:1rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;max-height:3.2em}@media not all and (min-width: 768px){.hero-topics_item a,.hero-topics_item .hero-topics_box{margin-bottom:10px;flex-wrap:wrap}}@media(min-width: 768px){.hero-topics_item a,.hero-topics_item .hero-topics_box{gap:12px}.hero-topics_item a .time,.hero-topics_item .hero-topics_box .time{flex:0 0 110px;font-size:1rem}.hero-topics_item a .category,.hero-topics_item .hero-topics_box .category{flex:0 0 110px;padding:5px 10px}.hero-topics_item a .title,.hero-topics_item .hero-topics_box .title{font-size:1.125rem;max-height:1.6em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media(hover: hover){.hero-topics_item a .title,.hero-topics_item a .time,.hero-topics_item .hero-topics_box .title,.hero-topics_item .hero-topics_box .time{transition:.3s}.hero-topics_item a:hover .title,.hero-topics_item a:hover .time,.hero-topics_item .hero-topics_box:hover .title,.hero-topics_item .hero-topics_box:hover .time{color:#063}}.pagination{display:flex;justify-content:center;gap:6px;margin-top:32px}.pagination li a{display:grid;place-content:center;font-size:0.9375rem;font-weight:600;line-height:1;color:#5fb6ea;text-decoration:none !important;text-align:center;min-width:36px;min-height:36px;background-color:#fff;border:1.5px solid #5fb6ea;border-radius:50px}.pagination li.next a::before,.pagination li.pre a::before{content:"";display:inline-block;width:7px;height:7px;border-top:1.5px solid #5fb6ea;border-right:1.5px solid #5fb6ea}.pagination li.next a::before{margin:0 2px 0 -2px;rotate:45deg}.pagination li.pre a::before{margin:0 -2px 0 2px;transform:rotate(225deg)}.pagination li a.active{opacity:1;background-color:#5fb6ea;color:#fff}@media(hover: hover){.pagination li a:hover{opacity:1;background-color:#5fb6ea;color:#fff}.pagination li a:hover::before{border-color:#fff}}@media(min-width: 1024px){.pagination{margin-top:48px}}