:root {
  --bg-main-color: #234292 !important;
}

.main-site-bg-color {
  background-color: var(--bg-main-color) !important;
  ;
}

.header-box-shadow {
  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px;

}

.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700;
}

.header-button-style {
  background-color: unset;
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 10px 20px;

}


.header-button-style:hover,
.header-button-style:active,
.header-button-style:focus {
  background: rgba(229, 235, 250, 0.3) !important;
  border: 2px solid #fff;


}





.button-style-new {
  background-color: unset !important;
  border: 2px solid #fff !important;
  border-radius: 30px !important;
  padding: 7px 17px !important;

}

.button-style-new:hover,
.button-style-new:active,
.button-style-new:hover {
  background: rgba(229, 235, 250, 0.3) !important;
  border: 2px solid #fff !important;


}

.txt-heading-first {
  font-size: 60px !important;
  font-weight: 700 !important;
  color: #fff;
}


.cripto-button a span {
  font-size: 20px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  line-height: 35px;
  font-weight: 900;
}

.cripto-button a img {
  float: right;
  max-width: 40px;
}




#aboutUs .text-details h1 {
  color: #fff;
  font-size: 60px !important;
  font-weight: 800 !important;

}


#aboutUs .text-details p {
  font-size: 25px !important;
  font-weight: normal !important;
  font-family: wfont_24d2ba_b141192925a149329c7d2ceb80d360c3, wf_b141192925a149329c7d2ceb8, orig_comfortaa_regular;
  word-break: break-all;

}

.card-no-bg {
  background-color: unset !important;
  border: unset;

}

.center-text-style {
  text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
  font-family: wfont_94c12b_4c51a36aac2c41e3bfb68596589c09c6, wf_4c51a36aac2c41e3bfb685965, orig_evermore;
  color: #fff;
  font-size: 43px !important;
}

/* .card-how-to-buy {
  box-shadow: 0.00px 0.00px 50px 20px rgba(255, 254, 248, 0.18), 0 1px 4px rgba(0, 0, 0, .6);
  background-color: #264A20;
  border: 2px solid #fff;
  border-radius: 0px 30px 0px 30px;
  margin: 10px 0;
} */

.card-how-to-buy {
  box-shadow: 0px 0px 6px 4px rgb(62 121 188), 0 1px 4px rgba(0, 0, 0, .6);
  background-color: #163c66;
  border: 2px solid #fff;
  border-radius: 0px 30px 0px 30px;
  margin: 10px 0;
}

.card-how-to-buy img {
  max-width: 115px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}



.card-how-to-buy-center-left {
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 770px) {
  .card-how-to-buy-center-left {
    text-align: center;
  }
}

.card-how-to-buy .card-body .card-title {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
  font-size: 28px;
  font-weight: 800;
}


/* .card-all-style {
  box-shadow: 0.00px 0.00px 50px 20px rgba(255, 254, 248, 0.18), 0 1px 4px rgba(0, 0, 0, .6);
  background-color: #264A20;
  border: 2px solid #fff;
  border-radius: 0px 30px 0px 30px;
} */

.card-all-style {
  box-shadow: 0px 0px 6px 4px rgb(62 121 188), 0 1px 4px rgba(0, 0, 0, .6);
  background-color: #163c66;
  border: 2px solid #fff;
  border-radius: 0px 30px 0px 30px;
  margin: 10px 0;
}

.first-box-tokenomics h1 {
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
  color: #fff;

}

.first-box-tokenomics p {
  color: #fff;
  font-size: 25px;
  margin: 25px;
}

.second-box-tokenomics p {
  color: #fff;
  font-size: 25px;
}

.first-box-roadmap .phase {

  color: #FFFFFF;
  font-size: 20px;
  padding: 5px;
  margin: 0;
}

.jokes-text {
  color: #FFFFFF;
  font-size: 25px;
  margin-top: 20px;
  line-height: 1.5em;
  text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
  padding: 0 25px;

}

.txt-black {
  color: black !important;
}

.roadmap-phase .phase-three {
  height: 327px;
}

.roadmap-phase .phase-three-height-more {
  height: 408px;
}

.roadmap-phase .phase-three h5 {
  text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;
  font-size: 33px;
  color: #fff;
}


.roadmap-phase .phase-three ul li {
  font-size: 17px;
  color: #fff;
}

.roadmap-phase .phase-three .roadmap-phase-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
}


.footer {
  background-color: #234292 !important;
  color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 5px;

}