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

html {
  box-sizing: border-box;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  background-color: #06142F;
  font-size: 15px;
  color: #fff;
}

body.dark-theme {
  background-color: #fff;
}

.wbba {
  word-break: break-all;
}
body.dark-theme input {
  caret-color: black;
}

body.dark-theme .navbar {
  background-color: #FFFFFF;
}

input {
  caret-color: white;
}

.navbar.nav-scroll {
  box-shadow: 0px 0px 5px rgba(255 255 255 / 20%);
}

.dark-theme .navbar.nav-scroll {
  box-shadow: 0px 0px 5px rgba(0 0 0 / 80%);
  background-color: #EAF2FF;
}

body.dark-theme {
  background-color: #fff;
}

.dark-theme {
  color: #06142F;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: 600;
  color: #fff;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme h1 a,
.dark-theme h2 a,
.dark-theme h3 a,
.dark-theme h4 a,
.dark-theme h5 a,
.dark-theme h6 a {
  color: #06142F;
}

.services {
  background: #1E88FF;
}

.heading-primary {
  font-size: 30px;
}

p {
  line-height: 1.8;
  margin: 1rem 0;
}

input[type="date"] {
  text-transform: uppercase;
}

.bg-black {
  background-color: #eceff1 !important;
}

.dark-theme .bg-black {
  background-color: #11141c !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pageNumberContainer li {
  border-color: rgb(0 0 0) !important;
  color: rgb(0 0 0) !important;
  padding: 10px !important;
}

.dark-theme .pageNumberContainer li {
  border-color: rgb(255 255 255) !important;
  color: rgb(255 255 255) !important;
}

.pageNumberContainer li button {
  color: rgb(0 0 0) !important;
}

.dark-theme .pageNumberContainer li button {
  color: rgb(255 255 255) !important;
}

.black {
  color: #071A3D;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

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

.dark-theme .navbar a {
  color: #06142F;
}

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

.padding {
  padding: 60px 0;
  position: relative;
}

/*------------ PRELOADER --------*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden;
}

.no-js #loader-wrapper {
  display: none;
}

.my-story a:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
}

.my-story a img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

.my-story .third {
  position: absolute;
  top: 90px;
  left: 50%;
  margin-left: -110.5px;
}

.my-story .second {
  float: right;
  display: inline-block;
  position: relative;
}

.my-story {
  float: left;
  width: 100%;
  padding-bottom: 100px;
  position: relative;
  margin-top: 50px;
}

.my-story a:hover {
  z-index: 2;
}

.my-story .first {
  display: inline-block;
  float: left;
  position: relative;
}

#loader {
  position: relative;
  top: 50%;
  margin: 0 auto;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 0.2rem solid transparent;
  border-color: #1b2732;
  z-index: 1000;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

#loader:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  right: 0.8rem;
  bottom: 0.8rem;
  border-radius: 50%;
  border: 0.2rem solid transparent;
  border-color: #1b2732;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

#loader:after {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  right: 0.6rem;
  bottom: 0.6rem;
  border-radius: 50%;
  border: 0.6rem solid transparent;
  border-top-color: #49B4FF;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

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

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

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

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

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.dd_flex {
  display: flex;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  -o-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*----------------- BUTTON STYLE----------------- */
.button:link,
.button:visited {
  margin: 10px auto 0;
  padding: 14px 15px;
  color: #353434;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 0.08em;
  border-radius: 0.2rem;
  -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.p60 {
  padding: 60px 0;
}

.btn-hover:link:after,
.btn-hover:visited:after {
  content: "";
  position: absolute;
  height: 0%;
  left: 51%;
  top: 50%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: #fff;
  background: transparent
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E")
    50%/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 1;
  cursor: pointer;
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}

.dark-theme .btn-close {
  filter: brightness(0);
  -webkit-filter: brightness(0);
  -moz-filter: brightness(0);
  -ms-filter: brightness(0);
}

.dark-theme .btn-close {
  color: #06142F;
}

.btn-hover:link:hover,
.btn-hover:visited:hover {
  color: #fff;
  text-shadow: none;
}

.btn-hover:link:hover:after,
.btn-hover:visited:hover:after {
  height: 100%;
}

.btn-hover:link,
.btn-hover:visited {
  position: relative;
  margin: 10px auto 0;
  padding: 14px 15px;
  color: #353434;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 0.08em;
  border-radius: 0.2rem;
  -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.btn-hover.btn-fill {
  border: 2px solid #49B4FF;
}

.btn-hover.btn-fill:after {
  background: #49B4FF;
  opacity: 0.5;
  -moz-transform: translateX(-51%) translateY(-51%);
  -ms-transform: translateX(-51%) translateY(-51%);
  -webkit-transform: translateX(-51%) translateY(-51%);
  transform: translateX(-51%) translateY(-51%);
}

.btn-hover.btn-fill:hover:after {
  height: 100%;
  opacity: 1;
}

.bborder {
  display: block;
  margin: auto;
}

/*------ Scroll to Top------- */
#scroll-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  display: none;
  z-index: 99;
  background: #1E88FF;
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.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);
}

/* --------------------------------------
  3. NAVIGATION
-----------------------------------------*/
.navbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border: 0;
  z-index: 99;
  background-color: #0D234F;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.right_menu li a {
  margin-left: 25px;
}

.navbar .icon-bar {
  color: #fff;
  font-size: 14px;
}

.dark-theme .navbar .icon-bar {
  color: #0047C6;
}

.navbar-collapse .navbar-nav .nav-link:hover {
  color: #49B4FF;
}

.navbar-collapse .navbar-nav .nav-link {
  text-align: center;
  padding: 5px;
  margin: 5px 1rem;
  letter-spacing: 0.5px;
  color: #fff;
  font-weight: 500;
}

.dark-theme .navbar-collapse .navbar-nav .nav-link {
  color: #0047C6 !important;
  font-weight: 600;
}

.nav-scroll,
.nav-scroll2 {
  background: #0D234F;
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.dark-theme .nav-scroll,
.dark-theme .nav-scroll2 {
  background: #071A3D;
}

.navdashbord .navbar-collapse .navbar-nav .nav-link {
  margin: 5px 1rem 0;
}

.navdashbord,
.navdashbord.nav-scroll {
  position: relative;
  -webkit-transition: 0s ease;
  transition: 0s ease;
  padding: 75px 0 5px;
  z-index: 9;
  background: #6e4e01;
  margin-bottom: 40px;
}

.nav-scroll .navbar-nav .nav-link .active {
  color: #49B4FF !important;
}

.tr {
  text-align: right;
}

.left_tab li {
  display: inline-block;
  margin-right: 10px;
}

.col-md-4 .alert_man {
  position: initial;
}

.left_tab li a {
  display: block;
  padding: 10px 14px;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  color: #ffffff6e !important;
}
.right_scrool {
  height: calc(100vh - 200px);
  overflow: auto;
}
.left_tab {
  margin-bottom: 25px;
  background: #0D234F;
  padding: 0;
  border-radius: 10px 10px 0 0;
}

.dark-theme .left_tab {
  background: #F4F8FF;
}

.dark-theme .left_tab li a {
  color: #0000006c !important;
}

.left_tab li a.active {
  color: #fff !important;
  border-bottom: 2px solid #fff;
}

.dark-theme .left_tab li a.active {
  color: #1E88FF !important;
  border-bottom: 2px solid #1E88FF;
}

.table_span {
  opacity: 0.6;
}

.white_box_refer {
  background: #0D234F;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 20px;
}

.dark-theme .white_box_refer {
  background: #F4F8FF;
}

.white_box {
  background: #0D234F;
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
  position: relative;
  color: #fff;
}

.dark-theme .white_box {
  background: #F4F8FF;
  color: #06142F;
}

.l_right a i {
  font-size: 35px;
  color: #0047C6;
  margin-top: 14px;
}

.info-wrap .dbox .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(0 97 135);
  color: #fff;
}

.info-wrap .dbox .icon span {
  font-size: 20px;
}

.info-wrap .dbox p span {
  font-weight: 600;
}

.dark-theme .item-con.tradeHistory-base h6 {
  color: #06142F;
}

.scrool_wallet_box .table thead th {
  background-color: #06142F;
  color: #fff;
  font-weight: 500;
}

.dark-theme .white_box .scrool_wallet_box .table thead th {
  background-color: #F4F8FF;
  color: #06142F;
}

.nav-tabs.offer_beu.spot {
  background-color: #0047C6;
  flex-wrap: nowrap;
  overflow: auto;
}

.dark-theme .nav-tabs.offer_beu.spot {
  background-color: #fff;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #939393;
  white-space: nowrap;
}

/*20-01-2022*/
/*how-started-outer*/
.how .how-inner {
  margin-top: 35px;
}

.how-left {
  text-align: right;
}

.how-left img {
  max-width: 220px;
}

.how-right {
  margin-left: auto;
  max-width: 700px;
}

.how-right ul li:not(:last-of-type) {
  margin-bottom: 25px;
}

.how-right ul li span {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #fff;
  color: #071A3D;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}

/*03-02-2022*/
.in_page.amount-type-outer label {
  color: #fff;
}

.in_page.amount-type-outer .paginationWrapper .inputField {
  text-align: center;
}

.in_page.amount-type-outer
  .paginationWrapper
  .inputField::-webkit-outer-spin-button,
.in_page.amount-type-outer
  .paginationWrapper
  .inputField::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.in_page.buy_exchange .currency_validate label {
  color: #fff;
}

.in_page.buy_exchange .currency_validate .form-control {
  border-color: #fff;
}

.in_page.buy_exchange .input-group-prepend .input-group-text {
  background-color: transparent;
}

iframe[style*="fixed"] {
  display: none !important;
  position: static !important;
}

/*03-02-2022*/
/*19-04-2022*/
.feature-main-outer {
  padding: 50px 0;
}

.feature-list-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 40px 0 0;
}

.feature-list-outer ul {
  display: flex;
  margin: 0 auto;
  transform-origin: center;
  animation: marquee 30s cubic-bezier(0.01, 0, 0.59, 0.78) infinite
    alternate-reverse;
  flex-shrink: 0;
}

@keyframes marquee {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(50%);
  }
}

.feature-list-outer ul li {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-grow: 1;
  align-items: center;
  flex-shrink: 0;
  max-width: 250px;
}

.feature-list-outer ul li img {
  max-width: 60%;
  filter: brightness(0) invert(1);
}

.dark-theme .feature-list-outer ul li img {
  filter: unset;
}

.help-main-outer {
  background-color: #0D234F;
  padding: 60px 0;
}

.dark-theme .help-main-outer {
  background-color: #d3d3d3;
}

.help-outer {
  margin: 40px 0 0;
}

.help-inner {
  align-items: center;
  margin-top: 20px;
}

.help-inner .img-outer {
  width: 35px;
  margin-right: 10px;
  height: 35px;
  border-radius: 100%;
  text-align: center;
  background: #06142F;
  color: #fff;
  line-height: 35px;
}

.dark-theme .white_box5 {
  box-shadow: 0px 1px 8px rgb(147 147 147 / 70%);
}

.dark-theme .help-inner .img-outer img {
  filter: invert(1);
}

.trade-main-outer {
  background-color: #fff;
  padding: 40px 0 0;
}

.dark-theme .trade-main-outer {
  background-color: #071A3D;
}

.trade-main-outer .logo-outer {
  margin: 0 0 15px;
}

.dark-theme .trade-main-outer .logo-outer img {
  filter: brightness(0) invert(1);
}

.trade-btn-outer {
  max-width: 260px;
  margin-top: 16px;
}

.btn {
  font-size: 16px;
  line-height: 1.2;
}

.btn-primary:hover {
  background-color: #0047C6;
  border-color: #0047C6;
}

.btn-primary {
  padding: 10px 15px;
  min-width: 120px;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  box-shadow: none !important;
  text-align: center;
}

.dark-theme .btn-primary:hover {
  color: #fff !important;
}

.footer-logo {
  margin: 0px 0 45px;
}

.dark-theme .footer-logo img {
  filter: brightness(0) invert(1);
}

.qr-scaner {
  padding: 12px 15px;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgb(51 51 51 / 20%);
  margin: 0 auto 25px;
  max-width: 260px;
}

.dark-theme .qr-scaner {
  box-shadow: 0px 3px 10px rgb(255 255 255 / 20%);
}

.qr-code {
  width: 90px;
  margin-right: 10px;
}

.qr-text {
  width: calc(100% - 100px);
}

.trade-list-outer {
  font-size: 0px;
  line-height: normal;
  list-style: none;
  padding: 0;
  margin: 0;
}

.trade-list-outer li {
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #0D234F;
  padding: 10px 15px;
}

.dark-theme .trade-list-outer li {
  background: #06142F;
}

.trade-list-outer li:nth-of-type(3n + 3) {
  margin-right: 0%;
}

.trade-list-outer li a {
  display: flex;
}

.trade-list-outer li p {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.dark-theme .trade-list-outer li p {
  color: #fff;
}

.dark-theme .trade-list-outer li svg,
.dark-theme .trade-list-outer li svg path {
  fill: #fff;
}

.dark-theme .trade-list-outer li:nth-of-type(2) svg,
.dark-theme .trade-list-outer li:nth-of-type(2) svg path {
  fill: #fff !important;
}

.dark-theme .trade-list-outer li:nth-of-type(2) svg #android_37 {
  fill: #fff !important;
}

.appss .section-heading {
  margin-bottom: 50px;
}

/*19-04-2022*/
/*20-04-2022*/
.how-main-outer {
  padding: 60px 0;
}

.how-outer {
  margin: 40px 0 0;
}

.how-inner .fa {
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 32px;
  margin-right: 15px;
  border-radius: 100%;
  line-height: 60px;
}

.how-inner .fa-user {
  background: rgb(37 161 255 / 15%);
  color: #1E88FF;
}

.how-inner .fa-university {
  background: rgb(165 128 248 / 15%);
  color: #a580f8;
}

.how-inner .fa-usd {
  background: rgb(255 86 104 / 15%);
  color: #ff5668;
}

.how-inner .fa-signal {
  background: rgb(255 166 61 / 15%);
  color: #ffa63d;
}

.how-inner {
  display: flex;
  background: #0D234F;
  padding: 30px 20px;
  height: 160px;
  border-radius: 10px;
}

.how-main-outer h2 {
  font-size: 2.7rem;
}

.dark-theme .how-inner {
  background: #F4F8FF;
}

.dark-theme .how-inner .img-outer img {
  filter: invert(1);
}

.how-inner .content-outer h3 {
  margin: 0 0 0;
  font-size: 22px;
}

.how-inner .content-outer p:last-of-type {
  margin: 5px 0 0;
  opacity: 0.8;
}

.intro-outer {
  margin: 0 auto 50px;
  max-width: 900px;
}

.intro-right h6 {
  margin-bottom: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(4 152 128 / 25%);
}

.intro-right .view-market {
  margin-top: 20px;
}

.intro-main-outer .fade.table-responsive {
  visibility: hidden;
  height: 0;
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
}

.intro-main-outer .show.table-responsive {
  visibility: visible;
  height: 100%;
}

.footer .nav_link li a {
  color: #fff;
}

.dark-theme .footer .nav_link li a {
  color: #06142F !important;
}

.navbar-collapse .navbar-nav .theme-img {
  transition: all ease-in-out 0.25s;
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  margin-top: -8px;
  max-width: 20px;
  cursor: pointer;
}

.dark-theme .navbar-collapse .navbar-nav .theme-img:hover {
  filter: brightness(1);
}

.navbar-collapse .navbar-nav .theme-img:hover {
  filter: brightness(0) invert(1);
}

.register-main-outer {
  min-height: 100vh;
  overflow: hidden;
  /* background: url(../assets/img/register-bg.png) no-repeat bottom right;
  background-size: 580px auto; */
}

.register-inner {
  margin: 0 auto;
  padding: 20px 15px;
  max-width: 500px;
  width: 100%;
}

.register-inner.signup-inner .element-reverse {
  flex-direction: row-reverse;
}

.register-left,
.register-right {
  height: 100%;
  background: #0D234F url(../assets/img/login_bg.png) center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 35px 25px;
}

.register-left {
  position: relative;
  z-index: 1;
}

.register-right {
  background: #0D234F;
  box-shadow: 0px 3px 10px rgb(0 0 0 / 2%);
  -webkit-align-items: unset;
  -moz-align-items: unset;
  -ms-align-items: unset;
  align-items: unset;
  border-radius: 15px;
}

.dark-theme .register-right {
  background-color: #FFFFFF;
}

.register-left .logo-outer {
  margin: 0 0 20px;
}

.register-left .logo-outer img {
  max-width: 120px;
}

.register-right
  .heading-link-outer:not(.signup-main-outer .heading-link-outer) {
  margin: 0 auto;
  max-width: 420px;
  width: 100%;
}

.register-left h1 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 28px;
  line-height: 1.4;
  font-weight: bold;
}

.register-left p {
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
}

.register-right .register-form {
  margin: 20px auto 0;
  max-width: 420px;
  width: 100%;
}

.register-right .register-form.signup-form {
  max-width: 100%;
}

.register-right .register-form .form-control {
  background-color: transparent;
  color: #fff;
  font-weight: 300;
  box-shadow: none !important;
}

.form-control[name="password"],
.form-control[name="cpassword"],
.form-control[name="npassword"] {
  padding-right: 35px;
}

.dark-theme .register-right .register-form .form-control {
  color: #06142F;
  background-color: transparent !important;
}

.register-right .register-form input::-webkit-outer-spin-button,
.register-right .register-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.register-right .register-form .form-control::-webkit-input-placeholder {
  color: #949494;
}

.register-right .register-form .form-control::-moz-placeholder {
  color: #949494;
}

.register-right .register-form .form-control:-ms-input-placeholder {
  color: #949494;
}

.register-right .register-form .form-control:-moz-placeholder {
  color: #949494;
}

.dark-theme
  .register-right
  .register-form
  .form-control::-webkit-input-placeholder {
  color: #06142F;
}

.dark-theme .register-right .register-form .form-control::-moz-placeholder {
  color: #06142F;
}

.dark-theme .register-right .register-form .form-control:-ms-input-placeholder {
  color: #06142F;
}

.dark-theme .register-right .register-form .form-control:-moz-placeholder {
  color: #06142F;
}

.register-right .register-form p {
  font-weight: 500;
  margin: 0;
}

.register-right .register-form a {
  font-weight: 500;
}

.register-right .form-check-label a {
  color: #071A3D;
}

.register-right .register-btn-outer {
  margin: 25px 0 0;
}

.register-right .register-btn-outer .btn {
  width: 100%;
}

.dark-theme .register-right .btn {
  color: #fff !important;
}

.dark-theme .appss-img .light-app-img {
  display: none;
}

.appss-img .dark-app-img {
  display: none;
}

.dark-theme .appss-img .dark-app-img {
  display: block;
}

/*20-04-2022*/
/*21-04-2022*/
.order-history-outer {
  height: 100%;
}

.order-history-outer .panel.panel-default .table-overflow {
  overflow: auto;
  height: 522px;
}

.color-background .buy-sell-outer,
.color-background .order-book-outer {
  height: 100%;
}

