* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
width: 100%;
height: 100%;
font-family: "Lato", sans-serif;
font-weight:400;
}

a {
text-decoration: none;
}
ul,li{
margin:0;
padding:0;
list-style-type:none;
}
/*header*/ 
.custom-header{

}
.custom-header .navbar-brand img{
max-width:300px;
}
.hmg-baner{
background-color:#f9f9f9;
padding-top:100px;
padding-bottom:50px;
}
.dnlad-btn{
display: block;
background-color: #00adee;
font-size: 16px;
color: #fff !important;
border-radius: 30px;
line-height: 40px;
position: relative;
padding: 4px 20px !important;
overflow: hidden;
margin-left: 10px;
}
.dnlad-btn:hover{
background-color:#000f49;
}
.dwnload-btn{
display: block;
background-color: #00adee;
font-size: 30px;
color: #fff!important;
border-radius: 30px;
line-height: 60px;
position:relative;
overflow:hidden;
text-align:center;
}
.dwnload-btn:hover{
background-color:#000f49;
}
.shine {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 100%);
animation: shine 2s infinite;
}
@keyframes shine {
0% {
  left: -100%;
}
100% {
  left: 100%;
}
}
.call-btn-sec{
display:flex;
align-items:center;
justify-content:center;
margin-top:25px;
}
.call-btn-sec a{
display: inline-block;
color: #000f49;
border: 1px solid #000f49;
padding: 12px 20px;
border-radius: 30px;
font-size: 20px;
margin: 0 10px;
min-width:200px;
text-align:center;
}
.call-btn-sec a:hover{
background-color:#000f49!important;
color:#fff!important;
}
.hmg-abt{
margin-top:20px;
margin-bottom:20px;
}
.hmg-abt-itm{
margin-top:30px;
text-align:center;
}
.hmg-abt-itm span{
display: inline-block;
background-color:rgb(0 173 238 / 20%);
width: 50px;
height: 50px;
line-height: 45px;
border-radius: 6px;
margin-bottom: 10px;
}
.hmg-abt-itm p{
font-size:20px;
color:#000;
font-weight: 500;
}
.hmg-abt-2-itm{
border:1px solid #ccc;
border-radius:12px;
padding:10px;
display:flex;
align-items:center;
margin-top:30px;
}
.hmg-abt-2-itm h4{
font-size:20px;
font-weight:600;
margin-bottom:10px;
}
.hmg-abt-2-itm img{
width:100px;
margin-right:10px;
}
.hmg-abt-2-itm ul li + li{
margin-top:7px;
}
.hmg-abt-2-itm ul li i{
color:#00adee;
margin-right:5px;
}
.wnr-sec-itm{
    border: 2px solid transparent;
  border-radius: 25px;
  padding: 20px;
  text-align: center;
  background: linear-gradient(white, white) padding-box padding-box, linear-gradient(45deg, #00adee, #000f49) border-box border-box;
  box-shadow: rgba(39, 169, 102, 0.1) 0px 4px 15px;
}
.wnr-sec-itm h4{
  font-size:22px;
  font-weight:600;
  color:#00adee;
}
.wnr-sec-itm p{
  margin-bottom:0;
  font-size:26px;
  font-weight:700;
      margin-top: 8px;
    background: linear-gradient(45deg, #00adee, #000f49) text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.sub-heading {
    font-size: clamp(1rem, 0.914634rem + 0.487805vw, 1.5rem);
    background: linear-gradient(90deg, rgb(48, 188, 116),#00adee);
    color: white;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
    display:inline-block;
}
.wnr-sec{
  overflow:hidden;
}
.wnr-sec .slick-list{
margin-left:-5px;
margin-right:-5px;
}
.wnr-sec .slick-slide{
  padding-left:5px;
  padding-right:5px;
}
.wnr-sec .slick-prev, .wnr-sec .slick-next{
  display:none!important;
}
.game-rate .game-rate-itm{
    border: 1px solid rgb(231, 232, 233);
    border-radius: 15px;
    padding: 1rem;
    width: 100%;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px;
    transition: transform 0.2s ease-in-out;
    margin-top:30px;
}
.game-rate .game-rate-itm h4{
  font-weight: 600;
    font-size:20px;
    color: rgb(64, 79, 104);
}
.game-rate .game-rate-itm p{
  color: #00adee;
    font-weight: 700;
    margin: 0px;
    font-size:26px;
}
.game-rate-ul{
  display:flex;
  flex-wrap:wrap;
  margin-left:-10px;
  margin-right:-10px;
  justify-content:center;
}
.game-rate-ul li{
  padding-left:10px;
  padding-right:10px;
}
.avlble-games-itm{
  background: rgb(255, 255, 255);
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;
    overflow: hidden;
    transition: transform 0.3s;
    padding:15px;
}
.avlble-games-itm h3{
  font-size:20px;
  font-weight:700;
  color: #00adee;
}
.avlble-games-itm h2{
  font-size:26px;
  font-weight:700;
}
.avlble-games-itm.active img{
  filter:none;
}
.avlble-games-itm.active div.ms-auto{
  color: #00adee;
}
.avlble-games-itm img{
  filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    filter: url(resources.svg#desaturate); /* older Firefox */
    filter: grayscale(100%); /* Current draft standard */
}
.faq-sec .faq-sec-inr{
  border:3px solid #000;
  padding:30px;
  border-radius:30px;
}
.faq-sec-inr .accordion-item{
  border: 1px solid #ccc!important;
}
.faq-sec-inr .accordion-item + .accordion-item{
  margin-top:25px;
}
.faq-sec-inr .accordion-button{
  background-color:transparent!important;
}
.ftr-sec{
  padding-top:50px;
  padding-bottom:30px;
  background-color: #f9f9f9;
  margin-top:50px;
}
.custom-header.nav-scroll.myClass{
  background-color:#fff;
      box-shadow: rgb(0 0 0 / 25%) 0 0 5px 0;
}
@media(max-width:767px){
  .custom-header .navbar-brand img{
    max-width: 150px;
}
.dnlad-btn{
          font-size: 14px;
        line-height: 30px;
        padding: 4px 15px !important;
}
.dwnload-btn {
    font-size: 20px;
    line-height: 48px;
}
.call-btn-sec a {
    padding: 8px 15px;
    font-size: 14px;
    margin: 0 5px;
    min-width: 120px;
}
.hmg-abt-2-itm {
    display: block;
}
.game-rate-ul li {
    width: 50%;
}
.game-rate .game-rate-itm p {
    font-size: 16px;
}
.game-rate .game-rate-itm h4 {
    font-size: 16px;
}
.game-rate .game-rate-itm {
    border-radius: 8px;
    margin-top: 10px;
}
.hmg-abt-itm p {
    font-size: 14px;
}
.hmg-baner img{
  max-height:300px;
}
}