.articlelist{margin-top:40px}
.article-list-tittle{text-decoration:none;color:black}
.article-list-container.article-list-container-1{display:flex;width:100%;height:auto;padding-bottom:60px}
.article-list-container-1{margin-top:0}
.article-list-container .article-list-side-images img{width:100%;height:auto;border-radius:24px}
.article-list-container .article-list-contents{width:100%;height:auto;color:#231f20;align-self:stretch;flex:none;order:0;flex-grow:0;padding-left:30px}
.article-list-container .article-list-contents .article-list-tittle{font-size:26px;font-weight:400;line-height:32px;margin-bottom:7px;margin-top:0;font-family:'Source Serif Pro'}
.article-list-container .article-list-contents .article-list-date-time{font-size:13px;font-weight:400;line-height:16.34px;color:#5a5758;margin-bottom:15px}
.article-list-container .article-list-contents .article-list-date-time .date-year{padding-right:20px}
.article-list-container .article-list-contents .primary{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 25px 8px;gap:10px;color:#fff;width:195px;height:44px;background:#3a5ce9;border-radius:27.5px;margin:1.5rem 0;cursor:pointer}
.article-list-container .article-list-contents .primary:hover{background:#1a2188;color:#fff}
.article-list-container .article-list-contents .article-list-desc{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.01em;animation:close .1s linear 0 backwards}
.article-list-container .article-list-contents .article-list-desc.line-clamp{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden}
.article-list-container .article-list-contents .open .article-list-desc{animation:open .1s linear 0 forwards}
@keyframes open{from{line-clamp:5;-webkit-line-clamp:5}
to{line-clamp:initial;-webkit-line-clamp:initial}
}
@keyframes close{from{line-clamp:initial;-webkit-line-clamp:initial}
to{line-clamp:5;-webkit-line-clamp:5}
}
.hide{display:none}
.show{display:block}
.article-list-container .article-list-contents .article-list-read-btn{margin-top:7px}
.article-list-container .article-list-contents .article-list-read-btn .article-list-read-more{color:#3a5ce9;font-size:16px}
.article-list-container .article-list-contents .article-list-read-btn .article-list-read-more:hover{color:#1a2188}
.article-list-container .article-list-contents .article-list-read-btn .article-list-read-more:hover .readmore-text{color:#1a2188;text-decoration:underline}
.article-list-container .article-list-contents .article-list-read-btn .article-list-read-more:hover path{fill:#1a2188;text-decoration:none}
.article-list-container .article-list-contents .article-list-read-btn .article-list-read-more .article-list-arrow-svg{position:relative;top:3px;left:12px}
@media only screen and (max-width:767px){.article-list-container{flex-direction:column}
.article-list-container .article-list-side-images{width:100%;text-align:center}
.article-list-container .article-list-contents{margin-left:0;text-align:left;width:100%}
.article-list-container .article-list-contents .article-list-tittle{margin-bottom:6px;margin-top:20px}
.article-list-container .article-list-contents .article-list-date-time{font-size:13px;font-weight:400;line-height:16.34px;margin-bottom:12px}
.article-list-container .article-list-contents .primary{width:100%}
.article-list-container.article-list-container-1{padding-right:0}
.article-list-container .article-list-contents{padding-left:0}
}
.pagination-controls{display:flex;gap:20px;width:333px;border-radius:92px;box-shadow:0 5px 25px 0 #0712B71A;margin:auto;height:44px;justify-content:space-around}
.page-number{cursor:pointer;font-size:16px;color:#5a5758;padding:10px}
.page-number.active{background-color:#1a2188;color:#fff;border-radius:50%;height:25px;line-height:4px;position:relative;cursor:default;top:9px;width:25px;display:inline-flex;justify-content:center}
.pagination-numbers{display:flex;gap:5px}
.dots{padding:10px 0}
.arrow{border:0;background:0;padding-top:3px}
.prev-page{padding-left:5px;cursor:pointer}
.next-page{padding-right:5px;cursor:pointer}
button.disabled{color:#1a2188}
button.active{color:#1a2188}
.prev-page.hidden,.next-page.hidden{display:none}
.first-page{margin-left:80px}
.last-page{margin-right:80px}
@media only screen and (min-width:769px){.pagination-controls{position:relative;left:50%;transform:translateX(-15vw);bottom:20px;text-align:center}
}
@media only screen and (max-width:400px){.pagination-controls{width:fit-content}
.prev-page{padding-left:20px}
.next-page{padding-right:20px}
}