*,
*::before,
*::after {margin: 0;padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;}

html {box-sizing: border-box;}

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
    letter-spacing: .02rem;
    font-weight: 200;
    background-color: #101316;
    font-size: 15px;
    color: #fff;
    background:url("../img/bg.png") no-repeat fixed center;
    background-size: 100% 100%;
}

.services{    background: #387ed1;}
.heading-primary {     font-size: 30px;}
p {
    margin: 0 0 1rem; line-height: 1.8;
}
ul,
ol {
    padding: 0;
    margin: 0;
}
.lh1_7{ line-height: 1.7; }
li {
    list-style: none;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: #fff;
}

button,
button:hover,
button:focus,
button:active {
    text-decoration: none;
    outline: none;
}

strong{    font-weight: 500;}

/*------------ PRELOADER --------*/
 
.loaded #loader-wrapper {
    display: none;
}
.loader-frame {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 30px;
}
.loader1 {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    animation: clockwisespin 5s linear 3;
}
.circle {
    margin-top: -10px;
    top: 50%;
    left: -44px;
    width: 20px;
    height: 20px;
    background: #000000;
    border: 4px solid rgb(247 208 51);
    border-radius: 50%;
    display: block;
    position: absolute;
}
#loader-wrapper .wellcome {
    text-transform: uppercase;line-height: 30px;
    font-size: 22px;    text-align: center;    margin-bottom: 0;
}
#loader-wrapper .wellcome span {
    color: #e5ad0e;
}
.white_box01 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
    /* background: linear-gradient(to right, #159957, #155799); */
    background: linear-gradient(to right, #5f2c82, #49a09d);
}
.white_box02 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(109.6deg, rgb(9, 154, 151) 11.2%, rgb(21, 205, 168) 91.1%);
}

/*------ Scroll to Top------- */
#scroll-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    display: none;
    z-index: 99;
    background-image: linear-gradient(135deg, #02719b 0%, #10f5fb 100%);
    border: 1px solid #fff;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

#scroll-to-top i {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

#scroll-to-top:hover {
    transform: scale(1.2);
}
.bg_fir {
    /* background-image: linear-gradient(80deg, #030b20 40%, #01283c 100%); */
    position: fixed;
    width: 100%;
    height: 100vh;
}
.img1 {
    width: 215px;
    position: fixed;
    left: 30%;
    top: 5%;
}
.img2 {
    width: 390px;
    position: fixed;
    right: 25%;
    bottom: 0;
}


/* --------------------------------------
  3. NAVIGATION
-----------------------------------------*/
.p60 { padding:70px 0}
.mt-50 {    margin-top: 6rem;}
.mt-52 {    margin-top: 9rem;}
.navbar {
       position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    border: 0;
    z-index: 99; padding:10px;
    -webkit-transition: .5s ease;
    transition: .5s ease;

}
.nav-scroll .logo{    height: 90px;}
nav .navbar-brand{margin: 0px 0 -45px;}
nav.nav-scroll .navbar-brand{margin: 0px 0 -30px;}
.navbar-expand-lg .navbar-nav{    align-items: center;}

