.blog-listing-hero{padding-block:17.2rem 8rem}.blog-listing-hero-title{margin-bottom:2.4rem;text-align:center}.blog-listing-hero-title-wrap{display:flex;flex-direction:column;margin-bottom:8rem}.blog-listing-hero-sub{color:var(--cl-black-80);margin-inline:auto;max-width:70rem;text-align:center}.blog-listing-hero-article-title{margin-bottom:4rem}.blog-listing-hero-article .news-card-date-wrap{align-items:center;color:var(--cl-black-80);column-gap:.8rem;display:flex;margin-bottom:.8rem}.blog-listing-hero-article .news-card-title{color:var(--cl-black)}.blog-listing-hero-article .news-card-date-ic{display:flex;width:1.6rem}.blog-listing-hero-article:first-child{grid-column:1/8;grid-row:1/4;min-height:54rem;position:relative}.blog-listing-hero-article:first-child .news-card-date-wrap{margin-bottom:1.6rem}.blog-listing-hero-article:first-child .news-card{background-color:transparent;padding:0}.blog-listing-hero-article:first-child .news-card-thumbnail{aspect-ratio:unset;border-radius:2rem;height:100%;width:100%}.blog-listing-hero-article:first-child .news-card-readmore{display:none}.blog-listing-hero-article .news-card-readmore{margin-top:auto;width:max-content}.blog-listing-hero-article .news-card-readmore .txt-16{font-size:1.6rem!important}.blog-listing-hero-article .news-card-info{display:flex;flex-direction:column}.blog-listing-hero-article:first-child .news-card-info{background-color:var(--cl-grey);border-radius:1rem;bottom:2rem;left:2rem;max-width:50rem;padding:4rem;position:absolute}.blog-listing-hero-article:first-child .news-card-title{font-size:3.2rem;line-height:1.2em}.blog-listing-hero-article{grid-column:8/-1}.blog-listing-hero-article .news-card{background-color:var(--cl-grey);border-radius:2rem;column-gap:4rem;display:flex;height:100%;padding:2.4rem 3.2rem 2.4rem 2.4rem}.blog-listing-hero-article-inner{row-gap:2rem}.blog-listing-hero-article .news-card-thumbnail{aspect-ratio:200/120;border-radius:1rem;flex:none;overflow:hidden;width:20rem}.blog-listing-hero-article .news-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.blog-listing-pagi{align-items:center;column-gap:.4rem;display:none;justify-content:center;margin-top:3.2rem}.blog-listing-pagi-item.active{background-color:var(--cl-orange)}.blog-listing-pagi-item{background-color:#f3f3f3;border-radius:50%;height:.8rem;opacity:1!important;transition-duration:.4s;transition-property:background-color;transition-timing-function:ease;width:.8rem}@media only screen and (max-width:991px){.blog-listing-hero-article-inner{row-gap:1.6rem}.blog-listing-hero-article:first-child{min-height:0}.blog-listing-hero{padding-block:14.8rem 8rem}.blog-listing-hero-article,.blog-listing-hero-article:first-child{grid-column:1/-1;grid-row:auto;position:relative}.blog-listing-hero-article:first-child .news-card-title{font-size:2.4rem;line-height:1.2em}.blog-listing-hero-article:first-child .news-card-info{bottom:1.6rem;left:1.6rem;max-width:43.4rem}.blog-listing-hero-article-title{margin-bottom:3.2rem;text-align:center}.blog-listing-hero-article-title .h3{font-size:3.2rem}.blog-listing-hero-title-wrap{margin-bottom:6rem}.blog-listing-hero-title{margin-bottom:1.6rem}.blog-listing-hero-article .news-card{min-height:16.8rem}}@media only screen and (max-width:767px){.blog-listing-pagi{display:flex}.blog-listing-hero-article,.blog-listing-hero-article:first-child{flex:none;width:100%}.blog-listing-hero{overflow:hidden;padding-block:12.8rem 6.4rem}.blog-listing-hero-article .news-card{border-radius:1.6rem;flex-direction:column;min-height:38rem;padding:3.2rem;row-gap:2.4rem}.blog-listing-hero-article-inner{display:flex;flex-direction:row;gap:0}.blog-listing-hero-article .news-card-thumbnail,.blog-listing-hero-article:first-child .news-card-thumbnail{aspect-ratio:180/108;border-radius:1rem;height:auto;width:18rem}.blog-listing-hero-article .news-card-date-wrap,.blog-listing-hero-article:first-child .news-card-date-wrap{margin-bottom:1.2rem}.blog-listing-hero-article .news-card-info{flex:1}.blog-listing-hero-title{font-size:3.6rem}.blog-listing-hero-article:first-child .news-card-info{padding:0;position:static}.blog-listing-hero-article:first-child .news-card{background-color:var(--cl-grey);padding:3.2rem}.blog-listing-hero-article:first-child .news-card-readmore{display:block}.blog-listing-hero-article:first-child .news-card-title{font-size:2rem}}