.dark-theme .status-outer {
  border-image-source: linear-gradient(to left, #071A3D, #ffffff, #071A3D);
}

.order-book-outer .nav-tabs {
  margin: 0 0 10px;
}

.status-outer .nav-tabs2 .nav-item .nav-link,
.order-book-outer .nav-tabs2 .nav-item .nav-link {
  background-color: transparent;
  padding: 4px 8px;
  display: block;
  text-align: center;
  border-radius: 6px;
}

.status-outer .nav-tabs2 .nav-item:nth-of-type(2) .nav-link {
  border: 1px solid #28a745;
  color: #28a745 !important;
}

.status-outer .nav-tabs2 .nav-item:first-of-type .nav-link {
  border: 1px solid #ee3e4f;
  color: #ee3e4f !important;
}

.status-outer .nav-tabs2 .nav-item:first-of-type .nav-link.active,
.order-book-outer .nav-tabs2 .nav-item:nth-of-type(2) .nav-link.active {
  color: #ffffff !important;
  background: #ee3e4f !important;
}

.status-outer .nav-tabs2 .nav-item:nth-of-type(2) .nav-link.active,
.order-book-outer .nav-tabs2 .nav-item:first-of-type .nav-link.active {
  color: #ffffff !important;
  background: #28a745 !important;
}

.market-news-outer {

  padding: 30px 0px 50px;
  background-repeat: no-repeat;
  background-size: 250px auto;
  background-position: top left, bottom right;
}

.dark-theme .market-news-outer {
  background-color: #fff;
}

.market-news-outer h5 {
  margin: 0 auto 35px;
  padding-bottom: 10px;
  text-align: center;
}

.dark-theme .market-news-outer h5 {
  border-image-source: linear-gradient(to left, #333333, #eceff1, #333333);
}

.market-news-outer .market-inner:not(:last-of-type) {
  border-bottom: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(to left, #ffffff, #333333, #ffffff);
  margin-bottom: 26px;
  padding-bottom: 18px;
}

.dark-theme .market-news-outer .market-inner:not(:last-of-type) {
  border-image-source: linear-gradient(to left, #333333, #ffffff, #333333);
}

.market-news-outer .market-inner .img-outer img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.market-news-outer .market-inner .img-outer {
  border-radius: 8px;
  overflow: hidden;
}

.exchange-main-outer .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}

/*21-04-2022*/
/*22-04-2022*/
.market-news-outer .market-outer {
  margin: 0 auto;
  padding: 20px 15px;
  border-radius: 20px;
  background: #0D234F;
  overflow: auto;
  max-height: 400px;
  height: 100%;
}

.dark-theme .market-news-outer .market-outer::-webkit-scrollbar-thumb {
  background: #333333;
}

.market-news-outer .market-outer::-webkit-scrollbar-thumb {
  background: #eceff1;
}

.dark-theme .market-news-outer .market-outer {
  background: #F4F8FF;
}

.market-news-outer .content-outer h6 {
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.market-news-outer .content-outer h4 {
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.market-news-outer .content-outer p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}

.form-check-inline lable.clasDis {
  position: relative;
  padding-left: 18px;
}

.form-check-inline lable.clasDis:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 13px;
  height: 13px;
  display: block;
  content: "";
  border-radius: 100%;
  background-color: #1E88FF;
  border: 3px solid #fff;
}

.form-check-inline lable.clasDis input:disabled[checked] {
  display: none;
}

.estimated_value lable {
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: -ms-calc(100% - 110px);
}

.estimated_value .form-control {
  width: 100px;
  background-color: #fff !important;
  color: #000 !important;
  border-color: #fff;
}

.dark-theme .estimated_value .form-control {
  background-color: #071A3D !important;
  color: #fff !important;
  border-color: #071A3D;
}

.bghwhite.p2p-main-outer {
  min-height: calc(100vh - 70px);
}

.dark-theme .chat .card-body.contacts_body {
  background-color: #333;
}

.dark-theme .chat .card.contacts_card {
  border-color: #333;
}

.dark-theme .card {
  background-color: #071A3D;
}

/*22-04-2022*/
/*25-04-2022*/
.chat-img-zoom .modal-content {
  background-color: transparent;
  border: none;
}

.chat-img-zoom .modal-body img {
  width: auto;
  background-color: transparent;
}

.chat-img-zoom .close {
  color: #fff;
  opacity: 1;
  font-size: 40px;
  font-weight: normal;
  text-shadow: none;
  cursor: pointer !important;
  text-align: right;
}

/*25-04-2022*/
/*26-04-2022*/
.react-confirm-alert-overlay {
  background-color: transparent !important;
}

.dark-theme .react-confirm-alert-body {
  color: #fff !important;
  background-color: #333;
}

.dark-theme .react-confirm-alert-button-group button {
  background-color: #fff;
  color: #071A3D;
}

.popup-content {
  background-color: #f1f1f1;
  padding: 5px 10px;
  border-radius: 7px;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
}

.popup-content .popup-arrow path {
  fill: #f1f1f1;
}

.light-theme .popup-content {
  background-color: #333333;
  color: #f1f1f1;
}

.light-theme .popup-content .popup-arrow path {
  fill: #333333;
}

/*26-04-2022*/
/*12-07-2022*/
.type-list-outer {
  padding: 5px 13px;
  background-color: #06142F99;
  margin: 0 0 12px;
}

.type-list-outer a {
  color: #fff;
  opacity: 0.6;
  font-weight: 400;
}

.type-list-outer a.active {
  opacity: 1;
}

/*12-07-2022*/
p.text-center.errorsTag {
  color: red;
}

/*17-02-2023*/
.submit-btn {
  margin-top: 32px;
}

.whitelist_scrool.whilist-right-main {
  max-height: 400px;
  line-height: normal;
  overflow: auto;
}

.whitelist_scrool .whitelist-data {
  width: 48%;
  margin-right: 4%;
  display: inline-block;
  margin-bottom: 32px;
}

.whitelist_scrool .whitelist-data:nth-of-type(2n + 2) {
  margin: 0;
}

.wishlist-left,
.whitelist-data {
  padding: 20px 15px;
  background-color: #0D234F;
  border-radius: 15px;
}

.dark-theme .wishlist-left,
.dark-theme .whitelist-data {
  background-color: #F4F8FF;
}

.whitelist-data .white-top {
  border-bottom: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(to left, #0D234F, #ffffff, #0D234F);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.dark-theme .whitelist-data .white-top {
  border-image-source: linear-gradient(to left, #fafafa, #06142F, #fafafa);
}

.white-left-inner h5,
.white-right-inner h5 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  margin: 0;
  word-break: break-all;
  white-space: normal;
}

/*26-05-2023*/
.amount-tabel-main-outer {
  margin: 10px 0 0;
}

.account-popup-outer .modal-content {
  background: #0D234F;
}

select.form-control {
  background-color: #0D234F !important;
}

.dark-theme select.form-control {
  background-color: #F4F8FF !important;
}

/*08-06-2023*/
/*12-06-2023*/
.staking-banner {
  background: url(../assets/img/staking-bg.jpg) no-repeat top left;
  background-size: cover !important;
  padding: 166px 0 80px;
  position: relative;
}

.dark-theme .staking-banner {
  background: url(../assets/img/staking-bg1.jpg) no-repeat top left;
}

.staking-banner:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #06142F;
  z-index: -0;
  opacity: 0.8;
}

.dark-theme .staking-banner:before {
  background-color: #9b9b9b;
  opacity: 0.5;
}

.staking-banner .container {
  position: relative;
  z-index: 0;
}

.staking-banner .staking-right {
  padding: 20px 15px;
  background-color: #0D234F82;
  border-radius: 25px;
  box-shadow: 4px 4px 0px rgba(0 0 0 / 80%);
  backdrop-filter: blur(5px);
}

.dark-theme .staking-banner .staking-right {
  background-color: #d1d1d182;
  box-shadow: 4px 4px 0px rgb(205 205 205 / 80%);
}

.stake-table-outer {
  background-color: #071A3D !important;
}

.dark-theme .stake-table-outer {
  background-color: #fff !important;
}

.search-bar {
  margin: 0 0 30px;
}

.search-bar form {
  max-width: 350px;
}

.search-bar form .form-control {
  padding-right: 57px;
}

.search-bar form .btn {
  top: 1px;
  right: 1px;
}

.search-bar form input::-webkit-input-placeholder {
  color: #fff !important;
}

.search-bar form input::-moz-placeholder {
  color: #fff !important;
}

.search-bar form input:-ms-input-placeholder {
  color: #fff !important;
}

.search-bar form input:-moz-placeholder {
  color: #fff !important;
}

.dark-theme .search-bar form input::-webkit-input-placeholder {
  color: #000 !important;
}

.dark-theme .search-bar form input::-moz-placeholder {
  color: #000 !important;
}

.dark-theme .search-bar form input:-ms-input-placeholder {
  color: #000 !important;
}

.dark-theme .search-bar form input:-moz-placeholder {
  color: #000 !important;
}

.stake-popup .modal-dialog {
  height: calc(100% - 3.5rem);
  height: -webkit-calc(100% - 3.5rem);
  height: -moz-calc(100% - 3.5rem);
  height: -ms-calc(100% - 3.5rem);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 1000px;
}

.stake-popup .modal-content {
  background-color: #0D234F;
}

.stake-popup .modal-body {
  padding: 0;
}

.stake-popup .stake-popup-left,
.stake-popup .stake-popup-right {
  padding: 20px 15px;
  height: 100%;
}

.stake-popup .stake-popup-left {
  background-color: #123B7A;
}

.dark-theme .stake-popup .stake-popup-left {
  background-color: #fff;
}

.stake-popup-left .notice-inner {
  background-color: #0D234F;
  padding: 10px 15px;
}

.dark-theme .stake-popup-left .notice-inner {
  background-color: #d3d3d3;
}

.stake-popup-left .notice-inner .notice-left {
  width: 13px;
  margin-right: 7px;
  margin-top: 3px;
}

.stake-popup-left .notice-inner .notice-right {
  width: calc(100% - 20px);
}

.stake-popup-left .notice-inner .notice-right p:last-of-type {
  margin: 0;
}

.stake-popup-left .coin-outer {
  margin: 15px 0 9px;
}

.stake-popup-left .coin-outer p {
  margin: 0;
}

.stake-popup-left .coin-outer img {
  max-width: 30px;
}

.stake-popup-right .stake-summary {
  display: flex;
  flex-direction: column;
  height: calc(100% - 46.8px);
  height: -webkit-calc(100% - 46.8px);
  height: -moz-calc(100% - 46.8px);
  height: -ms-calc(100% - 46.8px);
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.stake-summary .stake-details ul {
  padding-left: 15px;
  margin-bottom: 10px;
}

.stake-summary .stake-details ul li {
  list-style-type: decimal;
}

.stake-summary .stake-details ul li:not(:last-of-type) {
  margin-bottom: 8px;
}

.stake-summary .stake-details ul li p {
  margin: 0;
}

.stake-summary .stake-details ul li p small {
  font-size: 100%;
}

.stake-summary .est-apr p {
  margin: 0;
}

.stake-popup-right .summary-detail {
  margin-top: 15px;
}

.stake-popup-right .summary-detail ul {
  background: #123B7A;
  padding: 10px 15px;
}

.dark-theme .stake-popup-right .summary-detail ul {
  background: #ffffff;
}

.stake-popup-right .summary-detail ul li:not(:last-of-type) {
  margin-bottom: 8px;
}

.stake-popup-right .summary-detail ul li i,
.stake-popup-right .summary-detail ul li input {
  width: 13px;
  margin-right: 7px;
  margin-top: 3px;
}

.stake-popup-right .summary-detail ul li p {
  width: calc(100% - 20px);
  margin: 0;
  line-height: 1.4;
}

.stake-popup-right .confirm-btn {
  margin: 15px 0 0;
}

.stake-popup .modal-header {
  z-index: 1;
  top: 23px;
  right: 11px;
}

.stake-popup .popup-heading {
  margin: 0 0 18px;
}

.stake-popup .popup-heading h4 i {
  font-size: 15px;
}

.search-bar .my-stack-btn {
  margin-left: 15px;
}

.my-stack-outer {
  padding: 167px 0 80px;
}

/*15-06-2023*/
.stake-table-outer table tr td img {
  max-width: 30px;
  margin-right: 10px;
}

/*15-06-2023*/
/*22-06-2023*/
/*launchpad-page-css-start*/
.staking-banner.launch-banner {
  padding: 166px 0 100px;
}

.staking-banner.launch-banner h1 {
  text-transform: uppercase;
}

.launch-main {
  padding: 70px 0 40px;
}

.launch-outer {
  margin: 40px 0px 0px;
}

.launch-outer .nav-tabs {
  border-bottom: none;
}

.launch-outer .nav-tabs .nav-item {
  margin-bottom: 0;
}

.launch-outer .tab-content {
  margin: 40px 0 0;
}

.launch-box {
  box-shadow: 0px 0px 10px rgb(32 55 106);
  border-radius: 15px;
  border: 1px solid #0D234F;
  overflow: hidden;
  margin-bottom: 30px;
}

.dark-theme .launch-box {
  box-shadow: 0px 0px 10px rgb(141 141 141);
  border-color: #b5adad;
}

.launch-box .content-outer {
  padding: 20px 15px;
}

.launch-box .content-outer p {
  margin: 0;
}

.launch-box .content-outer p b {
  font-weight: 400;
}

.dark-theme .launch-box .content-outer p b {
  color: #06142F !important;
}

.launch-box .content-outer .start-end {
  margin: 6px 0;
}

.launch-faq {
  margin: 20px 0 0;
}

.launch-faq .section-heading {
  margin: 0 0 15px;
}

.launch-faq .card {
  background-color: #0D234F;
  margin-bottom: 25px;
}

.dark-theme .launch-faq .card {
  background-color: #d3d3d3;
}

.launch-faq .card:last-of-type {
  margin-bottom: 0;
}

.launch-faq .card .card-header {
  padding: 0;
}

.launch-faq .card .card-header a {
  display: block;
  text-align: left;
  padding: 10px 15px;
  box-shadow: none !important;
  position: relative;
}

.dark-theme .launch-faq .card .card-header a {
  color: #06142F;
}

.launch-faq .card .card-header a:before {
  position: absolute;
  top: 13px;
  right: 15px;
  display: block;
  content: "-";
  font-size: 80px;
  font-weight: 100;
  transition: all ease-in-out 0.25s;
  line-height: 0;
}

.launch-faq .card .card-header a[aria-expanded="false"]:before {
  content: "+";
  font-size: 27px;
  font-weight: 300;
  top: -2px;
  line-height: normal;
}

.launch-faq .card-body {
  padding: 2px 15px;
  opacity: 0.8;
}
/*launchpad-page-end*/
/*22-06-2023*/
/*23-06-2023*/
/*listing-page-css-start*/
.trade-volume {
  padding: 135px 0 130px;
  background-image: url(../assets/img/listing-bg.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 100% auto;
  background-color: #0D234F;
}

.dark-theme .trade-volume {
  background-color: #F4F8FF;
}

.volume-main .volume-outer {
  width: 19%;
  margin-right: 1.25%;
  border: 2px solid #fff;
  padding: 20px 15px 18px;
  border-radius: 12px;
  background: #06142F75 url(../assets/img/graph-bg.png) no-repeat bottom left;
  background-size: 100% auto;
  backdrop-filter: blur(8px);
}

.dark-theme .volume-main .volume-outer {
  background-color: #f3f3f361;
}

.volume-main .volume-outer:last-of-type {
  margin-right: 0;
}

.volume-main .crypto-pairs {
  margin-bottom: 10px;
}

.volume-main .volume-inner p {
  font-size: 13px;
}

.error {
  color: red;
  font-size: 13px;
}
.listing-main {
  padding: 1px 0 60px;
}

.listing-main .listing-outer {
  
  padding: 30px 0px;
  margin: auto 0;
  
  border-radius: 15px;
  max-width: 100%;
  width: 100%;
}
.listing-fullwidth .container {
  max-width: 100%;
}
.listing-tabs {
  display: flex;
  gap: 10px;
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 10px;
}
.listing-tab-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.listing-tab-btn.active {
  background: #fff;
  color: #0D234F;
  border-color: #fff;
}
.listing-tab-btn:hover {
  border-color: #fff;
}
.lauch-from-grid {
  display: grid !important;
  grid-template-columns: 1fr 50px;
  width: 100%;
}

.lauch-from-grid {
  display: grid !important;
  grid-template-columns: 1fr 100px;
  width: 100%;
  grid-column-gap: 20px;
}

.lauch-from-grid .add-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 7px;
}
.add-row button {
  background: #fff;
  width: 100%;
  height: 43px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 27px;
  cursor: pointer;
  margin: -4px 0 0 0;
}
.home-outer.launchpaid-outer.launchpaid-off .banner-right {
  transform: none;
}

.home-outer.launchpaid-outer.launchpaid-off .banner-right img {
  animation: none;
}
/* .listing-form .form-control {border: 1px solid #465981;} */

.dark-theme .listing-main .listing-outer {
  background-color: #fff;
  border: 4px solid #1E88FF;
}

.search-bar.search-outer {
  margin: 0;
}

.search-btn {
  margin: 0 0 30px;
}

.listing-form .save-cancel button {
  margin-right: 10px;
  border-radius: 5px !important;
}

.listing-form .save-cancel button:last-of-type {
  margin-right: 0px;
}

.listing-form .form-control {
  height: auto !important;
  min-height: 44px;
  font-size: 13px;
}

/*listing-page-css-end*/
/*23-06-2023*/
/*26-06-2023*/
.staking-banner.launch-detail-banner {
  padding: 166px 0 120px;
}

.launch-left {
  border: 2px solid #fff;
  padding: 5px;
}

.dark-theme .launch-left {
  border-color: #06142F;
}

.launch-left img {
  width: 100%;
  height: 141px;
  object-fit: cover;
  object-position: center center;
}

.clock.flip-clock-wrapper {
  margin: 0;
}

.flip-clock-wrapper ul {
  position: relative !important;
  float: left !important;
  margin: 0px !important;
  width: 23px !important;
  height: 26px !important;
  font-size: 22px !important;
  font-weight: 100 !important;
  line-height: 26px !important;
  border-radius: 0px !important;
  background: #000 !important;
}

.flip-clock-wrapper ul li {
  z-index: 1 !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 28px !important;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li a div {
  z-index: 1 !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: 50% !important;
  font-size: 22px !important;
  overflow: hidden !important;
  outline: 1px solid transparent !important;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute !important;
  left: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 200% !important;
  color: #ccc !important;
  text-shadow: 0 1px 2px #000 !important;
  text-align: center !important;
  background-color: #333 !important;
  border-radius: 0px !important;
  font-size: 22px !important;
  font-weight: 100 !important;
}

.flip-clock-wrapper ul li a div.up:after {
  display: none !important;
}

.flip-clock-divider {
  width: 10px !important;
  height: 27px !important;
}

.flip-clock-divider .flip-clock-label {
  right: -35px !important;
  top: 2.9em !important;
}

.flip-clock-dot {
  width: 5px;
  height: 5px;
  left: 2px;
}

.flip-clock-dot.top {
  top: 6px;
}

.flip-clock-dot.bottom {
  bottom: 4px;
}

.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.flip-clock-dot {
  width: 5px !important;
  height: 5px !important;
  left: 3px !important;
}

.flip-clock-dot.top {
  top: 16px !important;
}

.flip-clock-dot.bottom {
  bottom: 17px !important;
}

.balance-amount p {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1;
}

.balance-amount p:last-of-type {
  margin: 0px;
}

.flip-clock-divider.minutes .flip-clock-label {
  right: -42px !important;
}

.flip-clock-divider.seconds .flip-clock-label {
  right: -45px !important;
}

.ongoing-btn .btn {
  width: 100%;
}

.launch-right-inner .login-btn a {
  white-space: normal;
}

.launch-right-inner .middle-space {
  margin: 10px 0;
  min-height: 15px;
}

.launch-right-inner .purchase-amount {
  border: 0;
  height: 100%;
  padding: 0;
}

.dark-theme .launch-right-inner .purchase-amount {
  border-color: #06142F;
}

.launch-right-inner .purchase-amount p {
  font-size: 14px;
}

.purchase-amount form span {
  top: 1px;
  right: 0;
}

.launch-right-inner .purchase-amount .form-group {
  margin: 5px 0 0;
}

.launch-right-inner .form-group .form-control {
  padding-right: 50px !important;
}

.launch-right-bottom {
  margin: 20px 0 0;
}

.launch-right-bottom ul li {
  /* border-right: 1px solid #fff; */
  width: 100%;
  border-radius: 0;
  border-radius: 6px;
  background: transparent !important;
}
.staking-banner.launch-detail-banner.manage-padding {
  padding: 126px 0 70px;
}
.launch-right-bottom ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 0;
  border-radius: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  padding: 0 11px;
  border-radius: 7px;
}
.dark-theme .launch-right-bottom ul li {
  border-color: #06142F;
}
.p-20 {
  padding: 25px;
}
/* .launch-right-bottom ul li:nth-of-type(2) {
  border-left: 0px;
  border-right: 0px;
}

.launch-right-bottom ul li:nth-of-type(3) {
  border-right: 0px;
} */

.launch-right-bottom ul li p {
  margin: 0;
}

.launch-right-bottom ul li p b {
  display: block;
}

.launch-right-bottom ul li p {
  justify-content: space-between;
}

.requirement-main .section-heading {
  justify-content: space-between;
  align-items: center;
}

.requirement-main .community-outer ul li:not(:last-of-type) {
  margin-right: 12px;
}

.requirement-main {
  padding: 50px 0;
}

.requirement-main .requirement-outer {
  border: 0;
  margin: 35px 0 0;
  padding: 0;
}
.requirement-inner.ne_box {
  padding: 20px 25px;
}
.requirement-inner.ne_box h5 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 18px;
}
.requirement-inner ul {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 10px;
}
.requirement-outer .requirement-inner:not(:last-of-type) {
  margin-bottom: 30px;
}

.requirement-outer .requirement-inner p {
  margin: 0;
}

.flip-clock-divider .flip-clock-label {
  color: #fff !important;
}

.dark-theme .flip-clock-divider .flip-clock-label {
  color: #000 !important;
}

/*27-06-2023*/
.react-confirm-alert-body {
  background: #0D234F !important;
  color: #fff !important;
}

.dark-theme .react-confirm-alert-body {
  background: #d3d3d3 !important;
  color: #0047C6 !important;
}

.react-confirm-alert-button-group button {
  background: #0047C6 !important;
}

.dark-theme .react-confirm-alert-button-group button {
  background: #fff !important;
}

#token .card-slider {
  margin-bottom: 70px;
}

#token .card-slider .card-outer {
  margin-right: 15px;
  border-radius: 15px;
}

#token .card-slider .card-outer img {
  border-radius: 15px;
}

/*14-07-2023*/
.react-tel-input .country-list,
.react-tel-input .country-list .search {
  background-color: #06142F !important;
}

.react-tel-input .country-list .country.highlight,
.react-tel-input .country-list .country:hover {
  background-color: #0A2A66 !important;
}

.dark-theme .react-tel-input .country-list,
.dark-theme .react-tel-input .country-list .search {
  background-color: #fff !important;
}

.dark-theme .react-tel-input .country-list .country.highlight,
.dark-theme .react-tel-input .country-list .country:hover {
  background-color: #fff !important;
}

.react-tel-input .form-control:focus {
  background-color: transparent !important;
}

/*24-07-2023*/
.exchange_tab li.active,
.exchange_tab li.active i {
  color: #fff !important;
  font-weight: bold !important;
}

.dark-theme .exchange_tab li.active,
.dark-theme .exchange_tab li.active i {
  color: #06142F !important;
}

/*24-07-2023*/
/*07-08-2023*/
.version-outer {
  padding: 0 15px;
  text-align: right;
}

.version-outer * {
  margin: 0;
}

.dark-theme .home .banner-right img {
  filter: drop-shadow(2px 4px 6px black);
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}

.login-links {
  color: #49B4FF !important;
}

.dark-theme .login-links {
  color: #1E88FF !important;
}

.btn.btn-danger {
  color: #fff !important;
}

/*07-08-2023*/
/*14-07-2023*/
/*10-08-2023*/
.more-blog-main {
  padding: 110px 0 50px;
}

.more-blog-main .more-space {
  margin-bottom: 30px;
}

.blog-main-outer .img-outer {
  padding: 20px 15px;
  border-radius: 20px;
  background: #0D234F;
  max-width: 650px;
  margin: 0 auto;
}

.dark-theme .blog-main-outer .img-outer {
  background: #F4F8FF;
}

