body {
    font-family: 'Nunito', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}






.btn-primary {
    background-color: #20a4a9;
    border: none;
    border-radius: 5px;
    padding: 7px 25px;
    font-size: 14px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #20a4a9;
    border: none;
    outline: none;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #20a4a9;
    border: none;
    outline: none;
    box-shadow: none;
}


.btn-secondary {
    background-color: #20a4a9;
    border: none;
    border-radius: 25px;
    padding: 7px 25px;
    font-size: 14px;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: transparent;
    border: 2px solid;
    outline: none;
    box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: transparent;
    border: 2px solid;
    outline: none;
    box-shadow: none;
}

/*Header*/
.logohead {
    max-width: 110px;
    margin: 0 auto;
}
.logohead img{
  width: 100%;
}
.innerpages{    padding: 100px 0 100px;
    background: #ebebeb;}
.header {background: #091126; padding:15px 185px; position: absolute; z-index: 1; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.4)}
.header.static-pages {background: #191919;}
.header .navbar {padding: 0;}
.header .navbar-brand{padding: 0; margin-right: 0;     max-width: 240px;}
.header .navbar-brand img{width: 40%;}
.header .navbar-collapse{justify-content: flex-end;}
.header .nav-item{}
.header .nav-link {
    font-size: 16px;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0 0 !important;
    margin: 0 25px !important;
    font-weight: 500;
} 
.header .top-bar {background: #ddd; text-align: right; padding: 5px 0; margin-bottom: 25px;}
.header a.downloadbtn{border-radius: 5px; background-color: #52c238; color: #fff; border:none; font-size: 14px; padding: 10px 25px;}



/*Main Slider*/
.mainslider{position: relative; padding: 0 0 00px 0;  }
/* .mainslider .carousel-inner{    overflow-x: hidden;
    overflow-y: visible;} */
    


.mainslider .container-fluid{padding: 0px;}

/*.mainslider .carousel.slide{overflow: hidden;}*/


.mainslider .carousel-control-prev{width: 24px; height: 24px; background: transparent; opacity: 1; top:calc(50% - 10px); display: none;}
.mainslider ul {list-style: none; padding: 0; margin:0;}
.mainslider ul li{display: inline-block; margin-right: 5px;}
.mainslider .carousel-control-prev span{font-size: 32px; margin-right:-15px;}
.mainslider .carousel-control-next{width: 24px; height: 24px; background: transparent; opacity: 1; top:calc(50% - 10px); display: none;}
.mainslider .carousel-control-next span{font-size: 32px; margin-left:-15px;}
/* .mainslider .mobileimg {margin-bottom: -100px;} */

/* .mainslider img.bgimg{    height:700px;} */
.mainslider .carousel-caption{
    width: 100%; right: 0; left: 0;     left: 0;
    padding: 0px 0px; bottom:auto; top:200px;}

    

.mainslider p{font-size: 27px; font-weight: 400;     text-shadow: 2px 3px 2px rgba(0,0,0,0.15); margin: 20px 0;}
.mainslider h1{font-size: 40px; text-transform: uppercase; font-weight: 400;     text-shadow: 2px 5px 2px rgba(0,0,0,0.3); margin-top: 20px;}
.mainslider h1 strong{font-weight: 800;     color: #fff;}
.mainslider h1 span{color: #f47e3d; font-weight: 800; display: block;}


section.spboxes{background: #ebebeb; padding: 50px 0;}
section.spboxes .card{border-radius: 10px; background: #fff; display: block;   box-shadow: 0px 3px 22.56px 1.44px rgba(0, 0, 0, 0.13);text-align: center; padding: 35px 25px;}
section.spboxes .card h3{border-radius: 10px; background: #2f217f; color: #fff; font-size: 21px; margin:20px 0 0px 0; font-weight: 700;}
section.spboxes .card p{color: #828282; margin-bottom: 0; font-size: 14px;}


/*Main Slider*/

.welcome{padding:100px 0 100px; background: #ebebeb; }
.welcome h2{color: #3c3c3c; font-size: 34px; padding-bottom: 13px; position: relative; margin-bottom: 15px; border-radius: 50%; font-weight: 400;}
.welcome h2.centerhead:before{left: calc(50% - 35px)}
.welcome .aboutimg{margin-right:30px;}

.welcome h2:before{position: absolute; width: 70px; height: 4px; background: #2f217f; content: ''; left: 0; bottom: -1px; z-index: 1;}
.welcome p{color: #828282; font-size: 16px; line-height: 26px;}



/*How to PLay*/
.howtoplay{padding:50px 0 50px 0; }
.howtoplay h2{color: #fff; font-size: 34px; padding-bottom: 13px; position: relative; margin-bottom: 35px; border-radius: 50%; font-weight: 400;}

.howtoplay h2:before{position: absolute; width: 60px; height: 2px; background: #2f217f; content: ''; left: calc(50% - 30px); bottom: -1px; z-index: 1;}
.howtoplay .innerbox {
    text-align: center;
    padding: 40px 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 3px 9.6px 0.4px rgba(0, 0, 0, 0.13);
  
}
.howtoplay .innerbox h3{font-size: 21px; color: #3c3c3c; font-weight: 700; margin: 10px 0;}
.howtoplay .innerbox p{color: #828282; font-size: 14px; margin-bottom: 0;}
/*How to PLay*/



.howtoinstall{padding: 50px 0 100px;}
.howtoinstall h2{margin-bottom: 40px; font-weight: 700; text-transform: capitalize;}
.howtoinstall strong{color: #2f217f;}

/**/
.onlineshoping{background: #ebebeb; padding: 70px 0;}
.onlineshoping h2{margin-bottom: 25px; font-weight: 800;}
.onlineshoping .btn-primary{margin-top:50px;     background: #f47e3d;
    padding: 10px 25px; text-transform: uppercase;}

.feature-section .item{}
.feature-section .item img{box-shadow: 0px 2px 4.7px 0.3px rgba(0, 0, 0, 0.15); margin:5px; border-radius: 5px;}
.feature-section button.owl-prev {
    background: #9d0f21 !important;
    width: 20px;
    height: 20px;
    color: #fff !important;
    line-height: 10px !important;
}
.feature-section button.owl-next {
    background: #9d0f21 !important;
    width: 20px;
    height: 20px;
    color: #fff !important;
    line-height: 10px !important;
}


/*feature-section*/
.feature-section{padding: 100px 0 100px;}
.feature-section h2{ font-size: 34px; padding-bottom: 13px; position: relative; margin-bottom: 10px; border-radius: 50%; font-weight: 400;}
.feature-section h2:before{position: absolute; width: 60px; height: 2px; background: #f26722; content: ''; left: calc(50% - 30px); bottom: -1px; z-index: 1;}
.feature-section p{color: #828282;}
.feature-section .card{padding: 50px 30px; margin-top: 30px;}
.feature-section .card p{margin-bottom: 0; font-size: 14px; line-height: 20px; }
.feature-section .card h5{margin: 20px 0;}
/*feature-section*/

.moregames{padding: 80px 0 80px; background-size: cover !important; position: relative;}
.moregames h2{color: #fff; font-size: 34px; padding-bottom: 13px; position: relative; margin-bottom: 35px; border-radius: 50%; font-weight: 400;}
.moregames h2:after{position: absolute; width: 126px; height: 2px; background: #fff; content: ''; left: calc(50% - 63px); bottom: 0;}
.moregames h2:before{position: absolute; width: 70px; height: 3px; background: #f26722; content: ''; left: calc(50% - 35px); bottom: -1px; z-index: 1;}
.moregames a.gamein{margin-bottom: 27px; display: block; text-decoration:none;}
.moregames .playerimg{position: absolute; bottom: -220px; left: 10px;}
/**/

.offerbanner{padding-top: 100px;}
.offerbanner .carousel-indicators{  bottom: -50px; z-index: 9999;}
.offerbanner .carousel-indicators li{background: #000; cursor: pointer;}
.offerbanner .carousel-indicators li.active{background: #f47e3d;}


.downloadapp.downloadappsection{background-color: #3c3c3c;     padding: 50px 0;}
.downloadapp.downloadappsection h2{color: #fff;}
/*.downloadappsection .dndimg {
    margin-top: -100px;
    margin-bottom: -100px;
}
*/


.faq{padding: 118px 0;}
.faq h2{color: #3c3c3c; font-size: 34px; padding-bottom: 13px; position: relative; margin-bottom: 35px; border-radius: 50%; font-weight: 400;}

.faq h2:before{position: absolute; width: 60px; height: 3px; background: #2f217f; content: ''; left: calc(50% - 30px); bottom: -1px; z-index: 1;}
.faq .card{margin-bottom: 25px; background: #F3F3F3; border:none; border-left: 4px solid #a8a4a4!important;}
.faq .card .card-header{padding: 0; border:none; background: #f5f2f2;}
.faq .card .btn-link{
    text-decoration: none;
    color: #3c3c3c;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    text-align: left;
    padding: 14px 15px;
    font-size: 19px;
}
.faq .card .btn-link .fa {float: right; font-size: 24px;}
.faq .card .btn-link.active .fa:before {    content: "\f106";}
.faq .card .card-body{padding:12px 12px 0 12px; color: #828282; font-size: 14px;}


.downloadapp {position: relative; padding-bottom: 100px;}
.downloadapp  h2{color: #3c3c3c; font-size: 32px; padding-bottom: 13px; position: relative; margin-bottom: 10px; border-radius: 50%; font-weight: 700;}

/* .downloadapp .innerbox {
    padding: 40px 100px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-radius: 8px 8px 0 0;

    
} */
.downloadapp .innerbox .downloadbtn{ box-shadow: 0px 0px 20px rgba(0,0,0,0.1); display: block; margin-top: 20px;}
.downloadapp .innerbox .form-group {width: 100%; display: flex; margin-bottom: 0; border:1px solid #b1b1b1; padding: 4px; border-radius: 5px; background: #fff;}
.downloadapp .innerbox .form-group .form-control{width: 100%; border:none; outline: none; box-shadow: none;}
.downloadapp .innerbox .form-group .btn-primary{background: #38ac1d; padding: 11px 25px;}
.downloadapp strong.first{font-size: 100px; color: #f26722; opacity: 0.1; font-weight: 900; position: absolute; left: 15%; bottom: 0;}
.downloadapp strong.second{font-size: 100px; color: #f26722; opacity: 0.1; font-weight: 900; position: absolute; right: 13%; bottom: 0;}
/*Footer*/

.footer{background: #091126; padding: 120px 0 0;}
.footer h4{color: #fff; font-size: 20px; margin-bottom: 20px; font-weight: 700;}
.footer a.logofoot{max-width:200px;     display: inline-block;}
.footer a.logofoot img{width: 100%; }
.footer p{color: #fff; margin-top: 18px;}
.footer ul.list-unstyled li{margin-bottom: 15px;}
.footer ul.sociallink{padding: 0; margin:0;}
.footer ul.sociallink li{display: inline-block;  margin-right: 10px;}
.footer ul.sociallink li.facebook a{background: #3261a0;}
.footer ul.sociallink li.twitter a{background: #308ecd;}
.footer ul.sociallink li.instagram a{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.footer ul.sociallink li.googleplus a{background: #dd4b39 ;}
.footer ul.sociallink li a{display: block; color: #fff; font-size: 21px; text-align:center;  border-radius: 50%; width: 35px; height: 35px; line-height: 35px; 
display: flex; align-items: center; justify-content: center;}
.footer ul.list-unstyled li a{font-size: 14px; font-weight: 500; text-decoration: none; color: #fff;}
.footer ul.list-unstyled li .fa{font-size: 20px; width: 20px; text-align: center; margin-right: 5px;}
.footer ul.list-unstyled li{font-size: 14px; font-weight: 500; text-decoration: none; color: #fff;}
.footer .form-control{background: transparent; border:none; border-bottom: 1px solid #d1d8db; border-radius: 0; color: #fff; outline: none; box-shadow: none;}
.footer .form-control::placeholder{color: #ccd8db;}
.footer .btn-primary {
    background-color: #20a4a9;
    border: none;
    border-radius: 5px;
    padding: 8px 43px;
    font-size: 14px;
    font-weight: 500;
}
.footer .copyright{background: #091126; margin-bottom: 0; margin-top:60px; padding: 20px 0;}
.footer .copyright p{ margin-bottom: 0; color: #646464; font-size: 14px; margin:0;}
.footer .copyright p a{color: #fff; text-decoration: none;}
/*Footer*/


/*Responsive*/


@media (max-width: 1600px){
    .mainslider h1{margin-top: 20px;}
    .mainslider .carousel-caption{    top: 180px;}

}
@media (max-width: 1440px){
    .mainslider .carousel-caption{top: 160px;}
    .mainslider h1{margin-top: 0}
}
@media (max-width: 1366px){
    img.d-block.w-100.bgimg {
    min-height: 550px;
}
.header {
        padding: 5px 0px;
}
    .mainslider h1{margin-top: 0}
}
@media (max-width: 1199px){
    .header .nav-link{    margin: 0 15px !important;}
    .header{padding:10px 0;}
    .mainslider .mobileimg img {
    max-width: 190px;
}
.mainslider h1 strong {
    display: block;
    font-size: 50px;
}
.mainslider img.bgimg {
    height: 594px;
}
.mainslider .carousel-caption{    top: 150px;     padding: 0 50px;}
.mainslider h1 {
    font-size: 26px;
}
.mainslider p {
    font-size: 23px;}


.mainslider ul li {
    margin:0 auto;
    display: inline-block;
    /*max-width: 150px;*/
}
.mainslider .bigtitle{font-size: 70px;    line-height: 49px;}

.mainslider .carousel-control-prev {
    width: 16px;}

    .mainslider .carousel-control-next {
    width: 16px;}
 
}

@media (max-width: 990px){

    .mainslider ul li {
    margin-right: 5px;
    max-width: 150px;
}
    .header {
    padding:10px 15px;
}
.header .navbar-brand {
    padding: 0;
    margin-right: 0;
    max-width: 80px;
}
.navbar-light .navbar-toggler{border:none; padding: 0;}
.navbar-light .navbar-toggler:focus{border:none; outline: none;}

.header .nav-link{    margin:5px 0px !important;     font-size: 14px;}
.header .navbar-collapse {
    justify-content: flex-end;
    background:#9d0f21;
    padding: 10px;
    position: absolute;
    top: 56px;
    width: 100%;
}
.mainslider ul li {
    margin-right: 0px;
    max-width: 100%;
}
.mainslider ul li img{width: 100%;}

.mainslider .carousel-caption {
    padding: 0px 35px 0;
    height: 100%;
    top: 170px;
}
.mainslider p{    margin: 10px 0;}

.mainslider h1 {
    margin-top: 20px;
    font-size: 27px;
}
.mainslider .carousel-control-prev {
    width: 16px;
    
}
.mainslider .carousel-control-next {
    width: 16px;
  
}
.welcome {
    padding: 50px 0;
}
.welcome h2,.how-to-play h2, .downloadapp h2, .faq h2, .moregames h2{font-size: 25px;}
.how-to-play .nav-tabs li{width: 50%; margin-bottom: 15px;}
.how-to-play .nav-tabs li a{   font-size: 14px; }
.welcome p {
    color: #828282;
    font-size: 14px;
    line-height: 20px;
}

.how-to-play .center-mobile{    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}
.how-to-play .center-mobile img{max-width: 220px;}
.how-to-play .play-content {
    margin-top: 0;
    text-align:center;
    padding-left: 0;
}
.how-to-play .play-content h4{font-size: 18px;}
.how-to-play .nav-tabs {
    border: none;
    margin: 0 0px 20px;
    overflow: hidden;
}
.how-to-play .play-content p{font-size: 14px; line-height: 20px;}

/* .downloadapp .innerbox {
    padding: 40px 50px;} */
    .faq {
    padding: 50px 0;
}
.downloadapp strong.second,.downloadapp strong.first{display: none;}
.how-to-play span.big {
    font-size: 50px;
    line-height: 60px;
    display: block;
    margin-top: 0;
    text-align: center;
}
.moregames {
    padding: 50px 0;}
    .footer ul.sociallink {
    padding: 0;
    margin: 0 0 20px 0;
}
.mainslider img.bgimg {
    height: 570px;
}


.mainslider .carousel-item:before{display: none;}
.mainslider .text-left{text-align: center !important;}

.welcome .aboutimg {
    margin:0 auto 25px;
    
}
.welcome{    text-align: center;}
.downloadappsection .dndimg {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}
.welcome h2:before{    left: calc(50% - 35px);}
.downloadappsection.downloadapp{padding-bottom: 50px;}
.downloadappsection.downloadapp .innerbox{padding: 50px 0;}
.feature-section {
    padding: 80px 0;
}
.howtoplay .innerbox{margin-bottom: 15px;}
.howtoplay{background-size: cover !important;}
.footer{padding-top: 50px;}
.footer h4{margin-top: 20px;}
  section.spboxes{margin-top:0; padding-top:50px; }
    section.spboxes .card{margin-bottom: 15px;}
}


@media (max-width: 767px){
  
a.downloadbtn img{
    width: 100%;
}
  

    .shopcard{margin-bottom: 20px; display: inline-block;}
    .mainslider ul li{    margin-top: 10px;}
    .header .navbar-brand{    max-width: 138px;}
    .mobilefooterfixed {
        text-align: center;
        background: #000;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 99999999;
        left: 0;
        right: 0;
        padding: 15px ;
        color: #fff;
    }
    .mobilefooterfixed h6{margin-bottom: 10px;}
    .mobilefooterfixed strong{    color:#52c238;}
    .mobilefooterfixed img{max-width:100%;}
    .mainslider img.bgimg {
        height: 510px;
        object-fit: cover;
    }
    .header a.downloadbtn{    padding: 5px 25px;}
    .header{padding: 10px 0;}
    .mainslider h1 {
    margin-top: 20px;
    font-size: 18px;
}
.mainslider h1 strong {
    font-size:30px;
}
.mainslider h1 span{font-size:30px;}
.mainslider p {
    font-size: 16px;
    margin-bottom: 5px;

}
.mainslider .bgimg {
    height: 300px;
}
.welcome h2, .how-to-play h2, .downloadapp h2, .faq h2, .moregames h2 {
    font-size: 21px;
    margin-bottom: 20px;
}
.mainslider .bigtitle{display: none;}
/* .mainslider .mobileimg{display: none;} */
/* .mainslider ul li {
    margin-right: 5px;
    max-width: 97px;
} */
.mainslider .carousel-control-prev span {
    font-size: 21px;
    display: none;
    margin-right: -10px;
}
.mainslider .carousel-control-next span {
    font-size: 21px;
    margin-right: -10px;
    display: none;
}
.how-to-play .nav-tabs li a{min-height: 55px;}
.how-to-play .nav-tabs li a span{display: none;}
.how-to-play .nav-tabs li {
    width: 25%;
    margin-bottom: 15px;
}
.how-to-play .nav-tabs li a img{margin-right: 0; max-width: 25px;}
.how-to-play span.big {
    font-size: 38px;
    line-height: 40px;
}
.how-to-play .center-mobile img {
    max-width: 140px;
}
.moregames .playerimg img{display: none;}
.faq .card .btn-link{    white-space: normal; font-size: 12px;}
.faq .card .btn-link .fa {
    float: right;
    font-size: 16px;
}
.faq .card .card-body{font-size: 12px;}
.downloadapp .innerbox {
    padding: 20px 30px;
}
.downloadapp .innerbox .downloadbtn{    margin-top: 10px;}
}

@media (max-width:375px){
.mainslider ul li {
    margin-right: 0;
    max-width:240px;
}
.how-to-play span.big {
    font-size: 35px;
    line-height: 40px;
}
.downloadapp .innerbox {
    padding: 10px;
}
.downloadapp .innerbox .form-group .form-control{    font-size: 12px;
    padding: 2px;}
    .downloadapp .innerbox .form-group .btn-primary {
    background: #f26722;
    padding: 7px 11px;
}
}