/* General Styles */
html ,body{
   
}
/* Loader style */
        #loader,#loadernew,#loaderneww {
            display: none;
            margin: 20px auto;
            border: 4px solid #fff;
            border-top: 4px solid #3498db;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        #response-message,#response-messagenew,#response-messageneww {
            margin-top: 20px;
            color: green;
            
        }
 /*animation element*/
.animation-element {
  opacity: 0;
}

/*animation element sliding left*/
.animation-element.slide-leftnew {
  opacity: 0;
  transition: all 500ms linear;
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-leftnew.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-rightnew {
  opacity: 0;
  transition: all 500ms linear;
  transform: translate3d(100px, 0, 0);
}
 
.animation-element.slide-rightnew.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-upnew {
  opacity: 0;
  transition: all 500ms linear;
  transform: translate3d(0, 100px, 0);
}

.animation-element.slide-upnew.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
body.index-page{
    background:#1c3659;
}
 body.aboubody,html{
            background:#131149;
        }
          body.nightspagee{
            background:#131149;
        }
         body.nightspagee #header {
            background: #e6ebf400;
            position: absolute;
            z-index: 999;
            width: 99%;
        }
        body.nightspagee  ul.navmenu li a {
            color: #fff;
            font-size: 20px !important;
            padding-right: 20px !important;
            font-weight: 400;
            line-height: 1.3em;
            text-decoration: none;
            font-family: "Inter", sans-serif;
        }
         body.nightspagee footer {
            background-color: #131149;
        }
.lonstar {
    text-align: center;
    display: flex;
}
.lonstar img {
    margin: 2px auto;
    text-align: center;
    width: 59%;
}
body {
  font-family: 'Dexperdy';
  color: #000;
  font-weight: 100;
}
.abtbanimg{
    width:100%;
    height:100%;
}
h1, h2{
  font-family: 'Dexperdy';
  font-weight: 200;
}
h3, h4, h5{
  font-family: 'Dexperdy';
}
.logo{
  height: 150px;
}
#header {
    background: #e6ebf4;
    position: absolute;
    z-index: 99999999;
    width: 99%;
}
ul.navmenu{
    display:flex;
    list-style-type:none;
    align-items:center;
}
.navarea {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
header#header .row {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.navmenu {
    display: flex;
    list-style-type: none;
    align-items: center;
    gap: 23px;
    padding-right: 20px;
    margin-bottom:0;
}
ul.navmenu li a {
color:#2E2F36;

    font-size: 20px !important;
    padding-right: 20px !important;
    font-weight: 400;
    line-height: 1.3em;
    text-decoration: none;
    font-family: "Inter", sans-serif;
}

ul.navmenu li a:hover,ul.navmenu li.active a {
    color: #5056b2 !important;
  
}
.settingimg {
    width: 35px;
    height: 35px;
}
.settingimg img{
     width: 35px;
    height: 35px;
}
.mojioimg {
    width: 43px;
    height: 26px;
}
.ulmenuimg {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    gap:13px;
}
li.mojioimg img {
    height: 30px;
    width: 54px;
}

/* Hero Section */

.hero {
    min-height:90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
    background-color: #e6ebf4;
    margin-bottom: -50px;
}
.hero h1 {
    color: #000000;
    font-size: 4em;
    font-weight: 300;
    animation: zoom-in-zoom-out 3s ease-out 1;
    -webkit-animation: zoom-in-zoom-out 3s ease-out 1;
}
.hero p {
    color: #000;
    font-size: 2.5em;
    font-weight: 600;
    font-family:'Dexperdy';
   
}
.lead{
   
  overflow: hidden;
  white-space: nowrap;
}
.typing-demo {
  width: 78ch;
  animation: typing 2s steps(78) 1, blink .5s step-end infinite alternate;
  -webkit-animation: typing 2s steps(78) 1, blink .5s step-end infinite alternate;
 margin:0 auto;
 text-align:center;
  
 
}
@-webkit-keyframes typing {
  from {
    width: 0
  }
}
    
@-webkit-keyframes blink {
  50% {
    border-color: transparent
  }
}
@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}


.hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;      
  background: url('path/to/wave-image.svg') no-repeat bottom;
  background-size: cover;
}

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes  blink {
  50% {
    border-color: transparent;
  }
}