.blog-main-outer .img-outer img {
  border-radius: 10px;
  width: 100%;
}

.market-news-outer .more-btn {
  margin: 30px 0 0;
}

.blog-main-outer .blog-date {
  font-size: 45%;
  color: #bfbfbf;
  font-weight: 600;
  display: block;
}

/*10-08-2023*/
/*16-08-2023*/
.intro-left img {
  filter: brightness(0) invert(1);
}

.dark-theme .intro-left img {
  filter: unset;
}

/*16-08-2023*/
/*17-08-2023*/
.exchange_tab {
  white-space: nowrap;
  overflow: auto;
}

/*17-08-2023*/
/*18-08-2023*/
.blog-main-outer .content-outer {
  max-width: 650px;
  margin: 20px auto 0;
}

.modal-content {
  background-color: #06142F;
}

/*18-08-2023*/
/*old-work*/
.PhoneInputInput {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 1rem;
  background: none;
  border: none;
}

#home .banner_tex .btn {
  background-color: #49B4FF !important;
  border-color: #49B4FF !important;
  box-shadow: none !important;
  outline: none !important;
}

.chat_input_new {
  display: flex;
}
.msg-box {
  margin-bottom: 10px;
  display: block;
}
.errorsTag {
  color: "red";
}
.dashbord_manbox .nav-tabs .nav-item a {
  width: 100%;
}
.dashbord_manbox .nav-tabs li a {
  padding: 8px 15px;
}
.dashbord_manbox thead {
  border-bottom: 1px solid #071A3D;
}
.dark-theme .dashbord_manbox thead {
  border-bottom-color: #0D234F;
}
.bg_white {
  background: #fff;
}
.order_bistory {
  height: 635px;
}
.exchange-main-outer .h6_head {
  padding: 0px;
  margin-bottom: 5px;
}
.white_box5 {
  box-shadow: 0px 0px 13px rgb(8 8 8 / 25%);
  border-radius: 25px;
  overflow: hidden;
}
.dark-theme .PhoneInputInput {
  color: #fff;
}
.dark-theme input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.dark-theme .dashbord_manbox .nav-tabs {
  background: #F4F8FF;
}

.dark-theme .bg_white {
  background: #071A3D;
}

.dark-theme .type-list-outer {
  background: #EAF2FF !important;
}

.dark-theme .type-list-outer a {
  color: #06142F;
}

.navbar-brand .logo {
  height: 44px;
}

.dark-theme .navbar-brand .logo {
  filter: unset;
}

/* .navbar-brand .logo {
  filter: brightness(0) invert(1);
} */

.logo2 {
  display: none;
}

body.dark-theme .logo1 {
  display: none;
}

body.dark-theme .logo2 {
  display: block;
  max-width: 180px;
}

/*old-work*/
/*26-08-2023*/
.privacy_policy .count-outer:not(:last-of-type) {
  margin-bottom: 30px;
}

.privacy_policy .count-outer li:not(:last-of-type) {
  margin-bottom: 12px;
}

/*26-08-2023*/
/*21-09-2023*/
.ne_box article {
  height: 350px !important;
}
.ne_box article div {
  height: 350px !important;
}
.live-price {
  padding: 2px 12px;
  background-color: #06142F;
  margin: 3px 0;
}
.live-price h4 {
  font-size: 20px;
}
.dark-theme .live-price {
  background-color: #a9bde5;
}
.order_bistory .market-depth-sell {
  height: 287px;
  border: 1px solid #071A3D;
  overflow: scroll;
}
/*21-09-2023*/
/*27-09-2023*/
.register-form form label {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
}
.get-outer .get-btn {
  top: 3px;
  right: 3px;
}
.get-outer .get-btn button {
  padding: 4px 10px;
}
.get-outer input {
  padding-right: 103px;
}
.get-outer input.otp-verification {
  padding-right: 172px;
}
/*27-09-2023*/
/*28-09-2023*/
.dark-theme .launch-faq .card {
  background-color: #EAF2FF;
  border-color: #002fa1;
}

.launch-box .img-outer {
  height: 160px;
}

.launch-box .img-outer img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  padding: 6px;
  border-radius: 20px;
  overflow: hidden;
}

/*28-09-2023*/
/* 04-10-2023 */
.listing-outer form .form-group img {
  max-width: 150px;
  display: block;
  margin-top: 5px;
}

/*05-01-2024*/
.change-height {
  min-height: 35px;
}
/*05-01-2024*/
/*08-05-2024*/
.home.download-main {
  background-image: none !important;
  padding: 101px 0 0 !important;
}
.why-choose {
  background: #1d3568;
  padding: 60px 0;
}
.dark-theme .why-choose {
  background: #EAF2FF;
}
.choose-outer {
  margin-top: 35px;
}
.choose-outer .choose-inner {
  background: #0D234F;
  padding: 20px 15px;
  border-radius: 10px;
  height: 100%;
}
.dark-theme .choose-outer .choose-inner {
  background: #c0d3ff40;
}
.choose-outer .choose-inner .img-outer {
  margin-bottom: 20px;
}
.choose-outer .choose-inner img {
  filter: brightness(0) invert(1);
  max-height: 80px;
}
.dark-theme .choose-outer .choose-inner img {
  filter: unset;
}
.choose-outer .choose-inner * {
  margin: 0;
}
.notice-outer {
  background: #0D234F;
  padding: 10px 15px;
  margin-bottom: 30px;
  border-radius: 12px;
}
.dark-theme .notice-outer {
  background: #F4F8FF;
}
.notice-outer p:last-of-type {
  margin: 0;
}
/*08-05-2024*/
/*14-05-2024*/
.winloss-outer {
  margin-top: 35px;
  padding-top: 25px;
  border-top: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #0D234F, #fff, #0D234F);
}
.dark-theme .winloss-outer {
  border-image-source: linear-gradient(to right, #F4F8FF, #0D234F, #F4F8FF);
}
.winloss-outer .section-heading {
  margin-bottom: 20px;
}
.winloss-outer .more-space {
  margin-bottom: 25px;
}
.winloss-inner {
  height: 100%;
  background: #0D234F !important;
  color: #ffffff !important;
  border: 1px solid rgba(73, 180, 255, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  padding: 15px 25px;
}
.dark-theme .winloss-inner {
  background: #d9e5ff;
}
.winloss-inner .winloss-left {
  width: calc(100% - 140px);
  width: -moz-calc(100% - 120px);
  width: -ms-calc(100% - 120px);
}
div#token .card-slider {
  display: none;
}
.winloss-left .img-outer {
  width: 30px;
  margin-right: 5px;
}
.winloss-left .left-bottom p {
  margin: 0;
}
.winloss-left .left-bottom {
  margin-top: 7px;
}
.winloss-right p {
  margin: 0;
}
.winloss-inner .winloss-right {
  width: 105px;
  margin-left: 15px;
  text-align: center;
}
.dark-theme .winloss-left .left-bottom .text-white {
  color: #000 !important;
}

.h-fix {
  min-height: 70px;
}
.p-20 {
  padding: 25px !important;
}
.purchase-amount input {
  background: #fff;
  height: 40px;
  padding: 5px 15px !important;
  color: #222;
  margin-top: 5px;
}
.launch-right-inner .login-btn a.btn.btn_man {
  margin-top: 30px;
  height: 40px;
  line-height: normal;
  padding: 8px 20px;
}

.purchase-amount input:hover,
.purchase-amount input:focus {
  background: #fff !important;
  opacity: 1 !important;
  color: #222 !important;
}
.purchase-amount .form-control:disabled,
.dark-theme .form-control[readonly] {
  background: #fff !important;
  opacity: 1 !important;
}

.dark-theme .link-address.position-relative input.form-control.fs12 {
  color: #222;
}

#home .banner-left h2 {
  font-size: 24px;
}
#home .banner-left p {
  font-size: 18px;
  line-height: 30px;
}

.d-show {
  display: block !important;
}
.dp_none.status-outer {
  display: none;
}
.banner-right.position-absolute img {
  max-width: 90%;
}
.home-outer.home-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  align-items: center;
  justify-content: space-between;
}

.dark-theme .content-outer span b {
  color: #000000 !important;
}
.dark-theme .winloss-left .left-bottom p {
  margin: 0;
  color: #000000 !important;
}
.dark-theme .winloss-left .left-bottom .text-white {
  color: #000000 !important;
}
.dark-theme .winloss-inner .winloss-right p {
  color: #000000 !important;
}
.market-news-outer {
  display: none;
}
/*14-05-2024*/
/* 04-10-2023 */
@media (min-width: 768px) {
  .box5 .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

#token {
  background-color: #0b1f44 !important;
  position: relative;
  background-repeat: no-repeat;
  background-size: 250px auto;
  background-position: top left, bottom right;
  padding: 70px 0;
}

.dark-theme #token, .dark-theme .winloss-inner {
  background-color: #ffffff !important;
}

.dark-theme #token, .dark-theme .winloss-inner .content-outer span, .dark-theme #token, .dark-theme .winloss-inner .content-outer span b {
  color: #000 !important;
}

.dark-theme #token {
  background-color: #F4F8FF;
}

#token .boxbody {
  position: relative;
}

.how {
  background: #000000 url(lef-content.png) no-repeat bottom;
  color: #fff;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  padding: 100px 0;
}

.how h2 {
  font-size: 3rem;
}

.tc {
  text-align: center;
}

.right_menu li {
  display: inline-block;
}

.footer {
  background: #0D234F;
  padding: 40px 0 0;
  position: relative;
}

@media (min-width: 992px) {
  .footer .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.dark-theme .footer {
  background: #F4F8FF;
}

.copyright {
  padding: 15px 0;
  border-top: 1px solid rgb(255 255 255 / 20%);
  margin-top: 30px;
  color: #ffffff;
}

.dark-theme .copyright {
  border-color: #c6cad1;
  color: #06142F;
}

.footer h5 {
  margin-bottom: 20px;
  font-weight: 600;
  color: #fff;
}

.dark-theme .footer h5 {
  color: #06142F;
}

.nav_link li a:hover {
  opacity: 1;
}

.vertical-social li {
  display: inline-block;
  margin-right: 10px;
}

.vertical-social li a {
  font-size: 16px;
  border-radius: 100%;
  border: 1px solid #fff;
  width: 35px;
  height: 35px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  color: #fff;
}

.dark-theme .vertical-social li a {
  border-color: #1E88FF;
  color: #1E88FF !important;
}

.vertical-social li a:hover {
  border: 1px solid #06142F;
  background: #06142F;
  color: #fff;
}

.nav_link li {
  margin-bottom: 10px;
}

.boxbody a {
  color: #000;
}

.boxbody {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: hsl(0deg 0% 100% / 7%);
}
.dark-theme .table-striped tbody tr:nth-of-type(odd) {
  background-color: hsl(0deg 0% 0% / 7%);
}
/* .nav-tabs>li .active,
.nav-tabs>li .active:hover {
  color: #fff !important;
  border: none;
  border-bottom: 2px solid #fff !important;
} */

.nav-tabs > li .active,
.nav-tabs > li .active:hover,
.nav-tabs li a:hover {
  color: #fff !important;
  border: none;
  /* border: 2px solid #fff !important;
  background: #0D234F;
  border-radius: 0px 20px 0px 20px; */
}

.dark-theme .nav-tabs > li .active,
.dark-theme .nav-tabs > li .active:hover {
  color: #06142F !important;
  /* border: 2px solid #06142F !important;
    background: #fff; */
}

.nav-tabs.spot li span.active,
.nav-tabs.spot li span:hover {
  border-bottom-color: #fff !important;
}

.dark-theme .nav-tabs.spot li span.active,
.dark-theme .nav-tabs.spot li span:hover {
  border-bottom-color: #000 !important;
}

.white_box.heading-main h6.complete {
  background: url(../assets/img/kyc-check-dark.png) no-repeat center right 0px;
  background-size: 15px auto !important;
}

.white_box.heading-main h6.rejected {
  background: url(../assets/img/kyc-rejected.png) no-repeat center right 0px;
  background-size: 15px auto !important;
}
.white_box.heading-main h6.submitted {
  background: url(../assets/img/kyc-submitted.png) no-repeat center right 0px;
  background-size: 15px auto !important;
}

/* .nav-tabs li a {
  padding: 13px 25px 10px;
  margin: 0;
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
  color: #fff;
} */
.nav-tabs li a {
  padding: 8px 30px 8px;
  margin: 0;
  cursor: pointer;
  font-weight: 600;
  display: inline-block;
  color: #fff;
  transition: 0.5s;
  border-radius: 20px 0 20px 0;
  border: 2px solid transparent !important;
}
.listing-main ::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

ul.nav.nav-tabs.justify-content-center {
  display: flex;
  grid-column-gap: 12px;
}
.dark-theme .nav-tabs li a {
  color: #06142F;
}

.tab_50 {
  width: 50%;
}

.tab_50 a {
  width: 100%;
  text-align: center;
  font-size: 20px;
}

a.b_box:hover {
  margin-top: -10px;
}

a.b_box {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*------ width < 1199px ------*/
@media (max-width: 1199px) {
  .appss-content h1 {
    margin: 0 !important;
  }

  .dark-theme .home .banner-right {
    display: none;
  }

  .navbar-brand .logo {
    max-width: 140px !important;
  }

  .navbar-collapse .navbar-nav .nav-link {
    margin: 0px 0.4rem;
  }

  .dashbord_menu li {
    margin-left: 10px;
  }

  .dashbord_menu li p {
    margin: 0 !important;
  }

  .dashbord_manbox {
    padding: 60px 0px 10px;
  }
}

/*------ width < 991px ------*/
@media (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 8px;
    width: 100%;
    background-color: #123B7A;
    border: 1px solid #123B7A;
  }
  /* new */
  .slick-prev {
    left: 0px !important;
    z-index: 1;
  }
  .slick-next {
    right: 0px !important;
    z-index: 1;
  }
  .slick-next {
    right: -12px;
  }
  #home .banner-left h1 {
    font-weight: bold;
    font-size: 39px !important;
  }
  .how-main-outer h2 {
    font-size: 2rem !important;
  }
  /*  */
  .dark-theme .navbar-collapse {
    background-color: #EAF2FF;
    border-color: #EAF2FF;
  }

  .order-history-outer .panel.panel-default .table-overflow {
    height: 211px;
  }

  .navbar-collapse .navbar-nav .nav-link {
    text-align: left;
    padding: 8px 15px;
    margin: 0;
  }

  .work_box h4 {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .work_box p:last-of-type {
    margin: 0;
  }

  .nav-scroll2 .container-fluid {
    position: static !important;
  }
}

/*------- 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: #49B4FF;
  height: 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.dark-theme .line li .nav-link:after {
  background: #06142F;
}

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

.line li a:hover:after,
.line li.active a:after {
  width: 100%;
}

.line li a:hover {
  color: #fff;
}

/*------ width < 991px ------*/
@media (max-width: 991px) {
  .line li a:hover:before {
    width: 20%;
  }

  .line li a:hover:after {
    width: 20%;
  }
}

.video_baner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  opacity: 0.6;
}

.video_baner {
  opacity: 0.9;
  overflow: hidden;
}

/* .appss {
  background: #0D234F;
} */

.dark-theme .appss {
  background-color: #F4F8FF;
}

.img1 {
  display: none;
}

.work_box:hover .img2 {
  display: none;
}

.work_box:hover .img1 {
  display: inline-block;
}

.work_box .icon-wrapper {
  display: inline-block;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  border: 1px solid #0047C6;
  padding-top: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
}

.work_box:hover .icon-wrapper {
  background: #0047C6;
}

.work_box {
  text-align: center;
}

.work_box h4 {
  margin-top: 15px;
}

.login_box {
  padding: 30px 50px;
  margin: 0px 0 20px;
  background-color: #0D234F;
}
.dark-theme .login_box {
  background-color: #FFFFFF;
}

.login_box .nav-tabs {
  margin-bottom: 40px;
}

.login_box .nav-tabs li a i {
  font-size: 20px;
  margin-right: 6px;
}

.login_box .form-control {
  font-size: 16px;
  height: 40px;
  font-weight: 500;
  border-color: hsl(0deg 0% 100% / 38%);
}

/* .login_box .form-control:focus {
  color: #0D234F;
} */

.login_box .form-control::-webkit-input-placeholder {
  color: #ccc;
}

.login_box .form-control::-moz-placeholder {
  color: #ccc;
}

.login_box .form-control:-ms-input-placeholder {
  color: #ccc;
}

.login_box .form-control:-moz-placeholder {
  color: #ccc;
}

.w100 {
  width: 100%;
}

.btn_man {
  padding: 0.4rem 0.75rem;
  color: #fff;
  border-color: #0047C6;
  background-color: #0047C6;
}

.dark-theme .btn_man {
  border-color: #06142F;
  background-color: #06142F;
  color: #fff !important;
}

.dark-theme .btn_man:hover {
  color: #fff !important;
}

.btn_man2 {
  background: none;
  border: 1px solid #0047C6;
  padding: 0.375rem 0.65rem;
  color: #0047C6;
}

#SubmitHistory .table td {
  vertical-align: middle;
}

.btn_man:hover,
.btn_man2:hover {
  background-color: #123B7A;
  border-color: #123B7A;
  color: #fff;
}

.plan-inner .btn_man {
  padding: 0.3rem 0.75rem;
  font-size: 14px;
}

.dashbord_menu {
  color: #fff;
}

.dashbord_menu li a {
  color: #fff;
}

.dashbord_menu li {
  display: inline-block;
  margin-left: 20px;
  font-weight: 400;
  color: #fff;
}

.dark-theme .dashbord_menu li {
  color: #06142F;
}

.dashbord_menu ul {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  display: flex;
  align-items: center !important;
}

.dashbord_menu li .f35 {
  font-size: 25px;
}

.dashbord_in1 {
  margin: 0 0 0px;
}

.dashbord_in22 {
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 1rem rgb(221 221 221 / 27%);
}

.dashbord_in1 .dashbord_in .form-check {
  color: #fff;
  width: 210px;
  margin-right: 10px;
  padding-left: 0;
}

.dark-theme .dashbord_in1 .dashbord_in .form-check {
  color: #06142F;
}

.dashbord_in1 .dashbord_in .estimated_value {
  width: calc(100% - 220px);
  text-align: right;
  color: #000;
  margin-left: auto;
}

.dark-theme .dashbord_in1 .dashbord_in .estimated_value {
  color: #fff;
}

.kline-para {
  position: relative;
  background: hsl(0deg 0% 100% / 7%);
  border-radius: 10px;
  margin: 3px 0 10px;
  padding: 7px 0;
  width: 100%;
}

#tv_chart_container iframe {
  height: 380px;
  border-radius: 10px;
}

.dark-theme .kline-para {
  background: #F4F8FF;
}

.kline-para.kline-para-basic .box-kline-para-basic-left {
  position: relative;
  border-right: 1px solid #4d576c;
  z-index: 1;
  width: 14%;
  padding: 0px 10px;
}

.kline-para.kline-para-basic .box-kline-para-basic-right {
  position: relative;
  width: 86%;
}

.cls {
  clear: both;
}

.kline-para.kline-para-basic ul li {
  position: relative;
  float: left;
  width: 20%;
  border-right: 1px solid hsl(0deg 0% 100% / 25%);
  padding: 0px 10px;
  margin-right: 0px;
}
.kline-para.kline-para-basic ul li:last-child {
  border-right: 0px solid rgb(75, 83, 101);
}

.kline-para.kline-para-basic ul li h4 {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: 400;
}

.dark-theme .kline-para.kline-para-basic ul li h4 {
  color: #06142F;
}

.productSymbol.has-info strong {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
}

.dark-theme .productSymbol.has-info strong {
  color: #06142F;
}

.productSymbol.has-info font {
  font-weight: 400;
  font-size: 12px;
}

.dark-theme .productSymbol.has-info font {
  color: #06142F;
}

.kline-para li strong {
  font-size: 14px;
  font-weight: 400;
}

.dark-theme .kline-para li strong {
  color: #06142F;
}

.kline-para li .transMoney {
  color: #cc3a3d;
  font-size: 10px;
}

.user-detail-inner-main h6 {
  width: 150px;
  margin-bottom: 0;
  display: inline-block;
  text-transform: capitalize;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

.errorMsg {
  line-height: 15px;
  font-size: 14px;
}

@media (min-width: 1250px) {
  .container {
    max-width: 1250px;
  }
}

@media (min-width: 991px) {
  .nav-tab {
    position: fixed;
    top: 125px;
    width: 282px;
  }
}

.fs12 {
  font-size: 13px;
}

.table-overflow {
  overflow-y: auto;
  overflow-x: hidden;
  height: 278px;
  position: relative;
}

.scrollstyle {
  overflow-y: auto;
  overflow-x: hidden;
  height: 278px;
  position: relative;
}

.tab-box {
  display: block !important;
  height: auto;
  overflow: hidden;
  margin: 0px 0 1px;
  font-weight: 600;
  padding: 0px 0px 0;
}

.exchangeBase #defaultStart {
  padding: 0 2px;
}

.activeTabDefault.ng-binding .iconfont {
  color: #2880ea;
}

.f-fr {
  float: right;
}

.f-fl {
  float: left;
}

.eye_pass {
  position: relative;
}

.eye_pass .password__show {
  position: absolute;
  right: 10px;
  top: 7px;
  cursor: pointer;
  color: #fff;
}

.dark-theme .eye_pass .password__show {
  color: #06142F;
}

.eye_pass_two.eye_pass .password__show {
  top: 38px;
}

.search-box {
  position: relative;
}

.search-box .la-search {
  position: absolute;
  right: 6px;
  top: 5px;
  font-size: 15px;
  color: #fff;
}

.dark-theme .search-box .la-search {
  color: #06142F;
}

.search-box .la-times-circle {
  position: absolute;
  right: 6px;
  top: 5px;
  font-size: 15px;
  cursor: pointer;
}

