.cards,.cards .cards-wrapper{flex-direction:column;display:flex}.card-item-package,.cards,.cards.cards-blog,.cards.cards-half{transition:.3s cubic-bezier(0, 0, .5, 1)}.cards{border-radius:24px;overflow:hidden;box-shadow:0 5px 20px 0 rgba(0,0,0,.04)}.cards.cards-half:hover,.cards:hover{transform:scale3d(1.03,1.03,1.03);box-shadow:0 5.2px 31.2px 0 rgba(0,0,0,.3019607843)}.cards .cards-wrapper{width:100%}.cards .cards-wrapper:not(.bg-white) .cards-desc,.cards .cards-wrapper:not(.bg-white) .cards-name,.cards .cards-wrapper:not(.bg-white) .point span{color:var(--white-color)}.cards .cards-wrapper:not(.bg-white) .point .ico-true{background:url("https://www.true.th/hubfs/45457732/assets_pages/gaming/images/true-point-white.svg") center center/100% auto no-repeat}.cards .cards-wrapper .cards-image{display:flex;overflow:hidden;width:100%}.cards .cards-wrapper .cards-body{display:flex;width:100%;overflow:hidden;padding:16px 24px 24px;flex-direction:column}.cards .cards-wrapper .cards-name{font-size:24px;line-height:37px;font-family:var(--font-medium);color:var(--primary-text-color)}.cards .cards-wrapper .cards-desc{font-size:14px;line-height:20px;letter-spacing:.001em;font-family:var(--font-regular)}.cards .cards-wrapper .cards-point{display:flex;align-items:center;width:100%;padding:0 24px 36px}.cards .cards-wrapper .point{display:flex;align-items:center;margin-right:16px}.cards .cards-wrapper .point:last-child{margin-right:0}.cards .cards-wrapper .point [class^=ico-]{display:flex;width:28px;height:28px;margin-right:8px}.cards .cards-wrapper .point .ico-true{background:url("https://www.true.th/hubfs/45457732/assets_pages/gaming/images/true-point.svg") center center/100% auto no-repeat}.cards .cards-wrapper .point .ico-dtac{background:url("https://www.true.th/hubfs/45457732/assets_pages/gaming/images/dtac-point.svg") center center/100% auto no-repeat}.cards .cards-wrapper .point span{font-size:32px;line-height:40px;font-family:var(--font-bold);color:var(--primary-color)}.cards.cards-half{width:280px}.cards.cards-half .cards-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}.cards.cards-half .cards-image{height:160px}.cards.cards-half-cta{width:310px}.card-item-package:hover,.cards.cards-blog:hover{transform:scale3d(1.025,1.025,1.025)}.cards.cards-half-cta .cards-name{font-size:20px;line-height:32px;font-family:var(--font-bold);margin-bottom:8px}.cards.cards-half-cta .cards-body{padding:16px}.cards.cards-half-cta .cards-price{display:flex;flex-direction:column;width:100%;margin-bottom:8px}.cards.cards-half-cta .cards-date p,.cards.cards-half-cta .cards-price .text{font-size:12px;line-height:16px;letter-spacing:.004em;font-family:var(--font-medium)}.cards.cards-half-cta .cards-price .price{font-size:20px;line-height:32px;font-family:var(--font-bold)}.cards.cards-half-cta .button-control{display:flex;width:100%;margin-top:16px}.cards.cards-games{width:264px;height:470px;background:rgba(0,0,0,0)}.cards.cards-games .cards-wrapper{position:relative}.cards.cards-games .cards-body{position:absolute;bottom:0;left:0;height:180px;width:100%;z-index:5;justify-content:flex-end;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 56.5%,#000 100%)}.cards.cards-games .cards-body .cards-name{font-size:28px;line-height:43px}.cards.cards-games.small-thumb{width:205px;height:365px}.cards.cards-blog{width:280px;height:316px}.cards.cards-blog .cards-wrapper{display:flex;flex-direction:column;height:100%}.cards.cards-blog .cards-image{height:50%}.cards.cards-blog .cards-body{height:50%;overflow:hidden;padding:16px;position:relative}.cards.cards-blog .cards-body .cards-arrow{width:18px;height:19px;background:url(https://www.true.th/hubfs/assets_icons/ico-chevron-right-red.svg) center center no-repeat;position:absolute;right:16px;bottom:16px}