.navbar .icon-bar {     color: #fff;    font-size: 14px;}
.navbar-collapse2 .navbar-nav .nav-link {
      text-align: center;
    padding: 6px 10px;
    font-weight: 500;
}

.nav-scroll {
  background: #022a01;
  background:linear-gradient( 0deg ,transparent,rgb(0 0 0) 100%);
       position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05);
}
.dw_deposits {
    background: rgb(26 36 50 / 37%);
    overflow: hidden;
    position: relative;
}
.fw300{font-weight: 300;}
.nav-scroll .navbar-nav .nav-link .active {color: #f8c44f !important;}


  .aniup {
    animation: jumping 2s linear 0s infinite alternate;
}
@keyframes jumping { 0% { transform: translateY(5px); }
  100% { transform: translateY(30px); } }

/*------ width < 991px ------*/
@media (max-width: 991px) {

.navbar-collapse2 {

    text-align: center;
    padding-bottom: 20px;
}
.navbar  .btn {margin-bottom: 10px;}

}
/*------- line ---------*/
/*.line li .nav-link {position: relative;}
.line li .nav-link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #fff;
    height: 1px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.line li a:hover:before { width: 100%;}
.line li a:hover:after {width: 100%;}*/

/*------ width < 991px ------*/


/*---------------------------------------
  4. HEADER
-----------------------------------------*/

/*--------------home-------------------*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    overflow: hidden;
    background: #000;
    background-image: radial-gradient(at top left, #07a7e554 0%, #00000000 30%);
}

#home {
      
}

#home .banner_content{ padding:9% 0 40px;    background-image: linear-gradient(180deg, rgb(7 7 28 / 72%) 0%, #12122842 100%);}
#home .banner_content .btn{    min-width: 150px;}
.video{    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    opacity: 0.5;
}
.home h3 {
    margin: 0 0 17px;
    font-size: 20px;
    font-weight: 500;
}
.home h1 span {
    color: #1ca4fc;
    background: linear-gradient(90deg, #1ad8ff 10%, #038ffa 60%) text transparent;
    -webkit-text-fill-color: transparent;
}
.home h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
}

.home .home-content a {
    z-index: 1;
    color: #fff;
}

.home .video-btn {
    background: #f8c44f;
}

.home .video-btn i {
    color: #FFF;
}
.btn {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    border-style: solid;
    border-color: #fff;
    border-radius: 0;
    padding: 12px 26px;
    border-image-slice: 1;
    background: transparent;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #0ba0ee, #3ad0b6)
}
.btn_in {
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 20px;
}
.btn2 {
    font-size: 15px;
      background: linear-gradient(86deg, rgb(19 19 18) 0%, rgb(15 146 216) 100%);
    border: none;
    border-radius: 10px;
}
select option {    background: #022539;}

.navbar  .btn {
    padding: 8px 24px;
    font-size: 15px;
    font-weight: 600;
}
select.btn option:hover{ background-color: #ad9121;    color: #000;}
select.btn option{ background-color: #f7d033;    color: #000;}
select.btn{padding: 6px 10px;    text-align: left;    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;}
.btn:hover {
    color: #FFFFFF;
    box-shadow: 0 0 26px rgb(0 206 255 / 25%), 0 4px 70px #1097fb;
}

.home-content h1 {
    font-size: 6rem;
    font-weight: 900;
    color: #fff;
}
.bte_box {
    display: flex;
    position: relative;
    padding: 39px 33px 21px;
    right: 0;
    background: rgb(74 91 118 / 30%);
    box-shadow: 6px 0 21px rgb(0 0 0 / 14%);
    transition: .5s;
    z-index: 1;
    height: 100%;
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.bte_box:hover img {transform: rotateY(180deg);}
.bte_box img {
    width: 90px;
    margin-right: 20px;
    transition: .8s;
}

.elementskit-info-box-title{    font-weight: 600;    font-size: 20px;}

.home-content p {
    color: whitesmoke;
}

.home-content h3 {
    color: #f8c44f;
}

/*------ width < 768px ------*/
@media (max-width: 768px) {

    .home-content {
        margin-top: 20px;
        text-align: center;
    }

    .home-content h1 {
        margin-top: 20px;
        font-size: 5rem;
    }
}


ul.list-items li {
    margin-bottom: 10px;
}

.light_bg{background: #fafafa;}
.headre_in {
    background-color: #121212;
    padding: 30px 10px;
}
.footer {
    background-color: rgb(255 255 255 / 8%);
    padding: 70px 0 0;    position: relative;
}
.copyright {
    padding: 20px;
    border-top: 1px solid rgb(255 255 255 / 10%);    position: relative;
    margin-top: 50px;}
.nav_link li{margin-bottom: 10px;}
.nav_link h4{ margin-bottom: 15px;}


.login_form{    border: 1px solid #e8e8e8;
    padding: 35px;
    margin-top: 80px;}
.btn-user{     background: #1570e0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;}
.btn-user:hover{     background: #0c5ec1;
    color: #fff;
    }


#ac-sign-in {
    font-size: 16px;
    font-weight: 700;
    color: #1570e0;
    letter-spacing: 1.5px;
      padding-bottom: 3px;
    text-decoration: none !important;
    cursor: pointer;
}
.gtp_otp_r{ position:relative; overflow:hidden}
.gtp_otp{ position: absolute;
    right: 0;
    top: -1px;
    height: 53px;
    line-height: 33px;
    color: #656565;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;}
.fa-hand-pointer-o{
    color: #ff5645;
}
.fa-hand-pointer-o:before {
    content: "\f245"!important;
}

.banner-element-ten {

   /* -webkit-animation: zoominoutsinglefeatured 3s linear infinite;
    animation: zoominoutsinglefeatured 3s linear infinite;*/
    animation: jumping 05s linear .5s infinite alternate;
}

.coin_ab img{  width: 70%;    margin-top: 25px;}


@keyframes jumping { 0% { transform: translateY(5px); }
  100% { transform: translateY(40px); } }



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

.faq_p{    color: rgb(255 255 255 / 59%);}
.faq .card-body {
    padding: 0
    
}
.faq img {     max-width: 400px;}
.faq .card {
    border: none;
    background: none;
    border-radius: 0;
    color: #fff;
    border-bottom: 0px solid rgb(255 255 255 / 10%);   
}
.token-info {
    font-size: 20px;
    border-bottom: 1px dotted rgb(255 255 255 / 36%);
    padding: 15px 0;
}
.l_btn{    border-radius: 0.25rem 0 0 0.25rem;}
.r_btn{    border-radius:0 0.25rem 0.25rem 0;}
.about {    font-size: 20px;}

@keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-webkit-keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-moz-keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}



.blinking_live {
    position: absolute;
    top: -430%;
    right: 15px;
    animation: blink-live 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}


@keyframes blink-live{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


.bglight22{ background: #121212;}
.number {
    min-width: 50px;
    font-size: 65px;
    font-weight: 600;
    -webkit-text-stroke: 1px #011422;
    color: #f7d033;
}
.loyalty {
    background: #e7f1ff;color: #000;
    background-image: linear-gradient(10deg,#a2a2e7aa -10%,transparent 50%);
}
.loyalty_box {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 60px 20px 0;
    background: #fff;
    height: 100%;
    transition: all .1s linear;
    text-align: center;    position: relative;
}

.loyalty_box .loyalty_icon {
    background: linear-gradient(138.81deg,#2342a5 10.27%,#0c1a44 93.49%);
    border-radius: 300px;
    height: 75px;
    width: 75px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .1s linear;
    z-index: 5;
    color: #fff;
    font-size: 35px;
}
.loyalty_box:hover{    box-shadow: 0 0 15px #0d5476;
    background: linear-gradient(311.4deg,rgb(17 0 218 / 22%) -7%,#3ddeed12 50%,#fff 120%);
}
.loyalty_box:hover .loyalty_icon{    filter: drop-shadow(0 0 15px #002a47);
    transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.counter-item:hover{ margin-top:-10px}
.counter-item {
    padding: 40px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    background-image: linear-gradient(180deg, #25261b 0%, #131A1400 100%);
}
.counter-item .counter-header {
    display: flex;
    align-items: center;
}
.counter-item .icon {
    font-size: 50px;
    line-height: 1;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0.2;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.work-item {
    padding: 25px 45px 0;
    text-align: center;
    position: relative;    z-index: 9;
}


div[class*='col']:nth-of-type(3n + 2) .work-item::after {
    -webkit-transform: rotateX(180deg) rotateZ(10deg);
    transform: rotateX(180deg) rotateZ(10deg);
    top: auto;
    bottom: 80%;
}



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


div[class*='col']:nth-of-type(3n + 2) .work-item {
    margin-top: 70px;
}

.loyalty .owl-stage-outer{    padding: 20px 0;}
.tokenomics_box {
    padding: 30px 20px;
    background: linear-gradient(0deg, #142c18 0%, #21462700 100%);
    border-radius: 0 0 35px 35px;
}
.mtm50{margin-top: -100px;}
.achiever .counter-item .icon{    font-size: 100px;}
.achiever .counter-item span.ml-auto{color: #f7d033;}
.coin_box {
    background: #294ecd;
    border-radius: 40px;
    padding: 5px 11px 5px 6px;
    height: 47px;
    margin-right: 10px;
}
.coin_box img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}


.package_box ul{   }
.package_box ul li {
    margin-bottom: 5px;
    background: url(../img/ab2.png) no-repeat;
    background-size: 13px;
    background-position: 0px 5px;
    padding-left: 20px;
}
.br0 {border-right: 0px; }
.row_bg11 {    background: #11172f;  }
.row_bg {   padding:20px 40px  40px ;}
.roadmap12{ display:none;    margin: auto;    margin-top: 30px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        display: none;
}
.owl-nav{  text-align: right;}
.package_box_man .owl-nav{  margin-right: 20px;    display: none;}

#home h4 { height: 60px;    font-size: 1.5rem;}
.automobiles_man .owl-nav{    position: absolute;
    right: 0;
    top: -100px;}


.counter-item22 {
    padding: 105px 0 130px;
    border: 2px solid #f7d033;
    border-top: 0;
    background: #070e26 url(../img/planbg.png) no-repeat bottom center;
    color: #fff;
    position: relative;
    transition: all .2s linear;    background-size: contain;
}
.counter-item22 .icon img{    width: 100%;}
.counter-item22 .title {
    padding: 5px 10px;
    border-top: 2px solid #ffd00a;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0;
}
.counter-item22 .bb{   border-bottom: 2px solid #ffd00a;}
.counter-item22 .icon {
    position: absolute;
     top: -32px;
    left: 0;
    width: 100%;
}

.strategy1  {    overflow: hidden;}
.box22 {
    animation: animName 5s linear infinite;
}@keyframes animName {
 0%{
    transform: rotateY(0deg);
   }
100%{
    transform: rotateY(360deg);
   }
}

.img-5 img{    width: 60px;  opacity: 0.5;}


.work-section2 {
    background: rgb(0 0 0 / 10%);
}

.get {
    background: #f7d033;
    color: #000;
}
.btn5{background-color: #000000;}
.btn5:hover {color: #000; border-color: rgb(0 0 0);}
.color1{color: #f7d033;}

.area {
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
}

.form-control, .form-control:active, .form-control:focus {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid white;    font-size: 14px;
}


.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.container{    position: relative; z-index: 9; max-width: 1190px}

.ecosystem_box {
   
    text-align: center; padding:20px
}
.active_bg{    background-image: linear-gradient(135deg, #0a89ff 0%, #ff3bf6 100%);}
a {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.vertical-social li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.video_wrap{position: fixed;
    width: 100%;
    min-height: 100vh;
    opacity: 0.2;
    left: 0;
    top: 0;}
.vertical-social a {
    width: 55px;
    display: inline-block;
    font-size: 30px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 100%;
    background: linear-gradient(86deg, rgb(58 208 182) 0%, rgb(10 159 239) 100%)
}
.hadding {
    font-size: 40px;
    font-weight: 700; margin-bottom:30px;
}
.chart_box ul{     display: flex; margin-top: 20px;text-align: right; }
.chart_box li {      width: 100%;}
.chart_box li span{    font-weight: 700;display: block;    font-size: 24px;    color: #25d8f4;}
.chart_box {
    background: rgb(0 0 0 / 30%);
    padding: 30px;
    max-width: 860px;
    margin: auto;
    border-radius: 25px;
}
.social_icon:hover{     background: #ffffff;    color: #254e2b;}
.social_icon{    width: 60px;
    display: inline-block;
    font-size: 28px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 100%;
    background: rgb(255 255 255 / 20%);}








.media_box img {
    max-width: 100%;
    max-height: 100%;    margin: auto;
}
.media_box {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px;
    height: 80px;
    width: 17%;
    display: inline-flex;
    margin-right: 20px;
}


 .yellow {    color:#13f8ff;}

 /*======Dashbord======== */
 .profile_box ul li {    border-top: 1px solid rgb(255 255 255 / 16%);    padding: 10px;}
 .profile_box h6 {    margin: 6px 0 0;}
.profile_box .img {
    object-fit: cover;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.profile_img {
    height: 80px;
    width: 100px;
    margin: 0 auto 20px;    position: relative;
}
.profile_img i {
    position: absolute;
    right: 0;
    bottom: 10px;
    background: #099de1;
    z-index: 9;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    color: #ffffff;
    font-size: 23px;
    text-align: center;
    padding-top: 2px;
}
.chart-area {
    width: 130px;
    margin: 0;
    margin-left: -10px;
}
.table td, .table th {
    border-top: 1px solid rgb(255 255 255 / 25%);
}
.dashbord_manu .navbar-collapse2 .navbar-nav .nav-link.active {      color: #1fe0ff;}
.dashbord_manu .navbar-collapse2 .navbar-nav .nav-link {
    text-align: left;
    padding: 10px;
    font-weight: 300;
}
.h100{  height: 100%;}
.dashbord_manu .navbar-collapse2 .navbar-nav .fa { margin-right: 10px;}
.dashbord_manu{    position: fixed;
    left: 20px;
    top: 30px;
    width: 256px;
    height: 92vh;
    /*background: rgb(255 255 255 / 8%);*/
    background: linear-gradient(110.6deg, rgb(156, 116, 129) -18.3%, rgb(67, 54, 74) 16.4%, rgb(47, 48, 67) 68.2%, rgb(27, 23, 36) 99.1%);
    border-radius: 15px;    z-index: 9;}
.dashbord_manu ul.navbar-nav {
    display: block;
    margin: 0;
    padding: 0 10px;
}
.box_icon {    position: relative;}
.b_icon {
    /*background-color: #f2d225de;*/
    /*color: #fff;*/
    /*height: 40px;*/
    /*width: 40px;*/
    /*border-radius: 100%;*/
    /*text-align: center;*/
    /*padding-top: 10px;*/
    /*font-size: 21px;*/
    /*position: absolute;*/
    /*right: 15px;*/
    /*top: 21px;*/
    color: #fff;
  height: 50px;
  width: 60px;
  border-radius: 100%;
  text-align: center;
  padding-top: 0px;
  font-size: 21px;
  position: absolute;
  right: 15px;
  top: 17px;
}
.logo_icon {
 font-size: 17px;
  position: absolute;
  right: 27px;
  top: 33px;
}
.shape-block {
  width: 60px;
}
.position-relative {
  position: relative !important;
}
.row_p .white_box {padding:18px 15px;}
.dashbord_manu .navbar-brand{margin: 20px 0;
    width: 100%;
    text-align: center;}
.top_bor_dashbord{    padding:5px 10px 5px 250px; display:flex}
.dashbord_contaner{padding: 25px 20px 20px 300px;    position: relative;}

.white_box {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
    border: 2px solid white;
}
.white_box1 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
   background: linear-gradient(75.7deg, rgb(34, 126, 34) 3.8%, rgb(99, 162, 17) 87.1%);
    border: 2px solid white;
}

.white_box2 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
    background: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
}
.white_box2 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(98.3deg, rgb(0, 0, 0) 10.6%, rgb(255, 0, 0) 97.7%);
}
.white_box2 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(109.6deg, rgb(255, 230, 109) 11.2%, rgb(87, 232, 107) 100.2%);
}
.white_box3 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(to right, rgb(173, 83, 137), rgb(60, 16, 83));
}
.white_box4{
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
}

.white_box5 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(87.4deg, rgb(255, 241, 165) 1.9%, rgb(200, 125, 76) 49.7%, rgb(83, 54, 54) 100.5%);
}
.white_box5 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(87.4deg, rgb(255, 241, 165) 1.9%, rgb(200, 125, 76) 49.7%, rgb(83, 54, 54) 100.5%);
}
.white_box6 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(179.4deg, rgb(12, 20, 69) -16.9%, rgb(71, 30, 84) 119.9%);
}
.white_box7 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(111.1deg, rgb(0, 40, 70) -4.8%, rgb(255, 115, 115) 82.7%, rgb(255, 175, 123) 97.2%);
}
.white_box7 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(111.1deg, rgb(0, 40, 70) -4.8%, rgb(255, 115, 115) 82.7%, rgb(255, 175, 123) 97.2%);
}
.white_box8 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: radial-gradient(circle at 10% 20%, rgb(255, 197, 61) 0%, rgb(255, 94, 7) 90%);
}
.white_box8 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(180.2deg, rgb(120, 85, 137) -6.9%, rgb(35, 9, 31) 76.7%);
}
.white_box9 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(109.6deg, rgb(162, 2, 63) 11.2%, rgb(231, 62, 68) 53.6%, rgb(255, 129, 79) 91.1%);
}
.white_box10 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: linear-gradient(109.6deg, rgba(113, 14, 51, 0.83) 15.2%, rgba(217, 43, 23, 0.95) 96.8%);
}
.white_box11 {
    padding: 20px;
    background: rgb(255 255 255 / 8%);
    border-radius: 15px;
    border: 2px solid #434343;
    /* background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%); */
    border: 2px solid white;
background: radial-gradient(circle at 10% 20%, rgb(210, 36, 129) 0%, rgb(152, 75, 215) 90%);
}







.text-dark1{
    color:rgb(255, 255, 255);
    text-align:center;
    font-weight:600;
}
.card2 {
    padding: 40px 30px;
   background: #ffffff;
    border-radius: 15px;
}
.card2 ul li{    width: 48%;}
.logib_part {
    display: flex;
    min-height: 100vh;
}
.logib_part .container {    margin: auto;}
.logib_part .nav-link {
    border-radius: .25rem;
    background: rgb(255 255 255 / 10%);
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: rgb(255 255 255 / 70%);
}
::-moz-placeholder { /* Firefox 19+ */
 color: rgb(255 255 255 / 70%);
}
:-ms-input-placeholder { /* IE 10+ */
 color: rgb(255 255 255 / 70%);
}
:-moz-placeholder { /* Firefox 18- */
 color: rgb(255 255 255 / 70%);
}
.progressbar {
    position: relative;
    
}
.progressbar li {
  list-style: none;
  display: inline-block;
  width: 30.33%;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.progressbar li:before {
    content: "\f135";
    counter-increment: step;
    width: 40px;
    height: 40px;
    padding-top: 11px;
    line-height: 30px;
      border: 1px solid #d5b923;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
   background-color: #d5b923;
    font: normal normal normal 14px/1 FontAwesome;
}
.progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 20px;
  left: -50%;
  z-index : -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: #099de1;
}
.progressbar li.active:before {
    background: #099de1;
    color: #fff;
    border: 1px solid #099de1;
}
.progressbar li.active + li:after {
  background-color: #099de1;
}
#clockdiv{
	    text-align: center;
}
#clockdiv > div{    color: #fff;
	display: inline-block; margin: 0 5px;
}
 
.smalltext{
	padding-top: 5px;
	font-size: 12px;
}
.row_p{    margin-right: -8px;    margin-left: -8px;}
.row_p .col-xl-4{    padding-right: 8px;    padding-left: 8px;}
body .dataTables_wrapper .dataTables_filter input {
    border: 1px solid rgb(255 255 255 / 35%);
    margin-left: 7px;
}
body table.dataTable.no-footer {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
.socmed-block .socmed-links {
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.socmed-block {
    position: fixed;
    left: 1%;
    top: 40%;
    right: auto;
    bottom: auto;
    display: inline-block;
	z-index: 9999;
}
 .table thead th {
    background: rgb(0 0 0 / 20%);
}
#loader-wrapper img {
    margin: auto;
}
.automobiles_man  {
    background-color: rgb(255 255 255 / 8%);
    position: relative;
}
.form-select{    border: 1px solid rgb(255 255 255 / 30%);}
.table thead th {font-weight: 500!important;}
#faq-section .card {
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 36%);
}

#faq-section .card-header .btn-link {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    
    padding: 18px 0;
    border: none;
    font-size: 1.1em;
}
 
#faq-section .card-header .btn-link::after {
    background-image: url(../img/minus-arrow.png);
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    transform: rotate(0deg);
    transition: all ease 0.3s;
    right: 15px; top:25px
}
#faq-section .card-header {
    padding: 0;    background: transparent;
}
#faq-section .card-header .collapsed.btn-link::after {
    position: absolute;
    content: '';
    background-image: url(../img/plus-arrow.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    right: 18px;
    transform: rotate(90deg);
    transition: all ease 0.3s;
}
.dataTables_wrapper .dataTables_length select { color: #fff;}
.country_code{     padding: 5px;width: 100%;    background: transparent;}
.modal-content {  background-color: #24243e;}
#timer .modal-content {
    background: url(../img/timebg.jpg) 1px;
    background-size: cover;    border-radius: 10px;
}
.modal-header .close {
    text-shadow: initial;
    color: #fff;
    opacity: 1;
}
.modal-header {
    border-bottom: 1px solid rgb(255 255 255 / 21%);
}
.modal #clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
}
.modal #clockdiv > div{    color: #fff;
	display: inline-block;    margin-right: 5px;
}
.modal #clockdiv div > span {
    padding: 15px;
    border-radius: 10px;
    background: #0000004a;
    display: inline-block;
    width: 70px;
    font-size: 40px;
    line-height: 34px;
    font-weight: 600;
    color: #ffffff;
}
.modal .smalltext{
	padding-top: 5px;
	font-size: 16px;
}
#timer{
    top: 20%;
    z-index: 9999;
}
#timer h3{    margin: 30px 0 20px;}
.service-section {
    background: url(../img/circle.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    background-size: cover;    padding-bottom: 120px;    overflow: hidden;
}
.single-service-box {
    text-align: right!important;
    position: relative;
    margin-bottom: 30px;
    padding: 45px 0 46px;
    right: 44px;
}
.service-thumb {
    position: absolute;
    right: -86px;
}
.service-conmtent h2 {
    font-size: 20px;
    margin: 0 0 5px;
    font-weight: 500;
}
.service-conmtent p {
    width: 80%;
    margin: 0 0 0;
    float: right;font-size: 14px;
}
.single-service-box-two .service-conmtent p {
    float: left;
    right: inherit;
}
.single-service-box.two {
    right: 112px;
}
.single-service-box.three {
    right: 65px;
}
.shape15 {
    position: absolute;
    right: -46px;
    margin: auto;
    z-index: -1;
    top: -10px;
}
.shape18 {
    position: absolute;
    left: -27px;
    top: 39px;
    z-index: -1;
}
.rotateme {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.single-service-box-two {
    text-align: left!important;
    position: relative;
    margin-bottom: 30px;
    padding: 45px 0 46px;
    left: 25px;
}
.single-service-box-two .service-thumb {
    position: absolute;
    left: -86px;
    right: inherit;
}
.single-service-box-two.five {
    left: 95px;
}
.single-service-box-two.six {
    left: 45px;
}
@keyframes rotateme{
  0%{ 
    transform:rotate(0deg);
   }
  25%{ 
    transform:rotate(90deg);
   }
  50%{ 
    transform:rotate(180deg);
   }
  100%{
     transform:rotate(360deg);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.pt-40 {
    padding-top: 40px;
}

@media (min-width: 1365px) and (max-width: 1400px){
.shape18 {
    left: -18px;
    top: 30px;
}}


 @media only screen and (max-width:1300px) {
	.row_p .white_box label{ font-size: 13px;}
}


 @media only screen and (max-width:991px) {
body {font-size: 14px;}
.dashbord_manu .logo {    height: 45px;    margin: 3px 0;}
table.dataTable{    overflow-x: auto;    display: block;}
table.dataTable thead > tr > th.sorting{    white-space: nowrap;}
#clockdiv div > span {
    font-size: 20px;
}
.white_box {
    padding: 15px; border-radius: 10px;
}
.nav-scroll {background: #232c3c;}
#navbarText2{background: #232c3c;}
h3 { font-size: 1.3rem;}
h5 { font-size: 1rem;}
.dashbord_manu {
    left: 0;
    top: 0;z-index: 99;
    height: auto;
    background: rgb(34 44 51 / 84%);
    border-radius: 0;
    width: 100%;    z-index: 9;
}
.dashbord_contaner {
    padding: 60px 15px;
}
.dashbord_manu .navbar-brand {
    margin: 0px 15px; text-align: left;    width: auto;
 }
 .navbar-toggler{
    color: #fff;
    font-size: 25px;}

    .dashbord_manu .navbar-toggler {
        position: absolute;
        right: 7px;
        top: 8px;
    }
 }


.socmed-block{ display:none}
.media_box {
    height: 60px;
    width: 50%;
}

.video_wrap{    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;}
.modal #clockdiv div > span {
    padding: 7px;
    width: 48px;
    font-size: 32px;
    line-height: 34px;
}
.modal #clockdiv > div {
    margin-right: 2px;
}	



/* width */
::-webkit-scrollbar {
    width: 5px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
   background: #01263a;
    border-radius: 5px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    
    background: #0b96d7;
    border-radius: 5px;
  }

  select{
      color: white;
  }

  .images:hover{
      cursor: pointer;
  }
  #copy-link:hover,:active{
      cursor: pointer;
  }
  input[type=search]{
    color: white;
  }

.pagination{
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px;
}
.page-item{
    padding-bottom: 5px;
}

@media only screen and (max-width:991px) {
nav .navbar-brand, nav.nav-scroll .navbar-brand {
    margin: 0;
    padding: 0;
}
}

 @media only screen and (max-width:768px) {
.bte_box {
    display: block;
    padding: 15px;
}
.shape18 img{    width: 290px; margin: auto; display: block;}
.shape15 img{    width: 100%;}
.shape18{           width: 100%;
    margin: auto;left: 0;
    top: 7px;}
.shape15{ position: initial;
    width: 300px;
    margin: auto;}
#home .banner_content .btn {
    min-width: 110px;
    padding: 12px 15px;
}
.single-service-box {
    width:100%;
    text-align: left!important;right: 0;    padding: 15px 0;
}
.service-thumb {
    position: initial;
    margin-bottom: 10px;
    right: -0;
}
.service-conmtent p{ width:100%;}
.single-service-box.two, .single-service-box.three {
    right: 0;
}
 
	.hadding { font-size: 24px;	}
.mtm50{display:none}
.banner_content h3 {   font-size: 1.2rem;}
.faq img { max-width: 100%;}
.img-5 img { margin-bottom: 40px;}
.p60 {
    padding: 40px 0;
}

.home h1 {
    font-size:24px;
    margin-top: 25px;
}
     #timeline_slider {
        padding-left:10%;
    }
     .tl_line_mid {
         width:100%;
         height:2px;
         top:50%;
    }
.single-service-box-two {
    margin-bottom: 20px;
    padding: 20px 0 ;
    left: 0;  position: initial;
    margin-left: 0;
}	

.single-service-box-two .service-thumb {
    position: initial;
}
#home .banner_content {
    padding: 45px 0px 0px;    text-align: center;
}
.automobiles_man .owl-nav {position: initial;    text-align: center;}

.navbar-brand .logo {
    height: 40px;
    padding: 5px;
}

.logo_box {
    font-size: 15px;
}
.tokenomics_box {padding: 20px;}
.chart_box{padding: 15px;}
.chart_box ul { display: block;}
.chart_box li span {  font-size: 18px;}
.chart_box li {
    width: 49%;
    display: inline-block;
    margin-bottom: 20px;
}
p.h5{
    font-size: 1rem;
}
}