.in_page {
  padding: 10px 0 40px;
  min-height: 500px;
}

.in_page_help {
  padding: 120px 0 40px;
  min-height: 400px;
}

.in_page2 {
  padding: 30px 0 50px;
}

.search-box.search-box-new input {
  color: #fff;
  border: 1px solid hsl(0deg 0% 100% / 32%);
  border-radius: 4px;
  width: 100%;
  background: none;
  padding: 1px 5px;
  font-weight: 600;
}

.dark-theme .search-box.search-box-new input {
  color: #06142F;
  border: 1px solid #9b9b9b;
}

.panel-body .searchFilter {
  padding: 6px 0;
}

.dark-theme .panel-body .searchFilter {
  background: #F4F8FF;
  border-bottom-color: #06142F;
}

.table.market-con-child > thead > tr > th {
  background: #f7fafc;
  border-right: 0;
}

.radio {
  cursor: pointer;
  margin-right: 9px !important;
  font-size: 12px;
}

.searchFilter .f-fr label {
  line-height: 25px;
}

.searchFilter .f-fr label.radio {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  margin-top: 0px;
  font-weight: 400;
}

.searchFilter .f-fr label.radio input {
  margin-right: 5px;
}

.dashbord_in .panel.panel-default {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 14px;
}
.dashbord_in_top .table td,
.dashbord_in_top .table th {
  padding: 3.8px 5px;
  border-bottom: 1px solid hsl(0deg 0% 100% / 20%);
  border-top: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}
.dark-theme .dashbord_in_top .table td,
.dark-theme .dashbord_in_top .table th {
  color: #000;
  border-bottom: 1px solid hsl(0deg 0% 0% / 20%);
}
.dark-theme .kline-para.kline-para-basic ul li {
  border-right: 1px solid hsl(0deg 0% 0% / 25%);
}
.dashbord_in_top .table tr:last-of-type td {
  border-bottom: none;
}
.dark-theme .dashbord_in_top .table th {
  color: #06142F;
  background: #d7e0f5;
}
.dashbord_in_top .table th {
  color: #fff;
  background: hsl(221.54deg 39.39% 19.41%);
  position: sticky;
  top: 0;
  z-index: 1;
}
.copy-right {
  text-align: center;
  background-color: #0D234F;
  padding: 5px 15px;
}
.in_header {
  background-color: #0D234F;
}
.dark-theme .copy-right,
.dark-theme .in_header {
  background-color: #F4F8FF;
}
.userRecords-main table tbody tr td:nth-of-type(3) {
  color: #42b680 !important;
}
.sell-order-outer .userRecords-main table tbody tr td:nth-of-type(3) {
  color: #f1432f !important;
}
.userRecords-main table tbody tr td:last-of-type button {
  background-color: transparent;
}
.userRecords-main table tbody tr td:last-of-type button i {
  color: #42b680;
}
.userRecords-main table tbody tr td:last-of-type button:nth-of-type(2) i {
  color: #f1432f;
}
.dark-theme .dashbord_in_top .table td.f-left {
  color: #06142F;
}
.dashbord_in_top .currency_table1 tr th,
.dashbord_in_top .currency_table tr td {
  width: 33%;
  padding: 5px;
  font-size: 12px;
}
.currency_table1 tr th:first-child,
.currency_table tr td:first-child {
  width: 150px;
  font-weight: 500;
}
.currency_table tr td:first-child {
  font-size: 13px;
}
.currency_table tr td:first-child small {
  font-weight: bold;
  opacity: 0.7;
}
.balance-outer table tr:nth-of-type(odd) {
  background-color: #e9e9e9;
}
.dark-theme .balance-outer table tr:nth-of-type(odd) {
  background-color: #ebebeb;
}
.balance-outer table tr:nth-of-type(odd) {
  background-color: rgb(255 255 255 / 5%);
}
.balance-outer table tr td {
  padding: 5px 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.currency_table1 tr {
  display: flex;
}
input:active,
input:focus {
  outline: none;
}
.fw600 {
  font-weight: 600;
}
.market-trade .item-title {
  padding-bottom: 30px;
  padding-right: 8px;
  background: #2a2d40;
  border: 1px solid rgb(65 69 93);
  margin-top: 0;
  border-bottom: 1px solid #d8dade;
  height: 39px;
  line-height: 38px;
}
.market-trade .ng-binding {
  text-transform: uppercase;
  opacity: 0.9;
}
.market-trade {
  overflow: hidden;
  margin-bottom: 0 !important;
}
.dark-theme .market-trade {
  background: #F4F8FF;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: #06142F;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(
      180deg,
      #49B4FF,
      #1E88FF,
      #0047C6
  );
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #49B4FF;
}
.dark-theme .color-background .border1 {
  background: #0D234F;
}
.color-background .border1 {
  background: #fff;
  border-radius: 0px;
  min-height: 265px;
  overflow: hidden;
}

#home {
  background-color: #06142F !important;
  overflow: hidden;
  position: relative;
  /* background-image: url(../assets/img/main-bg.png); */
  /* background-image: url(../assets/img/hero-banner.jpg); */
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: top left;
  padding: 80px 0 0 0 !important;
}
.dark-theme #home {
  background-color: #fff;
  background-image: url(../assets/img/main-bg2.png);
}

#home .banner-left h1 {
  font-weight: bold;
  font-size: 55px;
}
.home-outer.launchpaid-outer {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}
.home-outer.launchpaid-outer .banner-right img {
  /* max-width: 310px; */
  /* width: 100%; */
}

.launch-home {
  padding: 130px 0 70px 0 !important;
}

.banner-left .banner-btn-outer {
  margin: 15px 0 30px;
}
.home-outer .banner-left {
  max-width: 600px;
  width: 100%;
}

.home .banner-right {
  /* bottom: 0; */
  /* right: 0; */
  /* max-width: 700px; */
  /* mix-blend-mode: lighten; */
}

.dark-theme .home .banner-right {
  /* mix-blend-mode: unset; */
  /* top: 50%; */
  /* transform: translateY(-50%) perspective(1px) translateZ(0); */
  /* right: 200px; */
  /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
  margin: 0 auto;
}

#home .banner_tex {
  margin: auto;
  text-align: center;
  color: #fff;
  z-index: 9;
  font-size: 25px;
}

#home .banner_tex h1 {
  font-size: 80px;
  font-weight: 600;
  text-transform: uppercase;
}

#home .orderform-main .f-fl {
  width: 100%;
}

.ng-binding {
  margin-top: 0;
  margin-bottom: 0;
}

.orderforms-inputs .iptwrap {
  float: left;
  position: relative;
}

.orderform-main form {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

.orderforms-inputs label {
  display: inline-block;
  width: 30%;
  height: 30px;
  line-height: 30px;
  text-align: left;
  float: left;
  font-size: 13px;
  opacity: 0.8;
}

.orderforms-inputs .iptwrap {
  float: left;
  width: 70%;
  position: relative;
}

.orderforms-inputs .iptwrap .unit {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
  font-size: 12px;
}

.dark-theme .orderforms-inputs .iptwrap .unit {
  color: #06142F;
}

.orderforms-inputs input {
  color: #fff;
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgb(167 167 167);
  height: 28px;
  padding: 5px 45px 5px 5px;
  background: none;
}

.dark-theme .orderforms-inputs input {
  border: 1px solid #939fb7;
  color: #1c1d20;
}

.orderforms-hd {
  padding: 0px 10px 10px;
  overflow: hidden;
}

.orderforms-inputs .field {
  margin-bottom: 10px;
}

.orderforms-inputs .iptwrap .jiantou {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  border-left: 1px solid rgb(179 179 179);
  color: #0e0e0e;
  background-color: #f7fafc;
  font-size: 12px;
  cursor: pointer;
}

.col-min-padding-new .orderforms-inputs .iptwrap .jiantou {
  border-left: 0;
  background-color: #fff;
  color: #647394;
}

.orderforms-inputs .iptwrap .jiantou i {
  display: block;
  padding: 0 5px;
  margin: 0;
  height: 13px;
  line-height: 15px;
  font-size: 12px;
  outline: none;
}

.field4 {
  display: flex;
}
.field4 .col {
  width: 100%;
  height: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-right: 6px;
  border-radius: 4px;
  border: 0;
  display: inline-block;
  background: hsl(0deg 0% 100% / 10%);
  text-align: center;
  cursor: pointer;
  color: #fff;
}
.dark-theme .field4 .col {
  background: #d8e1f9;
  color: #000000;
}

.field4 .col:last-child {
  margin-right: 0px;
}

.dark-theme .orderform-main .ng-binding {
  color: #06142F;
}

.newest strong.transMoney {
  font-size: 14px;
}

.newest {
  background: #242424;
  height: 40px;
  line-height: 35px;
  padding: 4px 10px;
  border-bottom: 1px solid rgb(255 255 255 / 30%);
  border-top: 1px solid rgb(255 255 255 / 30%);
  font-weight: 500;
}

.newest strong {
  color: #00bc8b;
  font-size: 20px;
  line-height: 20px;
}

.market-trade .magenta {
  color: #ff505d !important;
}

.market-trade .green {
  color: #00bc8b !important;
}

.r-market-star {
  color: #0047C6;
}

.it_url {
  margin: 0 38px 0 0;
  margin-left: auto;
}

.mla {
  margin-left: auto;
}

.logout_select {
  width: 100px;
  display: inline-block;
  margin: 0px 20px;
}

.tofa_btn {
  display: flex;
}

.tofa_btn span {
  padding: 5px 10px;
}

.uploader label {
  clear: both;
  width: 100%;
  padding: 0.7rem 1rem;
  text-align: center;
  background: #06142F;
  border-radius: 25px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.dark-theme .uploader label,
.dark-theme .kyc_bg {
  background: #EAF2FF;
}

.kyc_bg img {
  height: 100px;
}

.kyc_bg {
  background: #06142F;
  padding: 15px;
  text-align: center;
  border-radius: 15px;
}

.uploader label.hover {
  border: 3px solid #1E88FF;
  box-shadow: inset 0 0 0 6px #eee;
}

.uploader label.hover #start i.fa {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.3;
}

.uploader #start {
  clear: both;
  width: 100%;
  cursor: pointer;
}

.uploader #start.hidden {
  display: none;
}

.uploader #start i.fa {
  font-size: 50px;
  margin-bottom: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.uploader #response {
  float: left;
  clear: both;
  width: 100%;
}

.uploader #response.hidden {
  display: none;
}

.uploader #response #messages {
  margin-bottom: 0.5rem;
}

.uploader #file-image {
  display: inline;
  margin: 0 auto 0.5rem auto;
  width: auto;
  height: auto;
  max-width: 180px;
}

.uploader #file-image.hidden {
  display: none;
}

.uploader #notimage {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.uploader #notimage.hidden {
  display: none;
}

.uploader progress,
.uploader .progress {
  display: inline;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 180px;
  height: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #eee;
  overflow: hidden;
}

.uploader .progress[value]::-webkit-progress-bar {
  border-radius: 4px;
  background-color: #eee;
}

.uploader .progress[value]::-webkit-progress-value {
  background: linear-gradient(to right, #1E88FF 0%, #1E88FF 50%);
  border-radius: 4px;
}

.uploader .progress[value]::-moz-progress-bar {
  background: linear-gradient(to right, #1E88FF 0%, #1E88FF 50%);
  border-radius: 4px;
}

.uploader input {
  display: none;
}

.uploader div {
  margin: 0 0 0.5rem 0;
  color: #5f6982;
}

.uploader .btn {
  display: inline-block;
  margin: 0.5rem 0.5rem 0 0.5rem;
  clear: both;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  text-transform: initial;
  border-radius: 25px;
  outline: none;
  padding: 0 1rem;
  height: 36px;
  line-height: 36px;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.spacelable {
  height: 20px;
  display: block;
}

.uploader .label_name {
  height: 35px;
  line-height: 20px;
  margin-top: 20px;
}

.uploader .fasi {
  font-size: 4rem;
  color: #ccc;
  margin-bottom: 5px;
  display: block;
}

.dit_ul li {
  list-style: circle;
  margin-left: 20px;
  margin-bottom: 3px;
}

.label_hight {
  height: 41px;
}

.label_hight2 {
  height: 20px;
}

.fs14 {
  font-size: 14px;
}

.dit_ul_inline {
  display: inline-block;
  text-align: left;
}

.progress2 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #849397;
}

.progress2 > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.progress2 > li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #dfe3e4;
  width: 3em;
  height: 3em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 3em;
  border-radius: 100%;
  position: relative;
  z-index: 1000;
}

.progress2 > li:after {
  content: "";
  position: absolute;
  display: block;
  background: #dfe3e4;
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em\9;
}

.progress2 > li:last-child:after {
  display: none;
}

.progress2 > li.is-complete {
  color: #2ecc71;
}

.progress2 > li.is-complete:before,
.progress2 > li.is-complete:after {
  color: #fff;
  background: #2ecc71;
}

.progress2 > li.is-active {
  color: #0047C6;
}

.progress2 > li.is-active:before {
  color: #fff;
  background: #0047C6;
}

.progress__last:after {
  display: none !important;
}

.dashbord_manbox .row {
  margin-right: -5px;
  margin-left: -5px;
}

.dashbord_manbox .col-md-2,
.dashbord_manbox .col-md-3,
.dashbord_manbox .col-md-4,
.dashbord_manbox .col-md-5,
.dashbord_manbox .col-md-6,
.dashbord_manbox .col-md-7,
.dashbord_manbox .col-md-8,
.dashbord_manbox .col-md-9,
.dashbord_manbox .col-md-10,
.dashbord_manbox .col-md-11,
.dashbord_manbox .col-sm-6,
.dashbord_manbox .col-md-11,
.dashbord_manbox .col-sm-4 {
  padding-right: 5px;
  padding-left: 5px;
}

.scrollStyle {
  height: 255px;
  overflow: auto;
  white-space: nowrap;
}

.obo_exchange {
  overflow: hidden;
  overflow-y: auto;
}

.obo_exchange tr th {
  position: sticky;
  top: 0px;
  background: hsl(221.54deg 39.39% 19.41%);
  z-index: 9;
  color: #000;
}
.dark-theme .obo_exchange tr th {
  background: #b3b3b3;
}

.scrollStyle tr th {
  position: sticky;
  top: 0px;
  background: hsl(221.54deg 39.39% 19.41%);
  z-index: 9;
}

.dark-theme .scrollStyle tr th {
  background: #b3b3b3;
}

.dashbord_manbox {
  padding: 67px 0px 10px;
  background-color: #06142F;
}
.s_tabs span {
  background-color: transparent;
  padding: 4px 8px;
  display: inline-block;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
}
.s_tabs {
  padding: 3px;
  border-radius: 10px;
  background-color: hsl(0deg 0% 100% / 10.98%);
}
.s_tabs span.active {
  background: #0D234F;
}
.dashbord_manbox.more-padding {
  padding: 103px 0px 50px;
}

.dark-theme .dashbord_manbox {
  background-color: #ffffff;
}

.dashbord_manbox.zero-balance-outer {
  min-height: 100vh;
}

.dashbord_in {
  margin-bottom: 0px;
}

.userRecords-main {
  border-radius: 4px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: auto;
  height: 200px;
}

.dark-theme .userRecords-main {
  background: #F4F8FF;
}

.in_table .table td,
.in_table .table thead th {
  border-bottom: 0px solid rgb(255 255 255 / 20%);
  border-top: 0px solid rgb(255 255 255 / 20%);
  border-top: 0px solid #dee2e6;
  color: #fff;
}

.dark-theme .in_table .table td,
.dark-theme .in_table .table thead th {
  color: #06142F;
}

.relative {
  position: relative;
}

.absolute_btc {
  position: absolute;
  position: absolute;
  right: 10px;
  top: 8px;
}

.absolute_btc.max-btn {
  top: 24px;
}

.dashbord_manbox .page-link {
  background-color: #eceff1;
  border: 1px solid rgb(0 0 0 / 40%);
}

.dashbord_manbox .page-link:hover {
  color: #000;
  background-color: #0047C6;
  border-color: rgb(255 255 255 / 40%);
}

.bank_btn {
  border: 1px solid #0047C6;
  padding: 10px 15px;
  color: #0047C6;
  width: 100%;
  display: flex;
  border-radius: 8px;
}

.tl {
  text-align: left;
}

.btn_buy {
  background: none;
  padding: 0.275rem 0.75rem;
}

.btn_buy:hover {
  background: #ffc151;
  color: #000;
}

.directions_35_OP {
  text-align: center;
  padding-top: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  max-width: 5%;
}
.modal-header {
  border-bottom: 1px solid hsl(0deg 0% 100% / 32%);
}
.modal-footer {
  border-top: 1px solid hsl(0deg 0% 100% / 32%);
}
.qr_blur {
  width: 100%;

  filter: blur(4px) brightness(0.7);
  border-radius: 6px;
}
.qr_man canvas {
  width: 100% !important;
  height: auto !important;
}
.table_man tbody tr td {
  color: #fff;
  border-radius: 6px;
}

.report_search label {
  display: block;
  margin-bottom: 0;
}

.css_control {
  -webkit-box-align: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-color: rgb(204, 204, 204);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  outline: 0px !important;
  padding: 5px;
}

.report_search .form-group {
  margin-right: 8px;
}

.radio_btns .form-group {
  margin-right: 15px;
}

.fs15 {
  font-size: 15px;
}

.border_t {
  border: 1px solid #ccc;
}

.ttt_value {
  color: #546e7a;
  margin-top: 7px;
  display: block;
  font-weight: bold;
}

.ttt_box {
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  margin-bottom: 10px;
}

.ttt_box123 {
  padding: 15px;
  border-right: 1px solid #ccc;
}

.ttt_box123:last-child {
  border-right: 0px solid #ccc;
}

.ttt_box .ttt_box_icon {
  display: block;
  width: 38px;
  height: 38px;
  margin-right: 15px;
  border-radius: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
}

.updo_icon {
  font-size: 18px;
  margin-right: 5px;
}

.up_color {
  color: #43a253;
}

.do_color {
  color: #d84314;
}

.th_ud {
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 6px;
  left: -2px;
  position: relative;
  border-radius: 12px;
}

.th_ud .la-caret-up {
  position: absolute;
  display: block;
  cursor: pointer;
  font-size: 13px;
  left: 2px;
  top: 0;
}

.th_ud .la-caret-down {
  position: absolute;
  display: block;
  cursor: pointer;
  font-size: 13px;
  left: 2px;
  bottom: 0;
}

.ttt_box_icon1 {
  background: rgb(52 152 219 / 30%);
  color: #0047C6;
}

.ttt_box_icon2 {
  background: rgb(67 160 71 / 30%);
  color: #43a047;
}

.ttt_box_icon3 {
  background: rgb(216 67 20 / 30%);
  color: #d84314;
}

.bg_striped {
  background-color: #f7f7f7;
}

.bg_striped .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgb(255 255 255);
}

.bank_btn_wite {
  color: #fff;
  padding: 7px 15px;
  margin-right: 10px;
  width: auto;
}

.margin_btn {
  border: 1px solid #123B7A;
  padding: 10px 15px;
  color: #123B7A;
  border-radius: 8px;
}

.m150 {
  max-width: 150px;
  color: #000000;
  font-weight: bold;
}

.form-group2 {
  margin-bottom: 2rem;
}

.form-group label {
  font-size: 14px;
  font-weight: 600;
}

.days_btn {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}

.days_btn .btn {
  width: 100%;
  margin: 0 5px;
}

.days_btn .btn.active {
  color: #c99400;
  font-weight: 600;
}

.op05 {
  opacity: 0.6;
}

.color5 {
  color: #03a66d;
}

.color6 {
  color: #d24058;
}

.loan-left {
  padding-right: 80px;
  border-right: 1px solid #dcdcdc;
}

.loan-right {
  padding-left: 80px;
}

.top_r_li li {
  display: inline-block;
  margin-right: 20px;
}

.loan_top {
  margin-top: -32px;
  padding: 30px 0;
  background: #f3f2f2;
}

.loan_top i {
  font-size: 20px;
  margin-right: 4px;
}

.coin_img {
  width: 25px;
  margin-right: 12px;
}

.loan_top_wite {
  background: #fff;
}

.fee_0 {
  background: #70be5a;
  color: #fff;
  padding: 5px 10px;
  margin-left: 10px;
  border-radius: 20px;
}

.advertisers_name {
  font-size: 25px;
}

.price_text {
  font-size: 25px;
}

.available_name {
  width: 65px;
  opacity: 0.7;
  display: inline-block;
}

.td_middle td {
  vertical-align: middle;
}

.in_hadding {
  margin-bottom: 30px;
}

.faq p {
  margin: 0;
}

.faq-title {
  margin-bottom: 0;
}

.faq .card-body {
  padding-top: 0;
}

.navbar {
  padding: 0.5rem;
}

.navbar > .container,
.navbar > .container-fluid {
  position: relative;
}

.dark-theme .modal-content {
  color: #06142F;
  background-color: #fafafa;
}

.dark-theme .modal-header {
  border-bottom-color: #06142F;
}

.dark-theme .border-top {
  border-top: 1px solid #336059 !important;
}

.modal_p {
  padding: 30px;
}

.privacy_policy {
  padding: 60px 0 50px !important;
}

.timezone-picker-textfield input {
  padding: 4px 0 !important;
  border: none !important;
}

.ReactModal__Overlay {
  inset: 0px;
  background-color: rgb(0 0 0 / 75%) !important;
  z-index: 99;
}

.ck.ck-editor {
  color: #000;
}

#add-user-modal {
  min-width: 460px;
  max-width: 460px;
  max-height: 360px;
  margin: auto;
  text-align: center;
}

#add-user-modal h2 {
  font-size: 30px;
  color: #000 !important;
}

.timezone-picker {
  display: block !important;
}

.timezone-picker-list {
  position: absolute !important;
  z-index: 5;
  background: #fff;
}

