@import "root-style.css"; 
body{margin:0;padding:0;font-family: 'Almarena Neue Display';background:#FDF2EC;font-size: 16px; line-height: 1.6; color: #222222; overflow-x: hidden; overflow-y: auto;letter-spacing: 0.16px;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;font-family: 'Almarena Neue Display';vertical-align:baseline;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;line-height: 1.5;}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
h1, h2, h3{font-family: 'Almarena Neue Display';}
h4, h5, h6{}
body{ line-height: 1; }
a {color: #f23f2e; text-decoration: none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; outline: 0;}
a:hover {text-decoration: none; color:#000000;}
a, a:hover, a:focus {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

html, body{overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; -webkit-scroll-behavior: smooth;}
::selection {
  background: #FFA901;
  color: var(--TWhite);
}
p{font-weight: 400; color: var(--TBlack);}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin: 0 0 0px 0; color: var(--TBlack);}


.onlink{position: absolute; top: 0; left: 0; bottom: 0;right: 0; cursor: pointer; z-index: 1;}
img{ max-width: 100%; }
img {height: auto; vertical-align: middle;}

@media (min-width: 1200px){
.container {max-width: 1170px;}
header .container{max-width: 100%; padding-left: 100px; padding-right: 100px;}
}
/*@media (max-width: 1749px){
.container {max-width: 1170px;}
}*/



.RM_BTN{display: inline-block; font-size: var(--font18); color:var(--TWhite); border: 0px solid var(--TWhite); 
background: #FF6928; min-width: 145px; text-align: center;padding: 7px 13px; border-radius: 8px 8px; font-family: "Space Grotesk", sans-serif;}

  .RM_BTN:hover{display: inline-block; color:var(--TWhite); border: 0px solid var(--TWhite); 
background: #222222; text-align: center;border-radius: 8px 8px;}

.Cwhite_BTN .RM_BTN {color: var(--TWhite); border: 1px solid var(--TWhite);}
.Cwhite_BTN .RM_BTN:hover{background: var(--TWhite); color: var(--TBlack); border-color: var(--TWhite);}

.circle_GBTN {display: inline-block; font-size: var(--font16); color: var(--TWhite); border: 0px solid var(--TBlack); background: var(--PColor); text-align: center; padding: 8px 20px; border-radius: 100px;}
.circle_GBTN:hover{background: #086161; color: var(--TWhite); border-color: #086161;}

.main_GBTN {display: inline-block; font-size: var(--font16); color: var(--TWhite); border: 0px solid var(--TBlack); background: var(--PColor); text-align: center; padding: 8px 20px; border-radius: 0px;}
.main_GBTN:hover{background: #086161; color: var(--TWhite); border-color: #086161;}


.moreservicesBTN{display: flex;}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: transparent;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #ffffff;}
header{ padding: 0px 0px;}

#header {
  padding: 0px 0;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none; }
.nav-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.nav-menu li {position: relative; white-space: nowrap; }

.nav-menu > li {float: left; margin-left: 2px;}
.nav-menu ul ul {top: 0; left: 100%; }
.nav-menu ul li {min-width: 180px; }

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {padding-right: 30px; }
.sf-arrows .sf-with-ul:after {content: "\f107"; position: absolute; right: 15px; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; }
.sf-arrows ul .sf-with-ul:after {content: "\f105"; }



/* Nav Meu Styling */
  header{transition: all 0.3s ease-in-out;}
  header.nav-up {
    transform: translateY(-210px);
    -webkit-transform: translateY(-210px);

}
header .header_logobar {
     padding-top: 0px; 
     margin-top: 58px;
}



.nav-menu a {padding: 0rem 0rem; text-decoration: none; display: inline-block; color: var(--TWhite); font-weight: 400; outline: none; cursor: pointer; background: transparent; font-size: 12px; }
.nav-menu a.active, .nav-menu a:hover {color: var(--TBlack); opacity: 0.6; }

.nav-menu > li {align-self: center; }
/*.nav-menu > li > a:before {content: ""; position: absolute; width: 0px; height: 2px; top: 18px; left: 10px; background-color: var(--PColor); visibility: hidden; transition: all 0.3s ease-in-out 0s; z-index: 9;}*/
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before {visibility: visible; width:40px; }
.nav-menu li.buy-tickets:hover a:before, .nav-menu li.buy-tickets.menu-active a:before {visibility: hidden; }
.nav-menu ul {margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgb(127 137 161 / 25%); background: #fff; border-radius: 3px; padding: 0px; border: 0px; border-radius: 0px; top: auto; margin-top: -5px; left: 0; }
.nav-menu ul li {transition: 0.3s; }
.nav-menu ul li a {padding: 7px 25px; color: #ffffff; transition: 0.3s; display: block; font-size: 14px; text-transform: none; border-radius: 0px; font-weight: 400; text-transform: uppercase;}
#nav-menu-container .nav-item.dropdown .dropdown-toggle::after {content: '\f078' !important; font-weight: bold !important; border: 0px; margin: 0px; padding: 0px; display: block; position: absolute; top: 3px; right: -3px; font-family: "Font Awesome 5 Free"; line-height: 18px;}
#nav-menu-container .dropdown-menu .dropdown-submenu .dropdown-toggle::after {content: '\f078' !important; font-weight: bold !important; border: 0px; margin: 0px; padding: 0px; display: block; position: absolute; top: 0px; right: 12px; font-family: "Font Awesome 5 Free"; line-height: 34px;}
#nav-menu-container  li.nav-item.dropdown {margin-right: 10px; }
.nav-menu ul li:hover > a {background: transparent; color: #ffffff;}
.nav-menu ul ul {margin: 0; }
li.nav-item.dropdown > a{position: relative;}




.nav-menu li.nav-item .nav-link{padding: 26px 20px; font-size: var(--font18); color: #222222; font-weight: 500;font-family: "Space Grotesk", sans-serif;}
.footersideS.header-social-icons li i{color: #ffffff;}
.header_logobar{padding-top: 30px; }


/*== Select on Heaader ==*/
.tap_head_select {margin-left: 15px;}
 .register_pprnt{position: relative;}
 .select{position: relative;}
 .select{background: #222222; padding: 10px 15px;}
 .tap_head_select .dropdown-menu {background-color: transparent !important; border: 0px; box-shadow: none; outline: none; padding: 0px;min-width: auto; width: 100%; max-width: 125px;}
  .tap_head_select .select{border-radius: 9px 9px; width: 100%;}
 .select ul li a{color: #ffffff; font-size: 16px; padding: 10px 0px;font-family: "Space Grotesk", sans-serif;}
  .select ul li a:hover{color: #fe5303;}
  .register_pprnt button.dropdown-toggle {position: relative; background-color: transparent !important; padding: 7px 24px; border: 1px solid #FF6928; border-radius: 8px;}
  .register_pprnt button.dropdown-toggle span{color: #222222;font-family: "Space Grotesk", sans-serif;}
  .dropdown-toggle::after{color: #222222; position: relative; top: 3px;}

/*== END Select on Heaader ==*/


/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 999; margin: 15px 15px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer; }
#mobile-nav-toggle i {color: #fff; }

/* Mobile Nav Styling */
#mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(6, 12, 34, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s; }
#mobile-nav ul {padding: 0; margin: 0; list-style: none; }
#mobile-nav ul li {position: relative; }
#mobile-nav ul li a {color: #fff; font-size: 17px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; }
#mobile-nav ul li a:hover {color: #16d5ff; }
#mobile-nav ul li li {padding-left: 30px; }
#mobile-nav ul .menu-has-children i {position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; }
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #16d5ff; }
#mobile-nav ul .menu-item-active {color: #16d5ff; }
#mobile-body-overly {width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(6, 12, 34, 0.8); display: none; }
/* Mobile Nav body classes */
body.mobile-nav-active {overflow: hidden; }
body.mobile-nav-active #mobile-nav {left: 0; }
body.mobile-nav-active #mobile-nav-toggle {color: #fff;}

.Jmenu_desktop {background: transparent; padding-right: 0 !important; margin: 0 auto; padding: 12px; padding: 0; border-radius: 10px;  z-index: 9; position: relative; padding-left: 0 !important; margin-bottom: 0; clear: both; display: table; padding: 9px 12px;}



/*--Extra CSS--*/
.pull-left {float: left; }

span.mobileside_toggle {display: none; }

#main-menu-toggle,
#close-main-menu,
.black-layer{display: none;}
.coll.align-self-center { display: inline;}


/*== @ media screen min-width 992px ==*/
.nav-menu li.nav-item .nav-link {padding: 0px 15px;}
.navbar-expand-lg .navbar-nav {width: 100%; justify-content: space-between;}

/*== Hero Section ==*/

.hero_section .container{max-width: 100%; padding-left: 100px; padding-right: 100px;}
.main_mid{padding-top: 100px;}
.peace_font{font-family: 'Peace Sans';}
.tpe_text .peace_font{font-family: 'Almarena Neue Display';}
.tapmoon_yellow_logo h1{font-size: 16px; font-weight: 200; line-height: 30px; text-align: center; color: #222222; display: inline-block; padding: 0px 10px; font-family: "Space Grotesk", sans-serif;}
.tapmoon_YL {font-size: 118px; font-weight: 400; line-height: 120px; text-align: center; color: #222222; }
.tpe_text .peace_font {font-size: 30px; font-weight: 400; line-height: 30px; text-align: center; color: #222222; display: inline-block; padding: 0px 10px; font-family: "Space Grotesk", sans-serif;}
.tpe_text .peace_font{position: relative;}
.tpe_text .peace_font::after {content: ''; position: absolute; left: -3px; bottom: 9px; width: 4px; height: 4px; background: #222222; border-radius: 100px;}
.tpe_text .peace_font:nth-of-type(1)::after{display: none;}
.astroanut_imabBX span{display: inline-block; position: relative;}
.astroanut_imabBX span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 656px; height: 662px; background: url(../../assets/images/astro_moon_bg.png) no-repeat; background-size: contain; background-position: center center; left: -60px;}
.astroanut_imabBX span img{position: relative; z-index: 1;}

span.tapmoon_image_icon {display: inline-block; position: relative;}
span.tapmoon_image_icon + span.tapmoon_image_icon {margin-left: -8px;}

.xmintcomunity_bx{padding-top: 130px;}

.xmint_qt_RBX span{font-size: 56px; color: #FF6928; font-weight: 600;}
.xmint_qt_RBX span strong {font-size: 48px; color: #FFA901; font-weight: 400; position: relative; left: -10px; top: -5px;}
.xmint_qt_RBX p{color: #222222; font-size: 18px; font-weight: 400;}
.QT_shaprator{width: 78%; height: 1px; background: rgb(34 34 34 / 40%); margin: auto;}
.xmint_qt_INNBX{max-width: 196px; margin: auto;}
.thejpurny_bx{margin-top: 65px;}
.thejpurny_bx p {
    font-size: 18px;
    color: #222222;
    max-width: 259px;
    position: relative;
    right: -52px;
    margin: auto;
    top: 52px;
}
.thejpurny_bx p::after{content: '';position: absolute; top: -50px; left: 149px; width: 48px; height: 55px; background: url(../../assets/images/rope-arrow.png) no-repeat; background-size: contain;}
.moon_and_space_BX{position: relative;}
.moon_and_space_BX::after {content: ''; position: fixed; top: 2px; right: 0; width: 84px; height: 150px; background: url(../../assets/images/flying_space01.png) no-repeat; background-size: contain; rotate: -25deg;}

img.space_mm {position: fixed; right: 80px; top: 120px;}
img.space_mm01 {position: fixed; top: 170px; right: 21px;}

.ILP_YBX{background: #ffffff; border-radius: 30px; padding: 30px 30px; border: 2px solid #E3B4FA; box-shadow: 10px 10px 0px #E3B4FA;}
.ILP_YBX h2{font-size: 40px; font-weight: 400;  color: #12151A; font-family: 'Peace Sans';}
.ILP_YBX p{font-size: 20px; font-weight: 400;  color: #12151A;font-family: 'Almarena Neue'; padding-top: 15px;}
.persent_fixed span {font-size: 116px; color: #12151A; font-weight: 500; font-family: 'Peace Sans';}
.persent_fixed strong {font-size: 22px; line-height: 22px; font-weight: 400; color: #12151A; display: block; font-family: 'Peace Sans';}
.initial_LP{margin-top: 132px;}
.initial_LP .container{position: relative;}
.initial_LP_rocket{position: absolute; top: -50%; right: -100px; z-index: -1;}

.taps_main{position: relative;}
.tapeasy_mbx{width: 100%; height: 100%;  background: #ffffff; border-radius: 30px; border: 2px solid #B4DCFA; box-shadow: 10px 10px 0px #B4DCFA; padding: 30px 30px;}
.tapeasy_mbx h2{font-size: 40px; font-weight: 400; color: #222222;  font-family: 'Peace Sans';}
.tapeasy_mbx p{font-size: 18px; font-weight: 700; color: #222222;  font-family: 'Almarena Neue';}
.rbx_ntn_pbx{display: flex; position: relative;}
.rbx_icon{width: 54px; height: 58px; line-height: 57px;}
.rbx_text_btn{ height: 58px; background:#B4DCFA; margin-left: 10px; flex: 1;}
.rbx_text_btn span {font-size: 20px; color: #222222; font-size: 20px; font-weight: 500; display: inline-block; position: relative; top: 16px; left: 15px;}
.rbx_icon img {line-height: 54px;}

.tapscoins_mbx h2{font-size: 22px; font-family: 'Peace Sans'; color: #222222;}
.tapscoins_mbx p{font-size: 20px; color: #222222;font-weight: 400;}


.reward_embx{background: #293553; border-radius: 30px; padding: 30px 30px;height: 100%;}
.tapscoins_mbx{background: #ffffff; border-radius: 30px; border: 2px solid #E3B4FA; box-shadow: 10px 10px 0px #E3B4FA; width: 100%; height: 100%; padding: 60px 20px 40px 20px;}

.reward_FBX h2{font-size: 40px; color: #222222;font-family: 'Peace Sans';}
.reward_FBX p, .rbx_em p{color: #222222; font-size: 20px;    font-weight: 600;}
.rbx_em h3{font-size: 30px; color: #222222;font-family: 'Peace Sans';}
.reward_embx_mbx .rbx_em h3{font-size: 36px; color: #222222;font-family: 'Almarena Neue';}

.flex_RFBX .rfbx_first{flex: 1; align-self: center;}
.rfbx_secong{position: relative; width: 240px; text-align: center;}
.rf_numbrs01 {position: absolute; top: 63px; left: 45px;}

footer{position: relative;}
footer .container{position: relative; z-index: 1; padding-bottom: 60px;}
.socials_listing_BX ul{display: flex; max-width: 370px; margin: auto;justify-content: center;}
.socials_listing_BX ul li + li{margin-left: 10px;}
.socials_listing_BX ul li a:hover img{ opacity: 0.7;}
.socials_listing_BX ul li a img{width: auto; height: 47px;}
.socials_listing_BX p {color: #222222; font-size: 20px; padding-top: 15px; font-weight: 500;}
.footerlander{position: absolute; top: 0; right: -80px;}



/*== Animation ==*/

.astroanut_imabBX span img, .moon_and_space_BX::after{
    -webkit-animation: jumpping 8s infinite linear;
    animation: jumpping 8s infinite linear;
}
.initial_LP_rocket {
   -webkit-animation: jumpping 16s infinite linear;
    animation: jumpping 16s infinite linear;
  }

.astroanut_imabBX span::after{
    -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}
.space_mm01{
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
  }

.fly_robot img {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation: paper-plane-soaring 3s forwards infinite;
    -moz-animation: paper-plane-soaring 3s forwards infinite;
    animation: paper-plane-soaring 3s forwards infinite;
}

  .space_mm{transform-origin: 0 0;
    animation: leaves 3s ease-in-out infinite alternate;
    scale: 0.6;
}





@keyframes jumpping{
  0% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-30px);
  }

  100% {
      transform: translateY(0);
  }
}

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

@keyframes paper-plane-soaring{
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  40% {
      -webkit-transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      transform: rotate(15deg);
  }
  50% {
      -webkit-transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      transform: rotate(15deg);
  }
  60% {
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      transform: rotate(-10deg);
  }
  70% {
      -webkit-transform: rotate(-5deg);
      -moz-transform: rotate(-5deg);
      transform: rotate(-5deg);
  }
  100% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
  }
}

@keyframes leaves {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.2);
    }
}

@keyframes slide {
  0% {
      background-position: 0px top;
  }

  50% {
      background-position: 300px top;
  }

   100% {
      background-position: 0px top;
  }
}





/*== Pageloader == */

.pageloader {height: 100vh; width: 100%; background-color: #070515; position: fixed; z-index: 5555555; text-align: center; align-items: center; display: flex; justify-content: center;top:0}

.pageloader>img {transform: scale(0.5); animation: scale1 2.8s infinite; transition: all 0.2s ease-out; width: 800px;}

@keyframes scale1 {
  0% {
    transform: scale(0.5);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(0.5);
  }
}

/*== END Pageloader == */

/*== GColor ==*/

.pb_MBX{display: flex; justify-content: center; max-width: 950px; margin: auto;}
.PB_RBX p{font-size: 30px; color: #222222; font-weight: 500;}
.PB_RBX{align-self: center; padding-right: 20px;}
.PB_RBX:last-child{padding-right: 0px;}
.powersBS{padding-top: 100px;}

.tapa_rbxMC{background: #ffffff; border-radius: 30px; border: 1px solid; padding: 30px 40px; position: relative;height: 100%; padding-top: 40px;}
.CPL_rbxMC{background: #ffffff; border-radius: 30px; border: 1px solid; padding: 25px 25px; position: relative;height: 100%;}
.token_uti_bx{background: #ffffff; border-radius: 30px; padding: 30px 20px; border: 1px solid; height: 100%;}
.tapa_rbxMC img{position: absolute; top: -50px; left: 20px;}
.border-yellow{border-color: #FFCD9F; box-shadow: 5px 5px 0px #FFCD9F;}
.border-perpal{border-color: #E3B4FA; box-shadow: 5px 5px 0px #E3B4FA;}
.border-skyblue{border-color: #B4DCFA; box-shadow: 5px 5px 0px #B4DCFA;}
.border-black{border-color: #222222; box-shadow: 5px 5px 0px #222222;}
.tapa_rbxMC p{font-size: 30px; font-weight: 500; color: #222222; max-width: 90%; line-height: 34px;}
.taps_toc_sec .col-md-8.col-lg-8{padding-left: 30px;}
.taps_toc_sec .col-md-8.col-lg-8 .row .col-md-6.col-lg-6:nth-of-type(3), .taps_toc_sec .col-md-8.col-lg-8 .row .col-md-6.col-lg-6:nth-of-type(4) {margin-top: 60px;}
.ps_content_BX p{font-size: 30px; font-weight: 500; color: #222222; line-height: 30px; padding-left: 30px;}
.pancswep{display: flex; margin-top: 60px;}
.ps_btn_BX, .ps_content_BX{align-self: center;}



.BG-skbkue .rbx_icon, .BG-skbkue .rbx_text_btn{background: #B4DCFA; border-radius: 10px;}
.BG-orange .rbx_icon, .BG-orange .rbx_text_btn{background: #FFCD9F; border-radius: 10px;}
.BG-pink .rbx_icon, .BG-pink .rbx_text_btn{background: #E3B4FA; border-radius: 10px;}


.moon-tockensec {min-height: 610px;}
.moont_mbx{display: flex; position: relative; top: 120px; left: 140px;}
.moont_limg{width: 34%; text-align: center;align-self: center;}
.moont_mbx{padding: 30px 30px;}
.moont_rcont_desc{flex: 1;align-self: center;}
.moont_rcont_desc h2 {font-size: 40px; font-weight: 500; color: #222222; font-family: 'Peace Sans';}
.moont_rcont_desc p{font-size: 20px; color: #222222; margin-top: 15px; font-weight: 500;}

.bg_bx_perpul {border: 1px solid #E3B4FA; border-radius: 30px; background: #F8F3FF; position: absolute; top: 120px; left: 140px; z-index: 4; width: 100%; height: 289px;}
.bg_bx_yellow{border: 1px solid #FFCD9F; border-radius: 30px; background: #FDF2EC;}
.bg_bx_skyblue{border: 1px solid #B4DCFA; border-radius: 30px; background: #ECF7FD;}

/*.moon-tockensec .container{max-width: 1030px;}*/


.bg-BBX01{display: inline-block; position: absolute; top: 0 ; left: 0; width: 100%; height: 289px; border-radius: 30px; background: #ECF7FD;  border: 1px solid #B4DCFA;}
.bg-BBX02{display: inline-block; position: absolute; top: 30px; left: 35px; width: 100%; height: 289px; border-radius: 30px; background: #F8F3FF;  border: 1px solid #E3B4FA; z-index: 1;}


.bg-BBX03{display: inline-block; position: absolute; top: 60px; left: 70px; width: 100%; height: 289px; border-radius: 30px; background: #FDF2EC; border: 1px solid #FFCD9F; z-index: 2}
.bg-BBX04{display: inline-block; position: absolute; top: 90px; left: 105px; width: 100%; height: 289px; border-radius: 30px; background: #ECF7FD; border: 1px solid #B4DCFA; z-index: 3;}
.bg-BBX01, .bg-BBX02, .bg-BBX03, .bg-BBX04, .bg_bx_perpul{max-width: 990px;}

.moont_mbx_PBX{position: relative;}


.reward_embx_mbx{position: relative; background: #ffffff;  border-radius: 30px; border: 2px solid #B4DCFA; padding: 30px 30px;padding-right: 36%;}
.imageof_numrs {position: absolute; top: 14%; right: -10%;}


.taprmap_bx{background: #ECF7FD; border-radius: 30px; border-radius: 30px; border: 1px solid #A69C97; padding: 30px 30px;}
.taprmap_bx>h2{font-size: 40px; color: #222222; font-family: 'Peace Sans';}
.taprmap_bx>p{color: #222222; font-size: 20px;font-weight: 600;}

.light_bxlabl{display: inline-block; font-size: var(--font18); color: var(--TWhite); border: 0px solid var(--TWhite); background: #FF6928; text-align: center; padding: 10px 15px; border-radius: 8px 8px;}
.listingbx ul li{list-style: disc; font-size: 20px; color: #222222; font-weight: 500;}


/*== Login Screen  ==*/


.logform_BX{background: #FFCD9F; border-radius: 30px; padding: 55px 55px 25px 55px;}
.loginpage_section .rbx_text_btn{height: auto;padding: 6px 0px;}
.loginpage_section .rbx_text_btn span {position: initial; padding: 0px 10px;}

.loginpage_section .tapeasy_mbx h2 {font-size: 36px; font-weight: 600; font-family: 'Almarena Neue Display';}
.loginpage_section .tapeasy_mbx p { font-weight: 500;  font-family: 'Almarena Neue Display';}
.form_titles{font-size: 30px; color: #222222;}

.form_iconbx{position: relative;}
.imgIC_fild{position: absolute; top: 18px; left: 30px;}
.form_cfuild{background: #ffffff; font-size: 16px; width: 100%; font-weight: 400; color: #222222; padding: 0px 15px; padding-left: 74px; border-radius: 10px; height: 64px; border: 1px solid #ffffff; outline: none; box-shadow: none; appearance: none;}
.log_orange_BTN{display: inline-block; font-size: var(--font20); color: var(--TWhite); border: 0px solid var(--TWhite); background: #FF6928; text-align: center; padding: 15px 15px; min-width: 181px; border-radius: 8px 8px;    font-family: "Space Grotesk", sans-serif;}
.log_orange_BTN:hover{background: #222222; color: #ffffff;}
.form_text_link{font-size: 16px; color: rgb(34 34 34 / 50%); font-weight: 500;}
.form_text_link:hover{text-decoration: underline;}
.form_fuild_RBX span{display: inline-block; color: #222222; font-size: 20px; font-weight: 500;}
.text_link_WBG{display: inline-block; background: #E3B4FA; border-radius: 8px; padding: 5px 10px; color: #222222; font-size: 20px; font-weight: 500;}
.text_link_WBG img{transition: 0.3s all;}
.text_link_WBG:hover{background: #222222; color: #ffffff;}
.text_link_WBG:hover img{filter: brightness(0) invert(100);}
.twoIN_BX{display: flex; justify-content: space-between;}


/*== Register Screen ==*/
.registerpage_section .logform_BX{background: #B4DCFA;}
.registerpage_section .container { max-width: 930px;}
.register_done_BX{background: #F8F3FF; border: 1px solid #E3B4FA; border-radius: 30px; padding: 30px 40px; max-width: 633px; position: relative;}
.register_done_BX::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -20px;
    width: 824px;
    height: 425px;
    background: url(../../assets/images/sucessfull-message-bg.png) no-repeat;
    background-size: contain;
    z-index: -1;
}
section.register_suess .container {
    padding-left: 176px;
}
.register_done_BX h2{font-size: 30px; color: #222222;}
.register_done_BX p{font-size: 20px; color: #222222; margin-top: 10px;}


.app_buttons {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; margin-top: 75px;}
.app_buttons_commonFA img{height:52px;  transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.app_buttons a:hover img, .app_buttons_commonFA a:hover img{scale: 0.9;}
.download_imageBX{max-width: 757px; max-height: 660px; margin: auto; position: relative;}
.faqtitle{font-size: 59px; font-weight: 700; font-family: 'Peace Sans'; color:#FBB403; }


.CPL_rbxMC p{font-size: 30px; font-weight: 500; color: #222222; line-height: 34px;}
.CPL_rbxMC span{font-size: 16px; color: #222222; font-weight: 500;}

.cp_login_sec .tapscoins_mbx { border: 2px solid #B4DCFA; box-shadow: 10px 10px 0px #B4DCFA;}
.cp_login_sec .tapscoins_mbx { text-align: center;}
.cp_login_sec .tapscoins_mbx img {max-width: 228px; margin: 0 auto; display: inline-block;}

.taps_tok_Htitile .tbg_yellow{background: #FFCD9F; display: inline-block; padding: 0px 5px; border-radius: 9px;}
.taps_tok_Htitile .tbg_parpal{background: #E3B4FA; display: inline-block; padding: 0px 5px; border-radius: 9px;}
.taps_tok_Htitile .tbg_skyblu{background: #B4DCFA; display: inline-block; padding: 0px 5px; border-radius: 9px;}
.taps_tok_Htitile h1{color: #222222; font-size: 16px; font-weight: 500; margin-top: 10px; display: inline-block;}
.taps_tok_Htitile p{color: #222222; font-size: 40px; font-weight: 500;   font-family: 'Almarena Neue Display';}
.taps_tok_Htitile small{color: #222222; font-size: 16px; font-weight: 500; margin-top: 10px; display: inline-block;}
.taps_tok_Htitile p span {margin: 8px 0px;}

.supply_title{font-size: 140px; color: #FF6928; text-align: center; font-weight: 700;line-height: 58px;}
.supply_title span{font-size: 60px; color: #FF6928; text-align: center; font-weight: 700;}
.supply_deyail_BX{background: #ffffff; border: 1px solid #B4DCFA; border-radius:30px; box-shadow: 10px 10px 0px #B4DCFA; padding: 60px 25px;}
.supply_deyail_BX ul li{font-size: 20px; color: #222222; font-weight: 500; margin-bottom: 30px;}
.supply_deyail_BX ul li span {font-size: 20px; color: #222222; font-weight: 500; display: inline-block; white-space: nowrap; text-overflow: ellipsis; max-width: 151px; overflow: hidden; vertical-align: bottom;}
.graphtitles{font-size: 16px; color: #222222; font-weight: 500; display: block; text-align: right;}
.supply_graph_BX{position: relative; max-width: 784px;    margin-top: 86px;}

.stype_one {position: absolute; left: 111px; top: 263px;}
.stype_two {position: absolute; top: 139px; left: 33px; }
.stype_three {position: absolute; top: 45px; left: 36px;}
.stype_four {position: absolute; top: -36px; left: 133px;}
.stype_five {position: absolute; top: -83px; left: 196px;}
.stype_six {position: absolute; top: -83px; right: 196px;}
.stype_seven{position: absolute; right: 60px; top: 180px;}

.stype_one::after {content: ''; position: absolute; top: -30px; right: -70px; width: 44px; height: 38px; background: url(../../assets/images/Vector-line01.png) no-repeat; background-size: contain; }
.stype_two::after {content: ''; position: absolute; top: 11px; right: -62px; width: 57px; height: 16px; background: url(../../assets/images/Vector-line02.png) no-repeat; background-size: contain; }
.stype_three::after {content: ''; position: absolute; top: -39px; right: -124px; width: 131px; height: 63px; background: url(../../assets/images/Vector-line03.png) no-repeat; background-size: contain; }
.stype_four::after {content: ''; position: absolute; top: 12px; right: -165px; width: 153px; height: 26px; background: url(../../assets/images/Vector-line04.png) no-repeat; background-size: contain; }
.stype_five::after {content: ''; position: absolute; top: 22px; right: -72px; width: 95px; height: 74px; background: url(../../assets/images/Vector-line05.png) no-repeat; background-size: contain; }
.stype_six::after {content: ''; position: absolute; top: 48px; right: 144px; width: 44px; height: 38px; background: url(../../assets/images/Vector-line06.png) no-repeat; background-size: contain;}
.stype_seven::after{content: '';position: absolute; top: 0; right: 135px; width: 58px; height: 6px; background: url(../../assets/images/Vector-line07.png) no-repeat; background-size: contain;}


.token_utility .container{max-width: 790px;}
.token_uti_bx h3{font-size: 30px; font-weight: 600; color: #222222;}
.token_uti_bx p{font-size: 20px; font-weight: 500; margin-top: 10px; color: #222222;}
.token_utility h2{font-size: 30px; color: #222222; font-weight: 500;}

.contrect_stittle{font-size: 30px; color: #222222; font-weight: 500;}

.contrect_MBX p{font-size: 20px; font-weight: 500; padding-top: 10px; color: #222222;}
.contrect_MBX h3, .contrect_MBX h2, .contrect_MBX h4, .contrect_MBX h5, .contrect_MBX h6{font-size: 26px; font-weight: 600; margin-top: 30px; color: #222222;}
.contrect_MBX{max-height: 800px; overflow-y: auto; padding: 30px 15px; margin-bottom: 30px;}

.contrect_MBX::-webkit-scrollbar-track
{
/*  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  background-color: #fdf2ec;
}

.contrect_MBX::-webkit-scrollbar
{
  width: 6px;
  background-color: #fdf2ec;
}

.contrect_MBX::-webkit-scrollbar-thumb
{
  background-color: #FFCD9F;
}