@charset "utf-8";
/**/
.experiencegame-sec { width: 100%; padding: 100px 0; } 
.gamebox-col { display: inline-block; width: 100%; position: relative; border: 2px solid #FFFFFF; transition: all .5s; margin: 10px 0 20px; } 
.expgame-img { width:100%; display:block; position: relative; overflow: hidden; }
.expgame-img:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 10px solid #1B6D74; opacity: 1; filter: blur(8px); opacity: 0; transition: all .5s; }
.expgame-img::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #ffffff; opacity: 0; transition: all .5s; }
.expgame-img .img-fluid { width: 100%; height: 100%; object-fit: cover; } 
.gamebox-col h3 { font-size: 34px; color: #fff; font-family: 'Maqin Larisa Display'; line-height: 1; margin: 0; } 
.gamebox-col h3 span {display: block;color: #F86B15;font-size: 51px;}
.expgamehead { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px;  transition: all .5s; } 
.hoverdata { opacity: 0; }
.gamebox-col:hover { box-shadow: 0px 0px 13px #48FDFF; }
.gamebox-col:hover .expgame-img:before { opacity: 1; }
.gamebox-col:hover .expgame-img::after { opacity: 1; }
.gamebox-col:hover .hoverdata { opacity: 1; }
.gamebox-col:hover .expgamedata { opacity: 0; }


.mainfanzone-sec  .row { margin: 0 -8px; } 
.mainfanzone-sec .row > * { padding: 0 8px; } 
.mainfanzone-sec .gamebox-col { margin: 8px 0; }




/*-------------------------------- Responsive Media Query --------------------------------*/
@media (max-width: 991px){
.experiencegame-sec { padding: 50px 0; }
.gamebox-col h3 { font-size: 28px; }
.gamebox-col h3 span { font-size: 40px; }

}


@media (max-width: 480px){
.gamebox-col h3 { font-size: 22px; }
.gamebox-col h3 span { font-size: 28px; }

}