@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
html{
  height:100%
}
body{
  font-size:16px;
  font-family:"Open Sans", sans-serif;
  color:#000;
  font-weight:400;
}
video, iframe{
  vertical-align:top;
}
/*width*/
::-webkit-scrollbar{
  width:8px;
  height:2px;
}
/*Track*/
::-webkit-scrollbar-track{
  box-shadow:inset 0 0 5px balck;
  border-radius:0px;
}
/*Handle*/
::-webkit-scrollbar-thumb{
  background:#000; 
  border-radius:0px;
}
h1{
  font-size:34px;
}
h2{
  font-size:32px;
}
h3{
  font-size:30px;
}
h4{
  font-size:28px;
}
h5{
  font-size:26px;
}
h6{
  font-size:24px;
}
h1, h2, h3, h4, h5, h6{
  font-family:"Righteous", sans-serif;
  font-weight:400;
  letter-spacing:2px;
  color:#537fa4;
  line-height:1.2;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color:#fbb148;
}
p:last-of-type{
  margin-bottom:0;
}
a{
  color:#537fa4 !important;
  text-decoration:none;
}
a:hover{
  color:#537fa4 !important;
}
.form-group{
  margin-bottom:20px;
}
.form-control, .form-select{
  border:2px solid #16697d !important;
  border-radius:5px;
  padding:12px 15px;
  color:#16697d !important;
  line-height:1.2;
  font-weight:600;
  height:auto;
  background-color:#fbb148 !important;
  box-shadow:none !important;
}
textarea.form-control{
  height:200px;
}
.form-control::-webkit-input-placeholder{
  color:#16697d7a;
}
.form-control::-moz-placeholder{
  color:#16697d7a;
}
.form-control:-ms-input-placeholder{
  color:#16697d7a;
}
.form-control:-moz-placeholder{
  color:#16697d7a;
}
.btn{
  color:#00be64;
  padding:0;
  background-color:transparent;
  border:none;
}
.btn-primary{
  border-radius:0px;
  padding:10px 15px;
  position:relative;
  border:none;
  background:#537fa4 !important;
  vertical-align:middle;
  position:relative;
  z-index:1;
  text-align:center;
  font-weight:700;
  color:#d3e8f9 !important;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.btn-primary:hover{
  color:#d3e8f9 !important;
}
.btn-primary:before, .btn-primary:after{
  position:absolute;
  left:-22px;
  top:0;
  display:block;
  content:"";
  width:0;
  height:0;
  border-top:22px solid transparent;
  border-right:22px solid #537fa4;
  border-bottom:22px solid transparent;
  z-index:-1;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.btn-primary:after{
  left:auto;
  right:-22px;
  border-right:none;
  border-left:22px solid #537fa4;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.btn-primary:hover:before{
  left:0;
}
.btn-primary:hover:after{
  right:0;
}
/*default-css-end*/
/*navbar*/
.navbar{
  position:fixed;
  top:20px;
  left:50%;
  width:100%;
  z-index:2;
  background-color:#0000001a;
  max-width:1300px;
  border-radius:15px;
  backdrop-filter:blur(15px);
  padding:20px;
  box-shadow:0px 0px 10px rgba(0 0 0 / 50%);
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.navbar.active{
  max-width:100%;
  border-radius:0px;
  top:0;
  background:linear-gradient(45deg, #d3e8f9 0%, #537fa4 100%);
}
.navbar-brand{
  padding:0;
  margin:0;
  font-family:"Righteous", sans-serif;
  font-size:35px;
  font-variant:petite-caps;
  color:#537fa4 !important;
  letter-spacing:2px;
  line-height:0.8;
}
.navbar:not(.home-navbar) .navbar-brand, .navbar:not(.home-navbar) .navbar-nav .nav-link{
  color:#ffffff !important;
}
.navbar-nav .nav-item:not(:last-of-type){
  margin-right:20px;
}
.navbar-nav .nav-link{
  padding:0 !important;
  color:#537fa4 !important;
  font-size:18px;
  font-weight:600;
}
.navbar.active .navbar-nav .nav-link{
  color:#ffffff !important;
}
/*hero-slide*/
.hero-slider{
  margin:0 !important;
  overflow:hidden;
}
.hero-slide{
  min-height:100vh;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:top left !important;
  padding:140px 0 80px;
  position:relative;
}
.hero-slide-one{
  background-image:url(../images/hero-bg1.jpg) !important;
}
.hero-slide-two{
  background-image:url(../images/hero-bg2.jpg) !important;
}
.banner-left{
  position:relative;
  z-index:1;
}
.banner-left .sub-heading{
  text-transform:uppercase;
  font-size:15px;
  font-family:"Open Sans", sans-serif;
  color:#537fa4;
  font-weight:500;
  letter-spacing:11.6px;
}
.hero-slide-two .banner-left .sub-heading {
  color:#000000;
}
.banner-left h1{
  font-size:60px;
  text-transform:uppercase;
}
.banner-left .banner-disc{
  margin:12px 0 30px;
}
.hero-slider .slick-dots{
  bottom:auto;
  top:50%;
  left:25px;
  text-align:left;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
}
.hero-slider .slick-dots li{
  display:block;
  width:15px;
  height:15px;
  margin:0px 0px 8px;
}
.hero-slider .slick-dots li:last-of-type{
  margin:0px;
}
.hero-slider .slick-dots li button{
  width:15px;
  height:15px;
  padding:0;
  background:#416483;
  opacity:0.5;
}
.hero-slider .slick-dots li.slick-active button{
  opacity:1;
}
.hero-slider .slick-dots li button:before{
  display:none;
}
.hero-slide .banner-right:before{
  position:absolute;
  top:50%;
  right:0;
  display:block;
  content:"GAME";
  font-size:350px;
  line-height:0.8;
  font-family:"Righteous", sans-serif;
  font-weight:400;
  z-index:0;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  z-index:0;
  background:-webkit-linear-gradient(#849fb7, #f3f1ef);
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
.hero-slide.hero-slide-two .banner-right:before{
  background:-webkit-linear-gradient(#d1e9ff, #63809b);
}
.hero-slide .banner-right img{
  position:relative;
  z-index:1;
  filter:drop-shadow(2px 4px 6px black);
}
.hero-slide.hero-slide-two .banner-right img{
  filter:drop-shadow(2px 4px 25px black);
}
/*purchase-token*/
.purchase-token {
  padding:70px 0 50px;
}
.purchase-main{
  padding:0px;
  background:#f3faff url(../images/groot-bg.jpg) no-repeat top left;
  background-size:cover;
  border-radius:20px;
  overflow:hidden !important;
}
.purchase-main:before{
  position:absolute;
  top:50%;
  left:40px;
  display:block;
  content:"";
  width:494px;
  height:533px;
  background:url(../images/game-token1.png) no-repeat top left;
  background-size:494px auto;
  z-index:1;
  border-radius:20px;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
}
.purchase-outer {
  max-width: 700px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  z-index:1;
}
.purchase-outer .slick-list{
  overflow:visible !important;
}
.purchase-outer .token-slide{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #d3e8f9;
  padding: 40px 20px;
  border-radius: 25px;
  position: relative;
}
.purchase-outer .token-slide.token-slide-one {
  background:linear-gradient(135deg, #fae9a0 0%, #7a7956 100%);
}
.purchase-outer .token-slide.token-slide-two{
  background:linear-gradient(135deg, #d6a7b4 0%, #9b6674 100%);
}
.purchase-outer .token-img{
  width:300px;
  margin-right:80px;
  margin-left:-120px;
}
.token-bg-slide img{
  transform:scale(0.5);
  opacity:0;
  transition:all ease-in-out 1s;
  -webkit-transition:all ease-in-out 1s;
  -moz-transition:all ease-in-out 1s;
  -ms-transition:all ease-in-out 1s;
}
.token-bg-slide.slick-active img{
  transform:scale(1.0);
  opacity:1;
}
.token-slide .token-img img {
  transform:scale(1.5);
  opacity:0;
  transition:all ease-in-out 1s;
  -webkit-transition:all ease-in-out 1s;
  -moz-transition:all ease-in-out 1s;
  -ms-transition:all ease-in-out 1s;
}
.token-slide.slick-active .token-img img {
  transform:scale(1.0);
  opacity:1;
}
.purchase-outer .token-detail{
  width:calc(100% - 260px);
  width:-webkit-calc(100% - 260px);
  width:-moz-calc(100% - 260px);
  width:-ms-calc(100% - 260px);
}
.purchase-outer .token-detail *{
  color:#ffffff !important;
}
.purchase-outer .token-price{
  margin:12px 0px;
}
.token-price h4{
  margin: 0;
}
.purchase-outer .purchase-btn{
  margin-top: 20px;
}
.purchase-outer .token-detail h3{
  font-size: 45px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.0;
}
/*about-us*/
.about-us{
  padding:30px 0 0px;
}
.about-us .section-heading{
  margin-bottom:30px;
}
.about-right{
  max-width:475px;
  margin-left:auto;
}
.about-right img{
  filter: drop-shadow(2px 4px 6px black);
}
/*how-play*/
.how-play{
  background:#f5fbff url(../images/how-bg1.png) no-repeat top center;
  background-size:cover;
  padding:100px 0 110px;
  margin-top:-110px;
}
.how-play .section-heading{
  max-width:780px;
  margin-bottom:50px;
}
.play-inner{
  background:#537fa4;
  padding:34px 25px 0px;
  border-radius:0px 15px 15px 0px;
}
.play-outer .nav-tabs{
  width:200px;
  padding:30px 20px;
  border-radius:30px 0px 0px 30px;
  background-color:#d3e8f9;
  background-image:url(../images/how-bg2.png);
  background-repeat:no-repeat;
  background-position:center bottom 10px;
  background-size:170px;
}
.play-outer .tab-content{
  width:calc(100% - 200px);
  width:-webkit-calc(100% - 200px);
  width:-moz-calc(100% - 200px);
  width:-ms-calc(100% - 200px);
}
.play-outer .nav-link{
  margin-bottom:10px;
  display:block;
  width:100%;
  padding:5px 15px;
  border:none;
  border-radius:30px;
  background-color:transparent !important;
  color:#000000;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.play-outer .nav-link.active, .play-outer .nav-link:hover{
  background-color:#537fa4 !important;
  color:#fff;
}
.play-left{
  margin:-70px -70px -70px 0px;
}
.play-left img{
  max-height:434px;
  filter:drop-shadow(2px 2px 5px black);
}
.play-right .more-space{
  margin-bottom:24px;
}
.play-right-inner{
  background-color:#d3e8f92b;
  backdrop-filter:blur(20px);
  border-radius:25px;
  padding:20px 15px;
}
.play-right-inner *{
  color:#fff;
}
/*our-detail*/
.our-detail{
  padding-top: 60px;
}
.our-detail .number-outer h3{
  font-size:150px;
  margin: 0;
  line-height: 0.9;
  color: #d3e8f9;
  text-shadow: 2px 2px 0px rgba(0 0 0 / 30%);
  font-size:900;
}
.our-detail .detail-heading{
  padding-left:38px;
  top: 50%;
  left:60px;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
}
.our-detail .detail-heading:before{
  position:absolute;
  top:10px;
  left:0;
  display:block;
  content:"";
  width:35px;
  height:2px;
  background:#385974;
}
.our-detail .detail-heading p b{
  color: #385974;
  font-weight:800;
}
/*testimonials*/
.testimonial-main{
  padding:60px 0;
}
.testimonial-outer{
  margin-top: 30px;
}
.testimonial-left{
  background-color: #d3e8f9;
  padding:55px 0 55px 40px;
  position: relative;
  border-radius: 20px 0px 0px 20px;
}
.testimonial-left:before{
  content: '';
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: -5%;
  left: 0%;
  background: inherit;
  border-radius: 5% / 50%;
  z-index: 1;
}
.testimonial-slider{
  margin-bottom: 55px !important;
}
.testimonial-slide p img{
  max-width:20px;
}
.testimonial-right{
  background: #537fa4;
  position: relative;
  padding: 40px 55px;
  border-radius: 0px 20px 20px 0px;
}
.testimonial-right ul{
  padding:0;
  margin:0;
  list-style:none;
}
.testimonial-right ul li:not(:last-of-type) {
  margin-bottom:30px;
}
.testimonial-right .img-outer{
  width: 80px;
  margin-right:20px;
}
.testimonial-right .content-outer{
  width:calc(100% - 100px);
  width:-webkit-calc(100% - 100px);
  width:-moz-calc(100% - 100px);
  width:-ms-calc(100% - 100px);
}
.testimonial-right .content-outer *{
  color:#fff;
}
.testimonial-right .content-outer h3{
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.testimonial-right .content-outer p{
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.testimonial-slider .slick-dots{
  bottom:-35px;
  text-align:left;
  display: flex;
}
.testimonial-slider .slick-dots li{
  width:18px;
  height:18px;
  margin-left:0px;
  margin-right:10px;
  border-radius: 100%;
  box-shadow:1px 1px 5px rgba(0 0 0 / 40%) inset;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.testimonial-slider .slick-dots li:last-of-type{
  margin-right:0px;
}
.testimonial-slider .slick-dots li.slick-active, .testimonial-slider .slick-dots li:hover{
  background: #fff;
  box-shadow: 0px 2px 0px rgba(0 0 0 / 20%);
}
.testimonial-slider .slick-dots li button{
  width:8px !important;
  height:8px !important;
  padding:0px;
  background:#537fa4;
  border-radius:100%;
  opacity:0;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.testimonial-slider .slick-dots li.slick-active button, .testimonial-slider .slick-dots li:hover button{
  opacity:1;
}
.testimonial-slider .slick-dots button:before{
  display: none;
}
/*our-partners*/
.our-partners {
  position: relative;
  z-index: 1;
  margin-bottom:-70px;
}
.partner-slider{
  margin: 0 auto;
  max-width:1170px;
}
/*footer*/
.main-footer {
  background-image:url(../images/footer-shape2.png);
  background-repeat:no-repeat;
  background-position:bottom 20px left 20px;
  background-size:460px auto;
  background-color:#537fa4;
  padding:150px 0 10px;
  position:relative;
}
.main-footer:before{
  position: absolute;
  top:-78px;
  left:50%;
  display:block;
  content:"";
  width:1360px;
  height:156px;
  background:url(../images/footer-shape1.png) no-repeat;
  background-size:1360px auto;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
}
.main-footer:after{
  position: absolute;
  bottom:0px;
  right: 20px;
  display: block;
  content: "web3battles";
  font-size: 120px;
  font-family: "Righteous", sans-serif;
  line-height:1.2;
  opacity:10%;
  font-weight: 900;
  text-shadow: 3px 3px 0px rgb(255 255 255);
  letter-spacing:5px;
}
.main-footer > span{
  top:90px;
  right:10px;
  font-size:30px;
  text-transform:uppercase;
  color:#ffffff;
  line-height:0.8;
  font-weight:900;
  opacity:10%;
}
.footer-left .logo{
  padding: 0;
  margin: 0 0 25px;
  font-family: "Righteous", sans-serif;
  font-size: 40px;
  font-variant: petite-caps;
  color:#d3e8f9 !important;
  letter-spacing: 2px;
  line-height: 0.8;
  display:inline-block;
}
.footer-left img{
  max-width:60px;
  margin-right: 10px;
  filter: drop-shadow(2px 2px 0px black);
}
.main-footer h6 {
  color: #fff;
}
.main-footer a {
  color: #d3e8f9 !important;
}
.footer-middle{
  display: inline-block;
  text-align: left;
}
.footer-middle a{
  background: url(../images/footer-icon1.png) no-repeat center left;
  background-size: 20px auto;
  color: #d3e8f9 !important;
  padding-left: 25px;
  transition:all ease-in-out 0.25s;
  -webkit-transition:all ease-in-out 0.25s;
  -moz-transition:all ease-in-out 0.25s;
  -ms-transition:all ease-in-out 0.25s;
}
.footer-middle a:hover{
  background-size:25px;
  padding-left: 30px;
}
.main-footer ul{
  padding: 0;
  margin:15px 0 0;
  list-style: none;
  column-count: 2;
}
.main-footer ul li {
  margin-bottom: 10px;
}
.footer-right {
  display: inline-block;
  text-align: left;
}
.footer-right ul{
  max-width:260px;
  column-count: unset;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-right ul li{
  margin-right:5%;
  width:21.2%;
  margin-bottom:20px;
}
.footer-right ul li:nth-of-type(4n+4){
  margin-right:0%;
}
.footer-right ul li img{
  filter: drop-shadow(3px 3px 0px black);
}
.copyright{
  margin-top:80px;
}
.copyright p{
  background: url(../images/footer-shape1.png) no-repeat center;
  background-size: 100% auto;
  color:#537fa4;
  display: inline-block;
  padding:5px 20px;
}
/*about-page-css-start*/
/*inner-banner*/
.inner-banner{
  background:url(../images/inner-banner1.png) no-repeat top left, linear-gradient(135deg,  #d3e8f9 0%,#537fa4 100%);
  background-size:cover;
  min-height:70vh;
  padding:118px 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.inner-banner h1{
  margin: 0 auto;
  font-size:85px;
  text-shadow:3px 3px 0px rgba(0, 0, 0, 80%);
}
.inner-detail.our-detail{
  padding-top: 10px;
  padding-bottom: 80px;
}
/*privacy-main*/
.privacy-main{
  padding:60px 0;
}
.privacy-main .content-outer ul{
  margin:15px 0 30px;
}
.privacy-main .content-outer li:not(:last-of-type){
  margin-bottom: 10px;
}
/*how-to-play-page-css-start*/
.how-play.how-play-main {
  margin-top: 0;
}
/*Responsive*/
@media only screen and (max-width: 1450px){
.purchase-token{
  padding:40px 0 30px;
}
.play-inner {
  padding: 20px 15px 0px;
}
.play-right-inner {
  border-radius: 15px;
  padding: 10px;
}
.play-right-inner h4{
  font-size: 20px;
}
.play-right-inner p{
  font-size:15px;
}
.play-outer .nav-tabs {
  width: 160px;
  padding: 20px 15px;
  background-size: contain;
  background-blend-mode: overlay;
}
.play-outer .tab-content {
  width: calc(100% - 160px);
  width: -webkit-calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: -ms-calc(100% - 160px);
}
.play-left{
  margin:-40px -40px -40px 0px;
}
.play-left img{
  max-height:340px;
  filter:drop-shadow(2px 2px 5px black);
}
.how-play {
  padding: 80px 0 90px;
}
.our-detail{
  padding-top: 35px;
}
.testimonial-main{
  padding:35px 0;
}
.our-partners{
  margin-bottom:-60px;
}
.partner-slider {
  max-width: 980px;
}
.main-footer {
  background-position: bottom 10px left 10px;
  background-size: 350px auto;
  padding: 120px 0 10px;
}
.main-footer:before {
  top: -68px;
  width: 1170px;
  height: 134px;
  background-size: 1170px auto;
}
.main-footer:after {
  bottom: 10px;
  right: 10px;
  font-size: 60px;
}
.footer-right ul {
  max-width: 230px;
}
.copyright{
  margin-top:40px;
}
.navbar{
  max-width:1100px;
}
.purchase-main:before {
  width: 420px;
  height: 455px;
  background-size: 420px auto;
}
.main-footer > span{
  top:78px;
}
}
@media only screen and (max-width: 1199px){
.container{
  max-width:100%;
}
.testimonial-left{
  padding:45px 0 45px 40px;
}
.testimonial-slide .review-outer h3{
  font-size:25px;
}
.testimonial-slide .review-outer p{
  font-size:14px;
}
.testimonial-right ul li:not(:last-of-type){
  margin-bottom: 20px;
}
.testimonial-right .img-outer{
  width: 60px;
}
.testimonial-right .content-outer{
  width:calc(100% - 80px);
  width:-webkit-calc(100% - 80px);
  width:-moz-calc(100% - 80px);
  width:-ms-calc(100% - 80px);
}
.play-outer .nav-tabs {
  width: 140px;
  padding:10px;
}
.our-partners{
  margin-bottom:-40px;
}
.partner-slider{
  max-width:820px;
}
.partner-slide img{
  max-height:110px;
}
.main-footer:before{
  top:-54px;
  width:920px;
  height:106px;
  background-size:920px auto;
}
.play-right-inner p {
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.navbar {
  max-width: 950px;
}
.hero-slide {
  min-height: 70vh;
}
.banner-left h1{
  font-size: 55px;
}
.banner-left .sub-heading {
  letter-spacing: 9.6px;
}
.banner-left .banner-disc {
  margin: 12px 0 20px;
}
.hero-slide .play-btn {
  padding-left: 25px;
}
.hero-slide .banner-right:before {
  font-size: 250px;
}
.hero-slider .slick-dots li{
  margin-left:auto !important;
}
.hero-slider .slick-dots {
  left: auto;
  right: 15px;
}
.purchase-outer .token-img {
  width: 250px;
  margin-right: 40px;
  margin-left: -90px;
}
.purchase-outer .token-detail{
  width: calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: -moz-calc(100% - 200px);
  width: -ms-calc(100% - 200px);
}
.purchase-outer .token-slide {
  padding: 25px 20px;
}
.purchase-main:before{
  width:400px;
  height:435px;
  background-size:400px auto;
  left:0px;
}
.purchase-token {
  padding:30px 0 20px;
}
.about-us{
  padding:20px 0 0px;
}
.about-us .section-heading{
  margin-bottom: 12px;
}
.how-play {
  padding: 60px 0;
  margin-top: -80px;
}
.play-inner {
  padding: 10px 15px 0px;
}
.play-outer .tab-content {
  width: calc(100% - 170px);
  width: -webkit-calc(100% - 170px);
  width: -moz-calc(100% - 170px);
  width: -ms-calc(100% - 170px);
}
.play-left{
  margin:-40px -30px -30px 0px;
}
.play-left img {
  max-height: 290px;
}
.play-right .more-space {
  margin-bottom: 13px;
}
.play-outer .nav-link {
  margin-bottom: 6px;
}
.inner-banner.cancellation-banner h1 br{
  display: none;
}
.main-footer > span {
  top: 60px;
}
}
@media only screen and (max-width: 991px){
.main-footer:before {
  top:-57px;
  width: 100%;
  height: 88px;
  background-size: 100% auto;
}
.main-footer h6 {
  font-size: 20px;
}
.footer-left img {
  max-width: 40px;
}
.footer-middle{
  display: block;
}
.footer-middle ul{
  max-width: 492px;
}
.footer-right {
  display: block;
  margin-top: 15px;
}
.main-footer {
  background-image: url(../images/footer-shape3.png);
  background-repeat: no-repeat;
  background-position: bottom 10px right 10px;
  background-size: 420px auto;
  padding: 90px 0 10px;
}
.main-footer:after {
  bottom: auto;
  font-size: 40px;
  top: 50px;
  opacity: 5%;
}
.footer-right ul{
  justify-content: flex-start;
}
.copyright {
  margin-top: 20px;
}
.partner-slider {
  max-width: 680px;
}
.our-partners {
  margin-bottom:-25px;
}
.testimonial-left {
  padding:20px 0 20px 15px;
}
.testimonial-left .download-btn{
  padding-left:22px;
}
.testimonial-right {
  padding: 30px 35px;
}
.testimonial-right .img-outer{
  width: 45px;
}
.testimonial-right .content-outer {
  width: calc(100% - 65px);
  width: -webkit-calc(100% - 65px);
  width: -moz-calc(100% - 65px);
  width: -ms-calc(100% - 65px);
}
.testimonial-right .content-outer h3 {
  font-size: 18px;
}
.testimonial-right .content-outer p {
  font-size: 14px;
}
.testimonial-slide .review-outer h3 {
  font-size: 21px;
}
.testimonial-slide .review-outer p {
  font-size: 13px;
}
.testimonial-slider .slick-dots li button {
  width: 6px !important;
  height: 6px !important;
}
.testimonial-slider .slick-dots li{
  width: 12px;
  height: 12px;
  margin-right: 6px;
}
.testimonial-slider .slick-dots{
  bottom: -25px;
}
.testimonial-slider{
  margin-bottom:40px !important;
}
.our-detail .detail-heading:before{
  width:20px;
}
.our-detail .detail-heading {
  padding-left:22px;
  left:20px;
}
.our-detail .number-outer h3{
  font-size:130px;
}
.our-detail {
  padding-top: 25px;
}
.testimonial-main {
  padding: 25px 0 35px;
}
.play-outer .nav-tabs{
  width:100%;
  padding:15px;
  border-radius:30px 30px 0px 0px;
  background-size:220px auto;
  background-blend-mode:unset;
  background-position:left 10px bottom 10px;
}
.play-outer .tab-content{
  width:100%;
}
.play-inner{
  padding:15px;
  border-radius:0px 0px 30px 30px;
}
.play-left{
  margin:0px;
}
.play-right-inner h4 {
  font-size: 17px;
  margin-bottom: 3px;
}
.play-right-inner p {
  font-size: 14px;
}
.how-play .section-heading {
  margin-bottom: 25px;
}
.how-play {
  padding: 30px 0;
  margin-top: -50px;
}
.purchase-outer .token-img {
  width: 200px;
  margin-right: 20px;
}
.purchase-outer .token-detail {
  width:calc(100% - 130px);
  width:-webkit-calc(100% - 130px);
  width:-moz-calc(100% - 130px);
  width:-ms-calc(100% - 130px);
}
.purchase-outer .token-detail h3 {
  font-size: 35px;
}
.purchase-outer .token-price {
  margin: 6px 0px;
}
.purchase-outer{
  max-width:520px;
}
.purchase-main:before {
  width: 310px;
  height: 335px;
  background-size: 310px auto;
  left: 0px;
}
.token-bg-slide img{
  height: 392px;
  width: 100%;
  object-fit: cover;
}
.navbar {
  max-width: 100%;
  position:relative !important;
  top: 0;
  left: 0;
  transform: unset;
  box-shadow: none;
  border-radius: 0px;
  background: linear-gradient(45deg, #d3e8f9 0%, #537fa4 100%);
  padding:15px 0;
}
.navbar-toggler span {
  width: 30px;
  height: 2px;
  display: block;
  position: relative;
  background-color: #fff;
  background-image:none;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.navbar-toggler[aria-expanded="true"] span {
  height: 0;
}
.navbar-toggler span:before, .navbar-toggler span:after {
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  content: "";
  background-color: #fff;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}
.navbar-toggler span:after {
  top: auto;
  bottom: 7px;
}
.navbar-toggler[aria-expanded="true"] span:before {
  top: 0;
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] span:after {
  bottom: -2px;
  transform: rotate(-45deg);
}
.navbar-toggler {
  border: none !important;
  padding: 0;
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.navbar-collapse {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: linear-gradient(45deg, #537fa4 0%, #d3e8f9 100%);
}
.navbar-nav .nav-item:not(:last-of-type) {
  margin-right: 0;
  margin-bottom: 10px;
}
.navbar-nav .nav-link {
  color: #ffffff !important;
}
.navbar-collapse .navbar-nav{
  padding:15px;
}
.hero-slide {
  background-position: top right !important;
  min-height: 50vh;
  padding:45px 0 0;
}
.hero-slide .banner-right {
  padding:40px 0px 60px;
}
.hero-slide .banner-right:before {
  font-size: 270px;
  right: auto;
  left: 0;
  top: auto;
  bottom: 0;
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  background: -webkit-linear-gradient(#5782a7, #f3f1ef);
  filter: drop-shadow(2px 4px 6px #00000040);
}
.hero-slide .banner-right img {
  max-height:245px;
  margin: 0 auto;
}
.hero-slide .banner-left{
  max-width: 550px;
  background-color: #ffffff40;
  padding: 20px 15px;
  backdrop-filter: blur(10px);
  border-radius: 15px;
  border: 2px solid #fff;
}
.hero-slide.hero-slide-two .banner-left {
  border-color:#addaff;
}
.inner-banner{
  min-height:unset;
  padding:60px 0;
}
.inner-banner h1 {
  font-size: 55px;
}
.privacy-main{
  padding: 30px 0;
}
.main-footer > span {
  top:auto;
  bottom:10px;
  right:auto;
  left:10px;
}
}
@media only screen and (max-width: 767px){
body{
  font-size:14px;
}
h1{
  font-size:30px;
}
h2{
  font-size:28px;
}
h3{
  font-size:26px;
}
h4{
  font-size:24px;
}
h5{
  font-size:22px;
}
h6{
  font-size:20px;
}
.banner-left h1 {
  font-size: 40px;
}
.banner-left .sub-heading {
  letter-spacing: 5.6px;
  font-size: 14px;
}
.banner-left .banner-disc {
  margin: 6px 0 12px;
}
.hero-slide .banner-left {
  padding: 15px;
}
.hero-slide .banner-right:before {
  font-size: 170px;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}
.hero-slide {
  padding: 25px 0 0;
}
.purchase-token {
  padding: 15px 0 10px;
}
.purchase-main:before{
  display:none;
}
.purchase-outer .token-img{
  width:100%;
  margin-right:0;
  margin-left:0;
  margin-bottom:15px;
}
.token-bg-slide img {
  height:420px;
  filter:brightness(0.5);
}
.purchase-outer{
  max-width:95%;
}
.purchase-outer .token-slide{
  padding:10px 15px;
}
.token-slide .token-img img {
  max-width: 130px;
}
.purchase-outer .token-detail {
  width: 100%;
}
.purchase-outer .purchase-btn {
  padding-left: 22px;
}
.purchase-outer .token-slide.token-slide-one{
  background: linear-gradient(135deg, #fae9a05c 0%, #7a795661 100%);
}
.purchase-outer .token-slide.token-slide-two {
  background: linear-gradient(135deg, #d6a7b45c 0%, #9b667454 100%);
}
.about-right{
  display:none;
}
.about-us {
  padding:15px 0 0px;
}
.how-play {
  padding: 25px 0;
  margin-top: 25px;
}
.play-outer .nav-tabs {
  border-radius: 20px 20px 0px 0px;
  background-size: 180px auto;
}
.play-inner .order-2{
  order:1 !important;
}
.play-inner .order-1{
  order:2 !important;
}
.play-left {
  background: url(../images/play-bg.png) no-repeat right bottom -12px;
  background-size:265px auto;
  margin: 0px 0px 20px;
  background-color: #ffffff1c;
  padding: 10px 15px;
  border-radius: 15px;
}
.our-detail .detail-heading {
  padding-left: 22px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.our-detail .number-outer h3 {
  text-align: center;
}
.our-detail{
  padding-top:15px;
}
.our-detail .detail-main{
  margin-bottom:12px;
}
.testimonial-main {
  padding: 15px 0 35px;
}
.testimonial-left:before{
  display:none;
}
.testimonial-left{
  padding:15px;
  border-radius:20px 20px 0px 0px;
}
.testimonial-left .order-2{
  order:1 !important;
}
.testimonial-left .order-1{
  order: 2 !important;
}
.testimonial-left-left{
  text-align: right;
  margin-bottom:15px;
  background: #0000001c;
  padding: 15px 0 15px 10px;
  border-radius: 15px;
  position:relative;
}
.testimonial-left-left:before {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: block;
  content: "Client Reviews";
  font-size:70px;
  line-height: 0.9;
  font-weight: 900;
  max-width:300px;
  text-align: center;
  color:#b4c7d5;
  text-shadow: 0px 2px 3px rgba(0 0 0 / 50%);
}
.testimonial-left-left img{
  max-width: 200px;
}
.testimonial-right {
  padding: 15px;
  border-radius: 0px 0px 20px 20px;
}
.our-partners {
  margin-bottom: -15px;
}
.partner-slider {
  max-width:500px;
}
.main-footer:before {
  top: -44px;
  height: 66px;
}
.main-footer {
  background-size: 400px auto;
  padding: 50px 0 10px;
}
.footer-middle, .footer-right{
  margin-top:20px;
}
.copyright {
  margin-top: 15px;
}
.main-footer:after {
  font-size: 50px;
  top: 20px;
}
.inner-banner h1 {
  font-size: 50px;
  text-shadow:2px 2px 0px rgba(0, 0, 0, 80%);
}
.inner-detail.our-detail{
  padding-top: 10px;
  padding-bottom: 30px;
}
.main-footer > span{
  font-size:22px;
}
}
@media only screen and (max-width: 575px){
body{
  font-size:13px;
}
h1{
  font-size:26px;
}
h2{
  font-size:24px;
}
h3{
  font-size:22px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:16px;
}
.navbar-brand {
  font-size:25px;
}
.navbar-toggler span {
  width: 20px;
}
.navbar-toggler span:before, .navbar-toggler span:after {
  top: 6px;
}
.navbar-toggler span:after {
  top: auto;
  bottom: 6px;
}
.navbar {
  padding: 10px 0;
}
.navbar-nav .nav-link {
  font-size: 14px;
}
.navbar-nav .nav-item:not(:last-of-type) {
  margin-bottom: 6px;
}
.navbar-collapse .navbar-nav {
  padding: 10px;
}
.banner-left h1 {
  font-size: 30px;
}
.banner-left .sub-heading {
  letter-spacing: 2.9px;
  font-size: 13px;
}
.btn-primary {
  padding: 8px 10px;
  font-weight: 400;
  font-size: 14px;
}
.btn-primary:before, .btn-primary:after {
  left: -18px;
  border-top: 19px solid transparent;
  border-right: 18px solid #537fa4;
  border-bottom: 19px solid transparent;
}
.btn-primary:after {
  right: -18px;
  left: auto;
  border-right: none;
  border-left: 18px solid #537fa4;
}
.hero-slide .play-btn {
  padding-left: 18px;
}
.hero-slide .banner-right {
  padding: 30px 0px 50px;
}
.hero-slide .banner-right:before {
  font-size:100px;
}
.token-slide .token-img img {
  max-width: 90px;
}
.purchase-outer .token-img {
  margin-bottom: 10px;
}
.purchase-outer .token-detail h3{
  font-size:28px;
}
.purchase-outer .token-price {
  margin: 5px 0px;
}
.purchase-outer .purchase-btn{
  padding-left: 18px;
  margin-top: 15px;
}
.token-bg-slide img {
  height: 365px;
  object-position: top right;
}
.purchase-outer .token-slide {
  border-radius: 15px;
}
.how-play {
  padding: 20px 0;
}
.play-outer .nav-tabs {
  border-radius: 15px 15px 0px 0px;
  background-size: 110px auto;
}
.play-inner {
  border-radius: 0px 0px 15px 15px;
}
.play-left img {
  max-height: 150px;
}
.play-left {
  background-size: 160px auto;
  padding: 10px;
}
.our-detail .detail-heading:before {
  width: 12px;
}
.our-detail .detail-heading {
  padding-left: 14px;
}
.our-detail .number-outer h3 {
  font-size: 90px;
}
.testimonial-outer {
  margin-top: 12px;
}
.testimonial-left {
  border-radius: 15px 15px 0px 0px;
}
.testimonial-left-left {
  padding: 15px 0 15px 15px;
}
.testimonial-left-left:before {
  font-size: 28px;
  max-width:120px;
  text-shadow:0px 2px 2px rgba(0 0 0 / 80%);
}
.testimonial-left-left img {
  max-width: 140px;
}
.testimonial-main {
  padding:15px 0;
}
.main-footer:before{
  display:none;
}
.our-partners{
  margin-bottom:15px;
}
.main-footer {
  background-size: 250px auto;
  padding: 20px 0 10px;
}
.partner-slide img {
  max-height: 70px;
}
.footer-middle ul {
  column-count: 1;
}
.footer-left img {
  max-width: 30px;
}
.footer-right ul {
  max-width:296px;
}
.footer-right ul li{
  margin-right: 5% !important;
  width:12.5%;
  margin-bottom: 15px;
}
.footer-right ul li:nth-of-type(6n+6){
  margin-right:0% !important;
}
.footer-middle, .footer-right {
  margin-top:18px;
}
.footer-middle ul li:last-of-type{
  margin-bottom:0px !important;
}
.main-footer ul {
  margin: 10px 0 0;
}
.copyright {
  margin-top: 5px;
}
.copyright p {
  background-size: 100% 100%;
  padding: 8px 10px;
}
.hero-slider .slick-dots {
  right: 25px;
}
.hero-slider .slick-dots li button {
  width: 10px;
  height: 10px;
}
.hero-slider .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0px 0px 4px;
}
.inner-banner h1 {
  font-size: 28px;
}
.inner-banner {
  padding:25px 0;
}
.privacy-main{
  padding: 25px 0;
}
.hero-slide .banner-right img{
  max-height:140px;
}
.main-footer > span{
  font-size: 22px;
  right: 10px;
  left: auto;
  bottom: 60px;
}
}