.premium-news-panel{margin-top: 1.5rem;}
.premium-news-panel .container{padding: 0 2rem;}
.premium-news-panel h2{font-size: 2rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.premium-news-panel .premium-news-list { display: grid; grid-template-columns: 58% 42%;; grid-template-rows: repeat(6, 1fr); gap: 1rem; }
.premium-news-panel .premium-news-list a:nth-child(1) { grid-column: 1; grid-row: 1 / span 3; height: 32rem;}
.premium-news-panel .premium-news-list a:nth-child(2) { grid-column: 1; grid-row: 4 / span 3; height: 32rem;}
.premium-news-panel .premium-news-list a:nth-child(3) { grid-column: 2; grid-row: 1 / span 2; }
.premium-news-panel .premium-news-list a:nth-child(4) { grid-column: 2; grid-row: 3 / span 2; }
.premium-news-panel .premium-news-list a:nth-child(5) { grid-column: 2; grid-row: 5 / span 2; }
.premium-news-panel .premium-news-list a {width: 100%; height: 100%;position: relative;box-shadow: 0px 2px 4px 0px #11135B26;border-radius: 1.25rem;}
.premium-news-panel .premium-news-list a img{width: 100%;height: 100%;object-fit: cover;border-radius: 1.25rem;}
.premium-news-panel .premium-news-list a .overlay{position: absolute;width: 100%;height: 100%;border-radius: 1.25rem;top: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%); }
.premium-news-panel .premium-news-list a .bottomWrap{position: absolute;margin: 2rem;bottom: 0;left: 0;}
.premium-news-panel .premium-news-list a .bottomWrap .gameType{background-color: #6938EF;border-radius: 0.63rem;width: 5rem;height: 3rem;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
.premium-news-panel .premium-news-list a .bottomWrap .gameType i{font-size: 2.5rem;color: #ffffff;}
.premium-news-panel .premium-news-list a .bottomWrap p.title{font-size: 2rem;color: #ffffff;font-weight: 600;line-height: 2.25rem;width: 100%;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.column-listing-panel{margin-top: 4rem;}
.column-listing-panel .titleWrap{margin-bottom: 0.5rem;}
.column-listing-panel .swiper-container .swiper-slide a {align-items: flex-start;}
.column-listing-panel .swiper-container .swiper-slide a > img{width: 16.75rem;height: 10rem;border-radius: 0.63rem;}
.column-listing-panel .swiper-container .swiper-slide a .infoWrap{display: flex;flex-direction: column;row-gap: 1.75rem;}
.column-listing-panel .swiper-container .swiper-slide a .infoWrap .tutorialTop{display: flex;align-items: center;column-gap: 1rem;}
.column-listing-panel .swiper-container .swiper-slide a .infoWrap .tutorialTop p.type{font-size: 1.5rem;color: #6938EF;}
.column-listing-panel .swiper-container .swiper-slide a .infoWrap .tutorialTop span{width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #9AA3B2;}
.column-listing-panel .swiper-container .swiper-slide a .infoWrap .tutorialTop .date{font-size: 1.5rem;color: #364152;}
.column-listing-panel .swiper-container .swiper-slide a .infoWrap .title{font-size: 1.75rem;color: #364152;line-height: 2rem;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.tutorial-listing-panel{margin-top: 6rem;}
.tutorial-listing-panel .container{padding: 0 2rem;}
.tutorial-listing-panel .title-action-panel{display: flex;align-items: center;justify-content: space-between;margin-bottom: 3rem;}
.tutorial-listing-panel .title-action-panel h2{font-size: 2rem;font-weight: 500;color: #364152;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation{display: flex;align-items: center;column-gap: 1.5rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div{display: flex;column-gap: 0.5rem;padding-bottom: 0.5rem;padding: 0 0.75rem 0.5rem 0.5rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div i{font-size: 2.5rem;color: #697586;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div p{color: #697586;font-size: 1.5rem;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div.active{border-bottom: 1px solid #6938EF;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div.active i{color: #6938EF;}
.tutorial-listing-panel .title-action-panel .tutorial-tab-navigation > div.active p{font-weight: 500;color: #6938EF;}
.tutorial-listing-panel .tutorial-list{display: flex;flex-direction: column;row-gap: 1rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item{background-color: #ffffff;box-shadow: 0px 2px 2px 0px #11135B0D;border-radius: 1.25rem;padding: 1.5rem 2rem;display: flex;column-gap: 2rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item > img{width: 21.5rem;height: 14rem;border-radius: 1.25rem;object-fit: cover;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap{display: flex;flex-direction: column;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .topic-top{display: flex;align-items: center;column-gap: 1rem;margin-bottom: 0.5rem;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .topic-top p{font-size: 1.5rem;color: #6938EF;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .topic-top span{width: 0.5rem;height: 0.5rem;background-color: #9B8AFB;border-radius: 50%;}
.tutorial-listing-panel .tutorial-list .tutorials-item .topicWrap .topic-top .date{color: #364152;}
.tutorial-listing-panel .tutorial-list .tutorials-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;}
.tutorial-listing-panel .tutorial-list .tutorials-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;}

.tutorial-listing-panel .pagination{margin-top: 4rem;display: flex;justify-content: center;align-items: center;column-gap: 1rem;}
.tutorial-listing-panel .pagination .first-page{padding: 0 .75rem;}
.tutorial-listing-panel .pagination .last-page{padding: 0 .75rem;}
.tutorial-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;}
.tutorial-listing-panel .pagination a:disabled{opacity: 0.5;}
.tutorial-listing-panel .pagination a i{font-size: 1.5rem;}
.tutorial-listing-panel .pagination a.current{background-color: #EEEDFC;border-color: #6938EF;}