.premium-topic-panel{margin-top: 1.5rem;}
.premium-topic-panel .container{padding: 0 2rem;}
.premium-topic-panel .premium-topic-listing{display: flex;row-gap: 1rem;flex-wrap: wrap;justify-content: space-between;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap{position: relative;border-radius: 1.25rem;box-shadow: 0px 2px 4px 0px #11135B26;flex: 0 0 49%;max-width: 49%;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap .overlay{width: 100%;height: 100%;border-radius: 1.25rem;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%);position: absolute;top: 0;left: 0;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap > img{width: 100%;height: auto;display: block;border-radius: 1.25rem;min-height: 17rem;object-fit: cover;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap .bottomWrap{position: absolute;margin: 0 2rem;bottom: 2rem;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap .gameType{background-color: #6938EF;border-radius: 0.63rem;width: 5rem;height: 3rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap .gameType i{font-size: 2.5rem;color: #ffffff;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap .title{font-size: 1.75rem;font-weight: 600;color: #ffffff;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 2.25rem;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap:first-child{flex: 0 0 100%;max-width: 100%;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap:first-child > img{min-height: 29rem;}
.premium-topic-panel .premium-topic-listing .premium-topic-wrap:first-child .title{font-size: 2rem;}

.banner-listing-panel{margin-top: 6rem;}

.topics-listing-panel{margin-top: 6rem;}
.topics-listing-panel .container{padding: 0 2rem;}
.topics-listing-panel .title-action-panel{display: flex;align-items: center;justify-content: space-between;margin-bottom: 2.5rem;}
.topics-listing-panel .title-action-panel h2{font-size: 2rem;font-weight: 500;color: #364152;}
.topics-listing-panel .title-action-panel .topics-tab-navigation{display: flex;align-items: center;column-gap: 1.5rem;}
.topics-listing-panel .title-action-panel .topics-tab-navigation > div{display: flex;column-gap: 0.5rem;padding-bottom: 0.5rem;padding: 0 0.75rem 0.5rem 0.5rem;}
.topics-listing-panel .title-action-panel .topics-tab-navigation > div i{font-size: 2.5rem;color: #697586;}
.topics-listing-panel .title-action-panel .topics-tab-navigation > div p{color: #697586;font-size: 1.5rem;}
.topics-listing-panel .title-action-panel .topics-tab-navigation > div.active{border-bottom: 1px solid #6938EF;}
.topics-listing-panel .title-action-panel .topics-tab-navigation > div.active i{color: #6938EF;}
.topics-listing-panel .title-action-panel .topics-tab-navigation > div.active p{font-weight: 500;color: #6938EF;}
.topics-listing-panel .topics-list{display: flex;flex-direction: column;row-gap: 1rem;}
.topics-listing-panel .topics-list .topics-item{background-color: #ffffff;box-shadow: 0px 2px 2px 0px #11135B0D;border-radius: 1.25rem;padding: 1.5rem 2rem;display: flex;column-gap: 2rem;}
.topics-listing-panel .topics-list .topics-item > img{width: 21.5rem;height: 14rem;border-radius: 1.25rem;object-fit: cover;}
.topics-listing-panel .topics-list .topics-item .topicWrap{display: flex;flex-direction: column;}
.topics-listing-panel .topics-list .topics-item .topicWrap .topic-top{display: flex;align-items: center;column-gap: 1rem;margin-bottom: 0.5rem;}
.topics-listing-panel .topics-list .topics-item .topicWrap .topic-top p{font-size: 1.5rem;color: #6938EF;}
.topics-listing-panel .topics-list .topics-item .topicWrap .topic-top span{width: 0.5rem;height: 0.5rem;background-color: #9B8AFB;border-radius: 50%;}
.topics-listing-panel .topics-list .topics-item .topicWrap .topic-top .date{margin-left: auto;color: #364152;}
.topics-listing-panel .topics-list .topics-item .topicWrap h3{font-size: 1.75rem;font-weight: 600;color: #364152;height: 4rem;margin-bottom: 1rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 2rem;}
.topics-listing-panel .topics-list .topics-item .topicWrap p.content{font-size: 1.5rem;color: #364152;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 2rem;}

.topics-listing-panel .pagination{margin-top: 4rem;display: flex;justify-content: center;align-items: center;column-gap: 1rem;}
.topics-listing-panel .pagination .first-page{padding: 0 .75rem;}
.topics-listing-panel .pagination .last-page{padding: 0 .75rem;}
.topics-listing-panel .pagination a{background-color: #ffffff;border-radius: 0.5rem;border: 1px solid #CDD5DF;min-width: 4rem;min-height: 4rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;color: #364152;}
.topics-listing-panel .pagination a:disabled{opacity: 0.5;}
.topics-listing-panel .pagination a i{font-size: 1.5rem;}
.topics-listing-panel .pagination a.current{background-color: #EEEDFC;border-color: #6938EF;}