@-webkit-keyframes  type {
  0% {
    width: 0;
  }
}


@keyframes blink {
  50% {
    border-color: transparent;
  }
}

@keyframes type {
  0% {
    width: 0;
  }
}

@-webkit-keyframes  blink {
  50% {
    border-color: transparent;
  }
}

@-webkit-keyframes  type {
  0% {
    width: 0;
  }
}
/* About Section */
.gamer {
    /*background-color: #141046;
    background:transparent linear-gradient(180deg, #0e0c34 0%, #03030D 38%) 100% 100% no-repeat padding-box;*/
    color: #fff;
    padding-bottom: 6rem;
    position:relative;
z-index:9999;
}
.gamer-wave{
  position: relative;
}
.chardiv{
    position:relative;
}
.imgbtnchar1 {
    position: absolute;
    bottom: 36px;
    left: 0;
    right: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57%;
    z-index: -1;
      animation: zoomName 14s linear infinite;
      -webkit-animation: zoomName 14s linear infinite;
}
.imgbtnchar2 {
    position: absolute;
    bottom: 36px;
   
    right: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62%;
    z-index: -1;
    animation: zoomName 14s linear infinite;
    -webkit-animation: zoomName 14s linear infinite;
}
@-webkit-keyframes zoomName {
 0%{
    -webkit-transform: scale(.7);
   }
50%{
    -webkit-transform: scale(1.2);
   }
}
@keyframes zoomName {
 0%{
    transform: scale(.7);
   }
50%{
    transform: scale(1.2);
   }
}

