.banner{background-image:url(/assets/images/f2237c6a.png)}.banner .info p{width:100%;max-width:50%}.banner button.outline{background:none;border:1px solid #fff;margin-left:15px;padding:7px 20px}.tab-service{background-color:#2d2d38;position:relative}.tab-service .popup{color:#fff;display:none;position:absolute;left:30%;top:0;padding:20px 40px}.tab-service .popup h2{padding-bottom:10px}.tab-service .popup p{line-height:2}.tab-service .popup ul{padding-top:10px;padding-left:1em}.tab-service .popup ul li{list-style:initial}.tab-service .popup .nav-btn{border-radius:30px;margin-top:15px}.tab-service>ul{display:block;width:30%;background-color:#f9f9f9}.tab-service>ul>li{padding:15px;cursor:default}.tab-service>ul>li span{font-weight:600}.tab-service>ul>li.active{background:#2d2d38;color:#fff}.tab-service>ul>li.active .popup{display:block}.tab-service>ul>li.active::before{display:inline-block;content:"";width:0;height:0;border:5px solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;margin-right:6px}.grid-items{padding-top:40px;display:grid;grid-template-columns:repeat(3, 1fr);row-gap:20px;column-gap:20px}.grid-items li{position:relative;overflow:hidden;border-radius:5px}.grid-items li img{width:100%;height:100%;object-fit:cover}.grid-items li::after{display:block;content:"";background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:all .3s ease}.grid-items li .inf{position:absolute;z-index:2;color:#fff;padding:20px}.grid-items li .inf h3{padding-bottom:10px}.grid-items li:hover::after{left:100%}.why-play{padding:40px 0}.why-play li{width:49%;padding:15px 20px;border:1px solid #fff;margin-bottom:20px}.fetures{padding-top:40px}.fetures li{width:24%;padding-bottom:40px}.fetures li h1{color:#ba7add}.fetures li p{color:#ccc}.process{padding-top:15px}.process .item{width:24%}.process .item span{display:block;width:24px;height:24px;text-align:center;line-height:24px;color:#fff;background:linear-gradient(to bottom, #BA7ADD, #9C74DA);border-radius:5px}.process .item h3{font-size:16px;font-weight:600;padding-top:10px}.process ul{padding-top:10px;padding-left:1em}.process ul li{list-style:initial;color:#666}.stories{background-color:#2d2d38}@media(max-width: 860px){.process .item{width:48%;padding-bottom:20px}.tab-service>ul{width:100%}.tab-service>ul>li{padding:0}.tab-service>ul>li::before{margin-left:10px}.tab-service>ul>li>span{display:inline-block;padding:15px}.tab-service>ul>li.active span{padding-left:0}.tab-service .popup{background-color:#f5f5f9;padding:15px;color:#333;position:static}.tab-service .popup p{line-height:1.7}.grid-items{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 660px){.grid-items{grid-template-columns:repeat(1, 1fr)}.why-play li,.fetures li{width:100%}.process .item{width:100%}}