.form-control {
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  background: none;
  background-clip: padding-box;
  border: 1px solid hsl(0deg 0% 100% / 42%);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: 400;
  min-height: 45px;
}
.border-top {
  border-top: 1px solid hsl(0deg 0% 100% / 30%) !important;
}
body .react-tel-input .form-control {
  color: #fff;
  background: none;
  border: 1px solid hsl(0deg 0% 100% / 40%) !important;
  padding-top: 0.407rem !important;
  padding-bottom: 0.407rem !important;
}
body .register-form .react-tel-input .form-control,
body.dark-theme .register-form .react-tel-input .form-control {
  border: none !important;
  /* padding: 5.5px 14px 5.5px 59px!important; */
}

body.dark-theme .react-tel-input .form-control {
  color: #06142F !important;
  border: 1px solid #06142F !important;
}

.form-control::-webkit-input-placeholder {
  color: #ccc !important;
}

.form-control::-moz-placeholder {
  color: #ccc !important;
}

.form-control:-ms-input-placeholder {
  color: #ccc !important;
}

.form-control:-moz-placeholder {
  color: #ccc !important;
}

.dark-theme .form-control::-webkit-input-placeholder {
  color: #000 !important;
}

.dark-theme .form-control::-moz-placeholder {
  color: #000 !important;
}

.dark-theme .form-control:-ms-input-placeholder {
  color: #000 !important;
}

.dark-theme .form-control:-moz-placeholder {
  color: #000 !important;
}

.dark-theme .form-control {
  color: #06142F !important;
  border: 1px solid #06142F;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #fff;
  background: none;
  outline: 0;
}

.dark-theme .form-control:focus {
  color: #fff;
}

.form-control::-webkit-input-placeholder {
  color: #808080;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #808080;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #808080;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #808080;
  opacity: 1;
}

.form-control::placeholder {
  color: #808080;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background: none;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #000;
  background: none;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff;
}

.dark-theme input:-webkit-autofill,
.dark-theme input:-webkit-autofill:hover,
.dark-theme input:-webkit-autofill:focus,
.dark-theme input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #06142F;
}

.whitelist_scrool {
  overflow-y: auto;
  max-height: 400px;
}

.scrool_wallet_box {
  overflow-y: auto;
  max-height: 400px;
}

.ticket-history-outer .scrool_wallet_box {
  max-height: 560px;
}

.wallet_box .scrool_wallet_box::-webkit-scrollbar {
  height: 5px;
}

.wallet_box .scrool_wallet_box::-webkit-scrollbar-thumb {
  background: #6c6c6c;
}

.dark-theme .bghwhite {
  background-color: #fff;
}

.in_page .padding_d h5 {
  color: #fff;
}

body .css-1s2u09g-control,
.css-1pahdxg-control {
  background-color: #071A3D !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: none !important;
}

.css-qc6sy-singleValue {
  color: #fff !important;
}

body .css-2613qy-menu {
  background-color: #071A3D !important;
}

.scrool_wallet_box th {
  position: sticky;
  top: 0px;
  background: #f9f9f9;
}

.btn_d {
  background: none;
}

.br15 {
  border-radius: 15px;
}

.w100px {
  width: 100px;
}

.add_fileinput {
  border: 1px solid #fff;
  padding: 8px 15px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
}

.dark-theme .add_fileinput {
  border: 1px solid #06142F;
}

.add_fileinput input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.m_0_a {
  margin: 0 auto;
}

a {
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.dark-theme a {
  color: #0d4bd1 !important;
}

.dark-theme .content-outer a,
.dark-theme .register-right a {
  color: #06142F;
}

.heading-primary2 {
  font-size: 40px;
}

.servicebox {
  background: #fff;
}

.servicebox .srt_box {
  margin: 15px 0;
}

.servicebox .srt_box img {
  height: 100px;
}

.alert_man {
  position: absolute;
  right: 30px;
  bottom: 20px;
  padding: 0.5rem 1rem;
}

.servicebox .srt_box img {
  -webkit-transition: 0.6s ease-out;
  -moz-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  margin-bottom: 15px;
}

.servicebox .srt_box:hover img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.privacy_policy strong {
  display: block;
}

.privacy_policy ol li {
  list-style: decimal;
  margin-left: 20px;
}

.user_dropdown:hover .dropdown-menu2 {
  display: block;
}

.dashbord_menu li .dropdown-menu2 a i {
  margin-right: 8px;
  font-size: 20px;
}

.dashbord_menu li .dropdown-menu2 a {
  color: #fff;
  display: flex;
  font-size: 14px;
  padding: 4px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dark-theme .dashbord_menu li .dropdown-menu2 a {
  color: #06142F !important;
}

.dashbord_menu li .dropdown-menu2 a:hover {
  color: #4269bd;
}
.dropdown-menu2 {
  padding: 10px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  width: 165px;
  display: none;
  float: left;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #0D234F;
  background-clip: padding-box;
  border: 1px solid rgb(255 255 255 / 15%);
  border-radius: 0.25rem;
}

.dark-theme .dropdown-menu2 {
  background-color: #EAF2FF;
  border-color: #EAF2FF;
}

.dropdown_user {
  padding: 20px 40px 15px 15px;
  left: auto;
  right: 0;
  min-width: max-content;
}

.dropdown_user a {
  color: #000;
  margin-bottom: 7px;
  display: flex;
}

.dropdown_user a:hover {
  text-decoration: underline;
}

.dropdown_user span {
  display: flex;
  margin-bottom: 5px;
}

.dropdown_user i {
  font-size: 18px;
  margin-right: 5px;
  width: 20px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
}

.login_box .btn:disabled {
  opacity: 1;
}

.login_box .errorMsg {
  color: red;
  font-size: 14px;
  margin-top: 3px;
}

.img-fluid22 {
    cursor: pointer;
    max-width: 100%;
    border-radius: 15px;
    margin-bottom: 10px;
    max-height: 250px;
}

.width_table_img {
  height: 60px;
}

.right_side_div {
  text-align: right;
  color: #7ba5ff;
}

.dark-theme .right_side_div {
  color: #000000;
}

.charting-part:not(:last-of-type) {
  margin-bottom: 15px;
}

.chatting-inner {
  background-color: #304a83;
  padding: 5px 12px;
  border-radius: 6px;
  display: inline-block;
}

.dark-theme .chatting-inner {
  background-color: #c7d4ed;
}

.left_side_div .chatting-inner {
  background-color: #142956;
}

.dark-theme .left_side_div .chatting-inner {
  background-color: #959595;
}

.right_side_div h4 {
  display: inline-grid !important;
}

.charting-part h5 {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 600;
  margin-top: 20px;
}

.charting-part p {
  font-size: 17px;
  margin: 0px;
  word-break: break-all;
  font-weight: 500;
}

.charting-part h4 {
  display: flex;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.bg_white22 {
  background: #0D234F;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 25px;
  height: 100%;
}

.dark-theme .bg_white22 {
  background: #F4F8FF;
}

.bg_white22 img {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 110px;
  background: #f4f4f5;
}

.bg_white22 div p {
  margin-bottom: 0;
}

.bg_white21 {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
}

.bg_white21 .chat_user_pc {
  background: #e4e4e4;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  border-radius: 100%;
  color: #000;
}

.left_chat_scrool {
  height: 462px;
  overflow-y: auto;
  padding-right: 10px;
}

.table_hadding {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dark-theme .table_hadding {
  background: #F4F8FF;
}

.viewmore_brn {
  font-weight: 600;
  color: #ffcf61;
}

.dashbord_manbox .table td .btn {
  font-size: 14px;
  padding: 0.15em 0.3rem;
}

.table_list .table td,
.table_list .table th {
  padding: 0.5rem;
  vertical-align: middle;
  color: #fff;
}

@media (max-width: 991px) {
  .navdashbord,
  .navdashbord.nav-scroll {
    padding: 0px 0;
    z-index: 9;
    min-height: auto;
    position: fixed;
    top: 55px;
    -webkit-transform: inherit;
    transform: inherit;
  }

  .navbar-brand img {
    height: 30px;
  }

  .navbar-brand {
    margin-top: -2px;
  }

  .in_page,
  .dashbord_in1,
  .in_page_help {
    padding: 0px 0 30px;
  }

  .left_tab {
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 6px 15px 7px;
  }

  .left_tab ul {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 5px;
  }

  .left_tab ul a {
    width: max-content;
    padding: 0px 8px;
  }

  .padding_d {
    padding-left: 15px;
  }

  .white_box {
    padding: 12px;
  }

  .right_menu {
    position: absolute;
    right: 58px;
    top: 3px;
  }

  .right_menu li a {
    padding: 2px 10px;
    margin-left: 10px;
  }

  .login_box {
    padding: 20px 15px;
    margin: 80px 0 20px;
  }

  .dashbord_menu {
    position: absolute;
    right: 62px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  .navbar {
    padding: 0.5rem 15px 0.5rem;
    min-height: 55px;
  }

  .navbar .container {
    max-width: 100%;
    position: static;
  }

  .navdashbord,
  .navdashbord.nav-scroll {
    padding: 0px 0;
    z-index: 99;
    min-height: auto;
  }

  .navbar-toggler {
    position: absolute;
    right: 15px;
    top: 13px;
  }

  .dashbord_menu li.renone {
    display: none;
  }

  .alert_man {
    bottom: 0;
  }

  .uploader {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .whitelist_scrool {
    overflow-y: auto;
    max-height: 250px;
  }

  .bg_white22 {
    padding: 20px;
  }

  #add-user-modal {
    min-width: 250px;
    max-width: 250px;
  }

  .four_btn {
    width: 390px;
  }

  .modal_p {
    padding: 5px;
  }

  .kline-para.kline-para-basic {
    display: block !important;
  }

  .kline-para.kline-para-basic .box-kline-para-basic-left {
    border-right: 0;
    width: 100%;
    padding: 5px 20px;
  }

  .kline-para.kline-para-basic .box-kline-para-basic-right {
    width: 100%;
  }

  .kline-para.kline-para-basic ul li {
    width: 50%;
    border-right: 0px solid rgb(65 69 93);
    padding: 0 15px 15px;
    height: auto;
  }

  .nav-tabs {
    flex-wrap: inherit;
    display: flex;
  }

  .nav-tabs li a {
    padding: 13px 15px 10px;
    width: max-content;
  }

  .home h3 {
    font-size: 25px;
    margin-top: 0;
  }

  a.b_box {
    margin-bottom: 10px;
  }

  .login_box .tr {
    text-align: center;
  }

  .home p {
    font-size: 20px;
    line-height: 24px;
  }

  .padding {
    padding: 30px 0;
  }

  .about-content {
    padding-top: 15px;
  }

  .heading-primary {
    font-size: 22px;
  }

  .footer h4 {
    margin-top: 25px;
  }

  #home .banner_tex h1 {
    font-size: 40px;
    margin-top: 50px;
  }

  .p60 {
    padding: 35px 0;
  }

  .how {
    padding: 50px 0;
  }

  .how h2 {
    font-size: 2rem;
  }

  .appss-content h1 {
    font-size: 2rem;
  }

  .footer {
    padding: 35px 0 0;
  }

  .footer .logo {
    margin-bottom: 20px;
  }

  #add-user-modal h2 {
    font-size: 20px;
  }

  #add-user-modal img {
    width: 100px;
  }
}

.faqq .card {
  margin-bottom: 10px;
  background-color: #0D234F;
}

.dark-theme .faqq .card {
  background-color: #fafafa;
}

.faqq .card p {
  margin: 0;
}

.faqq .card-header {
  background: #0D234F;
  border: initial;
  border-radius: 10px !important;
}

.dark-theme .faqq .card-header {
  background: #fafafa;
}

.faqq .card-header a {
  font-size: 16px;
  display: block;
  letter-spacing: 0px;
  font-weight: 500;
}

.faqq .card-header .rotate-icon {
  height: 34px;
  width: 34px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: 7px;
  text-align: center;
  line-height: 34px;
  font-size: 18px;
  color: #fff;
}

.dark-theme .faqq .card-header .rotate-icon {
  color: #06142F;
}

.faqq .card .fa-caret-down:before {
  content: "\f0d8";
}

.faqq .card .collapsed .fa-caret-down:before {
  content: "\f0d7";
}

body .bd,
body .cv {
  background: none;
  border: 1px solid rgb(0 0 0 / 20%);
  border-radius: 5px;
}

body div.bl,
body div.bl:focus,
body div.bl:active {
  padding: 6px 10px;
}

.exchange_tab li {
  display: inline-block;
  padding: 0px 10px 5px;
  font-size: 13px;
  color: #c3c3c3;
  font-weight: 400;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.dark-theme .exchange_tab li {
  color: #868686;
  border-bottom: 1px solid transparent;
}

.exchange_tab li.active {
  border-bottom: 1px solid #fff;
  color: #fff;
}

.dark-theme .exchange_tab li.active {
  border-bottom: 1px solid #06142F;
  color: #06142F;
}

.currency_table tr > a {
  display: flex;
}

.currency_table tr.active {
  background: #06142F7a;
  border-left: 3px solid #1E88FF;
}

.dark-theme .currency_table tr.active {
  background: #EAF2FF !important;
  border-left: 3px solid #1E88FF;
}

.dark-theme .currency_table tr.active td {
  background: transparent !important;
}

.currency_icon {
  width: 22px;
  margin-right: 8px;
}

.new_inpage {
  padding: 90px 0 50px;
  min-height: 600px;
}

.nav-tabs.spot {
  background: #eeeff1;
}

.nav-tabs.spot li span {
  padding: 13px 10px 10px;
  display: inline-block;
  border-bottom: 2px solid transparent !important;
  cursor: pointer;
  font-weight: 500;
  color: hsl(0deg 0% 100% / 80%);
}

.dark-theme .nav-tabs.spot li span {
  border-bottom-color: #00201b;
  color: #5c709d;
}

.nav-tabs.offer_beu.spot::-webkit-scrollbar {
  height: 3px;
}

.nav-tabs2 li a {
  padding: 7px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  background: #06142F;
  color: #fff;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.dark-theme .nav-tabs2 li a {
  background: #ffffff;
  color: #06142F;
}

.nav-tabs2 li a.active {
  color: #fff !important;
  background-color: #2e4985;
}

.not_found {
  display: flex;
  height: 100vh;
  background: #0047C6;
}

.dark-theme .not_found {
  background: #0047C6;
}

.dark-theme .not_found h1 {
  color: #fff;
}

.not_found div {
  margin: auto;
  text-align: center;
}

.transactions_table tr th,
.transactions_table tr td {
  width: 100px;
}

article {
  height: 456px !important;
}

article > div {
  height: 456px !important;
  overflow: hidden;
}

.ip_width {
  word-break: break-all;
  min-width: 200px;
}

.td_date {
  min-width: 100px;
}

.buyselll_box {
  text-align: right;
}

.buyselll_box ul {
  display: inline-block;
  flex-wrap: initial;
  background: #06142F;
  padding: 4px;
  border-radius: 5px;
  font-size: 14px;
}

.dark-theme .buyselll_box ul {
  background: #fff;
}

.buyselll_box ul li {
  display: inline-block;
}

.buyselll_box ul li a {
  padding: 4px 10px;
  color: #fff;
  display: inline-block;
}

.dark-theme .buyselll_box ul li a {
  color: #0D234F;
}

.buyselll_box ul li a.active {
  background: #0047C6;
  border-radius: 3px;
  color: #fff !important;
}

.coin_box {
  display: flex;
  background: #eceff1;
  border-radius: 14px;
  padding: 15px;
}

.dark-theme .coin_box {
  background: #161616;
}

.coin_box img {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}

.h4_hadding {
  text-transform: uppercase;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .faqq h1 {
    font-size: 1.5rem;
  }

  .new_inpage {
    padding: 75px 0 50px;
    min-height: auto;
  }

  .white_box h5 {
    font-size: 17px;
  }

  .white_box h3 {
    font-size: 26px;
  }

  .alert_man {
    right: 23px;
    bottom: 20px;
  }

  .bg_white {
    padding: 15px;
  }

  .faqq .card-header a {
    padding-right: 15px;
  }

  .Authenti {
    padding-left: 16px;
  }
}

ul.nav.nav-tabs.offer_beu.mb-5.spot li {
  margin-right: 10px;
}

.underline {
  text-decoration: underline;
}

.my_color_buy {
  background-color: rgb(66, 182, 128) !important;
  color: white;
  font-weight: 700;
  border-color: #42b680;
}

.my_color_sell {
  background-color: rgb(241, 67, 47) !important;
  color: white;
  font-weight: 700;
  border-color: #f1432f;
}

.p-2 {
  padding: 0.5rem !important;
}

.border2 {
  background: rgb(85, 189, 108);
  border-radius: 0.25rem;
  color: white;
}

.border2 > a {
  color: white !important;
  font-weight: 700;
}

.border3 {
  background: rgb(241, 67, 47) !important;
  border-radius: 0.25rem;
  color: white;
}

.border3 > a {
  color: white !important;
  font-weight: 700;
}

div#tv_chart_container1 > iframe {
  height: 100vh;
  width: 100vw;
}

.support-img {
  margin-top: 10px;
  border-radius: 10px;
}

.chart > article > div {
  height: 100vh !important;
}

.chart > article > div > div > {
  width: 100vw !important;
  height: 100vh !important;
}

.chart > article > div > div > iframe {
  width: 100vw !important;
  height: 100vh !important;
}

.banner_box {
  background: #fff;
  padding: 30px 50px 50px;
  position: relative;
  margin: 0px auto 40px;
  border-radius: 25px;
  max-width: 800px;
  color: #fff;
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%);
  text-align: left;
}

.dark-theme .banner_box {
  background: #071A3D;
}

.home-banner {
  padding: 180px 0px 140px 0px;
}

.price_left {
  position: absolute;
  right: 220px;
  top: 33px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.home-banner {
  padding: 180px 0px 140px 0px;
}

.walletClass {
  max-width: 800px;
  margin: 0 auto 20px;
  word-break: break-all;
}

.copy_button {
  right: 1px;
  top: 1px;
}

#referral_link {
  word-break: break-all;
}

.new_tabtab {
  border-bottom: 1px solid #585858;
  margin-bottom: 50px;
}

.new_tabtab li a {
  font-size: 18px;
  text-transform: uppercase;
  padding: 0.7rem 1rem;
  border-bottom: 2px solid #071A3D;
  margin-right: 35px;
  color: #7b7878;
  font-weight: 600;
}

.new_tabtab li a.active {
  color: #49B4FF;
  border-bottom: 2px solid #49B4FF;
}

.banner_box h3 {
  font-size: 24px;
}

body .control_new:focus,
body .control_new:active {
  outline: none !important;
  box-shadow: none;
  border-bottom: 1px dashed #49B4FF;
  color: #000;
}

body.dark-theme .control_new:focus,
body.dark-theme .control_new:active {
  color: #fff;
}

body .control_new {
  font-size: 20px;
  background: none;
  color: #000;
  border: none;
  outline: none;
  width: 100%;
  border-bottom: 1px dashed #49B4FF;
  padding-bottom: 10px;
  border-radius: 0;
  padding: 10px 0;
}

body.dark-theme .control_new {
  color: #fff;
}

body .swap_part {
  padding: 3.5rem 0 5rem 0;
  z-index: 1500;
}

body .control_new::-webkit-outer-spin-button,
body .control_new::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body .control_new[type="number"] {
  -moz-appearance: textfield;
}

body .control_new::placeholder {
  color: #696968;
  opacity: 1;
  font-size: 18px;
}

body .control_new:-ms-input-placeholder {
  color: #696968;
  font-size: 18px;
}

body .control_new::-ms-input-placeholder {
  color: #696968;
  font-size: 18px;
}

.btn.buyyy,
.btn.busdBuy {
  background: #49B4FF;
  color: #000;
  padding: 8px 25px;
  font-weight: 600;
}

.exchange_icon {
  text-align: center;
  font-size: 20px;
  margin-top: 40px;
  color: #c3c3c3;
  cursor: pointer;
}

.haddingeth {
  font-size: 26px;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.b_header {
  border-bottom: 1px dashed #908fa8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.banner_box2 {
  padding: 50px 30px;
}

.banner_box .col-sm-62 {
  padding-left: 30px;
}

.banner_box h6 {
  font-size: 18px;
}

.banner_box .col-md-3 h4 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.carbon-layout .hero-main .banner_box .row > div {
  order: 1;
}

.h_100 {
  height: 100%;
}

.user_profile {
  width: 115px;
  height: 115px;
  border-radius: 100%;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.kyc_h5 {
  font-size: 15px;
  word-break: break-all;
}
.ne_box {
  background: hsl(0deg 0% 100% / 7%);
  padding: 13px 10px;
  border-radius: 10px;
}
.dark-theme .ne_box {
  background: #F4F8FF;
}
.register-right .register-form .form-control.country-input {
  padding-left: 92px;
}
.react-tel-input .form-control {
  padding: 6px 0 0 50px !important;
  width: 100% !important;
  margin: 0 !important;
  background-color: #fff;
  border: none !important;
}
.react-tel-input.country-code {
  max-width: 90px;
  top: 1px;
  bottom: 1px;
  left: 1px;
  height: 33px;
}
.dark-theme .s_tabs {
  background-color: hsl(222deg 60% 90.2%);
}
.dark-theme .s_tabs span.active {
  background: #ffffff;
}

@media only screen and (max-width: 600px) {
  .new_tabtab li a {
    margin-right: 0;
    font-size: 14px;
    padding: 0.4rem 0.7rem;
  }
  .banner_box {
    padding: 20px;
    margin: 0 auto 0;
  }
  .re_tc {
    text-align: center;
  }
  .banner_box h5 {
    font-size: 1.1rem;
  }
  .home-banner {
    padding: 90px 0px 80px;
  }
  .initializeClass .btn {
    padding: 6px 10px;
    font-size: 13px;
  }
  .banner_box h4 {
    font-size: 18px;
  }
  .new_tabtab {
    margin-bottom: 20px;
  }
  .col-md-5.tr {
    text-align: center;
  }
  .haddingeth {
    text-align: center;
  }
  .exchange_icon {
    margin: 20px 0;
  }
  .exchange_icon i {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
/*Responsive*/
@media (max-width: 1199px) {
  .home .banner-right {
    max-width: 550px;
  }
  .how-main-outer {
    padding: 50px 0 30px;
  }
  .how-outer {
    margin: 0px 0 0;
  }
  .how-inner {
    padding: 20px 10px;
    height: auto;
  }
  .how-main-outer h2 {
    font-size: 2.1rem;
  }
  .how-inner .fa {
    width: 40px;
    height: 40px;
    font-size: 22px;
    margin-right: 10px;
    line-height: 40px;
  }
  .p60 {
    padding: 40px 0;
  }
  .ne_box {
    padding: 10px 5px;
  }
  .orderforms-inputs {
    padding: 0 !important;
  }
  .field4 .col {
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    padding: 0 5px;
  }
  .staking-banner {
    padding: 100px 0 60px;
  }
  #token {
    padding: 40px 0;
  }
  .staking-banner.launch-banner {
    padding: 110px 0 60px;
  }
  .h4,
  h4 {
    font-size: 1.1rem;
  }
  body {
    font-size: 14px;
  }
  .small,
  small {
    font-size: 78%;
  }
  .register-inner {
    margin: 0 auto 0 15px;
  }
  .register-main-outer {
    background-size: 400px auto;
  }
}
@media (max-width: 991px) {
  #home .banner_tex {
    padding: 150px 0;
  }
  #home {
    height: auto;
  }
  #home {
    padding: 100px 0;
  }
  .home .banner-right {
    max-width: 400px;
  }
  #token table {
    white-space: nowrap;
  }
  .how-outer .mt-md-4 {
    margin: 0 !important;
  }
  .how-main-outer {
    padding: 35px 0 30px;
  }
  .how-main-outer .section-heading {
    margin-bottom: 25px;
  }
  .how-main-outer h2 br {
    display: none;
  }
  .footer h5 {
    margin-bottom: 12px;
  }
  .nav_link li {
    margin-bottom: 5px;
  }
  .footer .nav_link {
    margin-top: 25px;
  }
  .footer {
    padding: 10px 0 0;
  }
  .copyright {
    padding: 15px 0 2px;
    margin-top: 20px;
  }
  .market-news-outer {
    padding: 30px 0px;
  }
  .appss-img {
    text-align: center;
  }
  .appss-img img {
    max-width: 300px;
  }
  .dashbord_manbox {
    padding: 67px 0px 10px;
  }
  .exchange_right {
    margin-bottom: 17px;
  }
  .new_inpage {
    padding: 80px 0 20px;
  }
  .container {
    max-width: 100%;
  }
  .white_box.heading-main h6.complete {
    background-size: 10px auto !important;
    font-size: 13px;
    font-weight: 400;
  }
  .navbar-collapse .navbar-nav .theme-img {
    margin-top: 10px !important;
  }
  .staking-banner.launch-detail-banner {
    padding: 110px 0 50px;
  }
  .launch-right-inner {
    margin: 30px 0 0;
  }
  .launch-left {
    display: inline-block;
  }
  .volume-main .volume-outer {
    width: 32.5%;
    margin-bottom: 10px;
  }
  .volume-main .volume-outer:nth-of-type(3n + 3) {
    margin-right: 0%;
  }
  .trade-volume {
    padding: 90px 0 120px;
  }
  .register-inner {
    padding: 0;
    max-width: 350px;
  }
  .register-left,
  .register-right {
    padding: 15px 15px;
  }
  .register-right
    .heading-link-outer:not(.signup-main-outer .heading-link-outer) {
    max-width: 100%;
  }
  .register-right .register-form {
    max-width: 100%;
  }
  .register-main-outer {
    background-size: 350px auto;
  }
}
@media (max-width: 767px) {
  #home .banner_tex {
    padding: 135px 0;
  }
  /* new */
  #home .banner-left h1 {
    font-weight: bold;
    font-size: 30px !important;
  }
  #token .card-slider .slick-slide.slick-active .card-outer {
    margin-right: 12px !important;
  }
  .user-detail-inner-main h6 {
    width: 125px;
    font-size: 15px;
  }
  #home .banner_tex h1 {
    margin: 0px;
  }
  .work_box {
    margin-bottom: 30px;
  }
  .how {
    padding: 30px 0 0px;
  }
  .appss-content {
    margin: 20px 0 0;
  }
  .appss {
    padding: 20px 0 0px !important;
  }

  .how-left {
    text-align: center;
    margin-bottom: 15px;
  }
  .home .banner-right {
    display: none;
  }
  #home {
    padding: 80px 0 25px;
  }
  #token {
    padding: 40px 0;
  }
  #token .card-slider {
    margin-bottom: 50px;
  }
  #token .card-slider .slick-slide.slick-active.slick-current .card-outer {
    margin-right: 15px;
  }
  #token .card-slider .slick-slide.slick-active .card-outer {
    margin-right: 0px;
  }
  .intro-left img {
    max-width: 120px;
  }
  .intro-outer {
    margin: 0 auto 25px;
  }
  .how-outer .mb-4 {
    margin: 0 !important;
  }
  .how-inner {
    margin: 0 0 15px;
  }
  .appss-content {
    margin: 0px 0 0;
  }
  .appss .section-heading {
    margin-bottom: 30px;
  }
  .trade-list-outer li {
    margin-bottom: 0px;
  }
  .appss-img {
    margin: 20px 0 0;
  }
  .market-news-outer .market-outer {
    margin: 0 auto 20px;
    max-height: unset;
    height: auto;
  }
  .market-news-outer .more-btn {
    margin: 0px 0 0;
  }
  .market-news-outer {
    padding: 20px 0px;
  }
  .portfolio-amount {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .white_box {
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .white_box h5 {
    font-size: 16px;
    margin: 0;
  }
  .white_box h5 i::before {
    margin-right: 7px;
  }
  .personal-outer .white_box:not(:first-of-type) {
    margin-bottom: 15px !important;
  }
  .whitelist_scrool.whilist-right-main {
    margin-top: 25px;
  }
  .in_page {
    padding: 0px 0 0px;
  }
  .whitelist_scrool .whitelist-data {
    margin-bottom: 25px !important;
  }
  .ticket-history {
    margin-top: 15px;
    height: auto;
  }
  .ticket-history-outer table {
    white-space: nowrap;
  }
  .chating-outer {
    height: auto;
  }
  .staking-banner .staking-right {
    margin: 15px 0px 0px;
    padding: 1px 15px 17px;
  }
  .launch-main {
    padding: 40px 0 30px;
  }
  .h3,
  h3 {
    font-size: 1.35rem;
  }
  p {
    line-height: 1.4;
    margin: 0.5rem 0;
  }
  .launch-outer {
    margin: 10px 0px 0px;
  }
  .launch-outer .tab-content {
    margin: 20px 0 0;
  }
  .nav-tabs li a {
    padding: 5px 10px 3px;
  }
  .launch-faq {
    margin: 0px;
  }
  .launch-right-inner .ongoing-btn {
    display: inline-block;
    margin: 0px 0 10px;
  }
  .launch-right-inner .balance-amount {
    margin: 15px 0 0;
  }
  .launch-right-inner .purchase-amount {
    border-width: 1px;
    height: auto;
    padding: 8px;
    margin: 0 0 12px;
  }
  .launch-right-inner .captcha {
    display: inline-block;
    margin-bottom: 15px;
  }
  .launch-right-inner .captcha img {
    max-width: 30%;
  }
  .launch-right-bottom ul li {
    border-width: 0px 0px 1px !important;
    padding: 10px;
    width: 50%;
  }
  .launch-right-bottom ul li:nth-of-type(3),
  .launch-right-bottom ul li:nth-of-type(4) {
    border-width: 0px !important;
  }
  .staking-banner.launch-detail-banner {
    padding: 80px 0 10px;
  }
  .requirement-main {
    padding: 20px 0;
  }
  .requirement-main .requirement-outer {
    margin: 20px 0 0;
    padding: 15px 10px;
  }
  .trade-volume {
    padding: 100px 0 40px;
  }
  .listing-main {
    padding: 30px 0;
  }
  .listing-main .listing-outer {
    margin: 0px auto;
  }
  .volume-main .volume-outer {
    width: 49.3%;
    margin-right: 1.25% !important;
  }
  .volume-main .volume-outer:nth-of-type(2n + 2) {
    margin-right: 0% !important;
  }
  .volume-main .volume-outer:last-of-type {
    margin-right: 0% !important;
    width: 100% !important;
  }
  .listing-table table {
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow: auto;
  }
  .register-inner {
    max-width: 100%;
    margin: 0 15px;
  }
  .register-main-outer {
    background: none;
    min-height: unset;
    padding: 70px 0 20px;
  }
  .via-otp,
  .forgot-btn {
    text-align: center !important;
  }
  .right_scrool {
    height: auto;
    overflow: auto;
    margin-top: 16px;
  }
}
@media (max-width: 575px) {
  #home .banner_tex {
    padding: 85px 0 47px;
  }
  #home .banner-left h1 {
    font-weight: bold;
    font-size: 1.5rem !important;
  }
  /* new */
  .appss-img img {
    max-width: 250px !important;
  }
  .table_list .table td,
  .table_list .table th {
    word-break: break-all;
  }
  .dashbord_in1 {
    padding: 0;
    margin: 0;
  }
  .dashbord_in1 .dashbord_in .form-check {
    width: 100%;
  }
  .dashbord_in1 .dashbord_in .estimated_value {
    width: 100%;
    text-align: left;
    margin-top: 5px;
  }
  .alert_man {
    position: static;
    margin: 10px 0 15px;
  }
  .how-left img {
    max-width: 100px;
  }
  #token .card-slider .slick-slide.slick-active.slick-current .card-outer {
    margin-right: 0px;
  }
  #home .banner-left h1 {
    font-size: 26px;
  }
  .home p {
    font-size: 13px;
    line-height: 1.2;
  }
  .banner-left .banner-btn-outer {
    margin: 10px 0 18px;
  }
  .trade-list-outer li {
    padding: 2px 9px;
  }
  .trade-list-outer li svg {
    width: 20px;
  }
  .trade-list-outer li p {
    font-size: 15px;
    margin-left: 6px !important;
  }
  .trade-list-outer li a {
    align-items: center;
  }
  .intro-left img {
    max-width: 80px;
  }
  .h2,
  h2 {
    font-size: 1.5rem;
  }
  .intro-right h6 {
    margin-bottom: 13px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    font-weight: 500;
    line-height: 1.4;
  }
  .h6,
  h6 {
    font-size: 0.8rem;
  }
  p {
    line-height: 1.4;
  }
  body {
    font-size: 13px;
  }
  .intro-outer {
    margin: 0 auto 8px;
  }
  .h4,
  h4 {
    font-size: 1.2rem;
  }
  .table td,
  .table th {
    padding: 0.35rem;
  }
  .intro-main-outer table td img {
    max-width: 25px !important;
  }
  .how-main-outer h2 {
    font-size: 1.4rem !important;
  }
  .how-inner .content-outer h3 {
    font-size: 18px;
  }
  .how-main-outer {
    padding: 25px 0 15px;
  }
  .whitelist_scrool .whitelist-data {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .whitelist_scrool .whitelist-data:last-of-type {
    margin-bottom: 0px;
  }
  .account-popup-outer .tc img {
    margin: 15px 0;
  }
  .refer-right-outer .refer-history {
    white-space: nowrap;
    display: block;
    overflow: auto;
  }
  .refer-right-outer .refer-history tr th,
  .refer-right-outer .refer-history tr td {
    padding: 0px 10px 0 0;
  }
  .staking-left h1 {
    font-size: 20px;
  }
  .staking-left h5 {
    font-size: 17px;
  }
  .staking-banner {
    padding: 80px 0 30px;
  }
  .staking-banner.launch-banner {
    padding: 80px 0 30px;
  }
  .launch-main {
    padding: 20px 0 30px;
  }
  .launch-right-inner .captcha img {
    max-width: 80%;
  }
  .launch-right-bottom ul li {
    border-width: 0px 0px 1px !important;
    padding: 5px 0;
    width: 100%;
  }
  .launch-right-bottom ul li:nth-of-type(3) {
    border-bottom-width: 1px !important;
  }
  .h3,
  h3 {
    font-size: 1.25rem;
  }
  .h5,
  h5 {
    font-size: 1.05rem;
  }
  .requirement-outer .requirement-inner:not(:last-of-type) {
    margin-bottom: 15px;
  }
  .volume-main .volume-outer {
    width: 100%;
    margin-right: 0% !important;
  }
  .volume-main .volume-outer:last-of-type {
    margin-bottom: 0 !important;
  }
  .listing-main .listing-outer {
    padding: 15px 10px;
  }
  .search-btn {
    margin: 0 0 15px;
  }
  .search-btn .apply-btn {
    width: 100%;
    margin-bottom: 12px;
  }

  .get-outer .get-btn {
    top: 5px;
    right: 5px;
  }
}
.cover-img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-radius: 100%;
}