.maigamer {
    position: relative;
    background: transparent linear-gradient(180deg, #0f0c34 30%, #03030D 38%) 66% 100% no-repeat padding-box;
}


.imgbtnchar1 img {
    width: 100%;
}
.imgbtnchar2 img {
    width: 100%;
}
.gamer-wave img {
    background-size: cover;
    width: 100%;
    object-fit: cover !important;
    object-position: center center;
    background: #e6ebf4;
}
.gamer-left .quote {
    font-size: 50px;
    line-height: 54px;
    text-align: center;
    font-weight: 600;
}
.gamer-left a{
 /* text-decoration: underline;*/
  color: #fff;
}
.gamer-left a:hover{
  text-decoration:none;
  color: #4b51b1;
}
.gamer-right h2{
    margin-bottom:0;
    font-weight:normal;
}
.gamerinsidecontentTOp{
    margin-bottom:30px;
}
.character-img{
  height: 380px;
  margin: 50px 0px;
}
.gamer-image{
  padding: 60px 0px 0;
  position:relative;
}
/* Values Section */


.gamer-text{
    padding-top:4rem;
    position:relative;
}
.gamer-text h2{
  font-size: 2.8em;
  line-height: 76px;
}
.gamer-text h3{
  font-family:"Dexperdy";
  font-size: 2em;
  line-height: 1.6em;
  font-weight: 100;
}
.value-item p{
  padding-left: 48px;
  width:96%;
  text-align: left;
}
.value-item.comparar p{
  padding-left: 40px;
  
}

.value-item{
  padding-bottom: 32px;
}
.learnmore{
  margin-top: -50px;
}
.learnmore .btn {
  background: white;
  color: #03030e;
  padding: 10px 60px;
  border-radius: 40px;
  font-size: 1.8em;
   border: #fff 1px solid;
}
.learnmore {
    z-index: 999;
    position: relative;
}
.learnmore .btn:hover {
    background: #1f3a5f;
    color: #fff;
    border: #1f3a5f 1px solid;
  
}
.imgbluranimationarea {
    position: relative;
}
.imgbluranimationarea{
    content:'';
    position:absoulate;
}




.slide-left {
  animation: slideLeftAnimation both;
  -webkit-animation: slideLeftAnimation both;
  animation-timeline: view();
  overflow:hidden;
}
@-webkit-keyframes slideLeftAnimation {
  0% {
    -webkit-transform: translateX(50px);

  }

  50% {
    -webkit-transform: translateX(0px);
  }
}

@keyframes slideLeftAnimation {
  0% {
    transform: translateX(50px);

  }

  50% {
    transform: translateX(0px);
  }
}

.slide-right {
  animation: slideRightAnimation both;
  -webkit-animation: slideRightAnimation both;
  animation-timeline: view();
  overflow:hidden;
}
@-webkit-keyframes slideRightAnimation {
  0% {
    -webkit-transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(0px);
  }
}
@keyframes slideRightAnimation {
  0% {
    transform: translateX(-100px);
  }

  50% {
    transform: translateX(0px);
  }
}

.slide-top {
  animation: slideTopAnimation both  3s ease-out 1;
  -webkit-animation: slideTopAnimation both  3s ease-out 1;
  animation-timeline: view();
}
@-webkit-keyframes slideTopAnimation {
  0% {
     -webkit-transform: translateY(200px);
    opacity:0;
  }
25% {
     -webkit-transform: translateY(100px);
    opacity:.5;
  }
  50% {
     -webkit-transform: translateY(0px);
    opacity:1;
  }
}
@keyframes slideTopAnimation {
  0% {
    transform: translateY(200px);
    opacity:0;
  }
25% {
    transform: translateY(100px);
    opacity:.5;
  }
  50% {
    transform: translateY(0px);
    opacity:1;
  }
}


.slide-btm {
  animation: slideBtmAnimation both;
   -webkit-animation: slideBtmAnimation both;
  animation-timeline: view();
}

@-webkit-keyframes slideBtmAnimation {
  0% {
    -webkit-transform: translateY(-100px);
    opacity:0;
     -webkit-transform: scale(0.7, 0.7);
  }

  50% {
    -webkit-transform: translateY(0px);
    opacity:1;
    -webkit-transform: scale(1, 1);
  }
 
}
/* Footer */
footer{
  background-image: url(../image/footer-bg3.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;    
  color: #fff;
  text-align: center;
  padding: 120px 0px 30px 0px;
  background-color: #03030e;
  margin-top:-2px;
}
.footer-section{
  padding: 0px 15px;
}
.footer-section .row {
    display: flex;
    align-items: center;
}
.social-icons{
  margin-right: -15px;
  float: right;
}
.footer-logo img{
  height: 150px;
  float: left;
  text-align: center;
}
.newsletter-input {
    max-width: 80%;
    display: inline;
    border-radius: 30px;
    padding-right: 65px;
    line-height: 16px;
}
footer .social-icons img {
  width: 40px;
  margin-right: 15px;
}
.s-img img {
  width: 35px !important;
}

section.abutsection {
    padding-top: 12rem;
    text-align: center;
}
.abblkarea h2 {
    color: #fff;
    font-size: 5.5em;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Dexperdy';
    line-height: 80px;
}
.abblkarea h6 {
    color: #fff;
    font-family: "Inter", sans-serif;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 300;
}
.abblkarea p {
    color: #fff;
    font-family: "Inter", sans-serif;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 300;
    width: 90%;
    margin: 0 auto 10px;
}
.abblkarea {
    margin-bottom: 30px;
    display: block;
    background: #14102B;
    border-radius: 21px;
    padding: 50px 20px;
    position: relative;
    margin-bottom: 60px;
    text-align: center;
    width: 99%;
    margin: 0 auto 60px;
}
.abtnewlwtter h6{
    color: #fff;
    font-family: "Inter", sans-serif;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 300;
}
.abtnewlwtter .newsletter-input {
    width: 330px;
    border-radius: 4px;
    margin-bottom: 19px;
}
.abtbannerarea {
    position: relative;
    bottom: -116px;
    z-index: 0;
    /* transform: rotate(0.53deg); */
    width: 99%;
    margin: 0 0;
    width: 100%;
}
.footersubbtn {
    position: absolute;
    right: 35px;
    top: 0;
    width: 54px;
    height:36px;
}
/*.footersubbtn:before {
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    background: url(../image/arrowwhite.png);
    left: 18px;
    z-index: 9999;
    top: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
div#loadernew {
    position: absolute;
    top: 19px;
    right: 16%;
    width: 20px;
    height: 20px;
}
div#response-messagenew,div#response-messageneww {
    position: absolute;
    
}
.abtnewlwtter {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
div#response-messageneww {
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}
#newsletterFormww{
    position:relative;
}
div#loaderneww {
    position: absolute;
    top: -13px;
    right: 0%;
    width: 20px;
    height: 20px;
}
.footersubbtn input#submitbtn,.footersubbtn  button {
    background: #131149;
    text-indent: -999px;
    width: 100%;
    border-radius: 19px;
}
.footersubbtn img {
    width: 20px;
    height: 17px;
    right: 13px;
    position: absolute;
    top: 8px;
}
.footersubbtn input#submitbtn:hover,.subbtn  input:hover,.footersubbtn  button:hover{
    background:#193151;
}
button#newsletterSubmit {
    height: 37px;
}
input#submitbtn,.footersubbtn  button  {
    position: absolute;
    right: 0;
    top: 0;
}
.abtnewlwtter form,.newleetersection {
    width: 340px;
    margin: 0 auto;
    position: relative;
}
a.navbar-brand.diflogo {
    background: #061338;
    padding: 0 18px;
    margin: 11px 0;
}
.subbtn,.subbtn subbtn {
    position: absolute;
    right: 34px;
    top: 0;
    width: 51px;
    text-indent: -999px;
    border-radius: 0px;
}
/*.abtnewlwtter form .subbtn:after {
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    background: url(../image/arrowwhite.png);
    left: 18px;
    z-index: 9999;me
    top: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.subbtn  input,.subbtn button{
    background: #131149;
    text-indent:-999px;
}
.subbtn img {
    width: 20px;
    height: 17px;
    right: 13px;
    position: absolute;
    top: 8px;
}
button#newsletterSubmit {
    height: 38px;
    position: absolute;
    right: 0px;
    width: 49px;
    outline: none !important;
    border: 0px;
    /* border-radius: 3px; */
    background: #14102b;
}
button#newsletterSubmit:hover {
    height: 38px;
    position: absolute;
    right: 0px;
    width: 49px;
    outline: none !important;
    border: 0px;
    /* border-radius: 3px; */
    background: #000;
}
.fadeinout
{
  animation: fadeinout1 4s 2;
  -webkit-animation: fadeinout1 4s 2;
}

