.hero-panel-slider{margin-top: 1rem;}

.hot-category-list{margin-top: 4rem;padding: 0 2rem;}
.hot-category-list .category-listing{width: 100%;display: flex;row-gap: 1rem;justify-content: space-between;flex-wrap: wrap;}
.hot-category-list .category-listing a{flex: 0 0 49%;max-width: 49%;border-radius: 2rem;box-shadow: 0px 2px 4px 0px #11135B26;height: 14rem;position: relative;overflow: hidden;}
.hot-category-list .category-listing a p{font-size: 3rem;color: #ffffff;font-weight: 700;padding: 1.75rem 1.5rem;position: absolute;top: 0;left: 0;z-index: 1;}
.hot-category-list .category-listing a.rpg{background: linear-gradient(283deg, rgba(229, 57, 53, 0.25) 0%, rgba(229, 57, 53, 0.75) 100%); }
.hot-category-list .category-listing a.action{background: linear-gradient(283deg, rgba(251, 140, 0, 0.25) 0%, rgba(149, 83, 0, 0.75) 100%); }
.hot-category-list .category-listing a.fighting{background: linear-gradient(283deg, rgba(142, 36, 170, 0.25) 0%, rgba(57, 14, 68, 0.75) 100%); }
.hot-category-list .category-listing a.racing{background: linear-gradient(283deg, rgba(253, 216, 53, 0.25) 0%, rgba(151, 129, 32, 0.75) 100%); }
.hot-category-list .category-listing a.sport{background: linear-gradient(283deg, rgba(30, 136, 229, 0.25) 0%, rgba(17, 75, 127, 0.75) 100%); }
.hot-category-list .category-listing a.puzzle{background: linear-gradient(283deg, rgba(67, 160, 71, 0.25) 0%, rgba(24, 58, 26, 0.75) 100%); }
.hot-category-list .category-listing a.rpg::after {content: 'swords'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #E5393540;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.action::after {content: 'altitude'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #FB8C0040;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.fighting::after {content: 'sports_mma'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #8E24AA40;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.racing::after {content: 'sports_motorsports'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #74662440;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.sport::after {content: 'sports_basketball'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #1E88E540;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.puzzle::after {content: 'extension'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #43A04740;bottom: 0;width: 14rem;height: 14rem;}

.hot-category-list .category-listing a.social{background: linear-gradient(283deg, rgba(156, 39, 176, 0.25) 0%, rgba(66, 16, 74, 0.75) 100%); }
.hot-category-list .category-listing a.music{background: linear-gradient(283deg, rgba(63, 81, 181, 0.25) 0%, rgba(27, 35, 79, 0.75) 100%); }
.hot-category-list .category-listing a.shopping{background: linear-gradient(283deg, rgba(240, 98, 146, 0.25) 0%, rgba(138, 56, 84, 0.75) 100%); }
.hot-category-list .category-listing a.budget{background: linear-gradient(103deg, rgba(46, 125, 50, 0.75) 0%, rgba(84, 227, 91, 0.25) 100%); }
.hot-category-list .category-listing a.travel{background: linear-gradient(283deg, rgba(253, 216, 53, 0.25) 0%, rgba(151, 129, 32, 0.75) 100%); }
.hot-category-list .category-listing a.social::after {content: 'diversity_3'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #9C27B040;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.music::after {content: 'piano'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #3F51B540;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.shopping::after {content: 'local_mall'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #F0629240;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.budget::after {content: 'savings'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #2E7D3240;bottom: 0;width: 14rem;height: 14rem;}
.hot-category-list .category-listing a.travel::after {content: 'travel'; font-family: 'Material Icons Fill'; position: absolute; right: 0;font-size: 14rem; color: #74662440;bottom: 0;width: 14rem;height: 14rem;}


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


.search-result-page .item-listing{padding: 0 2rem;margin-top: 5rem;}
.search-result-page .item-listing h2{font-size: 2rem;font-weight: 500;margin-bottom: 1.5rem;color: #364152;}
.search-result-page .game-list{display: flex;flex-wrap: wrap;row-gap: 2rem;column-gap: 1rem;}
.search-result-page .content-item{display: flex;flex-direction: column;border-radius: 1.25rem;box-shadow: 0px 2px 4px 0px #11135B26;background-color: #ffffff;padding-bottom: 2rem;margin-bottom: 1.25rem;flex: 0 0 15.75rem;max-width: 15.75rem;}
.search-result-page .content-item .topBgWrap{padding: 2rem 2.5rem;display: flex;align-items: center;justify-content: center;border-radius: 1.25rem 1.25rem 0 0;position: relative;}
.search-result-page .content-item .topBgWrap img{width: 11rem;height: 11rem;display: block;border-radius: 1.25rem;object-fit: cover;position: relative;z-index: 2;box-shadow: 0px 2px 8px 0px #11135B26; }
.search-result-page .content-item .topBgWrap .overlay-img{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;filter: blur(5px);opacity: 0.25;border-radius: 1.25rem 1.25rem 0 0;mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 30%);}
.search-result-page .content-item .name{font-size: 1.75rem;font-weight: 500;color: #364152;margin-bottom: 1rem;padding: 0 2rem;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 4.75rem;}
.search-result-page .content-item .ratingWrap{display: flex;align-items: center;column-gap: 1rem;padding: 0 2rem;}
.search-result-page .content-item .ratingWrap p{font-size: 1.75rem;color: #364152;display: flex;align-items: center;}
.search-result-page .content-item .ratingWrap p i{font-size: 1.75rem;color: #6938EF;margin-left: 0.25rem;}
.search-result-page .content-item .ratingWrap span{width: 0.5rem;height: 0.5rem;background-color: #9AA3B2;border-radius: 50%;}



.category-tab-list{margin-top: 1rem;}
.category-tab-list .tab-listing{display: flex;gap: 0.5rem;align-items: center;flex-wrap: wrap;}
.category-tab-list .tab-listing a{width: 13rem;height: 3.625rem;border-radius: 0.63rem;border: 1px solid #CDD5DF;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: #364152;flex: 0 0 13rem;}
.category-tab-list .tab-listing a.active{border-color: #6938EF;font-weight: 600;color: #6938EF;}