@charset "UTF-8";
/* https://spinbetter-morocco.com/wp-content/themes/default-theme/assets/css/section/games.css?ver=all */
.games{margin-bottom:40px}.game-list{width:100%;max-width:100%;display:-ms-grid;display:grid;-ms-grid-columns:(1fr) [5];grid-template-columns:repeat(5,1fr);gap:20px}.game-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid rgb(211 229 18 / 30%)}.game-item img{max-width:100%;max-height:152px;-o-object-fit:contain;object-fit:cover}.game-item-content{position:relative;display:grid;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:6px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:10px;border-radius:0 0 16px 16px;background:#0d5eaf}.game-item-content::after{position:absolute;content:"";top:-56px;left:0;width:100%;height:56px;background:linear-gradient(180deg,rgba(30,40,63,0) 0,#0d5eaf 100%)}.game-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1 / -1;margin-top:-25px;font-size:20px;font-weight:700;line-height:120%;z-index:2;position:absolute;top:0;text-align:center;width:100%;text-wrap:nowrap;color:#fff}.info__btn{display:flex;align-items:center;justify-content:center;margin-top:30px}.info__btn button{border:2px solid #d3e512;background:#d3e512}.game-list .btn-game-play{border-radius:12px;padding:10px;color:#000;font-size:17px!important;transition:.3s;border:2px solid #fff311;background:#fff311;font-weight:700}.btn-game-play:hover{color:#fff311;background:transparent}.game-list .btn-game-demo{background:0 0;border-radius:12px;padding:10px;font-size:17px!important;border:2px solid #bbb;color:#bbb!important;width:100%;max-width:180px;font-weight:700;display:flex;align-items:center;justify-content:center}.grid-custom-columns{grid-template-columns:1fr 1fr}.grid-custom-one-columns{grid-template-columns:1fr}.game-item .info__btn{margin-top:0}@media (max-width:870px){.game-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.game-list{grid-template-columns:repeat(2,1fr)}.game-item-content{padding:26px 10px 10px}.game-item-content .info__btn{margin:0}.grid-custom-columns{grid-template-columns:1fr}.game-item-text{margin-top:-10px}.game-list .btn-game-play{font-size:13px!important}.game-list .btn-game-demo{font-size:14px!important}}