.blurred {
  filter: blur(5px);
  pointer-events: none;
}

.kyc-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; /* higher than blur */
  /* background: rgba(255, 255, 255, 0.5); */
}
.kyc-overlay h2 {
  padding: 60px;
  background: #1a2a4c;
  border: 1px solid #394c74;
  border-radius: 25px;
  text-align: center;
  font-size: 25px;
}
.dark-theme .kyc-overlay h2 {
  background: #FFFFFF;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.send_btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.chat-color-user {
  background-color: hsl(0deg 0% 100% / 8%);
  color: #fff;
  max-width: 70%;
}
.chat-color-admin {
  background-color: hsl(199.38deg 100% 50% / 28%);
  color: #fff;
  max-width: 70%;
}

.dark-theme .chat-color-user {
  background: #e7e7e7;
  color: #000;
}
.dark-theme .chat-color-admin {
  background: #d2e4f7;
  color: #000;
}
.dark-theme .send_btn {
  color: #000;
}

.modal-body .text-primary {
  color: #63d3ff !important;
}
.dark-theme .modal-body .text-primary {
  color: #006ab5 !important;
}
.edit-profile {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.edit-profile .editlabel {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tab-btn {
  background: transparent;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  color: #ffffff;
}

.tab-btn.active {
  border-bottom: 2px solid #fff; /* black bottom border */
  font-weight: 600;
}

.dark-theme .tab-btn {
  background: transparent;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  color: #06142F;
}

.dark-theme .tab-btn.active {
  border-bottom: 2px solid #000; /* black bottom border */
  font-weight: 600;
}

.text-capital {
  text-transform: capitalize;
}
.listing-form textarea.form-control {
  min-height: 100px;
}
.dark-theme .faqq .card-header a {
  color: #262626 !important;
}
.page-link {
  color: #fff;
  background-color: #0D234F;
  border: 1px solid #1d5f2a;
}
.page-item.disabled .page-link {
  color: #c5c5c5;
  background-color: #0D234F;
  border-color: #1d5f2a;
}
.page-item.active .page-link {
  color: #fff;
  background-color: #0047C6;
  border-color: #0047C6;
}
.page-link:hover {
  color: #fff;
  background-color: #0047C6;
  border-color: #0047C6;
}

.cursor-pointer,
.form-check-label input {
  cursor: pointer;
}

.not_box {
  background: hsl(0deg 0% 0% / 20%);
  padding: 10px;
  border-radius: 10px;
  font-size: 13px;
  margin-top: 10px;
}
.not_box ol li {
  list-style: auto;
  margin: 0 0 5px 20px;
}


/* =========================================================
   GREEN CRYPTO X THEME OVERRIDES
   Logo Colors: #1E88FF, #49B4FF, #0047C6
   Dark Theme + Light Theme working support
========================================================= */

body {
  background-color: #06142F;
  color: #ffffff;
}

body.dark-theme,
.dark-theme {
  background-color: #ffffff;
  color: #071A3D;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #ffffff;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme h1 a,
.dark-theme h2 a,
.dark-theme h3 a,
.dark-theme h4 a,
.dark-theme h5 a,
.dark-theme h6 a {
  color: #071A3D;
}

/* Main dark surfaces */
.navbar,
.nav-scroll,
.nav-scroll2,
.left_tab,
.white_box,
.white_box_refer,
.help-main-outer,
.how-inner,
.trade-list-outer li,
.market-news-outer .market-outer,
.blog-main-outer .img-outer,
.register-left,
.register-right,
.account-popup-outer .modal-content,
.stake-popup .modal-content,
.stake-popup-left .notice-inner,
.launch-faq .card,
.wishlist-left,
.whitelist-data,
.react-confirm-alert-body,
.card,
.type-list-outer,
.stake-table-outer,
select.form-control {
  background-color: #0D234F !important;
}

/* Light theme surfaces */
body.dark-theme .navbar, .dark-theme .navbar, .dark-theme .nav-scroll, .dark-theme .nav-scroll2, .dark-theme .left_tab, .dark-theme .white_box, .dark-theme .white_box_refer, .dark-theme .help-main-outer, .dark-theme .how-inner, .dark-theme .market-news-outer .market-outer, .dark-theme .blog-main-outer .img-outer, .dark-theme .register-right, .dark-theme .launch-faq .card, .dark-theme .wishlist-left, .dark-theme .whitelist-data, .dark-theme .react-confirm-alert-body, .dark-theme .card, .dark-theme .stake-table-outer, .dark-theme select.form-control {
  background-color: #ffffff !important;
  color: #071A3D !important;
}
/* Navbar */
.navbar.nav-scroll {
  box-shadow: 0 0 8px rgba(138, 229, 35, 0.35);
}

.dark-theme .navbar.nav-scroll {
  background-color: #F4F8FF !important;
  box-shadow: 0 0 8px rgba(16, 98, 44, 0.25);
}

.navbar-collapse .navbar-nav .nav-link {
  color: #ffffff;
}

.dark-theme .navbar-collapse .navbar-nav .nav-link,
.dark-theme .navbar a {
  color: #071A3D !important;
}

.navbar-collapse .navbar-nav .nav-link:hover,
.login-links,
a:hover {
  color: #49B4FF !important;
}

.dark-theme .navbar-collapse .navbar-nav .nav-link:hover,
.dark-theme .login-links,
.dark-theme a:hover {
  color: #1E88FF !important;
}

/* Buttons */
.btn-primary,
#scroll-to-top,
.react-confirm-alert-button-group button {
  background: linear-gradient(135deg, #1E88FF, #49B4FF) !important;
  border-color: #1E88FF !important;
  color: #ffffff !important;
}

.btn-primary:hover,
#scroll-to-top:hover,
.react-confirm-alert-button-group button:hover {
  background: #0047C6 !important;
  border-color: #0047C6 !important;
  color: #ffffff !important;
}

.btn-hover.btn-fill {
  border-color: #49B4FF;
}

.btn-hover.btn-fill:after {
  background: #49B4FF;
}

/* Active states */
.nav-scroll .navbar-nav .nav-link .active,
.left_tab li a.active,
.type-list-outer a.active,
.exchange_tab li.active,
.exchange_tab li.active i {
  color: #49B4FF !important;
  border-bottom-color: #49B4FF !important;
}

.dark-theme .left_tab li a.active,
.dark-theme .exchange_tab li.active,
.dark-theme .exchange_tab li.active i {
  color: #1E88FF !important;
  border-bottom-color: #1E88FF !important;
}

/* Forms */
.form-control,
select.form-control {
  background-color: #0D234F !important;
  border-color: rgba(67, 180, 58, 0.65) !important;
  color: #ffffff !important;
}

.form-control:focus,
select.form-control:focus {
  border-color: #49B4FF !important;
  box-shadow: 0 0 0 0.2rem rgba(138, 229, 35, 0.18) !important;
}

.dark-theme .form-control,
.dark-theme select.form-control {
  background-color: #FFFFFF !important;
  border-color: rgba(67, 180, 58, 0.55) !important;
  color: #071A3D !important;
}

.form-control::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

.dark-theme .form-control::placeholder {
  color: rgba(11, 29, 11, 0.65) !important;
}

/* Tables */
.scrool_wallet_box .table thead th,
.table thead th {
  background-color: #06142F;
  color: #ffffff;
}

.dark-theme .white_box .scrool_wallet_box .table thead th,
.dark-theme .table thead th {
  background-color: #EAF2FF !important;
  color: #071A3D !important;
}

/* Cards, tabs, launch, listing */
.nav-tabs.offer_beu.spot,
.launch-box,
.volume-main .volume-outer {
  border-color: #1E88FF !important;
}

.launch-box {
  box-shadow: 0 0 12px rgba(67, 180, 58, 0.35);
}

.dark-theme .launch-box {
  box-shadow: 0 0 12px rgba(16, 98, 44, 0.18);
  border-color: #1E88FF !important;
}

.listing-tab-btn {
  border-color: rgba(138, 229, 35, 0.45);
  color: #ffffff;
}

.listing-tab-btn.active,
.listing-tab-btn:hover {
  background: #1E88FF;
  border-color: #1E88FF;
  color: #ffffff;
}

.dark-theme .listing-tab-btn {
  border-color: rgba(67, 180, 58, 0.55);
  color: #071A3D;
}

.dark-theme .listing-tab-btn.active,
.dark-theme .listing-tab-btn:hover {
  background: #1E88FF;
  color: #ffffff;
}

/* Icons */
.l_right a i,
.info-wrap .dbox .icon,
.help-inner .img-outer {
  background: #0047C6 !important;
  color: #ffffff !important;
}

.how-inner .fa-user, .how-inner .fa-university, .how-inner .fa-usd, .how-inner .fa-signal {
  background: rgb(9 26 60) !important;
  color: #1E88FF !important;
}

/* Sections */
.services {
  background: linear-gradient(135deg, #0047C6, #1E88FF) !important;
}

.trade-main-outer {
  background-color: #ffffff;
}

.dark-theme .trade-main-outer {
  background-color: #071A3D !important;
}

/* Loader */
#loader,
#loader:before {
  border-color: #0047C6;
}

#loader:after {
  border-top-color: #49B4FF;
}

/* Pagination */
.page-item.active .page-link,
.page-link:hover {
  background-color: #1E88FF !important;
  border-color: #1E88FF !important;
  color: #ffffff !important;
}

/* Misc */
.black {
  color: #071A3D;
}

.bg-black {
  background-color: #F4F8FF !important;
}

.dark-theme .bg-black {
  background-color: #0D234F !important;
}

.not_box {
  background: rgba(67, 180, 58, 0.12);
}



/* =========================================================
   BLUE CRYPTO X THEME FINAL
   Dark + Light Theme Production Overrides
   Logo Palette:
   Primary Blue : #1E88FF
   Sky Blue     : #49B4FF
   Deep Blue    : #0047C6
   Navy Dark    : #06142F
   Card Dark    : #0D234F
   Light BG     : #F4F8FF
========================================================= */

/* ---------- GLOBAL BASE ---------- */
body {
  background:
    radial-gradient(circle at 78% 8%, rgba(73, 180, 255, 0.20), transparent 34%),
    radial-gradient(circle at 10% 0%, rgba(30, 136, 255, 0.10), transparent 28%),
    linear-gradient(180deg, #06142F 0%, #071A3D 44%, #06142F 100%) !important;
  color: #f6fbff !important;
}

body.dark-theme {
  background:
    radial-gradient(circle at 78% 8%, rgba(73, 180, 255, 0.14), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #F4F8FF 48%, #ffffff 100%) !important;
  color: #06142F !important;
}

body::selection {
  background: #49B4FF;
  color: #06142F;
}

/* ---------- TEXT CONTRAST ---------- */
body:not(.dark-theme) h1,
body:not(.dark-theme) h2,
body:not(.dark-theme) h3,
body:not(.dark-theme) h4,
body:not(.dark-theme) h5,
body:not(.dark-theme) h6,
body:not(.dark-theme) h1 a,
body:not(.dark-theme) h2 a,
body:not(.dark-theme) h3 a,
body:not(.dark-theme) h4 a,
body:not(.dark-theme) h5 a,
body:not(.dark-theme) h6 a {
  color: #ffffff !important;
}

body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6,
body.dark-theme h1 a,
body.dark-theme h2 a,
body.dark-theme h3 a,
body.dark-theme h4 a,
body.dark-theme h5 a,
body.dark-theme h6 a {
  color: #06142F !important;
}

body:not(.dark-theme) p,
body:not(.dark-theme) li,
body:not(.dark-theme) span,
body:not(.dark-theme) small,
body:not(.dark-theme) label,
body:not(.dark-theme) td,
body:not(.dark-theme) th,
body:not(.dark-theme) .content-outer,
body:not(.dark-theme) .card-text {
  color: rgba(246, 251, 255, 0.86) !important;
}

body.dark-theme p,
body.dark-theme li,
body.dark-theme span,
body.dark-theme small,
body.dark-theme label,
body.dark-theme td,
body.dark-theme th,
body.dark-theme .content-outer,
body.dark-theme .card-text {
  color: rgba(6, 20, 47, 0.82) !important;
}

/* ---------- LINKS ---------- */
body:not(.dark-theme) a {
  color: inherit !important;
}

body.dark-theme a {
  color: inherit !important;
}

body:not(.dark-theme) a:hover {
  color: #ffffff !important;
}

body.dark-theme a:hover {
  color: #1E88FF !important;
}

/* ---------- NAVBAR ---------- */
.navbar,
.nav-scroll,
.nav-scroll2 {
  background: rgba(6, 20, 47, 0.94) !important;
  border-bottom: 1px solid rgba(73, 180, 255, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.navbar.nav-scroll {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.36), 0 0 20px rgba(30, 136, 255, 0.20) !important;
}

body.dark-theme .navbar,
body.dark-theme .nav-scroll,
body.dark-theme .nav-scroll2,
body.dark-theme .navbar.nav-scroll {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid rgba(30, 136, 255, 0.20);
  box-shadow: 0 8px 24px rgba(0, 71, 198, 0.12) !important;
}

body:not(.dark-theme) .navbar-collapse .navbar-nav .nav-link,
body:not(.dark-theme) .navbar a:not(.btn) {
  color: rgba(255, 255, 255, 0.90) !important;
}

body.dark-theme .navbar-collapse .navbar-nav .nav-link,
body.dark-theme .navbar a:not(.btn) {
  color: #071A3D !important;
}

.navbar-collapse .navbar-nav .nav-link:hover,
.navbar-collapse .navbar-nav .nav-link.active,
.nav-scroll .navbar-nav .nav-link .active {
  color: #49B4FF !important;
  text-shadow: 0 0 12px rgba(73, 180, 255, 0.42);
}

body.dark-theme .navbar-collapse .navbar-nav .nav-link:hover,
body.dark-theme .navbar-collapse .navbar-nav .nav-link.active {
  color: #1E88FF !important;
  text-shadow: none;
}

/* ---------- HERO / HOME ---------- */
/* .home,
.home-outer,
.banner,
.banner-main,
.home-main-outer {
  background:
    radial-gradient(circle at 76% 18%, rgba(73, 180, 255, 0.18), transparent 30%),
    linear-gradient(90deg, rgba(6, 20, 47, 0.98) 0%, rgba(7, 26, 61, 0.96) 48%, rgba(6, 20, 47, 0.90) 100%) !important;
} */

body.dark-theme .home,
body.dark-theme .home-outer,
body.dark-theme .banner,
body.dark-theme .banner-main,
body.dark-theme .home-main-outer {
  background:
    radial-gradient(circle at 76% 18%, rgba(73, 180, 255, 0.16), transparent 30%),
    linear-gradient(90deg, #ffffff 0%, #F4F8FF 54%, #ffffff 100%) !important;
}

.home h1,
.banner h1,
.home-outer h1 {
  font-weight: 800 !important;
  line-height: 1.12 !important;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}

body.dark-theme .home h1,
body.dark-theme .banner h1,
body.dark-theme .home-outer h1 {
  text-shadow: none;
}

.home p,
.banner p,
.home-outer p {
  color: rgba(246, 251, 255, 0.84) !important;
}

body.dark-theme .home p,
body.dark-theme .banner p,
body.dark-theme .home-outer p {
  color: rgba(6, 20, 47, 0.78) !important;
}

.home .banner-right img,
.banner-right img {
  filter: drop-shadow(0 0 26px rgba(73, 180, 255, 0.56)) drop-shadow(0 16px 38px rgba(0, 0, 0, 0.42));
}

body.dark-theme .home .banner-right img,
body.dark-theme .banner-right img {
  filter: drop-shadow(0 0 18px rgba(30, 136, 255, 0.24)) drop-shadow(0 12px 30px rgba(0, 71, 198, 0.14));
}

/* ---------- BUTTONS ---------- */
.btn,
.btn-primary,
button.btn-primary,
a.btn,
a.btn-primary,
.trade-btn,
.get-started-btn,
.login-btn a,
.ongoing-btn .btn,
.trade-btn-outer .btn,
.register-btn-outer .btn,
.search-bar form .btn,
#scroll-to-top {
  background: linear-gradient(135deg, #49B4FF 0%, #1E88FF 48%, #0047C6 100%) !important;
  border: 1px solid rgba(73, 180, 255, 0.85) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(30, 136, 255, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

.btn *,
.btn-primary *,
button.btn-primary *,
a.btn *,
a.btn-primary *,
.trade-btn *,
.get-started-btn *,
.login-btn a * {
  color: #ffffff !important;
}

.btn:hover,
.btn-primary:hover,
button.btn-primary:hover,
a.btn:hover,
a.btn-primary:hover,
.trade-btn:hover,
.get-started-btn:hover,
.login-btn a:hover,
.ongoing-btn .btn:hover,
.trade-btn-outer .btn:hover,
.register-btn-outer .btn:hover,
.search-bar form .btn:hover,
#scroll-to-top:hover {
  background: linear-gradient(135deg, #6AC2FF 0%, #1E88FF 48%, #003AA3 100%) !important;
  border-color: #6AC2FF !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(73, 180, 255, 0.28), 0 0 18px rgba(30, 136, 255, 0.36) !important;
}

.market-inner .btn,
.item-con .btn,
.coin-box .btn,
.crypto-box .btn,
.trade-list-outer .btn {
  background: #006FE6 !important;
  border-color: #49B4FF !important;
  color: #ffffff !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
  border-radius: 6px !important;
}

/* ---------- CARDS / BOXES ---------- */
.white_box,
.white_box_refer,
.how-inner,
.market-news-outer .market-outer,
.blog-main-outer .img-outer,
.trade-list-outer li,
.wishlist-left,
.whitelist-data,
.launch-faq .card,
.card,
.ne_box,
.requirement-inner,
.left_tab,
.type-list-outer,
.accordion-item,
.faq-main .card,
.faq-outer .card {
  background: linear-gradient(145deg, rgba(13, 35, 79, 0.96), rgba(7, 26, 61, 0.96)) !important;
  border: 1px solid rgba(73, 180, 255, 0.14) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: #f6fbff !important;
}

body.dark-theme .white_box,
body.dark-theme .white_box_refer,
body.dark-theme .how-inner,
body.dark-theme .market-news-outer .market-outer,
body.dark-theme .blog-main-outer .img-outer,
body.dark-theme .trade-list-outer li,
body.dark-theme .wishlist-left,
body.dark-theme .whitelist-data,
body.dark-theme .launch-faq .card,
body.dark-theme .card,
body.dark-theme .ne_box,
body.dark-theme .requirement-inner,
body.dark-theme .left_tab,
body.dark-theme .type-list-outer,
body.dark-theme .accordion-item,
body.dark-theme .faq-main .card,
body.dark-theme .faq-outer .card {
  background: linear-gradient(145deg, #ffffff, #F4F8FF) !important;
  border: 1px solid rgba(30, 136, 255, 0.18) !important;
  box-shadow: 0 12px 30px rgba(0, 71, 198, 0.10);
  color: #06142F !important;
}

.white_box:hover,
.white_box_refer:hover,
.how-inner:hover,
.trade-list-outer li:hover,
.market-news-outer .market-outer:hover {
  border-color: rgba(73, 180, 255, 0.42) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.30), 0 0 24px rgba(30, 136, 255, 0.14);
}

body.dark-theme .white_box:hover,
body.dark-theme .white_box_refer:hover,
body.dark-theme .how-inner:hover,
body.dark-theme .trade-list-outer li:hover,
body.dark-theme .market-news-outer .market-outer:hover {
  border-color: rgba(30, 136, 255, 0.34) !important;
  box-shadow: 0 16px 38px rgba(0, 71, 198, 0.14);
}

/* Card text headings */
body:not(.dark-theme) .white_box h1,
body:not(.dark-theme) .white_box h2,
body:not(.dark-theme) .white_box h3,
body:not(.dark-theme) .white_box h4,
body:not(.dark-theme) .white_box h5,
body:not(.dark-theme) .white_box h6,
body:not(.dark-theme) .how-inner h3,
body:not(.dark-theme) .market-news-outer h4,
body:not(.dark-theme) .market-news-outer h5,
body:not(.dark-theme) .market-news-outer h6,
body:not(.dark-theme) .card h1,
body:not(.dark-theme) .card h2,
body:not(.dark-theme) .card h3,
body:not(.dark-theme) .card h4,
body:not(.dark-theme) .card h5,
body:not(.dark-theme) .card h6 {
  color: #ffffff !important;
}

body.dark-theme .white_box h1,
body.dark-theme .white_box h2,
body.dark-theme .white_box h3,
body.dark-theme .white_box h4,
body.dark-theme .white_box h5,
body.dark-theme .white_box h6,
body.dark-theme .how-inner h3,
body.dark-theme .market-news-outer h4,
body.dark-theme .market-news-outer h5,
body.dark-theme .market-news-outer h6,
body.dark-theme .card h1,
body.dark-theme .card h2,
body.dark-theme .card h3,
body.dark-theme .card h4,
body.dark-theme .card h5,
body.dark-theme .card h6 {
  color: #06142F !important;
}

/* ---------- MARKET / COIN BOXES ---------- */
.item-con,
.coin-box,
.crypto-box,
.exchange_tab li,
.market-inner {
  background: rgba(13, 35, 79, 0.86) !important;
  border: 1px solid rgba(73, 180, 255, 0.14) !important;
  color: #f6fbff !important;
}

body.dark-theme .item-con,
body.dark-theme .coin-box,
body.dark-theme .crypto-box,
body.dark-theme .exchange_tab li,
body.dark-theme .market-inner {
  background: #ffffff !important;
  border: 1px solid rgba(30, 136, 255, 0.16) !important;
  color: #06142F !important;
}

/* ---------- INTRO AREA ---------- */
.intro-outer {
  padding: 36px 0;
  border-top: 1px solid rgba(73, 180, 255, 0.22);
  border-bottom: 1px solid rgba(73, 180, 255, 0.22);
}

body.dark-theme .intro-outer {
  border-top-color: rgba(30, 136, 255, 0.20);
  border-bottom-color: rgba(30, 136, 255, 0.20);
}

.intro-right h6 {
  border-bottom-color: rgba(73, 180, 255, 0.25) !important;
}

/* ---------- FORMS ---------- */
.form-control,
select.form-control,
textarea.form-control,
input.form-control {
  background: rgba(6, 20, 47, 0.86) !important;
  border: 1px solid rgba(73, 180, 255, 0.24) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 500;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus {
  border-color: #49B4FF !important;
  box-shadow: 0 0 0 0.2rem rgba(73, 180, 255, 0.15) !important;
}

body.dark-theme .form-control,
body.dark-theme select.form-control,
body.dark-theme textarea.form-control,
body.dark-theme input.form-control {
  background: #ffffff !important;
  border: 1px solid rgba(30, 136, 255, 0.28) !important;
  color: #06142F !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.58) !important;
}

body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
  color: rgba(6, 20, 47, 0.48) !important;
}

/* ---------- FAQ ---------- */
.faq-main,
.faq-main-outer,
.accordion,
.faq-outer {
  background: transparent !important;
}

.accordion-button,
.faq-main .card-header a,
.faq-outer .card-header a,
.launch-faq .card .card-header a {
  background: rgba(13, 35, 79, 0.95) !important;
  color: #ffffff !important;
}

body.dark-theme .accordion-button,
body.dark-theme .faq-main .card-header a,
body.dark-theme .faq-outer .card-header a,
body.dark-theme .launch-faq .card .card-header a {
  background: #EAF2FF !important;
  color: #06142F !important;
}

/* ---------- FOOTER ---------- */
.footer,
.footer-main,
footer {
  background: linear-gradient(180deg, #071A3D 0%, #06142F 100%) !important;
  border-top: 1px solid rgba(73, 180, 255, 0.18);
  color: rgba(255, 255, 255, 0.82) !important;
}

body.dark-theme .footer,
body.dark-theme .footer-main,
body.dark-theme footer {
  background: linear-gradient(180deg, #F4F8FF 0%, #ffffff 100%) !important;
  border-top: 1px solid rgba(30, 136, 255, 0.20);
  color: rgba(6, 20, 47, 0.82) !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #ffffff !important;
}

body.dark-theme .footer h1,
body.dark-theme .footer h2,
body.dark-theme .footer h3,
body.dark-theme .footer h4,
body.dark-theme .footer h5,
body.dark-theme .footer h6,
body.dark-theme footer h1,
body.dark-theme footer h2,
body.dark-theme footer h3,
body.dark-theme footer h4,
body.dark-theme footer h5,
body.dark-theme footer h6 {
  color: #06142F !important;
}

.footer .nav_link li a,
.footer a,
footer a {
  color: rgba(255, 255, 255, 0.78) !important;
}

.footer .nav_link li a:hover,
.footer a:hover,
footer a:hover {
  color: #49B4FF !important;
}

body.dark-theme .footer .nav_link li a,
body.dark-theme .footer a,
body.dark-theme footer a {
  color: rgba(6, 20, 47, 0.76) !important;
}

body.dark-theme .footer .nav_link li a:hover,
body.dark-theme .footer a:hover,
body.dark-theme footer a:hover {
  color: #1E88FF !important;
}

/* ---------- TABLES / TABS ---------- */
.table thead th,
.scrool_wallet_box .table thead th {
  background: #06142F !important;
  color: #ffffff !important;
  border-bottom-color: rgba(73, 180, 255, 0.30) !important;
}

body.dark-theme .table thead th,
body.dark-theme .scrool_wallet_box .table thead th {
  background: #EAF2FF !important;
  color: #06142F !important;
  border-bottom-color: rgba(30, 136, 255, 0.24) !important;
}

.nav-tabs.offer_beu.spot,
.exchange_tab {
  background: rgba(13, 35, 79, 0.92) !important;
  border: 1px solid rgba(73, 180, 255, 0.14);
  border-radius: 10px;
}

body.dark-theme .nav-tabs.offer_beu.spot,
body.dark-theme .exchange_tab {
  background: #F4F8FF !important;
  border-color: rgba(30, 136, 255, 0.20);
}

.exchange_tab li.active,
.exchange_tab li.active i,
.left_tab li a.active {
  color: #49B4FF !important;
  border-bottom-color: #49B4FF !important;
}

body.dark-theme .exchange_tab li.active,
body.dark-theme .exchange_tab li.active i,
body.dark-theme .left_tab li a.active {
  color: #1E88FF !important;
  border-bottom-color: #1E88FF !important;
}

/* ---------- BRAND ACCENTS ---------- */
.login-links,
.black,
.l_right a i {
  color: #49B4FF !important;
}

body.dark-theme .login-links,
body.dark-theme .black,
body.dark-theme .l_right a i {
  color: #0047C6 !important;
}

.services {
  background: linear-gradient(135deg, #0047C6, #1E88FF, #49B4FF) !important;
}

/* ---------- LOADER ---------- */
#loader,
#loader:before {
  border-color: #0047C6 !important;
}

#loader:after {
  border-top-color: #49B4FF !important;
}

/* ---------- PRICE COLORS ---------- */
.text-success,
.green,
.profit,
.up,
.positive {
  color: #27D17F !important;
}

.text-danger,
.red,
.loss,
.down,
.negative {
  color: #FF4D4D !important;
}

body.dark-theme .text-success,
body.dark-theme .green,
body.dark-theme .profit,
body.dark-theme .up,
body.dark-theme .positive {
  color: #0A9F5A !important;
}

body.dark-theme .text-danger,
body.dark-theme .red,
body.dark-theme .loss,
body.dark-theme .down,
body.dark-theme .negative {
  color: #D91515 !important;
}

/* ---------- MODAL / POPUP ---------- */
.modal-content,
.account-popup-outer .modal-content,
.stake-popup .modal-content,
.react-confirm-alert-body {
  background: #0D234F !important;
  color: #ffffff !important;
  border: 1px solid rgba(73, 180, 255, 0.18);
}

body.dark-theme .modal-content,
body.dark-theme .account-popup-outer .modal-content,
body.dark-theme .stake-popup .modal-content,
body.dark-theme .react-confirm-alert-body {
  background: #ffffff !important;
  color: #06142F !important;
  border: 1px solid rgba(30, 136, 255, 0.20);
}

/* ---------- RESPONSIVE POLISH ---------- */
@media (max-width: 991px) {
  .navbar-collapse {
    background: rgba(6, 20, 47, 0.98);
    border: 1px solid rgba(73, 180, 255, 0.14);
    border-radius: 12px;
    padding: 12px;
    margin-top: 10px;
  }

  body.dark-theme .navbar-collapse {
    background: #ffffff;
    border-color: rgba(30, 136, 255, 0.18);
  }

  .home h1,
  .banner h1,
  .home-outer h1 {
    font-size: 34px !important;
  }

  .how-inner {
    height: auto !important;
  }
}

@media (max-width: 575px) {
  .home h1,
  .banner h1,
  .home-outer h1 {
    font-size: 28px !important;
  }

  .white_box,
  .how-inner {
    padding: 22px 16px !important;
  }
}



/* =========================================================
   BLUE HERO LAYOUT FINAL POLISH
   Add this at end of full file - already merged here
========================================================= */

/* Navbar compact premium */
.navbar {
  min-height: 64px !important;
  padding: 8px 0 !important;
}

.navbar .navbar-brand img,
.navbar-brand img,
.logo img {
  max-height: 46px !important;
  width: auto !important;
}

.navbar-collapse .navbar-nav .nav-link {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 4px 1.2rem !important;
}

/* Hero spacing and alignment */
.home,
.home-outer,
.banner,
.banner-main,
.home-main-outer {
  min-height: 700px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 120px 0 80px !important;
}

/* Make hero background richer */
.home::before,
.home-outer::before,
.banner::before,
.banner-main::before,
.home-main-outer::before {
  content: "";
  position: absolute;
  right: -180px;
  top: -140px;
  width: 760px;
  height: 760px;
  background: radial-gradient(circle, rgba(73, 180, 255, 0.26) 0%, rgba(30, 136, 255, 0.08) 42%, transparent 72%);
  pointer-events: none;
  z-index: 0;
  display: none;
}

.home::after,
.home-outer::after,
.banner::after,
.banner-main::after,
.home-main-outer::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -260px;
  width: 620px;
  height: 620px;
  background: radial-gradient(circle, rgba(0, 71, 198, 0.24) 0%, rgba(0, 71, 198, 0.07) 44%, transparent 72%);
  pointer-events: none;
  z-index: 0;
  display: none;
}

.home .container,
.home-outer .container,
.banner .container,
.banner-main .container,
.home-main-outer .container {
  position: relative !important;
  z-index: 1 !important;
}

/* If row exists, center both sides */
.home .row,
.home-outer .row,
.banner .row,
.banner-main .row,
.home-main-outer .row {
  align-items: center !important;
}

/* Hero left content */
.banner-left,
.home-left,
.banner-content,
.home-content {
  max-width: 660px !important;
  position: relative !important;
  z-index: 2 !important;
}

.banner-left h1,
.home-left h1,
.banner-content h1,
.home-content h1,
.home h1,
.home-outer h1,
.banner h1 {
  font-size: 60px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -1.6px !important;
  margin: 0 0 22px !important;
  max-width: 720px !important;
}

.banner-left p,
.home-left p,
.banner-content p,
.home-content p,
.home p,
.home-outer p,
.banner p {
  font-size: 18px !important;
  line-height: 1.72 !important;
  max-width: 640px !important;
  margin: 0 0 24px !important;
}

/* Hero button smaller and cleaner */
.banner-left .btn,
.home-left .btn,
.banner-content .btn,
.home-content .btn,
.home .btn,
.home-outer .btn,
.banner .btn,
.trade-btn,
.btn-primary {
  min-width: auto !important;
  padding: 12px 26px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  border-radius: 10px !important;
}

/* Right hero image visible and balanced */
.banner-right,
.home-right,
.hero-right {
  position: relative !important;
  z-index: 2 !important;
  text-align: center !important;
}

.banner-right img,
.home-right img,
.hero-right img {
  max-width: 520px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 34px rgba(73, 180, 255, 0.42)) drop-shadow(0 24px 45px rgba(0, 0, 0, 0.35)) !important;
  animation: blueHeroFloat 4.5s ease-in-out infinite;
}

@keyframes blueHeroFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-16px);
  }
}

/* Section separation so next section doesn't look odd */
.home + section,
.home-outer + section,
.banner + section,
.banner-main + section,
.home-main-outer + section {
  position: relative;
  z-index: 2;
}

/* Cards under hero */
.market-inner,
.item-con,
.coin-box,
.crypto-box,
.white_box,
.how-inner,
.trade-list-outer li {
  border-radius: 14px !important;
}

/* Light theme hero */
body.dark-theme .home,
body.dark-theme .home-outer,
body.dark-theme .banner,
body.dark-theme .banner-main,
body.dark-theme .home-main-outer {
  background:
    radial-gradient(circle at 78% 12%, rgba(73, 180, 255, 0.16), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #F4F8FF 100%) !important;
}

body.dark-theme .banner-left h1,
body.dark-theme .home-left h1,
body.dark-theme .banner-content h1,
body.dark-theme .home-content h1,
body.dark-theme .home h1,
body.dark-theme .home-outer h1,
body.dark-theme .banner h1 {
  color: #06142F !important;
}

body.dark-theme .banner-left p,
body.dark-theme .home-left p,
body.dark-theme .banner-content p,
body.dark-theme .home-content p,
body.dark-theme .home p,
body.dark-theme .home-outer p,
body.dark-theme .banner p {
  color: rgba(6, 20, 47, 0.78) !important;
}

/* Dark theme hero text */
body:not(.dark-theme) .banner-left h1,
body:not(.dark-theme) .home-left h1,
body:not(.dark-theme) .banner-content h1,
body:not(.dark-theme) .home-content h1,
body:not(.dark-theme) .home h1,
body:not(.dark-theme) .home-outer h1,
body:not(.dark-theme) .banner h1 {
  color: #ffffff !important;
}

body:not(.dark-theme) .banner-left p,
body:not(.dark-theme) .home-left p,
body:not(.dark-theme) .banner-content p,
body:not(.dark-theme) .home-content p,
body:not(.dark-theme) .home p,
body:not(.dark-theme) .home-outer p,
body:not(.dark-theme) .banner p {
  color: rgba(246, 251, 255, 0.84) !important;
}

/* Mobile responsive */
@media (max-width: 991px) {
  .home,
  .home-outer,
  .banner,
  .banner-main,
  .home-main-outer {
    min-height: auto !important;
    padding: 120px 0 60px !important;
    text-align: center !important;
  }

  .banner-left,
  .home-left,
  .banner-content,
  .home-content {
    max-width: 100% !important;
    margin: 0 auto 35px !important;
  }

  .banner-left h1,
  .home-left h1,
  .banner-content h1,
  .home-content h1,
  .home h1,
  .home-outer h1,
  .banner h1 {
    font-size: 42px !important;
    letter-spacing: -0.8px !important;
  }

  .banner-left p,
  .home-left p,
  .banner-content p,
  .home-content p,
  .home p,
  .home-outer p,
  .banner p {
    font-size: 17px !important;
    max-width: 100% !important;
  }

  .banner-right img,
  .home-right img,
  .hero-right img {
    max-width: 380px !important;
  }
}

@media (max-width: 575px) {
  .navbar {
    min-height: 58px !important;
  }

  .navbar .navbar-brand img,
  .navbar-brand img,
  .logo img {
    max-height: 38px !important;
  }

  .home,
  .home-outer,
  .banner,
  .banner-main,
  .home-main-outer {
    padding: 100px 0 48px !important;
  }

  .banner-left h1,
  .home-left h1,
  .banner-content h1,
  .home-content h1,
  .home h1,
  .home-outer h1,
  .banner h1 {
    font-size: 32px !important;
    line-height: 1.18 !important;
  }

  .banner-left p,
  .home-left p,
  .banner-content p,
  .home-content p,
  .home p,
  .home-outer p,
  .banner p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .banner-left .btn,
  .home-left .btn,
  .banner-content .btn,
  .home-content .btn,
  .home .btn,
  .home-outer .btn,
  .banner .btn {
    padding: 11px 22px !important;
    font-size: 15px !important;
  }

  .banner-right img,
  .home-right img,
  .hero-right img {
    max-width: 290px !important;
  }
}



/* =========================================================
   Green Crypto X BLUE THEME FINAL CLEANUP
   Proper Dark + Light Theme
   Put this file directly as main CSS
========================================================= */

/* ---------- FINAL COLOR SYSTEM ---------- */
body {
  background: #071A3D !important;
  color: #ffffff !important;
}

body.dark-theme {
  background: #F4F8FF !important;
  color: #071A3D !important;
}

/* remove green patches */
/* body,
.home,
.home-outer,
.banner,
.banner-main,
.home-main-outer,
.help-main-outer,
.market-news-outer,
.how-main-outer,
.intro-main-outer,
.more-blog-main,
.launch-main,
.listing-main,
.requirement-main,
.trade-main-outer,
.appss,
.footer,
.footer-main,
footer {
  background-color: #071A3D !important;
} */

body.dark-theme,
body.dark-theme .home,
body.dark-theme .home-outer,
body.dark-theme .banner,
body.dark-theme .banner-main,
body.dark-theme .home-main-outer,
body.dark-theme .help-main-outer,
body.dark-theme .market-news-outer,
body.dark-theme .how-main-outer,
body.dark-theme .intro-main-outer,
body.dark-theme .more-blog-main,
body.dark-theme .launch-main,
body.dark-theme .listing-main,
body.dark-theme .requirement-main,
body.dark-theme .trade-main-outer,
body.dark-theme .appss,
body.dark-theme .footer,
body.dark-theme .footer-main,
body.dark-theme footer {
  background-color: #F4F8FF !important;
}

/* ---------- GLOBAL TEXT FIX ---------- */
body:not(.dark-theme) h1,
body:not(.dark-theme) h2,
body:not(.dark-theme) h3,
body:not(.dark-theme) h4,
body:not(.dark-theme) h5,
body:not(.dark-theme) h6 {
  color: #ffffff !important;
}

body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
  color: #071A3D !important;
}

body:not(.dark-theme) p,
body:not(.dark-theme) li,
body:not(.dark-theme) span,
body:not(.dark-theme) small,
body:not(.dark-theme) label {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.dark-theme p,
body.dark-theme li,
body.dark-theme span,
body.dark-theme small,
body.dark-theme label {
  color: rgba(7, 26, 61, 0.78) !important;
}

/* ---------- HEADER ---------- */
.navbar,
.nav-scroll,
.nav-scroll2 {
  background: #06142F !important;
  border-bottom: 1px solid rgba(73, 180, 255, 0.18) !important;
  box-shadow: none !important;
}

body.dark-theme .navbar,
body.dark-theme .nav-scroll,
body.dark-theme .nav-scroll2 {
  background: #ffffff !important;
  border-bottom: 1px solid #D8E7FF !important;
}

.navbar .navbar-brand img, .navbar-brand img, .logo img {
  max-height: 46px !important;
  width: auto !important;
  filter: invert(1) brightness(100);
}

.navbar-collapse .navbar-nav .nav-link {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body.dark-theme .navbar-collapse .navbar-nav .nav-link {
  color: #071A3D !important;
}

.navbar-collapse .navbar-nav .nav-link:hover,
.navbar-collapse .navbar-nav .nav-link.active {
  color: #49B4FF !important;
}

/* ---------- HERO FIX ---------- */
.home, .home-outer, .banner, .banner-main, .home-main-outer {
  min-height: 620px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  /* background: radial-gradient(circle at 76% 22%, rgba(73, 180, 255, 0.18), transparent 32%),
  linear-gradient(135deg, #071A3D 0%, #0D234F 54%, #071A3D 100%) !important; */
}
body.dark-theme .home,
body.dark-theme .home-outer,
body.dark-theme .banner,
body.dark-theme .banner-main,
body.dark-theme .home-main-outer {
  background:
    radial-gradient(circle at 76% 22%, rgba(73, 180, 255, 0.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #F4F8FF 62%, #ffffff 100%) !important;
}

.home .container,
.home-outer .container,
.banner .container,
.banner-main .container,
.home-main-outer .container {
  position: relative !important;
  z-index: 2 !important;
}

.home .row,
.home-outer .row,
.banner .row,
.banner-main .row,
.home-main-outer .row {
  align-items: center !important;
}

.banner-left,
.home-left,
.banner-content,
.home-content {
  max-width: 650px !important;
}

.banner-left h1, .home-left h1, .banner-content h1, .home-content h1, .home h1, .home-outer h1, .banner h1 {
  font-size: 55px !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  margin-bottom: 22px !important;
  color: #ffffff !important;
}

body.dark-theme .banner-left h1,
body.dark-theme .home-left h1,
body.dark-theme .banner-content h1,
body.dark-theme .home-content h1,
body.dark-theme .home h1,
body.dark-theme .home-outer h1,
body.dark-theme .banner h1 {
  color: #071A3D !important;
}

.banner-left p,
.home-left p,
.banner-content p,
.home-content p,
.home p,
.home-outer p,
.banner p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  max-width: 620px !important;
  margin-bottom: 24px !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

body.dark-theme .banner-left p,
body.dark-theme .home-left p,
body.dark-theme .banner-content p,
body.dark-theme .home-content p,
body.dark-theme .home p,
body.dark-theme .home-outer p,
body.dark-theme .banner p {
  color: rgba(7, 26, 61, 0.74) !important;
}

.banner-right,
.home-right,
.hero-right {
  text-align: center !important;
}

.banner-right img,
.home-right img,
.hero-right img {
  max-width: 470px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 28px rgba(73, 180, 255, 0.38)) !important;
}

/* ---------- BUTTONS FINAL ---------- */
.btn, .btn-primary, a.btn, a.btn-primary, button.btn-primary, .trade-btn, .get-started-btn, .login-btn a, .ongoing-btn .btn, .trade-btn-outer .btn, .register-btn-outer .btn, .search-bar form .btn {
  background: linear-gradient(135deg, #49B4FF 0%, #1E88FF 52%, #0047C6 100%) !important;
  border: 1px solid #49B4FF !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 9px !important;
  padding: 9px 20px !important;
  box-shadow: 0 8px 20px rgba(30, 136, 255, 0.28) !important;
  text-shadow: none !important;
}
.winloss-inner .winloss-right .trade-btn {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.btn *,
.btn-primary *,
a.btn *,
a.btn-primary *,
button.btn-primary *,
.trade-btn *,
.get-started-btn * {
  color: #ffffff !important;
}

.btn:hover,
.btn-primary:hover,
a.btn:hover,
a.btn-primary:hover,
button.btn-primary:hover,
.trade-btn:hover,
.get-started-btn:hover {
  background: linear-gradient(135deg, #6AC2FF 0%, #1E88FF 50%, #003AA3 100%) !important;
  color: #ffffff !important;
  border-color: #6AC2FF !important;
}

/* Small trade buttons */
.market-inner .btn,
.item-con .btn,
.coin-box .btn,
.crypto-box .btn,
.trade-list-outer .btn {
  padding: 7px 11px !important;
  font-size: 12px !important;
  border-radius: 6px !important;
}

/* ---------- SECTION SPACING ---------- */
.padding,
.help-main-outer,
.market-news-outer,
.how-main-outer,
.intro-main-outer,
.more-blog-main,
.launch-main,
.listing-main,
.requirement-main {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

/* ---------- CARDS / BOXES FINAL ---------- */
.white_box,
.white_box_refer,
.how-inner,
.market-news-outer .market-outer,
.blog-main-outer .img-outer,
.trade-list-outer li,
.wishlist-left,
.whitelist-data,
.launch-faq .card,
.card,
.ne_box,
.requirement-inner,
.left_tab,
.type-list-outer,
.accordion-item,
.faq-main .card,
.faq-outer .card,
.market-inner,
.item-con,
.coin-box,
.crypto-box {
  background: #0D234F !important;
  color: #ffffff !important;
  border: 1px solid rgba(73, 180, 255, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
}

body.dark-theme .white_box,
body.dark-theme .white_box_refer,
body.dark-theme .how-inner,
body.dark-theme .market-news-outer .market-outer,
body.dark-theme .blog-main-outer .img-outer,
body.dark-theme .trade-list-outer li,
body.dark-theme .wishlist-left,
body.dark-theme .whitelist-data,
body.dark-theme .launch-faq .card,
body.dark-theme .card,
body.dark-theme .ne_box,
body.dark-theme .requirement-inner,
body.dark-theme .left_tab,
body.dark-theme .type-list-outer,
body.dark-theme .accordion-item,
body.dark-theme .faq-main .card,
body.dark-theme .faq-outer .card,
body.dark-theme .market-inner,
body.dark-theme .item-con,
body.dark-theme .coin-box,
body.dark-theme .crypto-box {
  background: #ffffff !important;
  color: #071A3D !important;
  border: 1px solid #D8E7FF !important;
  box-shadow: 0 12px 26px rgba(0, 71, 198, 0.08) !important;
}

body:not(.dark-theme) .white_box h1,
body:not(.dark-theme) .white_box h2,
body:not(.dark-theme) .white_box h3,
body:not(.dark-theme) .white_box h4,
body:not(.dark-theme) .white_box h5,
body:not(.dark-theme) .white_box h6,
body:not(.dark-theme) .how-inner h3,
body:not(.dark-theme) .card h1,
body:not(.dark-theme) .card h2,
body:not(.dark-theme) .card h3,
body:not(.dark-theme) .card h4,
body:not(.dark-theme) .card h5,
body:not(.dark-theme) .card h6,
body:not(.dark-theme) .market-news-outer h4,
body:not(.dark-theme) .market-news-outer h5,
body:not(.dark-theme) .market-news-outer h6 {
  color: #ffffff !important;
}

body.dark-theme .white_box h1,
body.dark-theme .white_box h2,
body.dark-theme .white_box h3,
body.dark-theme .white_box h4,
body.dark-theme .white_box h5,
body.dark-theme .white_box h6,
body.dark-theme .how-inner h3,
body.dark-theme .card h1,
body.dark-theme .card h2,
body.dark-theme .card h3,
body.dark-theme .card h4,
body.dark-theme .card h5,
body.dark-theme .card h6,
body.dark-theme .market-news-outer h4,
body.dark-theme .market-news-outer h5,
body.dark-theme .market-news-outer h6 {
  color: #071A3D !important;
}

/* ---------- INTRO SECTION ---------- */
.intro-outer {
  border-top: 1px solid rgba(73, 180, 255, 0.18) !important;
  border-bottom: 1px solid rgba(73, 180, 255, 0.18) !important;
  padding: 35px 0 !important;
}

/* ---------- FAQ FINAL ---------- */
.accordion-button,
.faq-main .card-header a,
.faq-outer .card-header a,
.launch-faq .card .card-header a {
  background: #0D234F !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

body.dark-theme .accordion-button,
body.dark-theme .faq-main .card-header a,
body.dark-theme .faq-outer .card-header a,
body.dark-theme .launch-faq .card .card-header a {
  background: #EAF2FF !important;
  color: #071A3D !important;
}

/* ---------- FORMS ---------- */
.form-control,
select.form-control,
textarea.form-control,
input.form-control {
  background: #071A3D !important;
  border: 1px solid rgba(73, 180, 255, 0.25) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

body.dark-theme .form-control,
body.dark-theme select.form-control,
body.dark-theme textarea.form-control,
body.dark-theme input.form-control {
  background: #ffffff !important;
  border-color: #CFE2FF !important;
  color: #071A3D !important;
}

/* ---------- FOOTER ---------- */
.footer,
.footer-main,
footer {
  background: #06142F !important;
  border-top: 1px solid rgba(73, 180, 255, 0.16) !important;
}

body.dark-theme .footer,
body.dark-theme .footer-main,
body.dark-theme footer {
  background: #ffffff !important;
  border-top: 1px solid #D8E7FF !important;
}

.footer a,
.footer .nav_link li a,
footer a {
  color: rgba(255, 255, 255, 0.75) !important;
}

.footer a:hover,
.footer .nav_link li a:hover,
footer a:hover {
  color: #49B4FF !important;
}

body.dark-theme .footer a,
body.dark-theme .footer .nav_link li a,
body.dark-theme footer a {
  color: rgba(7, 26, 61, 0.74) !important;
}

/* ---------- PRICE COLORS ---------- */
.text-success,
.green,
.profit,
.up,
.positive {
  color: #27D17F !important;
}

.text-danger,
.red,
.loss,
.down,
.negative {
  color: #ff4d4d !important;
}

/* ---------- TABLES ---------- */
.table thead th,
.scrool_wallet_box .table thead th {
  background: #06142F !important;
  color: #ffffff !important;
}

body.dark-theme .table thead th,
body.dark-theme .scrool_wallet_box .table thead th {
  background: #EAF2FF !important;
  color: #071A3D !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 991px) {
  .home,
  .home-outer,
  .banner,
  .banner-main,
  .home-main-outer {
    min-height: auto !important;
    padding: 110px 0 55px !important;
    text-align: center !important;
  }

  .banner-left,
  .home-left,
  .banner-content,
  .home-content {
    max-width: 100% !important;
    margin-bottom: 35px !important;
  }

  .banner-left h1,
  .home-left h1,
  .banner-content h1,
  .home-content h1,
  .home h1,
  .home-outer h1,
  .banner h1 {
    font-size: 38px !important;
  }

  .banner-left p,
  .home-left p,
  .banner-content p,
  .home-content p,
  .home p,
  .home-outer p,
  .banner p {
    font-size: 16px !important;
  }

  .banner-right img,
  .home-right img,
  .hero-right img {
    max-width: 360px !important;
  }

  .navbar-collapse {
    background: #06142F !important;
    border: 1px solid rgba(73, 180, 255, 0.16) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    margin-top: 10px !important;
  }

  body.dark-theme .navbar-collapse {
    background: #ffffff !important;
    border-color: #D8E7FF !important;
  }
}

@media (max-width: 575px) {
  .navbar .navbar-brand img,
  .navbar-brand img,
  .logo img {
    max-height: 38px !important;
  }

  .banner-left h1,
  .home-left h1,
  .banner-content h1,
  .home-content h1,
  .home h1,
  .home-outer h1,
  .banner h1 {
    font-size: 30px !important;
  }

  .banner-right img,
  .home-right img,
  .hero-right img {
    max-width: 280px !important;
  }

  .padding,
  .help-main-outer,
  .market-news-outer,
  .how-main-outer,
  .intro-main-outer,
  .more-blog-main,
  .launch-main,
  .listing-main,
  .requirement-main {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
}


/* ================================
ONLY COLOR THEME UPDATE
NO FONT SIZE CHANGES
NO SPACING CHANGES
=============================== */

:root{
  --primary:#49B4FF;
  --secondary:#1E88FF;
  --accent:#0047C6;
  --dark:#06142F;
  --card:#0D234F;
  --light:#F4F8FF;
}

/* Buttons */
.btn-primary,
.trade-btn,
.get-started-btn{
  background:linear-gradient(135deg,#49B4FF,#1E88FF,#0047C6)!important;
  border-color:#49B4FF!important;
}

.btn-primary:hover{
  background:#0047C6!important;
  border-color:#0047C6!important;
}

/* Links */
a:hover,
.navbar-collapse .navbar-nav .nav-link:hover,
.nav-scroll .navbar-nav .nav-link.active{
  color:#49B4FF!important;
}

/* Dark Theme */
body{
  background:#06142F!important;
}

.navbar,
.nav-scroll,
.nav-scroll2,
.footer,
.footer-main,
.help-main-outer,
.white_box,
.white_box_refer,
.market-news-outer .market-outer,
.how-inner,
.trade-list-outer li{
  background-color:#0D234F!important;
}

/* Light Theme */
.dark-theme{
  background:#ffffff!important;
}

.dark-theme .white_box,
.dark-theme .white_box_refer,
.dark-theme .market-news-outer .market-outer,
.dark-theme .how-inner,
.dark-theme .left_tab,
.dark-theme .whitelist-data,
.dark-theme .wishlist-left{
  background:#F4F8FF!important;
}

.dark-theme .navbar{
  background:#ffffff!important;
}

.dark-theme .navbar-collapse .navbar-nav .nav-link{
  color:#0047C6!important;
}

/* Blue Glow */
.home .banner-right img,
.banner-right img{
  filter:drop-shadow(0 0 20px rgba(73,180,255,.45));
}