@keyframes fadeinout
{
  0%{
    opacity:0;
  }
  50%
  {
    opacity:1;
  }
  100%
  {
    opacity:1;
  }
}
@-webkit-keyframes fadeinout
{
  0%{
    opacity:0;
  }
  50%
  {
    opacity:1;
  }
  100%
  {
    opacity:1;
  }
}
/* Night Market Page CSS */
/*  Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) { 
  .hero h1 {
    color: #56585b;
    font-size: 29px;
  }
  .typing-demo {
   
    font-size: 12px;
}
  .hero p {
    color: #000;
    font-size: 1.5em;
    padding-top: 0px;
  }
  .logo{
    height: 90px;
  }
  .nav-top{
    margin-top: 0px;
  }
  .hero {
    min-height: 70vh;
  }
  .gamer-left .quote {
    font-size: 2em;
    line-height: 36px;
    text-align: center;
    margin-bottom: 31px;
}
  .gamer-right h2{
    font-size: 1.5em;
    line-height: 1em;
  }
  .gamer-right p{
    font-size: 1em;
    line-height: 1.8em;
  }
  .gamer-text h2 {
    font-size: 1.8em;
    line-height: 1.4em;
    padding-bottom: 30px;
  }
  .gamer-text h3 { 
    font-size: 1.6em;
    line-height: 1.4em;  
  }
  .gamer-wave::before {
    height: 80px;
  }
  .gamer {
    padding: 70px 20px;
  }
  .value-item {
    padding-bottom: 30px;
  }
  .learnmore {
    margin-top: 0px;
  }
  .learnmore .btn {
    background: white;
    color: #03030e;
    padding: 4px 34px;
    border-radius: 40px;
    font-size: 20px;
    margin: 0px 0px 67px;
}
  .value-item p { 
    width: 100%;  
  }
  footer .social-icons img {
    padding-right: 10px;
  }
  
  .social-icons {
    float: none;
    padding: 20px 0px;
  }
  

}
/*  Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .character-img {
    height: 300px;
    margin: 20px 0px;
  }
  .gamer-left .quote{
    font-size: 2em;
    line-height: 1em;
    text-align: center;
  }
  .hero {
    min-height: 80vh;
  }
  .gamer-left{
    padding-bottom: 0px;
  }
  .gamer-right h2{
    font-size: 1.5em;
    line-height: 1em;
  }
  .gamer-text h2 {
    font-size: 2.2em;
    line-height: 2.6em;
  }
  .gamer-text h3 { 
    font-size: 1.6em;
    line-height: 1.4em;  
  }
  .gamer-wave::before {
    height: 80px;
  }
  .gamer {
    padding: 70px 20px;
  }
  .value-item {
    padding-bottom: 30px;
  }
  .learnmore .btn {
    background: white;
    color: #03030e;
    padding: 10px 40px;
    border-radius: 40px;
    font-size: 1.6em;
    margin: 10px 0px;
  }
  .value-item p { 
    width: 100%;
  }
  footer .social-icons img {
    width: 40px;
    padding-right: 10px;
  }
  .social-icons {
    float: none;
    padding: 30px 0px;
  }
}
/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .hero h1 {
    color: #56585b;
    font-size: 3em;
  }
  .hero p {
    color: #000;
    font-size: 1.5em;
  }
  .logo{
    height: 90px;
  }
  .nav-top{
    margin-top: 0px;
  }
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .hero {
    min-height: 100vh;
  }
  .character-img {
    height: 300px;
    margin: 20px 0px;
  }
  .gamer-left .quote{
    font-size: 2em;
    line-height: 1em;
    text-align: center;
  }  
  .gamer-text h2 {
    font-size: 2.2em;
    line-height: 2.6em;
  }
  .gamer-text h3 { 
    font-size: 1.6em;
    line-height: 1.4em;  
  }
  .gamer-wave::before {
    height: 145px;
  }
  .gamer {
    padding: 100px 20px;
  }
  .gamer-left{
    padding-bottom: 0px;
  }
  .learnmore .btn {
    background: white;
    color: #03030e;
    padding: 5px 38px;
    border-radius: 40px;
    font-size: 16px;
    margin: 10px 0px 40px;
}
  .value-item p { 
    width: 100%;
  }
  .footer-logo img {
    height: 100px;  
  }
  footer .social-icons img {
    width: 40px;
    padding-right: 10px;
  }
  .footer-logo img {
    height: 100px;
    float: left;
    text-align: center;
  }
}
/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .gamer-left{
    padding-bottom: 50px;
  }
}
/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
  .gamer-left{
    padding-bottom: 50px;
  }
}

.banner{
  background: url(../image.webp);
  height: 100vh;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
}
.banner .waves{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.waves:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 215px;
  background: url();
  background-size: cover;
  background-repeat: no-repeat;
}
.mobilearea{
    display:none;
}
.desktoparea{
    display:block;
}
@media(max-width:992px){
 
    .abblkarea{
        width:99%;
    }
    .gamoonsection img {
    width: 150px;

}
.abblkarea p {
   
    width: 100%;
    margin: 0 auto 10px;
}
.maigamer {
    background-color: #141046;
    background: #070707 linear-gradient(180deg, #0e0c34 14%, #03030D 38%) 100% 100% no-repeat padding-box;
    top: -5px;
   
    margin-top: -5px;
    position: relative;
}
.gamer{background:none !important;}
a.navbar-brand {
    position: relative;
    left: 11px;
}
a.navbar-brand {
    position: relative;
    left: 11px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.navarea {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.navmenu {
    display: flex;
    list-style-type: none;
    align-items: center;
    gap:0px;
    padding-right: 0;
    margin-bottom: 0;
}
.gamer-wave img {
    background-size: cover;
    width: 100%;
    object-fit: cover !important;
    object-position: bottom;
    background: #e6ebf4;
}
.gamer-wave {
    position: relative;
   
}
.gamer {
    padding: 0px 20px;
    position: relative;
    top: -4px;
}

.imgbtnchar1,.imgbtnchar2 {
    position: absolute;
    bottom: 0;
  
}
.moonimgsec img,.moonimgsec {
    max-width: 150px !important;
    
}
}
@media(max-width:768px){
    .whatsectiontitle h2 {
    color: #fff;
    font-size: 2rem;
}
.typing-demo {
    width: 100%;
   
}
    .growcsection .chardiv {
    flex: 0 0 41%;
}
.footer-logo img {
    height: 100px;
    float: none;
    margin: 30px;
  }
#header {
     
    text-align: center;
}
a.navbar-brand.diflogo {
    background: #061338;
    padding: 0 18px;
    margin: 11px auto;
    width: auto;
    display: inline-block;
}
.hero h1 {
    color: #000000;
    font-size: 35px;
    font-weight: 300;
    animation: zoom-in-zoom-out 3s ease-out 1;
    -webkit-animation: zoom-in-zoom-out 3s ease-out 1;
}
.hero p {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Dexperdy';
}
footer {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #1c3659;
    color: #fff;
    text-align: center;
    padding: 30px 0px;
    margin-top: -5px;
    z-index: 99999;
    position: relative;
}
.abblkarea h2 {
    color: #fff;
    font-size: 2.2em;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Dexperdy';
    line-height: 51px;
}
.character-img {
    height: 250px;
    margin: 50px 0px;
}
.abtbannerarea {
    position: relative;
    bottom: 0px;
    z-index: 0;
    transform: rotate(0.53deg);
    width: 99%;
    margin: 0 auto;
}


}
@media(max-width:680px){
       .mobilearea{
    display:block;
}
.desktoparea{
    display:none;
}
    .navarea {
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-items: center;
}
ul.navmenu {
    display: flex;
    list-style-type: none;
    align-items: center;
    gap: 0;
    padding-right: 0;
    margin: 0 auto;
    padding-left: 0 !important;
    text-align: center;
    justify-content: center;
    margin-bottom: 6px;
}
    .growcsection .chardiv {
    flex: 0 0 41%;
}
.character-img {
    height: 200px;
    margin: 50px 0px;
}
section.abutsection {
    padding-top: 8px;
    text-align: center;
}
#header {
    background: #e5eaf3;
    position: relative !important;
    z-index: 999;
    width: 100%;
    margin: 0;
}
}
@media(max-width:480px){
    .footer-section {
    padding: 23px 15px;
}
.imgbtnchar1 img {
    width: 83%;
    top: -11px;
    position: relative;
    left: -13px;
}
.imgbtnchar2 img {
    width: 80%;
    position: relative;
    top: -11px;
    right: -8px;
}
.bigimagearea{
    position:relative;
    right:-15px;
}
 body.nightspagee  ul.navmenu li a {
            color: #fff;
            font-size: 15px !important;
            padding-right: 20px !important;
            font-weight: 400;
            line-height: 1.3em;
            text-decoration: none;
            font-family: "Inter", sans-serif;
        }
    .hero h1 {
    color: #000000;
    font-size: 28px;
    font-weight: 300;
    animation: zoom-in-zoom-out 3s ease-out 1;
    -webkit-animation: zoom-in-zoom-out 3s ease-out 1;
}
.hero p {
    color: #000;
    font-size: 21px;
    font-weight: 600;
    font-family: 'Dexperdy';
}
    ul.navmenu li a {
    color: #fff;
    font-size: 15px !important;
    padding-right: 20px !important;
    font-weight: 400;
    line-height: 1.3em;
    text-decoration: none;
    font-family: "Inter", sans-serif;
}
body.index-page ul.navmenu li a {
    color: #2E2F36;
    font-size: 15px !important;
    padding-right: 20px !important;
    font-weight: 400;
    line-height: 1.3em;
    text-decoration: none;
    font-family: "Inter", sans-serif;
}
a.navbar-brand {
    position: relative;
    left: 0;
    display: flex;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
}
    .gamoonsection {
    position: absolute;
    top: -61px;
    left: 0;
    /* right: 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.character-img {
    height: 148px;
    margin: 50px 0px;
}
.imgbtnchar1, .imgbtnchar2 {
    position: absolute;
    bottom: 33px;
    width:98%;
}
.gamer-image {
    padding: 0px 0px 0;
    position: relative;
}
@keyframes slideLeftAnimation {
  0% {
    transform: translateX(10px);

  }

  50% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes slideLeftAnimation {
  0% {
    -webkit-transform: translateX(10px);

  }

  50% {
    -webkit-transform: translateX(0px);
  }
}

@keyframes slideRightAnimation {
  0% {
    transform: translateX(-10px);
  }

  50% {
    transform: translateX(0px);
  }
}

@-webkit-keyframes slideRightAnimation {
  0% {
    -webkit-transform: translateX(-10px);
  }

  50% {
    -webkit-transform: translateX(0px);
  }
}

}



@media(max-width:380px){
    .abtnewlwtter form, .newleetersection {
    width: auto;
    margin: 0 auto;
    position: relative;
}
}