:root .moly-theme-component-dark,
:root.moly-theme-dark,
:root.moly-theme-light .moly-theme-component-dark {
  --bds-gray-t1-title: #fff;
  --bds-gray-t2: #adb1b8;
  --bds-gray-t3: #71757a;
  --bds-gray-t4-dis: #595d61;
  --bds-gray-t1-title-revert: #121214;
  --bds-gray-ele-border: #404347;
  --bds-gray-ele-line: #25282c;
  --bds-gray-ele-edge: #1e2023;
  --bds-gray-bg-page: #000;
  --bds-gray-bg-area: #101014;
  --bds-gray-bg-card: #16171a;
  --bds-gray-bg-float: #333537;
  --bds-trans-mask: rgba(1, 3, 5, .8);
  --bds-trans-hover: rgba(192, 210, 231, .12);
  --bds-brand-600-hover: #ffc35c;
  --bds-brand-700-normal: #f7a600;
  --bds-brand-800-pressed: #f0960e;
  --bds-brand-900-focus: #f0960e;
  --bds-brand-900-text: #f7a600;
  --bds-brand-100-bg: rgba(247, 166, 0, .16);
  --bds-red-600-hover: #fc7272;
  --bds-red-700-normal: #ef454a;
  --bds-red-800-pressed: #cc3939;
  --bds-red-900-focus: #cc3939;
  --bds-red-100-bg: rgba(239, 69, 74, .16);
  --bds-green-600-hover: #41bf7e;
  --bds-green-700-normal: #20b26c;
  --bds-green-800-pressed: #00944f;
  --bds-green-900-focus: #00944f;
  --bds-green-100-bg: rgba(32, 178, 108, .16);
  --bds-gradient-reddish: linear-gradient(90deg, #f90, #ff6a59);
  --bds-gradient-brand: linear-gradient(133deg, #ffd748 -1.87%, #f7a600 101.87%);
  --bds-gradient-tab-scroll-left: linear-gradient(270deg, rgba(1, 1, 1, 0), #010101);
  --bds-gradient-tab-scroll-right: linear-gradient(270deg, #010101, rgba(1, 1, 1, 0));
  --bds-shadow-l1: 0 0 4px 0 rgba(18, 18, 20, .1);
  --bds-shadow-l2: 0 0 24px 0 rgba(18, 18, 20, .1);
  --bds-focused-halo-brand: 0 0 0 5px var(--bds-brand-100-bg);
  --bds-focused-halo-green: 0 0 0 5px var(--bds-green-100-bg);
  --bds-focused-halo-red: 0 0 0 5px var(--bds-red-100-bg);
  --bds-underline-dashed: 1px dashed #595d61;
  --bds-tag-text-primary: var(--bds-brand-700-normal);
  --bds-tag-text-neutral: var(--bds-static-white);
  --bds-empty-svg-border: #71757a;
  --bds-empty-svg-line: #f7a600;
  --bds-empty-svg-opacity: 0.41;
  --bds-empty-svg-filter-1: url(#filter1_i_8929_6128);
  --bds-empty-svg-filter-0: url(#filter0_i_8929_6128);
  --bds-checkbox-type-checked: var(--bds-static-black);
  --bds-gray-ele-line-rgb: 32, 33, 36;
  --bds-black-white: #000;
  --bds-badge-type-secondary-text-color: #fff;
  --bds-badge-type-secondary-bg-color: rgba(192, 210, 231, .12);
  --bds-badge-sup-type-secondary-text-color: #71757a;
  --bds-badge-sup-text-color: #f7a600;
  color-scheme: dark
}

:root,
:root .moly-theme-component-light,
:root.moly-theme-dark .moly-theme-component-light,
:root.moly-theme-light {
  --bds-gray-t1-title: #121214;
  --bds-gray-t2: #81858c;
  --bds-gray-t3: #adb1b8;
  --bds-gray-t4-dis: #d5dae0;
  --bds-gray-t1-title-revert: #fff;
  --bds-gray-ele-border: #e9edf2;
  --bds-gray-ele-line: #f3f5f7;
  --bds-gray-ele-edge: #f9fafb;
  --bds-gray-bg-page: #f5f7fa;
  --bds-gray-bg-area: #fff;
  --bds-gray-bg-card: #fff;
  --bds-gray-bg-float: #fff;
  --bds-trans-mask: rgba(56, 58, 61, .6);
  --bds-trans-hover: rgb(56 68 82/6%);
  --bds-brand-600-hover: #ffc35c;
  --bds-brand-700-normal: #f7a600;
  --bds-brand-800-pressed: #f0960e;
  --bds-brand-900-focus: #eb8d13;
  --bds-brand-900-text: #d6850d;
  --bds-brand-100-bg: rgba(247, 166, 0, .12);
  --bds-red-600-hover: #fc7272;
  --bds-red-700-normal: #ef454a;
  --bds-red-800-pressed: #cc3939;
  --bds-red-900-focus: #cc3939;
  --bds-red-100-bg: rgba(239, 69, 74, .12);
  --bds-green-600-hover: #41bf7e;
  --bds-green-700-normal: #20b26c;
  --bds-green-800-pressed: #00944f;
  --bds-green-900-focus: #00944f;
  --bds-green-100-bg: rgba(32, 178, 108, .12);
  --bds-gradient-reddish: linear-gradient(90deg, #f90, #ff6a59);
  --bds-gradient-brand: linear-gradient(97.12deg, #ffd748 0.93%, #f7a600);
  --bds-gradient-tab-scroll-left: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
  --bds-gradient-tab-scroll-right: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
  --bds-shadow-l1: 0 0 4px 0 rgba(18, 18, 20, .1);
  --bds-shadow-l2: 0 0 24px 0 rgba(18, 18, 20, .1);
  --bds-focused-halo-brand: 0 0 0 5px var(--bds-brand-100-bg);
  --bds-focused-halo-green: 0 0 0 5px var(--bds-green-100-bg);
  --bds-focused-halo-red: 0 0 0 5px var(--bds-red-100-bg);
  --bds-underline-dashed: 1px dashed #d5dae0;
  --bds-tag-text-primary: #e18e12;
  --bds-tag-text-neutral: var(--bds-black);
  --bds-empty-svg-border: #595d61;
  --bds-empty-svg-line: #595d61;
  --bds-empty-svg-opacity: 1;
  --bds-empty-svg-filter-1: url(#filter0_i_2694_140312);
  --bds-checkbox-type-checked: var(--bds-static-white);
  --bds-gray-ele-line-rgb: 243, 245, 247;
  --bds-black-white: #fff;
  --bds-badge-type-secondary-text-color: var(--bds-static-black);
  --bds-badge-type-secondary-bg-color: rgba(56, 68, 82, .06);
  --bds-badge-sup-type-secondary-text-color: #adb1b8;
  --bds-badge-sup-text-color: var(--bds-brand-900-text);
  color-scheme: light
}

:root {
  --bds-static-black: #121214;
  --bds-static-gray-popup: #595d61;
  --bds-static-white: #fff;
  --bds-static-border-color: #d9d9d9;
  --bds-static-active-color: #d18400;
  --bds-static-blue-color: #5D3587;
  --bds-font-family: "IBM Plex Sans", -apple-system, blinkmacsystemfont, "PingFang SC", "Microsoft YaHei", roboto, arial, sans-serif;
  --bds-font-size-h0: 96px;
  --bds-font-size-h1: 64px;
  --bds-font-size-h2: 48px;
  --bds-font-size-h3: 40px;
  --bds-font-size-h4: 32px;
  --bds-font-size-24: 24px;
  --bds-font-size-20: 20px;
  --bds-font-size-18: 18px;
  --bds-font-size-16: 16px;
  --bds-font-size-14: 14px;
  --bds-font-size-12: 12px;
  --bds-font-size-10: 10px;
  --bds-scale-80-pct: 0.8;
  --bds-line-height-h0: 104px;
  --bds-line-height-h1: 74px;
  --bds-line-height-h2: 56px;
  --bds-line-height-h3: 48px;
  --bds-line-height-h4: 40px;
  --bds-line-height-24: 32px;
  --bds-line-height-20: 28px;
  --bds-line-height-18: 26px;
  --bds-line-height-16: 24px;
  --bds-line-height-14: 22px;
  --bds-line-height-12: 18px;
  --bds-line-height-10: 14px;
  --bds-line-height-8: 10px;
  --bds-font-weight-regular: 400;
  --bds-font-weight-medium: 500;
  --bds-font-weight-semibold: 600;
  --bds-border-radius-4: 4px;
  --bds-border-radius-8: 8px;
  --bds-border-radius-round: 50%;
  --bds-input-border-width: 1px;
  --bds-transition-fast: 150ms;
  --bds-badge-height: 24px;
  --bds-badge-height-small: 20px;
  --bds-badge-dot-size: 8px;
  --bds-badge-dot-size-small: 6px;
  --bds-badge-padding-horizontal: 8px;
  --bds-badge-padding-horizontal-small: 6px;
  --bds-badge-font-size: var(--bds-font-size-14);
  --bds-badge-font-size-small: var(--bds-font-size-12);
  --bds-badge-sup-text-color: var(--bds-brand-900-text);
  --bds-badge-bg-color: var(--bds-red-700-normal);
  --bds-badge-type-secondary-text-color: var(--bds-static-black);
  --bds-badge-type-secondary-bg-color: rgba(56, 68, 82, .06);
  --bds-badge-sup-type-secondary-text-color: #adb1b8;
  --bds-trans-hover: rgb(56 68 82/6%)
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}


html {
  width: 100%;
  height: 100%;
  position: absolute;
}

.light{
  --bcg:#ffffff;
  --text-bcolor:#2B3144;
  --box-bg: #fff !important;
}    

.darkmode,.dark{
  --bcg:#080808;
  --text-bcolor:#fff;
  --box-bg: #121318 !important;
}
@font-face {
  font-family: 'Inter';
  src: url('../font/Inter-Regular.ttf') format('opentype');
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: "Inter" !important;
  position: relative;
  min-height: 100%;
  width: 100%;
  background: #131722 !important;
  transition: background-color 1s;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent !important;
}

.container-mode {
  position: relative;
  cursor: pointer;
}

.light {
  background-color: #E6E9F1 !important;
}

.moon {
  position: absolute;
  inset: 0;
}

.moon-logo {
  opacity: 0;
  transform: translateY(10%) rotateZ(50deg);
  transition: all 1s ease-out;
}

.sun-logo {
  opacity: 1;
  transform: translateY(0) rotateZ(0deg);
  transition: all 1s ease-out;
}

.animate-sun {
  opacity: 0;
  transform: translateY(10%) rotateZ(100deg);
}

.animate-moon {
  opacity: 1;
  transform: translateY(0%) rotateZ(0deg);
}

.animate-moon path {
  fill: rgb(0, 0, 0);
}

.animate-sun path {
  fill: white;
}

svg.sun {
  fill: #fff;
}

body.light .tradepage .headermenu .headbg ul li a.nav-link {
  color: #000;
  /* background: #edeff6; */
}

body.pagewrapperbox.light .dropdown-menu.show {
  background: #fff !important;
}

body.pagewrapperbox.light .innerpagecontent .h2 {
  color: #000;
}

.mainBody {
  backdrop-filter: blur(10px) !important;
  position: absolute !important;
  height: 100vh !important;
  width: 100vw !important;
  z-index: 99 !important;
  top: 10% !important;
  overflow: hidden !important;
}

.comingSoon {
  color: white !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 99 !important;
  font-size: 50px !important;
  overflow: hidden !important;
}

.footerbox {
  bottom: 0px;
  position: absolute;
  width: 100%;
  height: 50px;
}

.t-gray {
  color: #b4b4b4;
}

.content {
  font-size: 13px;
  line-height: 21px;
}

button:hover,
button:focus,
button:active {
  box-shadow: none;
  outline: none;
}

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

.gridparentbox,
.footerbox,
.headbg {
  /* padding-left: 80px !important; */
}

.pagewrapperbox .gridparentbox,
.pagewrapperbox .footerbox,
.pagewrapperbox .headbg {
  /* padding-left: 235px !important; */
}

.pagewrapperbox .tradepage .gridparentbox,
.pagewrapperbox .tradepage .footerbox {
  padding-left: 0px !important;
}

.pagewrapperbox .tradepage .headbg {
  padding: 12px !important;
  position: fixed;
}

.headbg {
  background-color: #fff;
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
  /*  background: #1e1e1e; */
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border-radius: 0px;
  padding: 12px 10px;
  z-index: 99;
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
}

.headermenu {
  position: relative;
  width: 100%;
  z-index: 999;
}

.pagecontent.gridpagecontent.innerpagegrid.token section.headermenu {
  height: 40px;
}

.headbg .container {
  width: 100%;
  max-width: 100%;
  padding: 0px;
  padding-left: 0px;
}
article.gridparentbox.profile-page .sitecontainer{
  padding: 0 64px;
  max-width: 1660px;
}
.sitecontainer {
  width: 100% ;
  max-width: 96% ;
  padding: 0px 8px;
}

.footerbox .container {
  width: 100%;
  max-width: 100%;
}

.logo {
  width: 100%;
  /* max-width: 165px; */
  margin: 15px auto 0;
  display: block;
  padding-bottom: 10px;
  position: relative;
}
/* .header-right-logo{
  position: relative;
}
.header-right-logo::after {
  content: "";
  position: absolute;
  border-left: 1px solid #AEB1BF;
  height: 32px;
  top: 3px;
  right: 0px;
}  */
body img.logo.light-logo {
  display: none !important;
}

body.light img.logo.light-logo {
  display: block !important;
}

body.light img.logo.dark-logo {
  display: none;
}

section.headermenu a.navbar-brand img.logo {
  max-width: 100%;
  min-height: 70px;
  max-height: 70px;
  padding-bottom: 0px;
}

.leftsidemenu .logo {
  max-width: 85px;
}

.logoicon {
  width: 100%;
  max-width: 45px;
}

.headermenu .headbg ul li a.nav-link {
  color: #ffffff;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.headermenu .headbg ul li a.nav-link:hover,
.headermenu .headbg ul li a.nav-link:focus,
.headermenu .headbg ul li a.nav-link:active {
  color: #fff !important;
  /* border-bottom: 2px solid #fff; */
  /* padding-bottom: 17px; */
  /* padding-top: 10px; */
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff;
}

.headermenu .headbg ul li a.dropdown-bs-toggle i {
  padding-left: 7px;
}

.headermenu .headbg ul li .dropdown-menu a.active {
  color: #c49121 !important;
  background-color: #333;
}

.headermenu .headbg ul li a.active {
  color: #a385c6 !important;
  /* border-bottom: 3px solid #5D3889; */
}

.usermenu .dropdown-toggle::after {
  display: none;
}

.usermenu .fa-angle-right {
  padding-left: 20px;
  margin-right: 0px !important;
  position: absolute;
  right: 4px;
  top: 11px;
}

.headermenu .dropdown-menu {
  padding: 0px;
  border-radius: 7px;
  border: 0px;
  box-shadow: 0 2px 6px 0 rgb(1 34 115 / 20%);
  position: relative;
  padding-top: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-top: 16px;
  overflow: hidden;
}

.headermenu .dropdown-menu::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  height: 2px;
}

.headermenu .menuicn .dropdown-toggle::after {
  xdisplay: none;
}

.innerpagegrid .menuicn {
  display: none;
}

.headermenu .menuicn i {
  font-size: 15px;
  margin-top: 5px;
}

.dashboardicont a {
  padding-right: 2px !important;
}

.dashboardicont img {
  width: 100%;
  max-width: 18px;
}

.usermenu .dropdown-menu {
  right: 0px;
  left: inherit;
}

.dropdown-divider {
  border-top: 0px;
  margin: 0px;
}

.headermenu .headbg .dropdown-item {
  color: #d6d6d6;
  font-size: 14px !important;
  padding: 13px 16px !important;
  position: relative;
  font-weight: 400;
}

.headermenu .headbg .dropdown-item:hover,
.headermenu .headbg .dropdown-item:focus,
.headermenu .headbg .dropdown-item:active {
  /* background: #1e1e1e; */
  color: #ccc;
}

.headermenu .headbg .dropdown-item i {
  margin-right: 8px;
}

.tradepage .headermenu .headbg ul li a.nav-link {
  color: #fff;
}

.leftsidemenu {
  background: #1e1e1e;
  position: fixed !important;
  left: 0px;
  top: 0;
  height: 100%;
  width: 80px;
  z-index: 99 !important;
  padding: 15px 15px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 17px 0 rgb(26 26 26 / 18%);
}

.leftsidemenu .logo,
.leftsidemenu.active .logoicon {
  display: none;
}

.leftsidemenu.active {
  width: 235px;
}

.leftsidemenu.active .logo {
  display: block;
}

.leftsidescroll {
  height: 87%;
  margin-top: 18px;
}

.leftsidescroll .iconview {
  color: #ffffff;
  margin-right: 11px;
  background: #3e3e3e;
  padding-top: 5px;
  border-radius: 7px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-block;
}

.leftsidescroll i {
  font-size: 12px;
  position: relative;
}

.leftsidemenu ul {
  padding: 0px;
  margin: 0px;
}

.leftsidemenu li {
  list-style: none;
  text-align: center;
}

.leftsidemenu li a {
  padding: 14px 5px;
  color: #fbfbfb;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 0px;
  text-transform: uppercase;
  font-weight: 600;
}

.leftsidemenu li a:hover {
  text-decoration: none;
}

.leftsidemenu li a.active,
.leftsidemenu li a.active:hover,
.leftsidemenu li a.active:focus,
.leftsidemenu li a.active:active,
.leftsidemenu li a:hover {
  color: #f7841e;
}

.leftsidemenu li a.active .iconview,
.leftsidemenu li a:hover .iconview {
  color: #fff;
  background: #f7841e;
}

.leftsidemenu li a img {
  width: 23px;
}

.leftsidemenu li a>div,
.pagewrapperbox .tradepage .leftsidemenu.active {
  display: none;
}

.leftsidemenu.active li a>div {
  display: inline-block;
}

.leftsidemenu {
  display: inline-block;
}

.pagewrapperbox .leftsidemenu.active {
  display: block;
}

.livepricemobile li a {
  color: #ffffff !important;
  font-size: 12px;
  line-height: 8px;
  font-weight: 400;
  text-decoration: none;
  /* line-height: 15px; */
}

.livepricemobile li a:hover,
.livepricemobile li a:focus,
.livepricemobile li a:active {
  text-decoration: none;
}

.coinlisttable img,
.coinlisttable>div {
  display: table-cell !important;
  vertical-align: top;
  line-height: 25px;
}

.coinlisttable img {
  position: relative;
  top: -1px;
  width: 26px;
}

.coinlisttable {
  display: table;
}

/*   
  .dropdown-menu.show { 
    overflow: auto;
    width: 170px;
    transform: translate3d(0px, 0px, 0px) !important;
    right: auto !important;
    left: 95% !important;
    margin-left: -185px !important;
    top: 0 !important;
    margin-top: 40px !important;
      
  } */
.chart {

  position: relative;

}

ul.livepricenavbg .dropdown-menu.show {
  height: 270px;
  overflow: auto;
  width: 170px;
  transform: translate3d(0px, 0px, 0px) !important;
  right: auto !important;
  left: 50% !important;
  margin-left: -50px !important;
  top: 0 !important;
  margin-top: 40px !important;

}

.chart {

  position: relative;

}

.dropdown-menu.show::-webkit-scrollbar {
  width: 5px;
}

.dropdown-menu.show::-webkit-scrollbar-thumb {
  background: #626161;
  border-radius: 5px;
}

.dropdown-menu.show::-webkit-scrollbar-track {
  /* background: #c1c1c1; */
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background: #626161;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background: #c1c1c1;
}

.livepricemobile {
  padding: 8px 8px;
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgb(9 9 9);
  border-radius: 6px;
}

.livepricenavbg {
  padding-left: 0px;
  width: 100%;
  display: flex;
  margin-bottom: 0px;
  /* overflow-x: auto; */
  justify-content: space-between;
  align-items: center;
}

.livepricenavbg li {
  list-style: none;
  float: left;
  padding: 1px 16px;
  width: auto;
  line-height: 17px;
  border-right: 0px;
  white-space: nowrap;
}

.livepricenavbg li:hover {
  background: #090909;
  /* padding: 0px 0px; */
}

.livepricenavbg li:last-child {
  border-right: 0px;
}

.livepricemobile li a:hover,
.livepricemobile li a:focus,
.livepricemobile li a:active {
  color: #fff;
}

.livepricemobile .dropdown .dropdown-menu {
  background: #1d1d1d;
  border-radius: 3px;
  margin: 0px;
  padding: 0px;
  margin-top: 11px;
  /* width: 100%; */
  /* max-width: 39px; */
}

.livepricemobile .dropdown .dropdown-menu a {
  padding: 6px 6px;
  color: #fff;
  font-size: 13px;
}

.livepricemobile .dropdown .dropdown-menu a:hover,
.livepricemobile .dropdown .dropdown-menu a:focus,
.livepricemobile .dropdown .dropdown-menu a:active {
  background-color: #5D38897d;
}

.coinlisticon {
  width: 29px;
  height: 26px !important;
  margin-right: 4px;
}

.livepricet span {
  display: inline-block;
  text-align: left;
  line-height: normal;
  font-size: 12px;
  color: #ffffff;
  padding-left: 0px;
  font-weight: 700;
}

.photopic img {
  width: 35px;
  height: 35px;
  background: #bbbbbb;
  border: 1px solid #bbbbbb;
  border-radius: 50px;
  position: relative;
  top: 8px;
  margin-top: -18px;
  padding: 2px;
}

.usermenu a.dropdown-toggle {
  margin-top: 1px;
}

.btn-block {
  width: 100%;
}

.chart {
  grid-area: chart;
  min-height: 460px;
}

.orderbook {
  grid-area: orderbook;
}

.orderform {
  grid-area: orderform;
}

.tradehistory {
  grid-area: tradehistory;
  overflow: hidden;
}

.marketlist {
  xgrid-area: marketlist;
  display: none;
}

.openorder {
  grid-area: openorder;
}

.livepricelist {
  grid-area: livepricelist;
  overflow: inherit !important;
  z-index: 10000;
}

.mobilegrid {
  grid-area: mobilegrid;
  display: none;
}

.walletbalance {
  grid-area: walletbalance;
}

.grid-box {
  display: grid;
  grid-template-areas:
    "livepricelist orderbook orderform"
    "chart orderbook orderform"
    "openorder tradehistory orderform";
  grid-template-columns: 1fr 350px 350px;
  grid-gap: 7px;
  margin: 15px 0px;
  border-radius: 11px;
  /* overflow: hidden; */
}

.grid-box>div,
.grid-box-new>div {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  backdrop-filter: blur(10px) saturate(70%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgb(9 9 9 / 32%);
}

.chart.active {
  display: flex;
}

.walletbalance .btn-sm {
  text-decoration: underline;
  font-size: 11px;
  font-weight: 700;
}

.gridparentbox {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.heading-box {
  padding: 16px 16px;
  margin: 0px;
  background: #191919;
  border-bottom: 1px solid #191919;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  /* border-radius: 6px; */
  font-weight: 700;
  /* backdrop-filter: blur(19px) saturate(178%); */
  /* -webkit-backdrop-filter: blur(19px) saturate(178%); */
  background-color: rgba(9, 9, 9, 0.93);
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}

.heading-box1 {
  padding: 16px 16px;
  margin: 0px;
  background: #191919;
  border-bottom: 1px solid #191919;
  color: #ffffff;
  font-size: 13px;

  /* border-radius: 6px; */
  font-weight: 700;
  backdrop-filter: blur(19px) saturate(178%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgba(9, 9, 9, 0.93);
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}

.footerbox {
  z-index: 9;
  padding: 0px;
  backdrop-filter: blur(19px) saturate(178%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: #131722;
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}

.innerpagegrid .footerbox {
  /* background: none; */
}

.footetext p {
  margin-bottom: 0px;
  font-size: 12px;
}

.chart {
  -ms-flex-direction: column;
  flex-direction: column;
  display: flex;
}

.chart .tab-content,
.tradechartlist.active,
.tradechartlist>div,
.tradechartlist>div>div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  min-height: 333px;
}

.marketchart.active,
.marketchart>div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: auto;
}

.marketchart>div,
.tradechartlist>div {
  height: 333px;
  min-height: 333px;
}

.orderfrmtab {
  /* margin: 10px 0px; */
  border-bottom: 0px;
  display: flex;
  flex-wrap: inherit;
  /* padding: 6px 12px; */
}

.buyselltabbg {
  /* display: inline-block; */
  padding: 0;
  padding-bottom: 0;
  /* position: absolute; */
  top: 5px;
  padding: 6px 12px;
  right: 6px;
}

.sellorderform {
  display: none;
}

.sellorderformactive1 .sellorderform {
  display: block;
}

.buyorderformactive1 .buyorderform {
  display: block;
}

.sellorderformactive1 .buyorderform {
  display: none;
}

.buyorderformactive1 .sellorderform {
  display: none;
}

.orderform .tabrightbox {
  margin-top: 8px;
  right: 5px;
}

.orderfrmtab li {
  width: 50%;
  text-align: center;
  margin-bottom: 0px !important;
}

.orderform .orderfrmtab li a {
  border-radius: 0px;
  color: #76808f;
  text-transform: uppercase;
  font-size: 14px;
  padding: 4px 19px;
  border: 0px !important;
  font-weight: 700;
}

.orderform .buyselltab li a {
  border: 1px solid #212121 !important;
  font-size: 12px;
  padding: 10px 0px;
}

.orderform .buyselltab li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 10px 0px;
}

.orderform .buyselltab li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.orderform .buyselltab li:first-child a.active {
  border-color: #5D3889 !important;
  color: #fff;
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  font-weight: 900;
}

.orderform .buyselltab li:last-child a.active {
  border-color: #5D3889 !important;
  color: #fff;
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  color: #fff;
}

.sectable {
  border-bottom: 1px solid #dcdcdc;
}

.contentbox {
  padding: 18px 20px;
}

.limitabbg {
  /* margin-top: 5px; */
  padding: 6px 12px;
  /* border-bottom: 1px solid #d6d9e3; */
}

.orderform .limitabbg li {
  padding: 0px;
  width: auto;
}

.orderform .limitabbg li a {
  padding: 11px 19px;
  text-transform: capitalize;
  font-size: 13px;
  /* border-bottom: 1px solid #d6d9e3 !important; */
}

.orderform .limitabbg li a.active {
  color: #596CB5;
  /* backdrop-filter: blur(19px) saturate(178%); */
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.125);
  border-bottom: 3px solid #5D3889 !important;
}

.orderfrmtab .dropdown .dropdown-item {
  background-color: #fff !important;
  padding: 7px 10px;
  font-size: 13px;
}

.orderfrmtab .dropdown .dropdown-item.active {
  border-bottom: 0px !important;
  color: #3498db;
}

.siteformbg label {
  font-size: 14px !important;
  color: #cecece;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

body.darkmode .siteformbg label {
  color: #fff;
}

.siteformbg .form-control {
  font-size: 13px;
  height: 40px;
  background: #0c0c0c;
  border: 1px solid #494949;
  color: #ffffff;
  box-shadow: none;
  outline: none;
  font-weight: 600;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.siteformbg .input-group-text {
  height: 40px;
  background: #0c0c0c;
  /* border: 1px solid #494949; */
  color: #ffffff;
  font-size: 12px;
  box-shadow: none;
  outline: none;
  font-weight: 400;
}

.siteformbg .input-group .input-group-append .input-group-text {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.orderform .form-control,
.orderform .input-group-text {
  font-size: 13px;
  height: 40px;
  background: #998cc89e;
  border: 1px solid #1d2728;
  color: #fff;
}

.orderform .form-control {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.siteformbg .input-group-prepend .input-group-text {
  width: 0px;
  padding: 0px;
  background: none !important;
  border: 0px !important;
  color: #6b6c74;
  font-weight: 600;
}

/* .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -10px !important;
} */

.orderform .form-group {
  margin-bottom: 9px;
}

.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}

.oredrfromtable tbody tr td {
  border: 0px;
  color: #1e2022;
  font-size: 13px !important;
  padding: 4px 0px !important;
}

.sitebtn,
.borderbtn,
.yellow-btn,
.black-btn {
  padding: 8px 28px;
  border: 0px;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  background: #5D3587 !important;
  transition: none !important;
}

.sitebtn:hover,
.sitebtn:focus,
.sitebtn:active {
  background: #596CB5;
  /* border: 0px; */
  color: #fff;
}
.profilepaget.trade-history li a {
  border: none !important;
}
.btn-check:focus+.btn,
.btn:focus {
  box-shadow: none !important;
}

.black-btn,
.black-btn:hover,
.black-btn:focus,
.black-btn:active,
.borderbtn,
.borderbtn:hover,
.borderbtn:active,
.borderbtn:focus {
  background: #23282e;
}

.green-btn,
.green-btn:hover,
.green-btn:focus,
.green-btn:active {
  background: #2ab720;
  border: 1px solid #2ab720;
  color: #fff;
}

.red-btn,
.red-btn:hover,
.red-btn:focus,
.red-btn:active {
  background: #fd5959;
  border: 1px solid #fd5959;
  color: #fff;
}

[data-simplebar] {
  /* position: relative; */
  /* z-index: 0; */
  /* overflow: hidden !important; */
  /* max-height: inherit; */
  -webkit-overflow-scrolling: touch;
}

[data-simplebar="init"] {
  display: flex;
}

.simplebar-scroll-content {
  overflow-x: hidden !important;
  /* overflow-y: scroll; */
  min-width: 100% !important;
  max-height: inherit !important;
  box-sizing: content-box !important;
}

.simplebar-content {
  overflow-y: hidden !important;
  overflow-x: auto;
  box-sizing: border-box !important;
  min-height: 100% !important;
  padding-bottom: 22px !important;
}

.simplebar-track {
  z-index: 9999;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 6px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: rgb(39 39 39 / 90%);
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-track:hover .simplebar-scrollbar:before,
.simplebar-track .simplebar-scrollbar.visible:before {
  opacity: 0.5;
  transition: opacity 0 linear;
}

/* .simplebar-track.vertical {
  top: 0;
}  */

/* .simplebar-track.vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
} */

/* .simplebar-track.horizontal {
  left: 0;
  width: auto;
  height: 8px;
}  */

/* .simplebar-track.horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
} */

.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

.sitescroll {
  max-height: 772px;
}

.openorder .sitescroll,
.orderhistory .sitescroll {
  max-height: 250px;
}

.tradehistory .sitescroll {
  max-height: 245px;
  min-height: 235px;
}

.sitetable thead tr th {
  border: 0px;
  background: #121318;
  /* border-bottom: 1px solid #1d1d1d !important; */
  color: #bcbcbc;
  font-size: 13px;
  padding: 11px 13px;
  white-space: nowrap;
  text-transform: capitalize;
  margin: 0px;
  font-weight: 600;
}

.sitetable tbody tr td {
  border: 0px;
  /* border-top: 1px solid #151515e8; */
  color: #ffffff;
  font-size: 13px;
  padding: 7px 13px;
  white-space: nowrap;
  font-weight: 500;
  vertical-align: middle;
}

.tradecontentbox .sitetable .coinlisticon {
  width: 23px;
}

.livepricebox .div-tr>div {
  font-size: 16px !important;
}

.table {
  margin-bottom: 0px;
}

.tradepage thead tr th {
  font-size: 12px;
  padding: 4px 8px;
}

.tradepage tbody tr td {
  font-size: 12px;
  padding: 2px 8px;
  font-weight: 500;
}

.tradepage thead tr th {
  font-size: 12px;
}

.livepricebox .sitetable tr th {
  background: #1d1d1d !important;
  vertical-align: middle !important;
  font-size: 15px !important;
  padding: 3px 10px !important;
  border-bottom: 0px !important;
}

.livepricebox th:first-child {
  font-size: 15px !important;
}

/* .t-green {
  color: #02c72c !important;
  font-weight: 700;
} */

.t-red {
  color: #fd4747 !important;
  font-weight: 700;
}

.sellboxorder .active,
.sellboxorder .active:hover {
  background: rgba(208, 63, 63, 0.2509);
}

.buyboxorder .active,
.buyboxorder .active:hover {
  background: rgba(7, 188, 83, 0.19);
}

.buyboxorder .sitescroll {
  max-height: 209px;
}

.buyshow .buyboxorder .sitescroll {
  max-height: 406px;
}

.buyboxorder {
  min-height: 170px;
}

.buyshow .buyboxorder {
  min-height: 330px;
}

.sellboxorder .sitescroll {
  position: relative;
  max-height: inherit;
  height: 209px;
  overflow-y: auto;
  overflow-x:hidden !important;
}

.sellboxorder .sellboxtablebg {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  max-height: 144px;
}

.sellshow .sellboxorder .sellboxtablebg {
  max-height: 378px;
}

.sellshow .sellboxorder .sitescroll {
  height: 378px;
}

.sellshow .sellboxorder table {
  xposition: relative;
}

.sellboxorder table tbody td {
  vertical-align: bottom;
}

.sellboxorder .sitescroll::-webkit-scrollbar-thumb {
  background: rgba(4, 4, 4, 0.22);
  border-radius: 50px;
  visibility: hidden;
}

.sellboxorder .sitescroll::-webkit-scrollbar-track {
  background: #2d2d2d1f;
}

.sellboxorder .sitescroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.sellboxorder:hover .sitescroll::-webkit-scrollbar-thumb {
  visibility: visible;
}

.livepricebox .div-tr {
  background: #252a38;
}

.tradehistory {
  xmin-height: 223px;
}

.expandhistoryscroll .tradehistory {
  min-height: 810px;
}

.expandhistoryscroll .orderformbg1 {
  xmin-height: 444px;
}

.expandhistoryscroll .tradehistory .sitescroll {
  max-height: 810px;
}

.expandhistoryscroll .buyboxorder .sitescroll {
  max-height: 755px;
}

.mb-0 {
  margin-bottom: 0px;
}

.tabbanner {
  border-bottom: 0px;
  margin: 0;
  display: flex;
  flex-wrap: inherit;
}

.wallet-tab-left ul li a.nav-link {
  color: #6C7080 !important;
  font-size: 14px;
  font-weight: 400;
}

.tabbanner li a {
  border-radius: 0px !important;
  color: #ffffff;
  /* border: 1px solid #4d5465 !important; */
  text-transform: capitalize;
  font-size: 16px;
  padding: 6px 16px;
  font-weight: 500;
  margin: 0px !important;
}

.tradepage .tabbanner li a {
  font-size: 13px;
}

.tabbanner li a:hover {
  color: #596CB5;
}

.tabbanner li a.active {
  background-color: #f7841e !important;
  color: #596CB5 !important;
}

.tabrightbox {
  position: absolute;
  right: 0;
  top: 0px;
  margin-top: 1px;
}

.marketlist .heading-box {}

.marketlist .tabbanner {
  flex-wrap: inherit;
  margin-bottom: 0px;
}

.marketlist .tabrightbox {
  top: 6px;
  right: 8px;
}

.marketlist .tabbanner li {
  width: 100%;
  text-align: center;
  padding: 0px;
}

.marketlist .tabbanner li a {
  background: #f8f9fa;
  color: #1e2022;
  border: 1px solid #d8d9dc !important;
  padding: 6px 11px;
  font-size: 11px;
  font-weight: 400;
}

.marketlist .tabbanner li a.active {
  background-color: #65ffdb !important;
  color: #040404 !important;
  border: 1px solid #0dd5a6 !important;
}

.latestnewlist {
  padding-left: 0px;
  margin-bottom: 0px;
}

.newscontentscroll {
  max-height: 211px;
}

.latestnewlist li {
  list-style: none;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  border-bottom: 1px solid #373c4b;
  padding: 10px 10px;
}

.latestnewlist li:last-child {
  border-bottom: 0px;
}

.newslinkt,
.newslinkt:hover,
.newslinkt:focus,
.newslinkt:active {
  color: #ffc904;
  text-decoration: underline;
}

.newslinkt {
  font-size: 12px;
}

.tabbanner li a .chartshow {
  display: none;
}

.tabbanner li a .charthide {
  display: block;
}

.tabbanner li a.active .chartshow {
  display: block;
}

.tabbanner li a.active .charthide {
  display: none;
}

.charttabbg li a,
.charttabbg li a.active {
  border: 0px !important;
  background: none !important;
}

.charttabbg li a {
  padding: 6px 20px;
}

a,
a:focus {
  outline: none;
  box-shadow: none;
}

.buyshow .sellboxorder,
.sellshow .buyboxorder {
  display: none;
}

.buyshow .buyboxorder,
.sellshow .sellboxorder {
  display: block;
}

.buysellshow .buyboxorder,
.buysellshow .sellboxorder {
  display: block;
}

.orderchangebg li img {
  width: 100%;
  max-width: 15px;
}

.orderchangebg li a {
  cursor: pointer;
}

.orderchangebg li a {
  border: 0px !important;
  background: #1d1d1d !important;
  padding: 5px 5px;
  border-radius: 5px !important;
}

/* .buysellshow .orderchangebg li:first-child a,
.buyshow .orderchangebg li:nth-child(2) a,
.sellshow .orderchangebg li:last-child a {
  background-color: #1d1d1d !important;
  border: 1px solid #5D3889 !important;
} */

.orderbookhead .table {
  margin-bottom: 0px;
}

.orderbook .tabrightbox {
  top: 2px;
  right: 7px;
  margin-top: 4px;
}

.livepricebox a {
  color: #474d57;
  margin-right: 10px;
  text-decoration: underline;
  text-transform: capitalize;
}

.livepricebox a:hover,
.livepricebox a:focus,
.livepricebox a:active {
  text-decoration: underline;
  color: #3498db;
}

.innerpagecontent {
  padding: 16px 3px;
  position: relative;
  padding-top: 9px;
}



.innerpagegrid .gridparentbox .sitecontainer {
  position: relative;
}

.innerpagecontent .h2 {
  font-size: 17px;
  margin: 0;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
}

.innerpagecontent .h2>span {
  font-weight: 400;
  color: #3c3c3c;
}

.innerpagegrid .gridparentbox .sitecontainer {
  position: relative;
}

.innerpagegrid .gridparentbox .container {
  padding: 15px 15px;
  max-width: 96%;
}

.panelcontentbox {
  /* background: #fff; */
  position: relative;
  border-radius: 6px;
  /* box-shadow: 0px 0px 27px 0 rgb(31 36 41 / 19%); */
  overflow: hidden;
  /* backdrop-filter: blur(19px) saturate(178%); */
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  /* background-color: rgb(9 9 9 / 44%); */
  padding: 18px 20px;
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}

.contentpanel {
  padding: 20px;
}



.innerpagegrid .sidebarIconToggle {
  right: 180px;
}

.innerpagegrid .heading-box {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 16px 16px;
  backdrop-filter: blur(10px) saturate(178%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgb(9 9 9 / 66%);
  margin-bottom: 10px;
}

.innerpagegrid .centerbox .heading-box {
  font-size: 16px;
}

.qrcode img {
  width: 100%;
  max-width: 125px;
}

.innerpagecontent .x-line-center {
  display: none;
}

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

textarea {
  max-height: 250px;
  resize: none;
  height: auto !important;
}

.btn-sm,
.borderbtn,
.yellow-btn,
.black-btn {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
}

.viewbtn {
  padding: 3px 10px;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #5D3889;
}

.viewbtn:hover,
.viewbtn:focus,
.viewbtn:active {
  background: #5D3889;
}

.none-x {
  display: none;
}

.profilemdal .btn {
  -webkit-appearance: none;
}

.controls .btn {
  padding: 6px 23px;
  margin: 10px 0px;
}

.cpybtn {
  cursor: pointer;
  text-transform: uppercase;
  margin-left: 2px;
}

.notestable tbody tr td {
  border: 0px;
  color: #e3e3e3;
  font-size: 13px;
  padding: 4px 0px;
}

/* .custom-file-upload {
  padding: 6px 8px;
  border: 0px;
  background: #00bafe;
  font-size: 12px !important;
  border-radius: 4px;
  cursor: pointer;
  color: #fff !important;
  margin-top: 0;
  font-weight: 500 !important;
  text-transform: uppercase;
} */

.rightboxbtn {
  position: absolute;
  top: 10px;
  right: 9px;
}

.modalbgt .modal-title {
  font-size: 17px !important;
  text-transform: uppercase;
  color: #fefeff;
  font-weight: 700;
}

.modalbgt .modal-header {
  padding: 12px 15px;
  border-bottom: 1px solid #dedede;
}

.modalbgt .modal-header .close,
.modalbgt .modal-header .close:hover,
.modalbgt .modal-header .close:focus,
.modalbgt .modal-header .close:active {
  color: #fff;
  opacity: 1;
}

.modal-backdrop {
  background-color: #000000;
}

.searchfrm {
  margin: 0px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex !important;
  flex-wrap: inherit !important;
  width: 100%;
  flex-direction: row;
  padding: 25px 20px;
  position: relative;
  z-index: 99;
}

.searchfrm>div {
  width: 100%;
  max-width: 100%;
  flex: 100%;
  padding: 0px 7px;
  display: inline-block;
}

.clearbtn {
  width: 100px !important;
}

.clearbtn .form-group {
  display: flex;
}

.searchfrm .form-group {
  margin-bottom: 0px;
}

.clearbtn {
  margin-top: 0px;
}

.seacrright>div>div {
  float: right;
}

.profilebannerbg>div {
  padding: 0px 5px;
}

.sidemenuscroll {
  max-height: 90%;
}

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

.flexboxtable {
  display: flex;
  width: 100%;
}

.profilepage>div:last-child {
  height: 566px;
}

.flexboxtable>div {
  margin: 8px;
  width: 100%;
}

.flexboxtable>div:first-child {
  margin-left: 0px;
}

.flexboxtable>div:last-child {
  margin-right: 0px;
}

.walletboxt .coinlisticon {
  width: 35px;
}

.historytab .tabbanner {
  border-bottom: 0px;
  margin: 0px;
  /* background: #0c0c0c; */
  border-radius: 0px;
  flex-wrap: inherit;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  display: flex;
  flex-wrap: inherit;
  justify-content: center;
  gap: 15px;
  padding-bottom: 0 !important;
}

.openorder .tabbanner {
  justify-content: inherit;
  backdrop-filter: blur(19px) saturate(178%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgb(9 9 9);
  border-radius: 6px;
}

.historytab .tabbanner li a {
  border: 0px !important;
  padding: 12px 17px;
  border-radius: 0;
  color: #ffffff;
  font-size: 12px;
  text-transform: capitalize;
}

.tradepage .innerpagetab .tabbanner li a {
  padding: 12px 30px;
  /* border-radius: 1px !important; */
}

.tradepage .innerpagetab .tabbanner li a.active {
  border-bottom: 3px solid #596CB5 !important;
  backdrop-filter: blur(19px) saturate(178%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgba(9, 9, 9, 0.93);
  border: 1px solid rgba(255, 255, 255, 0.125);
  color: #596CB5 !important;
}

.innerpagetab .tabbanner li a.active {
  /* backdrop-filter: blur(19px) saturate(178%); */
  /* -webkit-backdrop-filter: blur(19px) saturate(178%); */
  background-color: rgba(9, 9, 9, 0.93) !important;
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
  color: #ffffff !important;
  border-radius: 11px 11px 0px 0px;
  border-bottom: 2px solid #cccc;
}

.wlltdpstbox .qrcode img {
  margin-right: 5px;
}

.rightboxbutton {
  position: relative;
  float: right;
  margin-bottom: 10px;
}

.bankinfot .h5,
.bankinfot .h4 {
  color: #fff;
  font-size: 13px;
}

.bankinfot .balancetable {
  padding: 12px 10px;
  border-bottom: 1px solid #373c4b;
}

.subhead {
  font-size: 14px;
  margin: 0px;
  padding: 12px;
  background: #252a38;
  font-weight: 400;
}

.bankinfot {
  background: #252a38;
  border-top: 1px solid #373c4b;
  position: absolute;
  width: 100%;
  top: 40px;
}

.collpseformbg {
  position: relative;
}

.bankinfot>div:last-child {
  border-bottom: 0px;
}

.close,
.close:hover,
.close:focus,
.close:active {
  outline: none !important;
  box-shadow: none;
}

.supportsearch {
  padding: 10px 10px;
  padding-bottom: 0px;
}

.supportsearch .form-group {
  margin-bottom: 0px;
}

input::placeholder {
  color: rgb(139, 139, 139) !important;
}

.innerpagegrid .gridparentbox {
  padding-bottom: 15px;
  padding-top: 0px;
}

.marketlist table {
  margin-bottom: 0px;
}

.marketlist .tab-content {
  min-height: 160px;
}

.supportlist {
  /* max-height: 750px; */
}

.clearbtn .btn {
  margin-right: 3px;
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 14px;
  padding: 9px 9px;
  margin-bottom: 5px;
  width: 100%;
}

.clearbtn a,
.clearbtn a:hover,
.clearbtn a:focus,
.clearbtn a:active {
  color: #ffffff;
}

.walletbalance .t-green:hover,
.walletbalance .t-green:focus,
.walletbalance .t-green:active {
  color: #00ff6b;
  text-decoration: none;
}

.walletbalance .t-red:hover,
.walletbalance .t-red:focus,
.walletbalance .t-red:active {
  color: #ff7171;
  text-decoration: none;
}

.table> :not(:first-child) {
  border-top: 0px;
}

.notesh5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
}

.pb-20 {
  padding-bottom: 20px;
}

.subhead {
  position: relative;
  cursor: pointer;
}

.subhead:before {
  content: "\f068";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 13px;
  padding-right: 0.5em;
  position: absolute;
  top: 10px;
  right: 6px;
}

.subhead.collapsed:before {
  content: "\f067";
}

.bankinfot .balancetable>div {
  padding: 0px 5px;
}

.orderbookscroll table {
  margin-bottom: 0px;
}

.buyboxorder thead,
.sellboxorder thead {
  visibility: hidden;
}

.buyboxorder th,
.sellboxorder th {
  padding: 0px !important;
  border: 0px !important;
  position: relative !important;
  line-height: 0px;
}

.orderform .tab-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  -webkit-flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
}

.orderform .tab-content>.active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  -webkit-flex: 1;
}

.orderformbg1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  -webkit-flex: 1;
  min-height: 330px;
}

.orderformbg1>div {
  width: 100%;
  position: relative;
}

.orderformbg1>div:first-child {
  border-right: 0px;
}

.orderform .siteformbg {
  padding: 15px;
}

.orderform .h6 {
  font-size: 14px;
  font-weight: 400;
  color: #768086;
  text-transform: uppercase;
  margin: 0px;
  padding-bottom: 8px;
}

.buttonloader {
  width: 100%;
  max-width: 28px;
  margin-bottom: 14px;
}

.seacrhbox {
  padding: 10px 10px;
}

.seacrhbox .form-control,
.seacrhbox .input-group-text {
  height: 30px;
  border-radius: 3px;
}

.seacrhbox .form-group {
  margin-bottom: 0px;
}

.stoplimtboxt>div:first-child {
  width: 87px;
  visibility: hidden;
  display: none;
}

.stoplimtboxt {
  display: table;
  width: 100%;
}

.stoplimtboxt>div {
  display: table-cell;
  vertical-align: top;
}

.stoplimtboxt .link-div>div {
  border: 1px solid #5D3889;
  text-align: center;
  padding: 10px 5px;
  background-color: #596CB5;
  margin-left: 4px;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
  color: #bcbcbc;
}

.stoplimtboxt .link-div>div:hover {
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  color: #ffffff;
  border: 1px solid #5D3889 !important;
}

.stoplimtboxt .link-div {
  margin: 0px !important;
  flex-wrap: inherit;
}

.stoplimtboxt .link-div>div:first-child {
  margin-left: 0px;
}

.stoplimtboxt .link-div .activelimit {
  background-color: #5D3889;
  color: #ffffff;
  border-color: #5D3889;
}

.walletpagebg .stoplimtboxt {
  /* max-width: 300px; */
  /* margin: 0px auto; */
}

.buyorderform,
.sellorderform {
  position: relative;
}

.balancewlt {
  position: relative;
  right: inherit;
  top: inherit;
  text-align: center;
  padding-top: 19px;
}

.balancewlt .h6 {
  margin: 0px;
  font-weight: 400;
  color: #5b5b5b;
}

.balancewlt img {
  width: 100%;
  max-width: 21px;
  margin-right: 4px;
  margin-top: -5px;
}

.limitabbg img {
  width: 100%;
  max-width: 30px;
  margin-right: 3px;
  display: none;
}

.orderform .btn {
  padding: 10px 10px;
  border-radius: 5px;
  margin-top: 8px;
}

.latestnewsbg {
  background-color: #1076ec;
  padding: 10px 10px;
  margin-top: 0;
  width: 100%;
  display: inline-block;
}

.latestnewsbg ul {
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: inherit;
}

.latestnewsbg li {
  list-style: none;
  float: left;
  padding: 5px 10px;
  width: 100%;
  text-align: center;
}

.latestnewsbg li a {
  color: #ffffff;
  font-size: 13px;
}

.latestnewsbg li a:hover,
.latestnewsbg li a:focus,
.latestnewsbg li a:active {
  text-decoration: none;
}

.infotablet td {
  border: 0px;
  padding: 0px;
  color: #000;
  font-size: 14px;
}

.infotablet .t-yellow {
  font-weight: 400;
  color: #768086;
}

.innersecrbox {
  position: absolute;
  top: -3px;
  right: 0px;
}

.innerpagegrid .sitetable tbody tr td {
  border-top: 1px solid #171717;
  padding: 14px 12px;
  /* backdrop-filter: blur(19px) saturate(178%); */
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  /* background-color: rgb(9 9 9 / 63%); */
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}

.innerpagegrid .sitetable tbody tr td:last-child {
  /* display: flex; */
  gap: 10px;
}

.amcharts-chart-div>a {
  display: none !important;
}

.amcharts-export-menu {
  display: none;
}

.fee-formbox input {
  border: 0px !important;
  padding: 0px;
}

.fee-formbox .feeamt {
  padding-top: 3px;
  padding: 6px 0px;
  line-height: 24px;
  color: #6b6c74;
  font-size: 12px;
}

.activerow {
  background: #333333 !important;
}

.text-danger {
  color: #d9304e !important;
}

.newscontentt ul {
  padding-left: 0px;
  margin-bottom: 0px;
}

.newscontentt ul li {
  list-style: none;
  float: none;
}

.newscontentt ul li a {
  color: #333;
  font-size: 14px;
  padding: 15px 10px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #e0e0e0;
}

.newscontentt ul li:last-child a {
  border-bottom: 0px;
}

.newscontentt ul li a:hover,
.newscontentt ul li a:focus,
.newscontentt ul li a:active {
  text-decoration: none;
  color: #333;
}

.newscontentt ul li a p {
  margin-bottom: 0px;
  font-size: 13px;
  padding-bottom: 4px;
  color: #333;
  font-weight: 400;
}

.newscontentt h6 {
  font-size: 13px;
  color: #757575;
  margin: 0px;
}

.stepstable {
  display: table;
  width: 100%;
  position: relative;
  z-index: 9;
}

.stepstable>div {
  display: table-cell;
  vertical-align: top;
  float: none;
}

.stepstable>div:first-child {
  width: 25px;
}

.stepstable>div:last-child {
  text-align: right;
}

.stepstable h6 {
  font-size: 13px;
}

.stepsbox {
  position: relative;
}

.stepsbox::after {
  content: "";
  width: 5px;
  height: 100%;
  border-left: 5px solid #dcdcdc;
  transform: translateX(-50%);
  position: absolute;
  left: 14px;
  top: 0;
  border-radius: 50px;
}

.stepsbox>div {
  padding: 24px 0px;
}

.stepsbox>div:last-child {
  padding-bottom: 0px;
}

.stepstable h4 {
  background-color: #3498db;
  color: #fff;
  padding: 4px 10px;
  font-size: 14px;
}

.stepstable>div:nth-child(2) {
  padding-left: 10px;
  padding-right: 10px;
}

.stepstable i {
  font-size: 14px;
}

.stepstable h5 {
  font-size: 14px;
  margin: 0px;
  padding-bottom: 3px;
}

.tablebox {
  margin-bottom: 10px;
}

.balancetableb {
  background: #fff;
  border-radius: 10px;
  padding: 16px 24px;
  overflow: hidden;
}

.balanceshowt {
  /* display: table; */
  width: 100%;
}

.balanceshowt>div {
  vertical-align: middle;
  float: none;
}

.walletpagebg .balanceshowt {
  /* max-width: 400px !important; */
  position: relative;
  z-index: 99;
  text-align: center;
}

.tablebox>div:first-child {}

.balanceshowt>div:last-child {
  /* text-align: right; */
}

.wlletboxt .balanceshowt>div:last-child {
  /* text-align: left; */
}

.canvasjs-chart-credit {
  display: none;
}

.buyorderform h2,
.sellorderform h2 {
  font-size: 12px;
  font-weight: 600;
  border-radius: 0px !important;
  padding: 9px 10px;
}

.orderform .limitabbg li {
  position: relative;
}

.orderform .limitabbg li:last-child {
  xwidth: 320px;
}

.noteshintbox {
  background: #fff;
  box-shadow: 1px 0px 6px 3px rgba(0, 0, 0, 0.15);
  padding: 10px 10px;
  margin: -8px auto;
  width: 100%;
  position: absolute;
  z-index: 9;
  left: 0px;
  top: 45px;
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
}

.limitabbg .dropdown .dropdown-toggle {
  padding-right: 6px;
  cursor: pointer;
}

.limitabbg .dropdown>span,
.limitabbg .dropdown>a {
  float: left;
}

.none {
  display: none;
}

.orderformbg {
  xflex: 1;
  x-webkit-flex: 1;
}

.orderform {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
}

.limitabbg .dropdown>span i {
  margin-top: 16px;
  font-size: 14px;
  color: #76808f;
  cursor: pointer;
}

.sellorderform .red-btn {
  background-color: #ea4545;
  border-color: #ea4545;
  padding: 8px 32px;
}

.buyorderform .green-btn {
  background-color: #02c72c;
  border-color: #02c72c;
  color: #fff;
  padding: 8px 32px;
  margin-top: 0px;
}

.ratiobtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
}

.modeicon {
  font-size: 14px;
  color: #000000;
  border: 1px solid #d3d3d3;
  margin-left: 5px;
  padding: 6px 8px;
  margin-top: 0px;
  background: #d3d3d3;
  cursor: pointer;
  border-radius: 50px;
  display: inline-block;
  cursor: pointer !important;
}

.modebg .activemode {
  color: #00496f;
  background: #d0dadf;
  /* cursor: auto; */
  display: none;
}

.modebg {
  margin-left: 0;
  padding: 0px !important;
}

.headbg ul li.modebg a {
  padding: 0px !important;
  /* padding-left: 10px !important; */
}

.errormsgbox {
  padding-bottom: 42px;
  position: relative;
  width: 100%;
  text-align: center;
}

.errormsgbox>div {
  display: flex;
  -ms-flex-pack: center !important;
  justify-content: center;
}

.errormsgbox span {
  position: absolute;
  line-height: 16px;
  font-size: 13px;
}

.fee-formbox {
  margin-bottom: 5px !important;
  margin-top: 13px;
}

.ordertable {
  display: table;
  width: 98%;
  margin: 24px auto;
}

.trrow {
  display: table-row-group;
  background: #e6e6e6;
}

.ordertable .trrow>div {
  display: table-cell;
  vertical-align: top;
  float: none;
  padding: 10px 10px;
}

.accordeon-content td {
  padding: 0px !important;
  border: 0px !important;
}

.accordeon-content h5 {
  font-size: 16px;
  font-weight: 400;
  padding: 10px 10px;
  padding-bottom: 0px;
  margin: 0px;
}

.accordionrow {
  cursor: pointer;
}

.orderthead>div {
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

.orderbody>div {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}

.ordertable>div:last-child>div {
  border-bottom: 0px;
}

.orderformbg1 .input-group-append .input-group-text {
  width: 54px;
  font-size: 11px;
  background: #5D3889;
  color: #bcbcbc;
}

.searchfrmbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  width: 100%;
  flex-direction: column;
  /* border-bottom: 1px solid #1d1d1d !important; */
  /* border-radius: 11px; */
  /* overflow: hidden; */
  margin-bottom: 0;
}

.orderformbg1 .siteformbg>div:last-child {
  margin-bottom: 0px;
}

.searchrightbox {
  position: absolute;
  top: -12px;
  right: 14px;
}

.searchrightbox .siteformbg {
  display: flex;
}

.searchrightbox .siteformbg>div {
  padding: 5px 5px;
}

.buysellinnerbox .sitescroll {
  max-height: inherit;
}

.searchfrmbox>form {
  width: auto;
}

.profiletablebox {
  display: table;
  width: 100%;
}

.profilebasicinfo .profiletablebox {
  width: auto;
}

.dashboardpage .profiletablebox {
  width: 100%;
}

.dashboardpage .profiletablebox h4>span,
.dashboardpage .profiletablebox h5>span {
  padding-left: 10px;
}

.dashboardpage .profiletablebox>div:last-child {
  float: right;
}

.securityinnerbox .optverify {
  text-align: center;
  padding: 10px 10px !important;
}

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

.profiletablebox>div {
  display: table-cell;
  vertical-align: middle;
  float: none;
  padding-right: 15px;
}

.profiletablebox>div:first-child {
  width: 61px !important;
}

.securityinnerbox .profiletablebox>div:last-child {
  padding-right: 0px;
  width: 151px;
  text-align: right;
}

.securityinnerbox .btn {
  width: 100%;
  padding: 8px 10px;
  max-width: 100px;
}

.tableboxt>div {
  width: auto !important;
}

.btnlastbox .profiletablebox>div:last-child {
  width: 120px;
}

.profileiconpic {
  width: 45px;
  height: 45px;
  border-radius: 50px;
  background-color: #cbd1db;
  border: 2px solid #cbd1db;
  padding: 3px;
}

.profiletablebox h4 {
  padding-bottom: 4px;
}

.profiletablebox h5 {
  font-size: 13px;
  margin: 0px;
}

.profiletablebox h4 {
  font-size: 13px;
  font-weight: 500;
  margin: 0px;
  color: #ffff;
}

.profiletablebox h4>span a,
.profiletablebox h4>span a:hover,
.profiletablebox h4>span a:focus,
.profiletablebox h4>span a:active {
  color: #f7841e;
  text-decoration: none;
}

.profiletablebox h4>span a {
  font-size: 13px;
}

.sectrightbox .profiletablebox img {
  max-width: 26px;
}

.sectrightbox .profiletablebox>div:first-child {
  width: 41px;
}

.balanceshowt h5 {
  font-size: 14px;
  margin: 0px;
  line-height: 29px;
  color: #a9a9a9;
  font-weight: 400;
}

.balanceshowt .h4 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0px;
  width: 100%;
  display: inline-block;
}

.balanceshowt>div:last-child h4 {
  /* font-size: 14px; */
  /* line-height: 22px; */
}

.balanceshowt .h4>span {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

.balanceshowt>div:first-child {
  margin-bottom: 14px;
}

.showpassbg button,
.showpassbg a {
  background: #1a1a1a;
  border: 1px solid #1a1a1a;
  border-radius: 5px;
  color: #fff;
  padding: 3px 8px;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

.showpassbg button:hover,
.showpassbg button:focus,
.showpassbg button:active,
.showpassbg a:hover,
.showpassbg a:focus,
.showpassbg a:active {
  color: #676464;
  text-decoration: none;
}

.formrightbox {
  position: absolute;
  right: 5px;
  top: 9px;
}

.formrightbox label {
  float: left;
  margin-bottom: 0px;
  padding-top: 6px;
  padding-right: 7px;
  font-size: 12px;
  color: #333;
  font-weight: 400;
  text-transform: capitalize;
}

.formrightbox .form-control {
  height: 30px;
  font-size: 12px;
  width: auto;
  padding: 0px;
  color: #333;
  border-radius: 0px;
  box-shadow: none;
}

.orderbook .heading-box {
  position: relative;
}

.formrightbox .form-group {
  margin-bottom: 0px;
}

.flexboxtable .tabrightbox {
  margin-top: 17px;
  right: 19px;
}

.flexboxtable .tabrightbox .btn {
  border-radius: 4px;
  text-transform: capitalize;
  font-size: 13px;
}

.innerpagegrid .historytab .tabbanner li a.active {
  background: #f7841e;
  background-color: transparent !important;
  color: #596CB5 !important;
  font-size: 14px;
}

ul.noteslist {
  padding-left: 18px;
  margin-bottom: 0px;
  padding-top: 4px;
}

.profileboxt {
  border: 0px;
  margin: 5px 8px !important;
}

.profileboxt li {
  list-style: none;
}

.profileboxt ul {
  padding-left: 0px;
}

.profileboxt h6 {
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 6px;
  margin: 0px;
}

.profileboxt i.fa-check-circle {
  font-size: 16px;
  color: #c5c5c5;
}

.verifytext,
.notverifytext {
  /* background: #1ac57f; */
  padding: 3px 1px;
  color: #1ac57f;
  border-radius: 25px;
  font-size: 12px;
  margin-left: 8px;
  position: relative;
  text-transform: inherit;
  font-weight: 400;
  top: -2px;
}

.notverifytext {
  background: #f8dad6;
  color: #db4534;
}

.tableboxt>div:first-child {
  width: auto !important;
}

.securitylink a {
  color: #333;
  font-size: 13px;
  text-decoration: none;
}

.securitylink a:hover,
.securitylink a:focus,
.securitylink a:active {
  text-decoration: underline;
  color: #333;
}

.verifyicon {
  color: #06b574;
}

.notverifyicon {
  color: #f72121;
}

.securityiconbox {
  border: 0px;
  width: 100%;
  max-width: 42px;
  height: auto;
  border-radius: 0px;
}

.securityinnerbox .profiletablebox {
  padding: 18px 10px;
  border-bottom: 1px solid #1d1d1d;
}

.optverify h4 {
  font-size: 20px;
  padding: 0px;
}

.securityinnerbox .contentbox>div:first-child {
  padding-top: 10px;
}

.securityinnerbox .contentbox>div:last-child {
  border-bottom: 0px;
  padding-bottom: 10px;
}

.profiletablebox h5 {
  padding-bottom: 0;
  line-height: 19px;
  font-weight: 400;
  color: #fff;
}

.noteslist li {
  line-height: 22px;
  font-weight: 400;
  font-size: 13px;
}

.securityinnerbox h5 a,
.securityinnerbox h5 a:hover,
.securityinnerbox h5 a:focus,
.securityinnerbox h5 a:active {
  color: #768086;
  text-decoration: none;
}

.balalnceflexbox>div:first-child {}

.balalnceflexbox>div:last-child {}

.balalnceflexbox>div {
  margin-top: 0px !important;
}

.profileboxt .borderbtn {
  margin-top: 10px;
}

.balalnceflexbox .contentbox {}

.iconbtn {
  font-size: 18px !important;
  padding: 0;
  margin-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  color: #768086;
}

.coinfrmright .form-control {
  padding: 0px 10px;
  height: 30px;
  font-size: 13px;
}

.chartbalancebox {
  width: 100%;
  height: 598px;
  outline: none;
  /* max-width: 300px; */
}

.chartbalancebox:focus,
.chartbalancebox:active,
.chartbalancebox:hover,
.chartbalancebox rect:focus,
.chartbalancebox svg:focus,
.chartbalancebox div:focus,
.chartbalancebox div div:focus {
  outline: none !important;
}

.highcharts-exporting-group {
  display: none;
}

.highcharts-credits {
  display: none;
}

.highcharts-series>path {
  stroke: none;
}

.mobiletoggle {
  display: none;
}

.tradepagebg .mobiletoggle {}

.innerpagegrid .dashboardicont {
  display: none;
}

.nosidebarmenu .dashboardicont {
  display: inline-block;
}

.nosidebarmenu .mobiletoggle,
.nosidebarmenu .leftsidemenu {
  display: none;
}

.mobiletoggle button {
  padding: 2px 10px;
  border: 0px;
  background: none;
}

.mobiletoggle button:hover,
.mobiletoggle button:focus {
  outline: none;
  border: 0px !important;
  box-shadow: none;
}

.mobiletoggle img {
  width: 18px;
  filter: grayscale(1) invert(1);
}

.profilebox {
  display: table;
  width: 100%;
  background: #cdcdcd;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  /* box-shadow: 0 8px 17px 0 rgb(26 26 26 / 18%); */
  position: relative;
  z-index: 99;
  padding: 10px 19px;
  border-radius: 12px;
  overflow: hidden;
  color: #000;
}

.darkprofile {
  /* background:#0B0E11; */
  /* border-radius: 12px; */
  /* overflow: hidden; */
}

.profilebox>div {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.profilepic {
  width: 80px;
  padding-right: 10px;
}

.profilepic img {
  width: 80px;
  height: 80px;
  background: #e4e7ed;
  border-radius: 12px;
  border: 3px solid #cbd1db;
  margin-bottom: 0;
  padding: 7px;
}

.profiledatainfo {
  font-weight: 400;
  margin-top: 11px;
}

.profiledatainfo .h4 {
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
}

.profiledatainfo h4 {
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  padding-top: 9px;
}

.profileuploadbtn {
  margin-bottom: 12px;
}

.profiledatainfo .row {
  align-items: center;
}

.profilebottombtn .sitebtn {
  padding: 6px 22px;
}

.profilebottombtn .form-group {
  margin-bottom: 0 !important;
}

.profilebox>div:last-child {
  padding-left: 12px;
  float: right;
  margin-top: 27px;
  text-align: right;
}

.wizard-steps {
  margin-top: 10px;
}

.mlmwizardform .siteformbox {
  position: relative;
}

.mlmwizardform fieldset {
  position: relative;
  text-align: left;
  padding: 10px 15px;
}

.mlmwizardform fieldset .form-card {
  position: relative;
  text-align: left;
  padding-bottom: 8px;
}

.mlmwizardform fieldset:not(:first-of-type) {
  display: none;
}

.mlmwizardform .action-button {
  cursor: pointer;
}

.ng-wizard-btn-group .btn {
  font-weight: 500;
  border-radius: 4px;
  font-size: 13px;
  text-transform: uppercase;
}

.mlmwizardform .action-button-previous,
.btn-gray {
  background: #cecece;
  border-color: #cecece;
  color: #565454;
}

select.list-dt {
  border: none;
  outline: 0;
  border-bottom: 1px solid #ccc;
  padding: 2px 5px 3px 5px;
  margin: 2px;
}

select.list-dt:focus {
  border-bottom: 2px solid #f16f0e;
}

.mlmwizardform .card {
  z-index: 0;
  border: none;
  border-radius: 0.5rem;
  position: relative;
}

.mlmwizardform .fs-title {
  font-size: 17px;
  color: #4a4b4c;
  margin-bottom: 25px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  padding-top: 3px;
}

.form-group {
  margin-bottom: 20px;
  position: relative;
}

.mlmwizardform #progressbar {
  color: lightgrey;
  position: relative;
  width: 100%;
  display: flex;
  padding-left: 0px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.mlmwizardform #progressbar li:first-child::before,
.mlmwizardform #progressbar li:last-child::before {
  content: "";
  /* background: none; */
  width: 4px;
  height: 100%;
  position: absolute;
  left: 31px;
  bottom: 0px;
  border-radius: 0px;
  /* transform: rotate(90deg); */
  background: #d5d5d5;
}

.mlmwizardform #progressbar li:first-child::before,
.mlmwizardform #progressbar li:last-child::before {
  /* background: #ffffff; */
  /* width: 50%; */
  /* height: 5px; */
}

.mlmwizardform #progressbar li:last-child::before {
  /* left: inherit; */
  /* right: 0px; */
}

.mlmwizardform #progressbar .active {
  color: #000000;
}

.mlmwizardform #progressbar li {
  list-style-type: none;
  font-size: 16px;
  width: 100%;
  float: none;
  position: relative;
  padding: 44px 5px;
  text-align: center;
  color: #c4d2e0;
}

.mlmwizardform #progressbar li>strong {
  width: 55px;
  height: 55px;
  line-height: 46px;
  display: inline-block;
  font-size: 18px;
  color: #8c8c8c;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
  text-align: center;
  border: 2px solid #bdbdbd;
  position: relative;
  float: left;
}

.mlmwizardform #progressbar li.active>strong {
  background: #5D3889;
  color: #fff;
  border-color: #5D3889;
}

.mlmwizardform .radio-group {
  position: relative;
  margin-bottom: 25px;
}

.mlmwizardform .radio {
  display: inline-block;
  width: 204;
  height: 104;
  border-radius: 0;
  background: #2044d8;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  cursor: pointer;
  margin: 8px 2px;
}

.mlmwizardform .radio:hover {
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.mlmwizardform .radio.selected {
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.mlmwizardform li.active .infot {
  color: #5D3889;
}

.custom-checkbox label {
  line-height: 26px;
}

.successsignupbg img {
  width: 100%;
  max-width: 60px;
  padding-bottom: 45px;
}

.successsignupbg h5 {
  font-size: 15px;
  padding-bottom: 14px;
  font-weight: 400;
  color: #6f6f6f;
}

.successt {
  font-size: 24px !important;
  margin-bottom: 35px !important;
}

.mlmwizardform {
  padding: 0;
  position: relative;
}

.mlmwizardform li .infot {
  text-align: center;
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  float: left;
  width: auto;
  padding-top: 19px;
  padding-left: 13px;
}

.strength-bar-class {
  border: 1px solid #cccaca;
  padding: 1px 17px;
  border-radius: 6px;
  line-height: 0px;
  height: 0px;
  margin-right: 2px;
  font-size: 5px;
}

.ruleslist {
  padding-left: 0px;
  margin-bottom: 0px;
  position: absolute;
  right: 4px;
  top: 105px;
  z-index: 9;
}

.ruleslist li {
  list-style: none;
  float: left;
  padding: 3px 2px;
  position: relative;
}

.ruleslist li a>i {
  color: #5D3889;
}

.ruleslist li a {
  text-decoration: none;
  font-size: 12px;
  padding: 3px 4px;
  cursor: pointer;
  padding-bottom: 0;
  font-weight: 400;
  text-transform: capitalize;
  color: #6c6d6e !important;
}

.ruleslist table tr>td>a:nth-child(2) {
  border-left: 1px solid #1d4d73;
}

.ruleslist table tr>td>a:first-child {
  padding-left: 0px !important;
}

.viewlinkbtn {
  color: #fba810 !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  padding: 0px 5px !important;
  font-weight: 400 !important;
}

.viewlinkbtn:hover,
.viewlinkbtn:focus,
.viewlinkbtn:active {
  color: #fba810 !important;
  text-decoration: underline;
}

.ruleslist table {
  margin-bottom: 0px;
}

.ruleslist li img {
  width: 100%;
  max-width: 12px;
}

.rulesnotes {
  background: #1d1d1d;
  box-shadow: 1px 0px 6px 3px rgba(0, 0, 0, 0.15);
  padding: 4px 6px;
  margin: -8px auto;
  position: absolute;
  z-index: 9;
  right: 0px;
  top: 0;
  font-size: 12px;
  line-height: 21px;
  display: none;
  margin-top: 23px;
  cursor: auto;
}

.rulesnotes tr td {
  border-top: 0px !important;
  padding: 2px 2px !important;
}

.ruleslist li a:hover .rulesnotes {
  display: block;
}

.kycupload img {
  width: 100%;
  max-width: 150px;
    height: 110px;
    margin: 15px 0px;
}

.devicetable .table-responsive {
  max-height: 406px;
}

.innerpagegrid .stoplimtboxt>div:first-child {
  width: 100%;
  display: none;
}

.innerpagegrid .stoplimtboxt>div {
  display: block;
}

.infotablet td {
  border-top: 0px !important;
}

.kycnotes h5 {
  font-size: 15px;
  margin: 2px 0px;
  font-weight: 700;
}

.kycnotes p {
  margin: 0px;
  padding-bottom: 4px;
  line-height: 29px;
  font-size: 14px;
}

.progresscontent {
  display: table;
  width: 100%;
}

.progresscontent>div {
  display: table-cell;
  vertical-align: top;
  padding: 5px 0px;
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  line-height: 20px;
}

.progresscontent>div:nth-child(2) {
  float: right;
  text-align: right;
}

.kycnotes {
  padding-bottom: 9px;
}

.kyctablebox {
  display: table;
  width: 100%;
}

.kyctablebox>div {
  display: table-cell;
  vertical-align: top;
  padding: 11px 0px;
}

.kyctablebox>div:first-child {
  width: 55%;
}

.kyctablebox>div:last-child {
  width: 45%;
}

.progresscntbg {
  background: #e6e6e6;
  padding: 10px 13px;
  border-radius: 5px;
}

.progresscntbg .progress {
  background-color: #ffffff;
  border: 1px solid #ccc;
}

.profilebox .controls img {
  width: 100%;
  max-width: 112px;
  display: inline-block;
  margin-bottom: 5px;
}

.countlistright {
  position: absolute;
  font-size: 13px;
  right: 6px;
  top: 11px;
}

.phoneflexbox {
  display: flex;
}

.phoneflexbox>div {
  width: 100%;
  padding: 0px 5px;
}

.phoneflexbox>div:first-child {
  padding-left: 0px;
}

.phoneflexbox>div:last-child {
  padding-right: 0px;
}

.radiusbtn {
  border-radius: 4px !important;
}

.phonesmsbg .input-group-append {
  margin-left: 4px;
}

.modalboxbg .modal-title {
  font-weight: bold;
  font-size: 18px;
}

.modalboxbg .contenttbox h4,
.anticodebox h4 {
  font-weight: 500;
  font-size: 15px;
  margin: 0px;
  line-height: 21px;
  padding-bottom: 17px;
}

.anticodebox h4 {
  padding-bottom: 5px;
}

.anticodebox {
  padding: 13px 10px;
}

.modalboxbg .contenttbox h5 {
  font-weight: 400;
  font-size: 14px;
  margin: 0px;
  padding-bottom: 5px;
}

.modalboxbg .modal-header {
  padding: 10px 10px;
}

.modalboxbg .content,
.anticodebox p {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 0px;
}

.modalboxbg .modal-body {
  padding: 15px 17px;
}

.contenttbox {
  padding-bottom: 18px;
}

.contenttablebox {
  padding-top: 15px;
}

.contentboxbg>div:first-child {
  padding-top: 0px;
  border-bottom: 1px solid #0f3a51;
}

.alinkt,
.alinkt:hover,
.alinkt:focus,
.alinkt:active {
  color: #d0980b;
  text-decoration: underline;
}

.antocodeemailbg {
  text-align: center;
}

.antocodeemailbg img {
  width: 100%;
  max-width: 100px;
  margin: 25px 0px;
}

.recoverlist {
  width: 100%;
  display: inline-block;
}

.recoverlist ul {
  padding-left: 0px;
  margin-bottom: 0px;
  width: 100%;
}

.recoverlist li {
  float: left;
  list-style: none;
  font-size: 14px;
  line-height: 25px;
  padding: 3px 5px;
  width: 33.3%;
  font-weight: 500;
}

.successrecoverybox img {
  width: 100%;
  max-width: 60px;
  margin: 5px 0px;
}

.successrecoverybox .h4 {
  font-size: 18px;
  font-weight: 400;
}

.footer-gray-bg {
  padding: 0px 0px;
}

.ftext {
  color: #bbbbbb;
  margin: 0px;
  font-size: 13px;
  font-weight: 400;
  padding-top: 17px;
}

.innerpagegrid .footer-gray-bg {
  background: none;
}

.innerpagegrid .ftext {
  /* color: #23282e; */
  font-weight: 600;
}

.nosidebarmenu .footer-gray-bg {
  background: #ffffff;
}

.nosidebarmenu .ftext {}

.footer-gray-bg .footlistbg {
  min-height: 122px;
}

.foot-list {
  padding-left: 0px;
}

.foot-list li {
  list-style: none;
  padding-bottom: 8px;
}

.foot-list li a {
  color: #fff;
  font-size: 15px;
  line-height: 23px;
  font-weight: 300;
}

.foot-list li a:hover,
.foot-list li a:focus,
.foot-list li a:active {
  text-decoration: none;
}

.footer-gray-bg .flogo {
  width: 100%;
  max-width: 165px;
}

.sociallist li:last-child a i {
  margin-right: 0px;
}

.sociallist li {
  list-style: none;
  float: left;
}

.sociallist li a i {
  font-size: 13px;
  color: #fafbff;
  background: #000;
  border-radius: 4px;
  width: 29px;
  height: 29px;
  text-align: center;
  padding-top: 8px;
  /* margin-right: 7px; */
  margin: 0px 3px;
}

.sociallist {
  float: none;
  margin: 4px 2px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  /* padding: 0px 12px; */
  align-items: center;
}

.footer-gray-bg .h3 {
  color: #bbbbbb;
  font-size: 13px;
  font-weight: 400;
  padding-bottom: 2px;
  text-transform: uppercase;
  margin-bottom: 0px !important;
  line-height: 32px;
  margin-right: 10px;
}

.social-bg {
  /* width: 100%; */
  display: inline-block;
}

.social-bg .heading-title {
  font-size: 14px !important;
  font-weight: 400;
  margin-top: 6px;
  padding-bottom: 0px;
}

.footerbottombg .sociallist {
  /* float: left; */
  height: 25px !important;
}

.footerbottombg .sociallist li:first-child a {
  color: #fff;
  margin-right: 5px;
  line-height: 26px;
  font-size: 14px;
}

.footerbottombg {
  xborder-top: 1px solid #2d2d2d;
  padding: 0px 15px;
}

.footerbottombg .social-bg {
  padding-top: 6px;
}

.appicons img {
  width: 100%;
  max-width: 145px;
}

.listrightbox {
  text-align: right;
}

.progressbarsell .progress {
  border-radius: 50px;
  height: 20px;
  background: #fff;
  border: 1px solid #cecccc;
}

.progressbarsell .progress span {
  padding: 0px 4px;
  color: #000;
}

.progressbarsell>span {
  float: left;
  padding-right: 10px;
  width: 45px;
  text-align: right;
}

.progressbarsell .progress-bar {
  color: #0c0a0a;
}

.progressbarsell .bg-success {
  background-color: #40da64 !important;
}

.progressbarsell .bg-danger {
  background-color: #ff5151 !important;
}

.sidebarmarketlist {
  width: 300px;
  background: #fff;
  color: #fff;
  transition: all 0.3s;
  height: 100%;
  position: fixed !important;
  left: 0px;
  top: 0px;
  z-index: 99;
  box-shadow: 1px 1px 18px 0px rgba(4, 4, 4, 0.18);
  display: none;
}

.sidebarmarketlist.active {
  display: block;
}

.sidebarmarketlist li a>div {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.sidebarmarketlist.active li a>div {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0px;
}

.sidebarmarketlist ul li a {
  text-align: left;
}

.sidebarmarketlist ul.componentss {
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 260px;
  background: #fff;
  display: inline-block;
  width: 100%;
}

.sidebarmarketlist ul li a {
  padding: 13px 20px;
  color: #353333;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #e4e3e3;
}

.marketlistt ul li a i {
  margin-right: 5px;
  color: #8c8c8c;
}

.sidebarmarketlist.active ul li a {
  padding: 11px 20px;
  font-size: 16px;
}

.sidebarmarketlist ul li a:hover {
  background: #f5f5f5 !important;
  text-decoration: none;
  color: #000 !important;
}

.sidebarmarketlist ul li>a.active,
.sidebarmarketlist a[aria-expanded="true"] {
  background: #f5f5f5 !important;
  color: #212833;
}

.sidebarmarketlist ul li a.active {
  font-weight: 600;
}

.marketlistt li {
  list-style: none;
  float: left;
  display: table;
}

.marketlistt {
  width: 100%;
  display: inline-block;
  padding: 10px 10px;
  margin-bottom: 0px;
}

.marketlistt li i {
  font-size: 15px;
  margin-right: 9px;
  cursor: pointer;
  color: #5D3889;
}

.closeiconlist {
  color: #171717;
  position: absolute;
  right: 13px;
  top: 9px;
  border-radius: 50px;
  padding-top: 5px;
  text-align: center;
  display: none;
  z-index: 9;
  font-size: 12px;
  cursor: pointer;
}

.orderform input.form-control::placeholder {
  color: #fff !important;
}

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

.orderform input.form-control:-moz-placeholder {
  color: #fff !important;
}

.orderform input.form-control::-moz-placeholder {
  color: #fff !important;
}

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

.marketlistsidemenu,
.buyselltopbox {
  display: none;
}

.closeiconlist i {
  font-size: 15px;
  color: #5D3889;
}

.mlmwizardform .advancebtns {
  font-size: 13px;
  word-break: break-word;
  padding: 8px 17px;
  white-space: inherit;
}

.walletpagebg .tabrightbox {
  margin-top: 0px;
  top: 0;
  right: 0;
}

.marketlist .table-responsive {
  max-height: 21px;
  background: #fff;
}

.orderbookscroll>div:first-child .simplebar-scroll-content {
  margin-bottom: 0px !important;
  padding: 0px !important;
  overflow: inherit;
}

.orderbookscroll>div:first-child .simplebar-content {
  padding-bottom: 0px !important;
  margin: 0px !important;
  overflow: inherit !important;
}

.headbg a.navbar-brand {
  padding: 0px;
}

.navbar-brand .logo {
  /* display: none; */
}

.tradepage .navbar-brand .logo {
  display: inline-block;
}

.tradepage .tabrightbox {
  background: none;
}

.tradepage .seacrhbox {
  background: #ffffff;
}

.table tbody tr {
  cursor: pointer;
  text-align: -webkit-center;
}

.table tbody tr:hover {
  background: #5D35874f !important;
}

.fnt-bigsz {
  font-size: 20px;
}

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


.innerpagegrid .tabbanner li a {
  border: 0px !important;
  background: none !important;
  padding: 14px 16px 20px;
}


.innerpagegrid .tabbanner li a.active {
  color: #596CB5 !important;
  border-bottom: 3px solid #596CB5 !important;
  background-color: transparent !important;
}

body.darkmode .siteformbg .form-control,body.darkmode .container.sitecontainer.profilepagebg .input-group.dateinput,
body.darkmode .siteformbg .input-group-text {
  border: 1px solid #494949 !important;
  background: transparent;
}

.innerpagegrid .historytab .tabbanner {
  /* width: 100%; */
  justify-content: left;
  display: flex;
  align-items: center;
  padding-top: 5px;
  /* border-bottom: 1px dashed #ccc; */
  padding-bottom: 5px;
  margin-bottom: 0;
  max-width: 100% !important;
}

.innerpagegrid .historytab .tabbanner li {
  padding: 0px 5px;
}

.innerpagegrid .historytab .tabbanner li a {
  font-size: 14px;
  color: #bbbbbb;
  text-transform: uppercase;
  font-size: 13px;
  background: transparent !important;
  border: 0px !important;
  padding: 10px 23px;
  border-radius: 4px !important;
}

.profiletablebox>div:nth-child(2) h5 a {
  color: #1076ec;
}

.wlletboxt {
  margin-bottom: 0;
  padding: 15px 0px;
  border-top: 0;
  margin-top: 0;
}

.contentboxspace {
  xpadding: 20px 15px;
  padding: 10px 15px;
}

.spotorderbox .contentboxspace {
  padding: 0px;
}

.wlletboxt h4 {
  font-size: 15px !important;
  padding-top: 7px;
  font-weight: 600;
}

.wlletboxt .h3 {
  font-size: 20px !important;
  font-weight: 700;
}

.wlletboxt .tablebox>div:nth-child(2) {
  text-align: right;
}

.wlletboxt .tablebox .btn {
  border-radius: 5px;
  padding: 9px 24px;
  text-transform: inherit;
}

.wlletboxt .balanceshowt h4>span {
  font-size: 12px;
  color: #ffffff;
}

.wlletpwdbg .showpassbg button,
.wlletpwdbg .showpassbg a {
  text-transform: inherit;
  padding: 4px 10px;
  background: #f8f9fa;
}

.securityinnerbox code {
  color: #768086;
}

.profileinfotable>div {
  vertical-align: middle;
}

.alertnotes {
  background: #56b6ef40;
  border: 0px;
  padding: 9px 14px;
  color: #fff;
}

.viewpbtn {
  padding: 6px 29px !important;
  font-size: 12px;
  text-transform: inherit;
  line-height: normal;
}

.heading-lgt {
  font-weight: 400;
}

.grdebtn {
  padding: 6px 13px;
  font-size: 12px;
  border-radius: 4px;
  text-transform: capitalize;
  background: #eafcea;
  color: #34db34;
}

hr {
  border-top: 1px dashed #d1cfcf;
  opacity: 1;
  background-color: transparent;
}

.tblue,
.tblue:hover,
.tblue:focus,
.tblue:active {
  color: #0a5bde;
  text-decoration: underline;
}

.spantblack {
  padding: 20px !important;
}

.labelwidthbox {
  width: 79px;
  display: inline-block;
}

.orderbookscroll .table tr:hover .t-green,
.orderbookscroll .table tr:hover .t-red {}

.buysellinnerbox .panelcontentbox {
  padding: 14px 14px;
}

.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tradechatmsg .chat {
  max-height: 450px;
  overflow: auto;
}

.chat .chat-body p {
  word-break: break-word;
  line-height: 23px;
  font-size: 13px;
  font-weight: 400;
  background: #616161;
  padding: 10px 15px;
  border-radius: 4px;
  margin-bottom: 10px;
  color: #ffffff;
  border-radius: 5px;
}

.chat .primary-font {
  margin: 0px;
  font-size: 14px;
  padding-bottom: 7px;
  font-weight: 600;
  color: #fff;
}

.chat h5 {
  margin: 0px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
}

body.darkmode .chat h5 {
  color: #fff;
}

.chatbox .img-circle {
  width: 40px;
  height: 40px;
  border: 0px;
  border-radius: 50%;
  margin-top: 7px;
  background: #c9c9c9;
  padding: 6px;
}

.chat .left .img-circle {
  background: #dbdbdb;
}

.chatbox .header-chatbox {
  margin: 0px 9px;
  display: inline-block;
}

.chat li {
  display: table;
  width: 100%;
  padding: 15px;
  border-bottom: 0px;
}

.chat li>div {
  display: table-cell;
  vertical-align: top;
  float: none;
}

.chat li.right {
  float: right;
  text-align: right;
}

.chat li .chat-img {
  width: 43px;
}

.chat-foot {
  width: 100%;
  display: inline-block;
  margin-top: 6px;
  padding: 15px;
  border-top: 1px dashed #ccc;
  padding-top: 14px;
}

.chat-foot .h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.chat-foot img {
  width: 100%;
  max-width: 75px;
}

.chat .right p {
  background: #5D3587 !important;
  color: #fff !important;
}

button#chatmessage {
  color: #fff;
}

.ticketmsgtext {
  padding: 10px 15px;
  border-bottom: 1px solid #dedede;
}

.ticketmsgtext p {
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 2px;
}

.chatboxscroll {
  max-height: 550px;
}

.chatboxtop .tabrightbox {
  right: 8px;
  top: 5px;
}

.ticketb .sitebtn {
  border-radius: 25px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0px;
  padding-top: 5px;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 12px;
}

.light-green {
  color: #02c076 !important;
}

.bckbtn {
  margin-top: 30px;
}

.bckbtn .btn,
.bckbtn .btn:hover,
.bckbtn .btn:focus,
.bckbtn .btn:active {
  font-size: 13px;
  text-transform: inherit;
}

.cpybtn .input-group-text {
  border: 0px solid #eaf5fc;
  background: #0a5bde;
  color: #ffffff;
  text-transform: inherit;
}

.copiedbtn .input-group-text {
  border: 1px solid #fbeaed;
  background: #fbeaed;
  color: #d9304e;
  text-transform: inherit;
}

.fntbld {
  font-weight: 700 !important;
}

.fntreg {
  font-weight: 400;
}

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

.notessub h5 {
  font-size: 14px;
  color: #333;
}

.notessub p {
  font-size: 13px;
  padding-bottom: 3px;
  margin: 0px;
  font-weight: 400;
}

.notestitle p {
  font-size: 13px;
  margin: 0px;
  padding-bottom: 13px;
  font-weight: 500;
  line-height: 23px;
  color: #fff;
}

.notestitle {
  padding: 10px 0px;
}

.notesgray {
  background: #808080;
  padding: 15px;
  border-radius: 8px;
}

.notessub a {
  font-weight: 600;
}

.text-info {
  color: #02c076 !important;
  font-size: 14px;
}

.centerbox .panelcontentbox {
  border-radius: 24px;
  box-shadow: 0 2px 19px 0 rgb(1 34 115 / 14%);
}

.centerbox .contentpanel {
  padding: 30px;
}

.centerbox .stoplimtboxt .link-div>div {}

.wlletboxt h4>span.btc_value_data,
.wlletboxt h4>span.btc_star_value_data {
  font-size: 25px !important;
  padding-top: 7px;
  color: #ffffff;
}

.profileflexbox .sitebtn {
  position: absolute;
  top: 25px;
  right: 11px;
  padding: 7px 25px;
}

.profileflexbox .sitebtn {
  margin-left: 5px;
  background: #3498db;
  border: 1px solid #3498db;
  color: #fff;
  border-radius: 3px !important;
  height: 33px;
}

.profileflexbox {
  position: relative;
}

.prfbtn {
  position: relative;
}

.table-responsive-stack td,
.table-responsive-stack th {
  white-space: nowrap;
}

.table-responsive-stack th {
  border-bottom: 0px !important;
}

.centerbox {
  width: 100%;
  max-width: 705px;
  margin-top: 10px;
}

.pagination {
  padding: 10px 10px;
}

.supportflexb>div:first-child {
  width: 30%;
  margin-left: 0px;
}

.supportflexb>div:last-child {
  width: 70%;
}

.supprotbox ul {
  text-align: center;
  border-bottom: 0px;
  display: block;
  margin: 0px;
  white-space: inherit;
}

.supprotbox li {
  width: 100%;
  margin-bottom: 10px !important;
}

.supprotbox li:last-child {
  margin-bottom: 0px !important;
}

.supprotbox .h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 0px;
  text-transform: uppercase;
  color: #0a5bde;
}

.supprotbox img {
  width: 100%;
  max-width: 54px;
  margin: 35px 0px;
}

.supportflexb>div.active {
  background: #fff;
}

/*.modal .modal-content {
   background-color: #1a1a1a; 
  border: 0px;
}

 .modal .modal-header {
  padding: 16px 14px;
  border-bottom: 1px solid #1a1a1a;
  color: #344767;
}

.modal .modal-header h4 {
  font-size: 15px;
  text-transform: uppercase;
  margin: 0px;
  line-height: normal;
}

.modal .modal-header .close {
  opacity: 1;
  color: #fff;
  top: -3px;
  position: relative;
  background: #5D3889;
  border: 0px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal .modal-header .close:hover {
  opacity: 1;
  color: #fff;
} */

.flexb {
  display: flex;
}

.flexb>div {
  margin: 5px 5px;
  width: 100%;
}

.ticketmsgtext {
  padding: 10px 17px;
  border-bottom: 1px solid #d8dbe0;
  background: #ffffff;
  margin: 10px 0px;
  border-radius: 0px;
}

.ticketmsgtext p {
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 2px;
}

.supportchatbox {
  max-width: 650px;
}

.supportflexb .innerpagetab .tabbanner li a.active {
  background-color: #ffffff !important;
  color: #06adde !important;
  border-color: #10b8e8 !important;
  border-bottom: 2px solid #17b4ff;
}

.supportflexb .sitescroll {
  max-height: 533px;
}

.supportflexb .tabbanner li a {
  padding: 43px 15px;
  border-radius: 7px !important;
  border: 1px solid #d4d4d4 !important;
  background: #ffffff;
  color: #fff;
}

.supportflexb .tabbanner li a:hover {
  border: 1px solid #ffffff !important;
  background: #ffffff;
}

.supportflexb .tabbanner li a.active {
  border-bottom: 0px !important;
  background: #ffffff !important;
  border: 1px solid #37b7fb !important;
}

.supportbtn {
  top: 23px;
  right: 16px;
  z-index: 9;
}

.modal {
  top: 0;
}

.chatboxtop {
  width: 100%;
  max-width: 690px;
}

.kyctablebox .bg-warning {
  background-color: #1076ec !important;
}

.topboxparentbg {
  position: relative;
  padding: 11px 0px;
}

.mobilegrid li {
  list-style: none;
  width: auto;
  padding: 6px 4px;
}

.mobilegrid li a {
  text-align: left;
  font-size: 13px;
  color: #5D3889;
  text-transform: uppercase;
  padding: 8px 17px;
  display: inline-block;
  background: #fff;
  border-radius: 5px;
  font-weight: 600;
  text-decoration: none;
}

.openorder .heading-box,
.clostbuytab,
.orderform .hidettitle {
  display: none;
}

.mobilegrid li a:hover,
.mobilegrid li a:focus,
.mobilegrid li a:active {
  text-decoration: none;
}

.dropdown-large {
  position: absolute;
  min-width: 540px;
  border: 0px;
  padding: 0px;
  background: none;
}

.marketlist .seacrhbox {}

.tradepage .heading-box {
  padding: 13px 10px;
  font-size: 12px;
}

.kycupload {
  background: #232323;
  padding: 12px;
  text-align: center !important;
  border-radius: 5px;
}

.dropdown-large .sitetable tbody tr td {
  padding: 7px 12px;
}

.mobiletoggle {}

.chart .contentbox {
  padding: 10px;
  backdrop-filter: blur(10px) saturate(70%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgb(9 9 9 / 32%);
}

.headbg .navbar-nav li a {
  z-index: 999;
  position: relative;
}

.chosen-container .chosen-results {
  color: #fff !important;
}

.chosen-container-single .chosen-search input[type="text"] {
  color: #fff !important;
}

.closeiconbtn {
  text-align: left !important;
  border-bottom: 1px solid #1d6ded;
  padding-bottom: 0;
}

.closeiconbtn .btn {
  position: relative;
  color: #50fcd3;
  z-index: 9;
  border-radius: 50px;
  padding: 13px 21px;
  top: inherit;
  left: inherit;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  width: 100%;
  display: inline-block;
  font-weight: 600;
}

.closeiconbtn .btn i {
  top: inherit;
  position: relative;
  right: 0;
  font-size: 14px;
  margin-right: 10px;
}

.innerpagecontent .x-line {
  margin: 10px auto;
}

.profileinfocenter {
  max-width: 630px;
}

.chart .tabrightbox {
  top: 3px;
}

.kycboxcenter {
  max-width: 560px;
  margin: 0px auto;
}

.form-group {
  /* margin-bottom: 20px; */
}

.chosen-container-single .chosen-single {
  height: 41px !important;
  border-radius: 7px !important;
}

.chosen-container .chosen-results li {
  color: #000;
}

.modebg {
  padding-right: 10px;
}

.kycboxright {
  padding-left: 20px !important;
}

.spotorderbox .sitescroll {
  max-height: 383px;
}

.walletpagebg .contentboxspace {
  padding: 22px;
}

.fullscreenicon img {
  width: 100%;
  max-width: 16px;
}

.innerpagegrid .fullscreenicon img {
  /* filter: grayscale(1) invert(1); */
}

.closescreen,
.openscreen {
  display: none;
}

.leftsidemenu .simplebar-scrollbar:before {
  background: rgb(252 246 246 / 60%);
}

.badge {
  padding: 6px 7px;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  display: flex;
  justify-content: center;
}

.badge-success {
  background-color: #00b74a;
}

.badge-warning {
  background-color: #fff;
}

.badge-info {
  background-color: #39c0ed;
}

.badge-danger {
  background-color: #fc4c4c;
  padding: 6px 7px;
  cursor: pointer;
}

thead tr {
  text-align: center !important;
}

.supportbg .tabbanner {
  display: inline-block;
  width: 100%;
  white-space: inherit;
}

.supportlist li .datetext {
  font-size: 11px;
  color: #97979e;
  position: absolute;
  top: 9px;
  right: 11px;
  font-weight: 500;
}

.supportlist li a p {
  margin-bottom: 0px;
  padding-bottom: 5px;
  white-space: inherit;
  word-break: break-word;
  text-align: left;
  color: #000;
}

body.darkmode .supportlist li a p,
body.darkmode .supportbg .tabbanner li a.active .datetext {
  color: #fff;
}

.supportbg .tabbanner li {
  padding: 0px;
  margin-bottom: 0px;
}
article.gridparentbox.profile-page .supportbg .tabbanner li{
  margin-right: 20px;
  margin-bottom: 10px !important;
}
.supportbg .tabbanner li a {
  border-radius: 0px !important;
  /* background: #ffffff; */
  border: 0px !important;
  /* border-bottom: 1px solid #333 !important; */
  margin-bottom: 0px !important;
  padding: 15px 15px !important;
  line-height: 22px;
  text-transform: inherit;
  text-align: left;
  position: relative;
  font-size: 13px;
  font-weight: 500;
}

.supportbg .tabbanner li a:hover {
  color: #ffffff;
}

.supportbg .tabbanner li a.active {
  background-color: #282d35 !important;
  color: #6183dc !important;
  border: 0px !important;
}

.supportbg .tabbanner li a.active .datetext {
  color: #5D3889;
}

.ticktmenuicon i {
  display: none;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  text-align: center;
  border-radius: 50px;
  background: #5D3889;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 6px;
  color: #fff;
}

.supportsearch {
  padding: 10px;
  /* background: #343434; */
}

.supportbg>div:first-child {
  width: 40%;
}

.flexbox {
  display: flex;
}

.flexbox>div {
  width: 100%;
  margin: 8px 8px;
}

.flexbox>div:first-child {
  margin-left: 0px;
}

.flexbox>div:last-child {
  margin-right: 0px;
}

.supportticketlist .tabrightbox {
  position: absolute;
  right: 12px;
  top: 11px;
}
.supportticketlist .tabrightbox i {
  color: #fff;
}
.profilebox .desc {
  font-size: 13px;
}

.langmenu a {
  font-size: 14px;
}

.langmenu .dropdown-menu {
  background: #1a1a1a;
  padding: 0px;
  border: 0px;
  margin-top: 6px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 7px #0c171936;
  left: inherit;
  right: 0px;
  width: 100%;
  min-width: 91px;
  padding: 0;
  max-width: 43px;
  position: absolute;
}

.langmenu a.dropdown-toggle {
  background: #d3d3d3;
  padding: 2px 10px !important;
  margin-top: -2px !important;
  color: #000 !important;
  border-radius: 50px;
}

.langmenu img {
  width: 24px;
  height: 28px;
  padding: 2px;
  border-radius: 0;
}

.modal-open,
body.modal-open {
  padding-right: 0px !important;
}

.leftsidemenu hr {
  border-top: 1px dashed #1f262c;
  margin-top: 18px;
  margin-bottom: 9px;
}

.tabrightbox .subdropdown i {
  color: #344767;
  font-size: 17px;
}

.subdropdown a.dropdown-toggle {
  color: #344767;
}

.subdropdown .dropdown-menu {
  padding: 0px;
  border: 0px;
  box-shadow: 0px 0px 14px #1a1a1a47;
  border-radius: 7px;
}

.subdropdown .dropdown-menu a {
  font-size: 14px;
  padding: 10px 14px;
  font-weight: 600;
  color: #344767;
}

.subdropdown .dropdown-menu a:hover {
  background: none;
  color: #dfa835;
}

.subdropdown a.dropdown-toggle::after {
  display: none;
}

.profilepage>div:first-child {
  width: 379px;
  min-height: 500px;
}

.walletpagebg .profilepage>div:first-child {
  width: 650px;
  background: #252525;
}

.leftsidetab {
  display: inline-block;
  width: 100%;
  padding: 14px;
}

.leftsidetab .tabbanner {
  border-bottom: 0px;
}

.leftsidetab li {
  width: 100%;
}

.leftsidetab .tabbanner li a {
  padding: 13px 12px;
  border-radius: 5px !important;
  margin-bottom: 3px;
}

.leftsidetab .tabbanner li a:hover {
  background: #e4e7ed !important;
  color: #252a2f;
}

.leftsidetab .tabbanner li a.active {
  background: #e4e7ed !important;
  color: #1e2228 !important;
}

.leftsidetab .tabbanner li a i {
  margin-right: 10px;
}

.faverifybox {
  padding: 13px 13px;
}

.walletpage .stoplimtboxt {
  margin-top: 37px;
}

.livepricebg {
  padding: 0px;
}

.charts-price {
  position: relative;
  height: 50px;
  overflow: hidden;
  background: #2a2d36;
  padding: 10p;
}

.live-table {
  display: table;
  float: left;
  padding: 0px 13px;
  border-right: 1px solid #3d4149;
}

.charts-price .container {
  width: 100%;
  max-width: 100%;
}

.live-table>div {
  display: table-cell;
  vertical-align: middle;
}

.live-table>div:last-child {
  text-align: right;
}

.live-table .h2 {
  margin: 0px;
  font-size: 12px;
  font-weight: 700;
  line-height: 23px;
  text-transform: capitalize;
  color: #fff;
}

.live-table .h4 {
  margin: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #333;
}

.live-table .vluetxt {
  padding-left: 10px;
}

.charts li {
  list-style: none;
  float: left;
}

.livecoinig {
  width: 30px;
  padding-right: 7px;
}

.live-table img {
  width: 30px;
  height: 30px;
  vertical-align: inherit;
}

.tickercontainer {
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.tickercontainer .mask {
  position: relative;
  width: 100%;
  overflow: hidden;
}

ul.newsticker {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  float: left;
  margin: 0px;
  padding: 10px 0px;
  text-align: left;
}

ul.er-controls {
  list-style: none;
  display: inline-block;
  padding: 0;
}

ul.er-controls>li {
  display: inline-block;
  padding: 5px 10px;
  margin: 0px;
  border-radius: 0px;
  color: #fff;
  font-size: 16px;
}

ul.er-controls>li:hover {
  background: none;
  cursor: pointer;
}

.vluetxt {
  padding: 0px 10px;
}

.securitylink a i {
  font-size: 17px;
  position: relative;
  top: 2px;
}

.securitylink a:hover,
.securitylink a:focus,
.securitylink a:active {
  outline: none;
  box-shadow: none;
}

.priceboxflex,
.priceboxflex .owl-stage {
  display: flex;
  width: 100%;
}

.priceboxflex .priceboxouter,
.priceboxflex .owl-stage>div {
  width: 100%;
  margin: 5px 10px;
  background: #3c3c3c;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}

.priceboxflex .owl-stage>div {
  margin: 5px !important;
}

.priceboxflex .owl-stage .priceboxouter {
  background: none;
  margin: 0px;
}

.priceboxflex>div:first-child {
  margin-left: 0px;
}

.priceboxflex>div:last-child {
  margin-right: 0px;
}

.priceboxflex .panelcontentbox {
  background: rgb(30 30 30 / 87%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 17px 0 rgb(26 26 26 / 18%);
  position: relative;
  z-index: 99;
  height: 100%;
}

.livepricetable {
  display: table;
  width: 100%;
  padding: 18px 13px;
  border-bottom: 1px dashed #323030;
}

.livepricetable>div {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.livepricetable>div:first-child {
  width: 57px;
}

.livepricetable>div:last-child {
  width: 55px;
  text-align: right;
}

.livepricetable .h6 {
  font-size: 14px;
}

.chartline img {
  width: 100%;
}

.livepricetable>div:first-child img {
  background: #ffffff21;
  text-align: center;
  border-radius: 7px;
  padding: 8px;
  width: 40px;
}

.livepricetable .h4 {
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  color: #e2e8ef;
}

.livepricetable .h5 {
  font-size: 14px;
  font-weight: 700;
}

.livepricetable .h3 {
  font-size: 16px;
  font-weight: 700;
}

.livepricetable .h3 .h5 {
  font-size: 13px;
  padding-left: 10px;
}

.pricerowbox {
  display: inline-block;
  width: 100%;
  margin-bottom: 7px;
  cursor: grab;
}

.bg-none {
  background: none !important;
}

.securitylistbg {
  background: none !important;
}

.walletpagebg .coinlisticon {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.walletpagebg table tbody tr>td:first-child small {
  text-decoration: underline;
  color: #a5a5a5;
}

.paperproof img {
  max-width: 120px;
}

.tradepage .mobiletoggle {
  display: none !important;
}

.profilebasicinfo {
  margin-top: 0px !important;
  margin-bottom: 11px !important;
}
.kycpagebg .siteformbg {
  display: table;
  width: 75%;
}
.add-bank-page .kycpagebg .siteformbg {
  width:100%
}
.kycpagebg .siteformbg>div {
  display: table-cell;
  vertical-align: top;
  float: none;
}

.kycpagebg .siteformbg>div:first-child {
  width: 260px;
}

.kycpagebg .mlmwizardform #progressbar {
  max-width: 100%;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 21px;
}

.subheading {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.kycformright hr {
  margin-bottom: 28px;
}

.kycformright .form-group {
  margin-bottom: 23px;
}

.tradepagemenuview {
  display: none !important;
}

.tradepage .tradepagemenuview {
  display: inline-block !important;
}

.leftsidetable {
  background: rgb(56 56 56 / 75%);
  margin-top: 18px;
  padding: 17px 17px;
  border-radius: 9px;
  margin-bottom: 10px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 17px 0 rgb(26 26 26 / 18%);
  position: relative;
  display: table;
  width: 100%;
}

.leftsidetable>div {
  display: table-cell;
  vertical-align: top;
  float: none;
}

.leftsidetable>div:first-child {
  width: 52px;
  /* text-align: center; */
}

.sideprofileicon img {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  background-color: #cfd3d7;
  border: 2px solid #cfd3d7;
  padding: 3px;
}

.leftsidetable h4 {
  color: #fff;
  font-size: 14px;
  margin: 0px;
}

.leftsidetable p {
  color: #d9d9d9;
  font-size: 12px;
  margin: 0px;
}

.leftsideuser,
.priceboxouter,
.tablebox,
.searchfrmbox {
  position: relative;
}

.leftsideuser::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 32px;
  width: 45px;
  height: 45px;
  background: url(../images/circle.svg);
  background-size: cover;
  transform: translate(-50%, -50%);
  background-position: center;
  background-repeat: no-repeat;
}

.priceboxouter::before {
  content: "";
  position: absolute;
  left: -92px;
  top: -90px;
  width: 250px;
  height: 250px;
  background: url(../images/circle.svg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 9;
  opacity: 0.7;
}

.priceboxouter::after {
  xcontent: "";
  position: absolute;
  right: -13px;
  bottom: 1px;
  width: 100px;
  height: 100px;
  background: url(../images/circle.svg);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 9;
  opacity: 0.5;
}

.tablebox::before {
  xcontent: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 150px;
  height: 80px;
  background: url(../images/circle.svg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 9;
  opacity: 0.5;
}
section.footer button.send-btn{
  background: #5d3587 !important;
}
section.footer ul.social-logo-part li a.icon-web:hover {
  transform: translateY(-3px) !important;
  transition: all 0.10s ease-out ;
}
section.footer ul li a:hover {
  /* color: #0d6cf8 !important;
   */
   color: #d3b0f8 !important;
  transform: translateX(6px) !important;
  transition: all 0.3s ease-in-out;
}

.tablebox::after {
  xcontent: "";
  position: absolute;
  right: -10px;
  bottom: 1px;
  width: 150px;
  height: 100px;
  background: url(../images/circle.svg);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 9;
  opacity: 0.5;
}

.searchfrmbox:before {
  xcontent: "";
  position: absolute;
  left: 0;
  top: -5px;
  width: 100px;
  height: 100px;
  background: url(../images/circle.svg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 9;
  /* opacity: 0.5; */
}

.searchfrmbox:after {
  xcontent: "";
  position: absolute;
  right: -13px;
  bottom: 1px;
  width: 100px;
  height: 100px;
  background: url(../images/circle.svg);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 9;
  /* opacity: 0.5; */
}

.progressprofile {
  padding: 25px;
}

.progressprofile h2 {
  font-size: 20px;
}

.progressdash .progressbar-wrapper {
  width: 100%;
  display: inline-block;
  text-align: left;
}

.progressdash {
  margin-bottom: 8px;
}

.progressdash .progressbar-wrapper .progressbar li {
  list-style-type: none;
  width: 33.3%;
  float: left;
  font-size: 15px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  line-height: 29px;
  padding-right: 13px;
  font-weight: 500;
}

.progressdash .progressbar li:before {
  width: 30px;
  height: 30px;
  content: "";
  line-height: 25px;
  border: 2px solid #c9c9c9;
  display: block;
  text-align: center;
  margin: 0px;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.progressdash .progressbar li:after {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #c9c9c9;
  top: 13px;
  left: -100%;
  z-index: 0;
}

.progressdash .progressbar li:first-child:after {
  content: none;
}

.progressdash .progressbar li.active {
  color: #f7841e;
  /* font-weight: bold; */
}

.progressdash .progressbar li.active:before {
  border-color: #f7841e;
  background: #f7841e;
}

.progressdash .progressbar li.active+li:after {
  background-color: #f7841e;
}

.progressdash .progressbar li.active:before {
  background: #f7841e url(user.svg) no-repeat center center;
  background-size: 60%;
  color: #fff;
}

.progressdash .progressbar li::before {
  background: #fff url(user.svg) no-repeat center center;
  background-size: 60%;
}

.progressdash .progressbar {
  counter-reset: step;
  padding: 0px;
  margin: 0px;
}

.progressdash .progressbar li:before {
  xcontent: counter(step);
  counter-increment: step;
}

.walletpagebg .progressdash .progressbar li:before {
  content: counter(step);
}

.walletpagebg .progressprofile {
  background: #e9e9e9;
  border-radius: 10px;
  margin-bottom: 21px;
}

.progressdash .progressbar p {
  font-size: 13px;
  line-height: 21px;
  text-transform: capitalize;
  color: #838383;
  margin-bottom: 4px;
}

.innerpagegrid .toptabbg li a {
  padding: 6px 32px;
  border: 1px solid #adadad !important;
  background: #ededed !important;
  border-radius: 6px !important;
}

.innerpagegrid .toptabbg li a.active {
  background-color: #f7841e !important;
  color: #fff !important;
}

.innerpagegrid .toptabbg li {
  padding: 0px 3px;
}

.walletpagebg .tabrightbox {
  right: 7px;
}

.insidetabbox {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 23px;
}

.insidetabbox li a {
  padding: 8px 23px !important;
}

.wllttabbanner {
  border-radius: 10px;
}

.walletpagebg .sitescroll {
  max-height: 680px;
}

.productdrop .dropdown-content {
  min-width: 584px;
  z-index: 1;
  width: 100%;
}

.productdrop .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.productdrop .dropdown-content a:hover {
  background-color: #1e1e1e;
}

.productdrop.dropdown .dropdown-content {
  xdisplay: flex;
}

.productdrop .dropdown-content h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #fff;
}

.productdrop .dropdown-content .content {
  font-size: 13px;
  color: #b9b9b9;
  font-weight: 400;
  text-transform: capitalize;
}

.productdrop .dropdown-content li {
  padding: 5px 4px;
  width: 50%;
  float: left;
}

.grid-box-new {
  display: grid;
  grid-template-areas:
    "marketlist chart chatbg"
    "orderform openorder openorder";
  grid-template-columns: 350px 1fr 350px;
  grid-gap: 7px;
  margin: 11px 0px;
  border-radius: 11px;
}

.tradingcomp .marketlist .table-responsive {
  max-height: 484px;
  background: #fff;
}

.chatbg {
  grid-area: chatbg;
}

.tradingcomp .chatboxscroll {
  max-height: 414px;
}

.tradingcomp .chatbox .img-circle {
  width: 30px;
  height: 30px;
  padding: 2px;
}

.tradingcomp .chat-foot .input-group-text {
  padding: 0px;
}

.tradingcomp .chat h5 {
  font-size: 11px;
}

.tradingcomp .chat li .chat-img {
  width: 30px;
}

.tradingcomp .chat .primary-font {
  font-size: 12px;
}

.tradingcomp .chat li {
  padding: 3px 10px;
}

.tradingcomp .chat .chat-body p {
  line-height: 21px;
  font-size: 11px;
  padding: 5px 9px;
  margin-bottom: 6px;
}

.tradingcomp .walletbalance .sitescroll {
  max-height: 258px;
}

.tradingcomp .spotorderbox .sitescroll {
  max-height: 215px;
}

.walletbalance {
  grid-area: walletbalance;
}

.tradingcomp .livepricetable>div:first-child {
  width: 44px;
}

.tradingcomp .livepricetable .h4 {
  color: #252525;
}

.tradingcomp .livepricetable {
  border-bottom: 1px dashed #c0c0c0;
}

.tradingcomp .openorder .sitescroll {
  max-height: 401px;
}

.tradepage .competitionlist {
  padding-top: 25px;
}

.competition thead tr th {
  border: 1px solid #d9d9d9;
}

.competition .searchfrm {
  width: 100%;
  max-width: 700px;
}


/*** Instant buy sell **/


.vipRoadMap__background {
  background: var(--bds-gray-bg-card);
  padding-top: 120px;
  width: 100%
}

.vipRoadMap__wrapper {
  margin: 0 auto;
  max-width: 1200px;
  overflow: hidden
}

.vipRoadMap__title {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-h2);
  font-weight: 700;
  line-height: var(--bds-line-height-h2)
}

.vipRoadMap__subtitle {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-16);
  line-height: var(--bds-line-height-16);
  margin-top: 8px
}

.vipRoadMap__content {
  display: flex;
  margin-top: 32px;
  width: 1287px
}

.vipRoadMap__condition__wrapper {
  align-items: center;
  display: flex;
  flex: 1 1
}

.vipRoadMap__condition {
  background: var(--bds-gray-bg-page);
  border-radius: 16px;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 200px;
  padding: 24px
}

.vipRoadMap__condition__title {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-18);
  font-weight: var(--bds-font-weight-semibold);
  line-height: var(--bds-line-height-18)
}

.vipRoadMap__condition__amount {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-14);
  line-height: var(--bds-line-height-14);
  margin-top: 16px
}

.vipRoadMap__condition__line {
  background: var(--bds-gray-ele-border);
  border-radius: 12px;
  height: 8px;
  margin-top: 8px;
  position: relative;
  width: 100%
}

.vipRoadMap__condition__line-current {
  background: var(--bds-brand-700-normal);
  border-radius: 12px;
  height: 8px;
  position: absolute;
  top: 0
}

.vipRoadMap__condition__line-current {
  left: 0
}

.vipRoadMap__condition__line-current {
  right: 0
}

.vipRoadMap__condition__btn {
  margin-top: auto
}

.vipRoadMap__condition__btn {
  text-align: left
}

.vipRoadMap__condition__btn {
  text-align: right
}

.vipRoadMap__or {
  align-items: center;
  border: 1px solid var(--bds-gray-ele-line);
  border-radius: 50%;
  color: var(--bds-gray-t1-title);
  display: flex;
  font-size: var(--bds-font-size-16);
  font-weight: 700;
  height: 55px;
  justify-content: center;
  line-height: var(--bds-line-height-16);
  margin: 16px;
  width: 55px
}

:where(.css-7o12g0).ant-input-affix-wrapper>input.ant-input {
  padding: 0;
  font-size: inherit;
  border: none;
  border-radius: 0;
  outline: none;
}

:where(.css-7o12g0).ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

:where(.css-7o12g0).ant-input-affix-wrapper.ant-input-custom.ant-input-custom-middle .ant-input:not(.ant-input-disabled) {
  background-color: var(--bds-gray-ele-line);
  border: none !important;
}

body.darkmode :where(.css-7o12g0).ant-input-affix-wrapper.ant-input-custom.ant-input-custom-middle .ant-input:not(.ant-input-disabled) {
  background-color: #1a1a1a;
  color: #fff;
}

:where(.css-7o12g0).ant-btn-custom.ant-btn-custom-middle {
  padding: 12px 24px;
  font-size: var(--bds-font-size-16);
  line-height: var(--bds-line-height-16);
  border-radius: var(--bds-border-radius-8);
}

:where(.css-7o12g0).ant-btn-custom.ant-btn-custom-primary {
  border: none;
  background:#5D3587!important;
  color: #ffff;
  box-shadow: none;
}

:where(.css-7o12g0).ant-btn.ant-btn-custom {
  height: auto;
  font-weight: var(--bds-font-weight-semibold);
}

.express__account-wrap-tit-tab-item:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

span.ant-input-suffix {
  display: none;
}












.f-dropdown {
  --max-scroll: 3;
  position: relative;
  z-index: 10;
}

.f-dropdown select {
  display: none;
}

.f-dropdown>span {
  cursor: pointer;
  padding: 0px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  position: relative;
  color: #bbb;
  border: none;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.f-dropdown>span>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 12px;
  font-size: 20px;
}

.f-dropdown>span img {
  width: 25px;
  margin-right: 10px;
  border-radius: 50%;
}

.f-dropdown>span:before,
.f-dropdown>span:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  border-radius: 1px;
  top: 50%;
  right: 12px;
  background: #000;
  transition: all 0.3s ease;
}

.f-dropdown>span:before {
  margin-right: 4px;
  transform: scale(0.96, 0.8) rotate(50deg);
}

.f-dropdown>span:after {
  transform: scale(0.96, 0.8) rotate(-50deg);
}

.f-dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-height: calc(var(--max-scroll) * 46px);
  top: 40px;
  left: 0;
  z-index: 1;
  right: 0;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 6px;
  overflow-x: hidden;
  overflow-y: auto;
  transform-origin: 0 0;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
  transform: translate(0, 5px);
}

.f-dropdown ul li {
  padding: 0;
  margin: 0;
}

.f-dropdown ul li a {
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  color: #000 !important;
  text-decoration: none;
  outline: none;
  position: relative;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
}

.f-dropdown ul li a img {
  width: 20px;
  margin-right: 10px;
  border-radius: 50%;
}

.f-dropdown ul li a:hover {
  color: #5C6BC0;
}

.f-dropdown ul li.active a {
  color: #FFF !important;
  background: #303F9F;
}

.f-dropdown ul li.active a:before,
.f-dropdown ul li.active a:after {
  --scale: 0.6;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  right: 12px;
  top: 50%;
  opacity: 0;
  background: #FFF;
  transition: all 0.2s ease;
}

.f-dropdown ul li.active a:before {
  transform: rotate(45deg) scale(var(--scale));
}

.f-dropdown ul li.active a:after {
  transform: rotate(-45deg) scale(var(--scale));
}

.f-dropdown ul li.active a:hover:before,
.f-dropdown ul li.active a:hover:after {
  --scale: 0.9;
  opacity: 0;
  display: none;
}

.f-dropdown ul li:first-child a {
  border-radius: 6px 6px 0 0;
}

.f-dropdown ul li:last-child a {
  border-radius: 0 0 6px 6px;
}

.f-dropdown.disabled {
  opacity: 0.7;
}

.f-dropdown.disabled>span {
  cursor: not-allowed;
}

.f-dropdown.filled>span {
  color: #000;
  width: 100%;
  padding: 10px;
}

.f-dropdown.open {
  z-index: 15;
}

.f-dropdown.open>span {
  border-color: #AAA;
}

.f-dropdown.open>span:before,
.f-dropdown.open>span:after {
  background: #000;
}

.f-dropdown.open>span:before {
  transform: scale(0.96, 0.8) rotate(-50deg);
}

.f-dropdown.open>span:after {
  transform: scale(0.96, 0.8) rotate(50deg);
}

.f-dropdown.open ul {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 12px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

/* --------------------------- */
.f-group {
  max-width: 250px;
  margin: 0 auto;
  text-align: left;
}

.f-group select {
  width: 100%;
}

.f-control {
  font-size: 14px;
  line-height: normal;
  color: #000;
  display: inline-block;
  background-color: #ffffff;
  border: #fff 1px solid;
  border-radius: 6px;
  padding: 17px;
  outline: none;
  width: 94%;
}

select#walletpayment,
select#orangepayment {
  width: 100%;
  padding: 20px 16px 26px 8px;
  ;
  margin-top: 14px;
  background: #f3f5f7;
  border: none;
  border-radius: 9px;
  margin-bottom: 10px;
}

label {
  /* width: 100%; */
  /* display: block; */
  /* font-weight: bold; */
  /* margin-bottom: 10px; */
  /* text-align: center; */
}

body.pagewrapperbox.light.loginbanner label {
  text-align: left;
}

body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  /* padding: 10px; */
  background: #e3f3ff;
}

.f-dropdown.open ul ::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.f-dropdown.open ul ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.f-dropdown.open ul ::-webkit-scrollbar-thumb {
  background: #888;
}

.contentbox.instant-buy-sell-contentbox {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .otc__root .vipRoadMap__background {
    padding-top: 50px
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper {
    padding: 0 16px
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper .vipRoadMap__title {
    color: var(--bds-gray-t1-title);
    font-size: var(--bds-font-size-h4);
    font-weight: 700;
    line-height: var(--bds-line-height-h4);
    width: 100%
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper .vipRoadMap__content {
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper .vipRoadMap__content .vipRoadMap__condition__wrapper {
    flex-direction: column;
    width: 100%
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper .vipRoadMap__content .vipRoadMap__condition__wrapper .vipRoadMap__condition {
    width: 100%
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper .vipRoadMap__content .vipRoadMap__condition__wrapper .vipRoadMap__condition .vipRoadMap__condition__line {
    margin-bottom: 24px
  }

  .otc__root .vipRoadMap__background .vipRoadMap__wrapper .vipRoadMap__content .vipRoadMap__condition__wrapper:last-child .vipRoadMap__or {
    display: none
  }
}

.express-adjust__shows {
  background-color: #fff0d3;
  border-radius: 16px;
  width: 480px
}

.express-adjust__shows .by-dialog__body {
  padding: 0
}

.expressPopup-wrapStyle {
  position: relative;
  width: 480px
}

.expressPopup-closeIconStyle {
  color: #666;
  position: absolute;
  top: 30px
}

.expressPopup-closeIconStyle {
  right: 30px
}

.expressPopup-closeIconStyle {
  left: 30px
}

.expressPopup-imgWrapStyle {
  padding-left: 53px
}

.expressPopup-imgWrapStyle {
  padding-right: 53px
}

.expressPopup-imgStyle {
  height: 324px;
  width: 423px
}

.expressPopup-mainThemeStyle {
  color: #121214;
  font-size: 32px;
  font-weight: 600;
  height: 84px;
  line-height: 42px;
  margin-top: -26px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center
}

.expressPopup-subThemeStyle {
  display: flex;
  font-size: 20px;
  font-weight: 500;
  justify-content: center;
  margin-top: 12px;
  text-align: center
}

.expressPopup-btnWrapStyle {
  display: flex;
  justify-content: center;
  margin-top: 50px
}

.expressPopup-btnStyle {
  background: #f7a600;
  border: 0;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  width: 228px
}

.expresspayway-center-fiat-select {
  width: 360px
}

#selectexpress__select-wrap {
  background: #f5f5f5
}

#express__select-wrap:hover {
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), #f7a600
}

.expresspayway-center-select__bybutton {
  align-items: center;
  background: #fff;
  border: 1px solid #d4dbde;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: flex-end;
  width: 360px
}

.expresspayway-center-select__bybutton {
  padding-right: 12px;
  text-align: right
}

.expresspayway-center-select__bybutton {
  padding-left: 12px;
  text-align: left
}

.expresspayway-center-select__bybutton-img {
  background-color: red;
  display: flex;
  flex-basis: 20px;
  flex-shrink: 0;
  height: 20px
}

.expresspayway-center-select__bybutton-icon {
  align-items: center;
  color: #fff;
  justify-content: center
}

.expresspayway-center-select__bybutton-right-icon {
  color: #666;
  font-size: 8px;
  transition: all .3s
}

.expresspayway__right-vallefttext {
  color: #333;
  font-size: 14px
}

.expresspayway-center-select__bybutton-right-icon[active=true] {
  transform: rotate(180deg)
}

.expresspayway-center-select__bybutton-right-icon[active=true] {
  transform: rotate(-180deg)
}

.expresspayway-center-select__bybutton-value {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  white-space: nowrap
}

.expresspayway-center-select__bybutton-value {
  margin-left: 8px
}

.expresspayway-center-select__bybutton-value {
  margin-right: 8px
}

.expresspayway-center-select__search-input {
  padding: 8px 16px
}

.expresspayway-center-select__list-wrapper {
  margin: 0;
  max-height: 248px;
  overflow-y: auto;
  padding-bottom: 8px
}

.expresspayway-center-select__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 0 16px
}

.express-center-arrow_right {
  height: 20px;
  width: 20px
}

.expresspayway-center-select__item:hover,
.expresspayway-center-select__item[active=true] {
  background: #f5f5f5
}

.expresspayway-center-select__item[active=true] .expresspayway-center-select__item-value {
  color: #f7a600
}

.expresspayway-center-select__item-icon-value {
  align-items: center;
  display: flex
}

.expresspayway-center-select__item-icon {
  align-items: center;
  background-color: hsla(0, 0%, 50%, .4);
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 12px;
  height: 20px;
  justify-content: center;
  width: 20px
}

.expresspayway-center-select__item-value {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap
}

.expresspayway-center-select__item-value {
  margin-left: 8px
}

.expresspayway-center-select__item-value {
  margin-right: 8px
}

.expresspayway-center-select__item-icon-name {
  color: #ccc;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px
}

.expresspayway-center-select__item-empty {
  align-items: center;
  color: #999;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  line-height: 16px;
  margin-bottom: 20px
}

.expresspayway-center-select__item-empty img {
  height: 50px;
  margin-bottom: 10px;
  width: 50px
}

#ab-fiat-loading,
.ab-fiat-loading {
  animation: fiat-loading-move 2s linear infinite;
  color: #f7a600;
  font-size: 18px
}

@keyframes fiat-loading-move {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.expresspayway__select-wrap {
  justify-content: space-between;
  width: 100%
}

.expresspayway__left-val,
.expresspayway__select-wrap {
  align-items: center;
  display: flex
}

.expresspayway__left-val {
  padding-left: 10px
}

.expresspayway__left-val {
  padding-right: 10px
}

.expresspayway__right-val {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 6px 8px;
  text-align: center
}

.express__payment-goodPrice {
  color: #fff;
  font-size: 12px;
  padding: 4px;
  text-align: center;
  white-space: nowrap
}

.express__payment-goodPrice {
  background: linear-gradient(90deg, #ff9d42, #ff5a5a);
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-left: 8px
}

.express__payment-goodPrice {
  background: linear-gradient(-90deg, #ff9d42, #ff5a5a);
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  margin-right: 8px
}

.expresspayway-center-fiat-selectnone {
  display: none
}

.expresspayway-noresult {
  background-color: #f8f8f8;
  color: #999;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  width: 100%
}

.expresspayway-noresult {
  padding-left: 10px;
  text-align: left
}

.expresspayway-noresult {
  padding-right: 10px;
  text-align: right
}

.express__payment-bindCard {
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), #f7a600;
  border-radius: 2px;
  color: #f7a600;
  font-size: 12px;
  padding: 4px
}

.express__payment-bindCard {
  margin-left: 8px
}

.express__payment-bindCard {
  margin-right: 8px
}

#express-deposit-lineActive {
  border: 1px solid var(--bds-brand-700-normal)
}

#express-deposit-lineActive:hover {
  background-color: var(--bds-gray-bg-card);
  border: 1px solid var(--bds-brand-600-hover)
}

.express__home__cardNumberRtl {
  display: inline-block
}

.express__home__cardNumberRtl {
  direction: rtl
}

.express__home__cardNumberRtl {
  direction: ltr
}

.express-payWaySelect__leftWrap {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  gap: 16px;
  overflow: hidden
}

.express-payWaySelect__recommendedWrapRight,
.express-payWaySelect__recommendedWrapTag {
  line-height: 1
}

.express-payWaySelect__leftWrap img {
  width: 32px
}

.express-payWaySelect__leftWrap .express__payment-depositImg {
  height: 12px;
  width: 12px
}

.express__payment-depositWrapDisplay {
  align-items: center;
  display: flex;
  flex-direction: row
}

.express-payWaySelect__recommendedWrapItem.express-payWaySelect__recommendedWrapItemDisabled {
  background-color: #f9fafb
}

.express-payWaySelect__recommendedWrapItem.express-payWaySelect__recommendedWrapItemDisabled:hover {
  background-color: #f9fafb;
  cursor: not-allowed
}

.express-payWaySelect__recommendedWrapItem.express-payWaySelect__recommendedWrapItemDisabled .express-payWaySelect__leftWrap img {
  opacity: .35
}

.express-payWaySelect__recommendedWrapItem.express-payWaySelect__recommendedWrapItemDisabled .express-payWaySelect__paymentMethodName {
  color: var(--bds-gray-t4-dis)
}

.express-payWaySelect__recommendedWrapItem.express-payWaySelect__recommendedWrapItemDisabled .express-payWaySelect__rightWrap {
  opacity: .35
}

.expressPayWay__adjustAmountNotice {
  border: 1px solid var(--bds-gray-ele-border);
  border-radius: 8px;
  padding: 27px 0;
  text-align: center;
  width: 100%
}

.expressPayWay__adjustAmountNotice,
.expressPayWay__p2pTitleDescription {
  color: var(--bds-gray-t3);
  font-size: var(--bds-font-size-12);
  line-height: var(--bds-line-height-12)
}

.expressPayWay__p2pTitleDescription {
  display: inline;
  font-weight: var(--bds-font-weight-regular)
}

.expressPayWay__p2pTitleDescription .fiat-icon--wenhao {
  font-size: var(--bds-font-size-14)
}

.expressPayWay__p2pTitleDescription .fiat-icon--wenhao {
  margin-left: 4px
}

.expressPayWay__p2pTitleDescription .fiat-icon--wenhao {
  margin-right: 4px
}

.expressPayWayModal__fromP2p {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-12);
  font-weight: var(--bds-font-weight-regular);
  line-height: var(--bds-line-height-12)
}

.expressPayWayModal__price {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-16);
  font-weight: var(--bds-font-weight-medium);
  line-height: var(--bds-line-height-16)
}

.expressPayWay__loading {
  align-items: center;
  background: var(--bds-gray-bg-card);
  border-radius: 8px;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%
}

.expressPayWay__loading {
  left: 0
}

.expressPayWay__loading {
  right: 0
}

.express-payWaySelect__rightWrap {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column
}

.express-payWaySelect__leftThirdPartyDesc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.express-payWaySelect__leftThirdPartyDesc,
.express-payWaySelect__rightPrice {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-12);
  line-height: var(--bds-line-height-12)
}

.express-payWaySelect__leftPaymentMethodWrap {
  overflow: hidden
}

.express-payWaySelect__paymentMethodWrap {
  margin-top: 8px
}

.express-payWaySelect__paymentMethodWrap .user-payment-tags__wrapper {
  top: -7px
}

.express-payWaySelect__paymentMethodWrap .user-payment-tags__wrapper {
  right: -1px
}

.express-payWaySelect__paymentMethodWrap .user-payment-tags__wrapper {
  left: -1px
}

.express-payWaySelect__mainLeftContent {
  overflow: hidden
}

.express-payWaySelect__mainLeftThirdPartyDesc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.express-payWaySelect__main .user-payment-tags__wrapper {
  top: -7px
}

.express-payWaySelect__main .user-payment-tags__wrapper {
  right: -1px
}

.express-payWaySelect__main .user-payment-tags__wrapper {
  left: -1px
}

.express-payWaySelect__showMoreP2P {
  align-items: center;
  color: var(--bds-gray-t2);
  display: flex;
  flex-direction: row;
  font-size: var(--bds-font-size-12);
  font-weight: 500;
  gap: 2px;
  justify-content: center;
  line-height: var(--bds-line-height-12);
  margin-top: 8px
}

.express-payWaySelect__showMoreP2P img {
  height: 14px;
  width: 14px
}

.express-payWaySelect__showMoreP2P:hover {
  color: var(--bds-gray-t3);
  cursor: pointer
}

.express-payWaySelect__showMoreThirdParty {
  align-items: center;
  color: var(--bds-gray-t2);
  display: flex;
  flex-direction: row;
  font-size: var(--bds-font-size-12);
  font-weight: 500;
  gap: 2px;
  justify-content: center;
  line-height: var(--bds-line-height-12);
  margin-top: 8px
}

.express-payWaySelect__showMoreThirdParty:hover {
  color: var(--bds-gray-t3);
  cursor: pointer
}

.express-home__coin-select__dropdown .express-home__coin-select__option__coin {
  align-items: center;
  display: flex;
  font-size: var(--bds-font-size-14);
  line-height: var(--bds-line-height-14)
}

.express-home__coin-select__dropdown .express-home__coin-select__option__icon {
  border-radius: 50%;
  height: 20px;
  width: 20px
}

.express-home__coin-select__dropdown .express-home__coin-select__option__icon {
  margin-right: 8px
}

.express-home__coin-select__dropdown .express-home__coin-select__option__icon {
  margin-left: 8px
}

.express-home__coin-select__dropdown .express-home__coin-select__option__title {
  align-items: center;
  color: var(--bds-gray-t1-title);
  display: flex;
  flex-direction: row;
  font-size: var(--bds-font-size-16);
  font-weight: var(--bds-font-weight-regular);
  gap: 4px;
  line-height: var(--bds-line-height-16)
}

.express-home__coin-select__dropdown .express-home__coin-select__option__subtitle {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-12);
  font-weight: var(--bds-font-weight-regular);
  line-height: var(--bds-line-height-12)
}

.express-home__coin-select__dropdown .express-home__coin-select__option__coin_advanced .express-home__coin-select__option__icon {
  height: 28px;
  width: 28px
}

.express-home__coin-select__dropdown .express-home__coin-select__option__coin_advanced .express-home__coin-select__option__title {
  align-items: flex-start;
  flex-direction: column;
  font-weight: var(--bds-font-weight-medium);
  gap: 0;
  height: 42px
}

.express-home__coin-select__dropdown .express-home__coin-select__option {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.express-home__coin-select__dropdown .express-home__coin-select__dropdown__extra {
  align-items: flex-end;
  flex-direction: column;
  font-weight: var(--bds-font-weight-medium);
  gap: 0
}

.express-home__coin-select .express-home__coin-select__option__coin {
  align-items: center;
  display: flex;
  font-size: var(--bds-font-size-20);
  font-weight: var(--bds-font-weight-medium);
  line-height: var(--bds-line-height-20)
}

.express-home__coin-select .express-home__coin-select__option__icon {
  border-radius: 50%;
  height: 24px;
  width: 24px
}

.express-home__coin-select .express-home__coin-select__option__icon {
  margin-right: 8px
}

.express-home__coin-select .express-home__coin-select__option__icon {
  margin-left: 8px
}

.express-home__coin-select.ant-select-single.ant-select-custom .ant-select-selector {
  /* background: var(--bds-static-white); */
  border-radius: var(--bds-border-radius-8);
  height: 64px;
  min-width: 150px;
  max-width: 150px;
}

.express-home__coin-select.ant-select-single.ant-select-custom .ant-select-arrow {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-12)
}

.express-home__coin-select .ant-select-selector .ant-select-selection-item {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.express-home__coin-select__dropdown.ant-select-dropdown.ant-select-custom-dropdown {
  width: 448px
}

.express-home__coin-select__dropdown .express-home__coin-select__dropdown-new-listing {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-14);
  font-weight: var(--bds-font-weight-regular);
  line-height: var(--bds-line-height-14);
  padding: 0 12px 8px
}

.express-home__coin-select__dropdown .express-home__coin-select__dropdown-new-listing .express-home__coin-select__dropdown-new-listing-coins {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
  margin-top: 10px
}

.express-home__coin-select__dropdown .express-home__coin-select__dropdown-new-listing .express-home__coin-select__dropdown-new-listing-coins .ant-tag {
  background: #f3f5f7;
  color: var(--bds-gray-t1-title);
  cursor: pointer;
  font-weight: var(--bds-font-weight-regular);
  height: 32px;
  padding: 5px 12px
}

.express-home__input-select-wrapper {
  align-items: center;
  background: var(--bds-gray-ele-line);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px
}

.express-home__input-select-wrapper {
  padding: 8px 8px 8px 16px
}

.express-home__input-select-wrapper {
  padding: 8px 16px 8px 8px
}

.express-home__input-label-wrapper {
  display: flex;
  flex: 1 1;
  flex-direction: column
}

.express-home__input-label {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-14);
  line-height: var(--bds-line-height-14)
}

body.darkmode .express-home__input-label {
  color: #fff;
}

.express-home__input-select-wrapper .express-home__input-label-wrapper .express-home__input {
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0
}

.express-home__input-select-wrapper .express-home__input-label-wrapper .express-home__input .ant-input {
  font-size: var(--bds-font-size-20);
  font-weight: var(--bds-font-weight-semibold);
  line-height: var(--bds-line-height-20)
}

.express-home__input-label-wrapper .express-home__input:focus,
.express-home__input-label-wrapper .express-home__input:hover {
  border-color: transparent;
  box-shadow: none
}

.express-home__input-select-wrapper .express-home__input-label-wrapper .express-home__input input.ant-input::-moz-placeholder {
  font-size: var(--bds-font-size-20);
  font-weight: var(--bds-font-weight-medium)
}

.express-home__input-select-wrapper .express-home__input-label-wrapper .express-home__input input.ant-input::placeholder {
  font-size: var(--bds-font-size-20);
  font-weight: var(--bds-font-weight-medium)
}

.fiat__spin-container,
.fiat__spin-wrapper {
  position: relative
}

.fiat__spinning {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4
}

.fiat__spinning {
  left: 0
}

.fiat__spinning {
  right: 0
}

.fiat__spin-blur {
  clear: both;
  opacity: .1;
  pointer-events: none;
  position: relative;
  transition: opacity .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.fiat__spin {
  box-sizing: border-box;
  color: var(--brand-color-01);
  display: inline-flex;
  margin: 0;
  opacity: 1;
  padding: 0;
  text-align: center;
  transition: transform .3s cubic-bezier(.78, .14, .15, .86);
  vertical-align: middle
}

.fiat__spin-wrapper .fiat__spin-animation {
  animation: loading-move 1s linear infinite;
  color: var(--brand-color-01);
  font-size: 32px
}

@keyframes loading-move {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.search-select__search-input-wrapper {
  margin: 0 10px
}

.search-select__search-input-wrapper .search-select__search-input {
  margin: 8px 0
}

.search-select__search-input-wrapper .by-input__container {
  font-size: var(--size-14);
  height: var(--size-36)
}

.search-select__search-input-wrapper .icon.icon-search {
  color: #c7cdd0
}

.search-select__search-input-wrapper .icon.close {
  color: #c7cdd0;
  cursor: pointer
}

.search-select__search-input-wrapper .search-select__clear:hover {
  color: var(--fiat-gray-06)
}

.search-select__not-found {
  color: var(--gray-06);
  font-size: var(--size-12);
  padding: 10px 0 18px;
  text-align: center
}

.otc-select .by-select-adv-arrow .icon-xia {
  color: var(--gray-05)
}

.country-name {
  height: var(--size-32);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 153px
}

.express-payment-method-dialog #express-payment-method__container .by-input--readonly .by-input__container {
  background-color: #f8f8f8
}

.express-payment-method-dialog #express-payment-method__container .payment-cfg-render__item .by-select-adv {
  height: var(--size-36);
  line-height: var(--size-36);
  width: 185px
}

.express-payment-method-dialog #express-payment-method__container .payment-cfg-render__item .by-select-adv.by-input__item--error {
  border: 1px solid var(--f-danger-01)
}

.express-payment-method-dialog #express-payment-method__container .payment-cfg-render__item .by-select-adv--outlined {
  border: 1px solid #e2e2e2
}

.express-payment-method-dialog #express-payment-method__container .pcg-render__item--error {
  margin-top: 12px
}

.express-payment-method-dialog #express-payment-method__container .by-input__item--error .by-input__container {
  border: 1px solid var(--f-danger-01)
}

.express-payment-method-dialog #express-payment-method__container .pcg-render__item-title {
  margin-bottom: var(--size-8)
}

.express-payment-method-dialog #express-payment-method__container .pcg-render__item--error,
.express-payment-method-dialog #express-payment-method__container .pcg-render__item--required {
  color: var(--f-danger-01);
  margin-top: 4px
}

.expresspayway-center-select__bybutton-icon {
  display: flex;
  flex-basis: 20px;
  flex-shrink: 0;
  height: 20px
}

.use-card-check {
  color: #999;
  margin-top: 12px
}

.use-card-check .by-checkbox--checked .by-checkbox__item {
  border: 1px solid var(--gray-01);
  position: relative
}

.use-card-check .use-card-checkbox.by-checkbox--checked .by-checkbox__item:before {
  background: #101014;
  content: "";
  height: 1px;
  position: absolute;
  top: 5px;
  width: 1px
}

.use-card-check .use-card-checkbox.by-checkbox--checked .by-checkbox__item:before {
  box-shadow: 1px 0 0 #101014, 2px 0 0 #101014, 2px -1px 0 #101014, 2px -2px 0 #101014, 2px -3px 0 #101014, 2px -4px 0 #101014, 2px -5px 0 #101014;
  left: 2px;
  transform: rotate(45deg) scaleX(1.2)
}

.use-card-check .use-card-checkbox.by-checkbox--checked .by-checkbox__item:before {
  box-shadow: -1px 0 0 #101014, -2px 0 0 #101014, -2px -1px 0 #101014, -2px -2px 0 #101014, -2px -3px 0 #101014, -2px -4px 0 #101014, -2px -5px 0 #101014;
  right: 2px;
  transform: rotate(-45deg) scaleX(1.2)
}

.card-rebound_tips {
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), #f7a600;
  border-radius: 4px;
  padding: 9px
}

.deposit-country-pop .by-popover__container {
  margin-left: 153px
}

.deposit-country-pop .by-popover__container {
  margin-right: 153px
}

.deposit-country-pop .country-pop {
  height: var(--size-32);
  line-height: var(--size-32);
  min-width: 153px;
  padding: 0 16px;
  pointer-events: none
}

.express__restriction-dialog-content {
  line-height: 1.5;
  min-height: 50px
}

.express__restriction-dialog-btn-wrapper {
  text-align: center;
  width: 100%
}

.express__restriction-dialog-btn {
  width: 90%
}

.express__restriction-dialog-btn .by-button__content {
  color: #333
}

.express__account-wrap {
  background: #fff;
  border-radius: 16px;
  padding: 20px 32px 40px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.express__account-wrap-contain {
  padding: 0 32px
}

.express__account-wrap-sell {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding: 0 0 32px
}

.express__account-wrap .express__account-wrap-tit {
  color: #000;
  font-size: 24px;
  font-weight: 700
}

.express__account-wraper-pr {
  position: relative
}

.express__account-wrap-tit-tab {
  display: flex;
  height: 80px;
  justify-content: space-between;
  line-height: 80px;
  margin-bottom: 6px;
  overflow: hidden;
  position: relative;
  width: 520px;
  z-index: 1
}

.express__tab-bar {
  background: #e9edf2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABBAAAACgCAYAAAC14J+WAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfCSURBVHgB7d3rcRRHFIbhM0QgR+BxBBYRuIkAMkAZGEeAiAAysIjAEAFyBMYReEPYDMa9aHGBQbCXuXX381R1qVzl/6henf22i4kNw9DnHym/y/x+zG/33xf7nwDAaTb7t83v7/xu83vfdd02AAAm0MUEcjRI+ceT/B6HUAAAc7rN721+b3JM2AQAwEhGCwg5GuyuCn7N71ncXRgAAMu6ze91Dgk3AQBwprMDgnAAAKu3ye+FkAAAnOOsgJDjwS4cXIdwAAAl2ISQAACc6KSAsB9G/D3uxhEBgLLcxF1I2AQAwIGODgiuDgCgCpv8HokIAMChHhzzP+d48DL/eBXiAQCUrs/vn/xv+7MAADjAwRcI+ReM3UcWrgIAqM1113UvAgDgGw4KCDkevM8/fg4AoFYiAgDwTd/9CMP+8kA8AIC6Xed/858HAMA9vnmBsP9F4joAgFZcdV33OgAA/ufegLD/toVXAQC0ZBt3387wPgAAPvHVgJDjQZ9//BW+bQEAWrTJ72GOCNsAANi7bwPhXYgHANCqPj97CADAZ74ICMMwXMXdLw4AQLue5d8JUgAEwJ3PPsKw/+jC7vqgDwCgdbdd1z0KAID48gJhN5zYBwBARHKFAAB89N8FguFEAOArXCEAAB98eoGQQjwAAD7nCgEA+ODTgGBtGQD4micBADTvw0cY9n9ZeBcAAF/a5vdT13XbAACa9fEC4SoAAL5u9xHHywAAmvYxIPwSAAD3exoAQNMe7L99oQ8AgPulAACatrtAcJIIAHxPn//o4NuaAKBhAgIAcKgUAECzBAQA4FB9AADN2gWEHwMA4PtSAADN2gUEn2cEAA7xcwAAzeqGLAAADvND13XbAACa8yAAAA6XAgBokoAAAByjDwCgSQICAHCMFABAkwQEAOAYhhQBoFFGFAGAYxlSBIAGuUAAAI6VAgBojoAAAByrDwCgOQICAHCsFABAcwQEAOBYhhQBoEFGFAGAUxhSBIDGuEAAAE6RAgBoioAAAJyiDwCgKQICAHCKFABAUwQEAOAUhhQBoDFGFAGAUxlSBICGuEAAAE6VAgBohoAAAJyqDwCgGQICAHCqFABAMwQEAOBUhhQBoCFGFAGAcxhSBIBGuEAAAM6RAgBogoAAAJyjDwCgCQICAHCOFABAEwQEAOAchhQBoBFGFAGAcxlSBIAGuEAAAM6VAgConoAAAJyrDwCgegICAHCuFABA9QQEAOBchhQBoAFGFAGAMRhSBIDKuUAAAMaQAgComoAAAIyhDwCgagICADCGFABA1QQEAGAMhhQBoHJGFAGAsRhSBICKuUAAAMaSAgColoAAAIylDwCgWgICADCWFABAtQQEAGAshhQBoGJGFAGAMRlSBIBKuUAAAMaUAgCokoAAAIypDwCgSgICADCmFABAlQQEAGBMhhQBoFJGFAGAsRlSBIAKuUAAAMaWAgCojoAAAIytDwCgOgICADC2FABAdQQEAGBshhQBoEICAgAwtn4Yhj4AgKoICADAFC4DAKiKgAAATCEFAFAVAQEAmEIfAEBVuiELAIBxbbuu+yEAgGq4QAAApnBhSBEA6iIgAABTMaQIABUREACAqaQAAKohIAAAU+kDAKiGEUUAYCqGFAGgIi4QAICpGFIEgIoICADAlAwpAkAlBAQAYEopAIAqCAgAwJT6AACqYEQRAJiSIUUAqIQLBABgSoYUAaASAgIAMDVDigBQAQEBAJhaCgCgeAICADC1PgCA4hlRBACmZkgRACrgAgEAmJohRQCogIAAAMzBkCIAFE5AAADmkAIAKJqAAADMoQ8AoGhGFAGAORhSBIDCuUAAAOZgSBEACicgAABzMaQIAAUTEACAuaQAAIolIAAAc+kDACiWEUUAYC6GFAGgYC4QAIC5GFIEgIIJCADAnAwpAkChBAQAYE4pAIAiCQgAwJz6AACKZEQRAJiTIUUAKJQLBABgToYUAaBQAgIAMDdDigBQIAEBAJhbCgCgOAICADC3PgCA4hhRBADmZkgRAArkAgEAmJshRQAokIAAACzBkCIAFEZAAACWkAIAKIqAAAAsoQ8AoChGFAGAJRhSBIDCuEAAAJZgSBEACiMgAABLMaQIAAUREACApaQAAIohIAAAS+kDACiGEUUAYCmGFAGgIC4QAIClGFIEgIIICADAkgwpAkAhBAQAYEkpAIAiCAgAwJL6AACKYEQRAFiSIUUAKIQLBABgSYYUAaAQAgIAsLQUAMDqCQgAwNKeBgCwegICALC0y2EYLgIAWDUBAQBY2i4eXAUAsGoCAgCwBo8DAFg1AQEAWIM0DEMKAGC1BAQAYC2eBwCwWgICALAWrhAAYMUEBABgTVwhAMBKCQgAwJrsrhCeBQCwOl3+R3oIAID12Ob3sOu6TQAAq+ECAQBYm4v8/sh/47gIAGA1BAQAYI0u83sZAMBqCAgAwFpdDcNgVBEAVkJAAADW7FpEAIB1EBAAgLUTEQBgBXwLAwBQildd1/0WAMAiBAQAoCSb/B75ikcAmJ+PMAAAJenze5f//nEVAMCsXCAAAKW6ye+FawQAmIeAAACU7iaEBACYnIAAANTiJr/XOSTcBgAwOgEBAKjNJr+3+b0REwBgPAICAFCzbX7v8/tz/3P33xsfdwCA4/0Lat18hmoT8B0AAAAASUVORK5CYII=) top no-repeat;
  background-size: 100% 80px;
  height: 80px;
  margin-bottom: 6px;
  position: absolute;
  top: 0;
  width: 520px
}

.express__tab-bar {
  left: 0
}

.express__tab-bar {
  right: 0
}

.express__tab-bar--rotateY180deg {
  transform: rotateY(180deg)
}

.express__tab-bar--rotateY180deg {
  transform: rotateY(-180deg)
}

.express__account-wrap-tit-tab-item {
  color: #adb1b8;
  cursor: pointer;
  flex: 1 1;
  font-size: 32px;
  font-weight: 600;
  height: 100%;
  text-align: center
}

.express__account-wrap-tit-tab-item.active {
  color: #121214
}

.express__account-header {
  display: inline-block
}

.express__account-header {
  margin-left: 4px
}

.express__account-header {
  margin-right: 4px
}

.express__account-payway {
  margin-top: 16px
}

.express__account-payway nav {
  color: #121214;
  font-size: 16px;
  font-weight: 500
}

.express__account-paywayselect {
  height: 50px;
  line-height: 50px
}

.express__account-submit,
.express__account-submit:active,
.express__account-submit:hover {
  color: #fff;
}

.express__account-submit {
  background-color: #f7a600;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  line-height: 38px;
  margin-top: 32px;
  width: 456px
}

.express__account-submit:hover {
  background: linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%);
  color: #ffff;
}

.express__account-submit:active {
  background: linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%);
  color: #ffff;
}

.express__account-submitdisable,
.express__account-submitdisable:active,
.express__account-submitdisable:hover {
  background-color: #e5e5e5;
  color: #999
}

.express__account-paywaytagwrap {
  margin-top: 8px;
  position: relative
}

.express__account-paywaytagwrap i {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.express__account-paywaytag {
  display: flex;
  overflow-x: auto;
  width: 100%
}

.express__account-paywaytag::-webkit-scrollbar {
  height: 1px;
  width: 1px
}

.express__account-paywaytag::-webkit-scrollbar-thumb,
.express__account-paywaytag::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 1px
}

.express__account-tick {
  background: #f5f5f5;
  border-radius: 4px;
  font-size: 12px;
  padding: 8px;
  white-space: nowrap
}

.express__account-tick:not(:first-child) {
  margin-left: 10px
}

.express__account-tick:not(:first-child) {
  margin-right: 10px
}

.express__account-tick:hover {
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), #f7a600;
  cursor: pointer
}

.express__account-tickactive {
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), #f7a600;
  color: #f7a600
}

.express__account-wrap .trade-list-search-filter__fiat-symbol {
  height: var(--size-16);
  width: var(--size-16)
}

.express__account-wrap .trade-list-search-filter__fiat-symbol {
  margin-right: 8px
}

.express__account-wrap .trade-list-search-filter__fiat-symbol {
  margin-left: 8px
}

.express__account-wrap .trade-list-search-filter__fiat-option {
  align-items: center;
  display: flex
}

.express__account-weakguide {
  display: flex;
  justify-content: center;
  margin-top: 10px
}

.express__account-weakguide:hover {
  cursor: pointer
}

#express__account-leftshow,
#express__account-rightshow {
  display: block
}

#express__account-lefthide,
#express__account-righthide {
  display: none
}

#express__account-leftshow {
  top: 6px
}

#express__account-leftshow {
  left: -15px;
  transform: rotate(90deg)
}

#express__account-leftshow {
  right: -15px;
  transform: rotate(-90deg)
}

#express__account-weakguidearrow {
  top: 6px
}

#express__account-weakguidearrow {
  margin-left: 10px;
  right: -15px;
  transform: rotate(-90deg)
}

#express__account-weakguidearrow {
  left: -15px;
  margin-right: 10px;
  transform: rotate(90deg)
}

.express__amount-inputerror {
  color: #e04040;
  font-size: 12px;
  margin: 10px 0
}

.express__amount-errorscan {
  color: #f7a600
}

.express__amount-errorscan:hover {
  cursor: pointer
}

.express__amount-transactions {
  color: #e04040;
  font-size: 12px;
  margin: 10px 0
}

.express__amount-transactions:hover {
  cursor: pointer
}

.express_account-tooltip {
  background-color: red
}

#express__account-paywaytagwrapshow {
  display: block
}

#express__account-paywaytagwraphide {
  display: none
}

.express__payment-btnBindCard {
  color: #333;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin-top: 8px
}

.express-payWaySelect__main {
  align-items: center;
  background: #fff;
  border: 1px solid var(--bds-gray-t4-dis);
  border-radius: 8px;
  display: flex;
  height: 80px;
  justify-content: space-between;
  margin-top: 12px;
  padding: 14px 16px;
  position: relative
}

.express-payWaySelect__main:hover {
  cursor: pointer
}

.express-payWaySelect__recommended {
  max-height: 640px;
  overflow-y: auto
}

.express-payWaySelect__recommended h4 {
  color: #121214;
  font-size: 14px;
  font-weight: 600;
  position: relative
}

.express-payWaySelect__group {
  margin-top: 16px
}

.express-payWaySelect__group:first-child {
  margin-top: 0
}

.express-payWaySelect__recommended-group {
  margin-top: 24px
}

.express-payWaySelect__group .express-payWaySelect__recommended-group:first-child {
  margin-top: 0
}

.express-payWaySelect__recommended h4 span {
  display: inline-block
}

.express-payWaySelect__recommended h4 span {
  margin-left: 4px
}

.express-payWaySelect__recommended h4 span {
  margin-right: 4px
}

.express-payWaySelect__recommendedWrap {
  margin-top: 16px
}

.express-payWaySelect__recommendedWrapItem {
  align-items: center;
  background-color: var(--bds-gray-bg-card);
  border: 1px solid var(--bds-gray-ele-border);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 8px;
  padding: 10px 16px;
  position: relative
}

.express-payWaySelect__recommendedWrapItem:hover {
  background-color: var(--bds-trans-hover);
  cursor: pointer
}

.express-payWaySelect__recommendedWrapP2p {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-12);
  line-height: var(--bds-line-height-12);
  margin-top: 8px;
  text-align: end
}

.express-payWaySelect__goToP2P {
  margin-left: 4px
}

.express-payWaySelect__goToP2P {
  margin-right: 4px
}

.express-payWaySelect__mainLeft {
  overflow: hidden
}

.express-payWaySelect__mainLeft {
  margin-right: 16px
}

.express-payWaySelect__mainLeft {
  margin-left: 16px
}

.express-payWaySelect__mainLeftSupWrap {
  align-items: center;
  display: flex;
  gap: 16px
}

.express-payWaySelect__mainLeftSupImg {
  width: 32px
}

.express-payWaySelect__mainLeftSup {
  align-items: center;
  display: flex
}

.express-payWaySelect__mainLeftSup p {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-16);
  font-weight: 600;
  line-height: var(--bds-line-height-16)
}

.express-payWaySelect__mainLeftSup .fiat-icon--wenhao {
  color: var(--bds-gray-t2)
}

.express-payWaySelect__mainLeftSup .fiat-icon--wenhao {
  margin-left: 4px
}

.express-payWaySelect__mainLeftSup .fiat-icon--wenhao {
  margin-right: 4px
}

.express-payWaySelect__mainLeftSup img {
  height: 28px;
  width: 28px
}

.express-payWaySelect__paymentMethodName {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-16);
  font-weight: var(--bds-font-weight-medium);
  line-height: var(--bds-line-height-16)
}

.express-payWaySelect__mainLeftSub {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-12);
  line-height: var(--bds-line-height-12)
}

.express-payWaySelect__mainTagWrap {
  width: 100%
}

.express-payWaySelect__mainTag ul,
.express-payWaySelect__recommendedWrapTag {
  display: flex;
  font-size: 12px;
  position: absolute;
  top: -8px
}

.express-payWaySelect__mainTag ul,
.express-payWaySelect__recommendedWrapTag {
  right: 0
}

.express-payWaySelect__mainTag ul,
.express-payWaySelect__recommendedWrapTag {
  left: 0
}

.express-payWaySelect__mainTag li,
.express-payWaySelect__recommendedWrapTag p {
  color: #fff;
  font-weight: 700;
  padding: 4px 5px
}

.express-payWaySelect__mainTag li,
.express-payWaySelect__recommendedWrapTag p {
  background: linear-gradient(90deg, #ff9d42, #ff5a5a);
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-left: 8px
}

.express-payWaySelect__mainTag li,
.express-payWaySelect__recommendedWrapTag p {
  background: linear-gradient(-90deg, #ff9d42, #ff5a5a);
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  margin-right: 8px
}

.express__payment-mainCardNumber {
  margin-top: 1px
}

.express__payment-depositMaintWrap,
.express__payment-depositMaintWrap .deposit-entry {
  align-items: center;
  display: flex;
  flex-direction: row
}

.express__payment-depositMaintWrap .deposit-entry {
  color: var(--bds-brand-900-text);
  font-weight: 500
}

.express__payment-depositMaintWrap .deposit-entry {
  margin-left: 8px
}

.express__payment-depositMaintWrap .deposit-entry {
  margin-right: 8px
}

.express__payment-depositMaintWrap .deposit-entry:hover {
  color: var(--bds-brand-700-normal);
  cursor: pointer
}

.express__payment-depositMaintWrap .deposit-entry img {
  height: 12px;
  width: 12px
}

.express__payment-depositWrap {
  align-items: center;
  display: flex;
  gap: 8px
}

.express__payment-depositWrap:hover {
  cursor: pointer
}

.express-payWaySelect__paymentMethodDesc {
  color: var(--bds-gray-t2);
  font-size: var(--bds-font-size-12);
  line-height: var(--bds-line-height-12)
}

.express-payWaySelect__paymentMethodDesc .express__payment-deposit {
  color: var(--bds-brand-900-text);
  font-weight: 500
}

.express-payWaySelect__paymentMethodDesc .express__payment-deposit:hover {
  color: var(--bds-brand-700-normal)
}

.express-payWaySelect__unavailablePayment {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 4px
}

.express-payWaySelect__unavailablePayment .fiat-icon--info {
  font-size: 14px
}

.express__account-rightshowarrowDeposit {
  color: #f7a600;
  font-size: 12px
}

.express-payWaySelect__recommendedWrapRight {
  color: #121214;
  font-size: 16px;
  font-weight: 500
}

.express-payWaySelect__recommendedWrapRight {
  text-align: right
}

.express-payWaySelect__recommendedWrapRight {
  text-align: left
}

.express-payWaySelect__recommendedWrapRight p {
  margin-left: 4px
}

.express-payWaySelect__recommendedWrapRight p {
  margin-right: 4px
}

.express-payWaySelect__recommendedWrapRightNormal {
  color: #81858c;
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px
}

.express__payment-depositEntry {
  color: #adb1b8;
  display: flex;
  font-size: 12px;
  margin-top: 12px
}

.express__payment-depositContent {
  color: var(--bds-brand-900-text);
  display: flex;
  padding: 0 4px
}

.express__payment-depositContent:hover {
  cursor: pointer
}

.express__payment-depositContentImg {
  margin-left: 3px
}

.express__payment-depositContentImg {
  margin-right: 3px
}

.recurring-con {
  align-items: center;
  color: #121214;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  line-height: 24px;
  margin-top: 24px;
  text-align: center
}

.recurring-icon {
  background: url(/fiat/trade/otc/static/media/invest.951170df934ff274c919.svg);
  display: inline-block;
  height: 20px;
  width: 20px
}

.recurring-icon {
  margin-right: 8px
}

.recurring-icon {
  margin-left: 8px
}

.recurring-con .fiat-icon--arrow-right {
  margin-top: 2px;
  opacity: 0;
  transition: opacity .1s
}

.recurring-con .fiat-icon--arrow-right {
  margin-left: 6px
}

.recurring-con .fiat-icon--arrow-right {
  margin-right: 6px
}

.recurring-con:hover .fiat-icon--arrow-right {
  opacity: 1
}

.express__account-inputwrap {
  padding-top: 16px
}

.express__account-inputwrap .express-input-selectWrap {
  margin-top: 16px
}

.express__account-inputwrap .amount-input-wrapper {
  background-color: #f3f5f7;
  border-radius: 8px;
  width: 100%
}

.express__account-inputwrap .amount-input-wrapper {
  padding: 18px 8px 18px 16px
}

.express__account-inputwrap .amount-input-wrapper {
  padding: 18px 16px 18px 8px
}

.express__account-inputwrap .amount-input-wrapper.is-focusCrypto,
.express__account-inputwrap .amount-input-wrapper.is-focusFiat {
  border-color: var(--brand-color-02)
}

.express__account-inputwrap .amount-input-wrapper.is-error {
  border-color: var(--short)
}

.express__account-inputwrap .amount-input-wrapper .amount-input-label {
  color: #121214;
  font-size: 14px
}

.express__account-inputwrap .amount-input-wrapper .by-input__inner {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  width: 86%
}

.express__account-inputwrap .amount-input-wrapperExtension .by-input__inner {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  width: 70%
}

.express__account-inputwrap .amount-input-error {
  color: var(--short);
  font-size: var(--size-12);
  line-height: var(--size-16);
  margin-top: 8px
}

.express__account-inputwrap .has-availale-coupon {
  color: #d6850d;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  margin: 8px 0
}

.express__account-inputwrap .has-availale-coupon .icon-down {
  display: inline-block;
  font-size: 12px
}

.express__account-inputwrap .has-availale-coupon .icon-down {
  transform: rotate(-90deg)
}

.express__account-inputwrap .has-availale-coupon .icon-down {
  transform: rotate(90deg)
}

.express__account-inputwrap .express__line-available {
  align-items: center;
  color: #adb1b8;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  line-height: 18px;
  margin: 8px 0 0
}

.express__account-inputwrap .express__line-available .express__line-available-link {
  padding-left: 4px
}

.express__account-inputwrap .express__line-available .express__line-available-link {
  padding-right: 4px
}

.express__account-inputwrap .by-input__wrapper {
  margin: var(--size-0) 0
}

.express-create-modal__transfer-icon {
  color: #000;
  display: flex;
  font-size: 16px;
  justify-content: center;
}

.express__fee-tips {
  background: #161923;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  line-height: 1.4;
  padding: 14px 16px
}

.express__fee-tips-icon {
  color: #f7a600;
  height: 10px;
  padding: 5px;
  width: 10px
}

.express__fee-tips-icon1 {
  color: #f7a600;
  height: 10px;
  padding: 0 5px;
  width: 10px
}

.express__clear-val-span {
  background: #ccc;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 12px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 6px;
  transition: background .2s ease;
  width: 12px
}

.express__clear-val-span {
  right: 140px
}

.express__clear-val-span {
  left: 140px
}

.express__clear-val-span:hover {
  background: #999
}

.express__clear-val-span i {
  color: #fff;
  display: block;
  font-weight: 700;
  margin: 0 auto;
  transform: scale(.5)
}

.express__clear-val-spanexpend {
  right: 170px
}

.express__clear-val-spanexpend {
  left: 170px
}

.express__balance-max {
  background: transparent;
  color: #f7a600;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: 6px
}

.express__balance-max {
  right: 140px
}

.express__balance-max {
  left: 140px
}

.express__balance-max:hover {
  cursor: pointer
}

.express__account-alert-wrapper {
  margin-top: 16px
}

.express__account-alert-wrapper li:not(:only-child) {
  -webkit-margin-start: 18px;
  list-style-type: decimal;
  margin-inline-start: 18px
}

.hotCoinList__wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 24px
}

.hotCoinList__divider {
  background-color: var(--bds-gray-ele-border);
  height: 100%;
  width: 1px
}

.hotCoinList__list {
  flex: 1 1
}

.recCoins__wrap {
  font-size: var(--bds-font-size-14);
  line-height: var(--bds-line-height-14)
}

.recCoins__title {
  color: var(--bds-gray-t2);
  font-weight: var(--bds-font-weight-medium);
  margin-bottom: 12px
}

.recCoins__list {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.recCoins__listItem {
  align-items: center;
  display: inline-flex;
  flex-direction: row;
  padding: 4px 0
}

.recCoins__listItem:hover {
  background: var(--bds-gray-bg-card);
  border-radius: 4px;
  cursor: pointer;
  padding: 4px
}

.recCoins__listItem:hover .recCoins__selectIcon {
  display: flex
}

.recCoins__listItem:hover .recCoins__changeRate--supported {
  display: none
}

.recCoins__coin {
  align-items: center;
  color: var(--bds-gray-t1-title);
  display: inline-flex;
  flex-direction: row;
  gap: 4px;
  width: 80px
}

.recCoins__coin {
  margin-right: 16px
}

.recCoins__coin {
  margin-left: 16px
}

.recCoins__coinImg {
  width: 16px
}

.recCoins__price {
  color: var(--bds-gray-t1-title);
  display: inline-flex;
  flex: 1 1;
  font-weight: 500
}

.recCoins__changeRate {
  color: var(--bds-gray-t2);
  display: inline-flex;
  font-weight: var(--bds-font-weight-medium)
}

.recCoins__changeRate--rise {
  color: var(--bds-green-700-normal)
}

.recCoins__changeRate--fall {
  color: var(--bds-red-700-normal)
}

.recCoins__noData {
  align-items: center;
  color: var(--bds-gray-t2);
  display: flex;
  flex-direction: column;
  font-size: var(--bds-font-size-12);
  gap: 16px;
  line-height: var(--bds-line-height-12)
}

.recCoins__noDataImg {
  height: 90px;
  width: 120px
}

.recCoins__selectIcon {
  align-items: center;
  color: var(--bds-brand-900-text);
  display: none;
  flex-direction: row;
  font-size: var(--bds-font-size-12);
  font-weight: 500;
  gap: 2px;
  line-height: var(--bds-line-height-12)
}

.recCoins__selectIcon--RTL {
  transform: rotate(180deg)
}

.recCoins__selectIcon--RTL {
  transform: rotate(-180deg)
}

.express__skeleton-top {
  height: 600px;
  width: 100%
}

.express__skeleton-top {
  background: linear-gradient(74deg, #fef9e4 9%, #f5f5f5 35%, hsla(48, 93%, 95%, .5) 85%, rgba(255, 248, 243, .5) 96%, rgba(244, 246, 249, .5))
}

.express__skeleton-top {
  background: linear-gradient(-74deg, #fef9e4 9%, #f5f5f5 35%, hsla(48, 93%, 95%, .5) 85%, rgba(255, 248, 243, .5) 96%, rgba(244, 246, 249, .5))
}

.express__skeleton-top .con {
  display: flex;
  margin: 0 auto;
  padding: 30px 0;
  width: 1200px
}

.express__skeleton-top .con .left {
  flex: 1 1;
  position: relative;
  width: 640px
}

.express__skeleton-top .con .left {
  margin-right: 40px
}

.express__skeleton-top .con .left {
  margin-left: 40px
}

.express__skeleton-top .con .left .left-banner {
  bottom: 0;
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%
}

.express__skeleton-top .con .left .left-banner {
  left: 0
}

.express__skeleton-top .con .left .left-banner {
  right: 0
}

.express__skeleton-top .con .left .left-banner span {
  background: #f1f1f1;
  height: 126px;
  width: 200px
}

.express__skeleton-top .right {
  background: #fff;
  border-radius: 16px;
  height: 500px;
  padding: 40px;
  width: 520px
}

.express__skeleton-top .right .buy-btn {
  background: #dbdbdb;
  border-radius: 4px;
  color: #999;
  display: block;
  font-size: 20px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  margin-top: 100px;
  text-align: center;
  width: 100%
}

.express__skeleton-top .right .buy-title {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px
}

.express__skeleton-top .right .bar {
  height: 60px
}

.express__skeleton-top .right .bar {
  border-left: 1px dashed #d4dbde;
  margin-left: 30px
}

.express__skeleton-top .right .bar {
  border-right: 1px dashed #d4dbde;
  margin-right: 30px
}

.express__skeleton-top .right .input-wrap {
  background: #fff;
  border: 1px solid #d4dbde;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  height: 72px;
  justify-content: space-between;
  padding: 12px;
  width: 100%
}

.express__skeleton-top .right .input-wrap .input-left p:first-child {
  color: #8e949a;
  font-size: 12px
}

.express__skeleton-top .right .input-wrap .input-left p:last-child {
  color: #15192a;
  font-size: 20px;
  margin-top: 10px
}

.express__skeleton-top .right .input-wrap .input-right {
  background: #f5f5f5;
  border-radius: 4px;
  height: 48px;
  position: relative;
  width: 116px
}

.express__skeleton-top .right .input-wrap .input-right:before {
  background: #dbdbdb;
  border-radius: 24px;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px
}

.express__skeleton-top .right .input-wrap .input-right:before {
  left: 12px;
  right: auto
}

.express__skeleton-top .right .input-wrap .input-right:before {
  left: auto;
  right: 12px
}

.express__skeleton-center {
  background: #f9f9f9;
  height: 448px
}

.express__skeleton-center .con {
  margin: 0 auto;
  padding-top: 60px;
  width: 1200px
}

.express__skeleton-center .con p {
  background: #ececec;
  border-radius: 4px;
  height: 43px;
  margin-bottom: 37px;
  width: 528px
}

.express__skeleton-center .con dl {
  display: flex;
  justify-content: space-between
}

.express__skeleton-center .con dl dd {
  background: #f1f1f1;
  border-radius: 8px;
  height: 216px;
  width: 372px
}

.express__skeleton-bottom {
  background: #fff;
  height: 448px
}

.express__skeleton-bottom .con {
  margin: 0 auto;
  padding-top: 60px;
  width: 1200px
}

.express__skeleton-bottom .con p {
  background: #ededed;
  border-radius: 4px
}

.express__skeleton-bottom .con p:first-child {
  height: 43px;
  margin-bottom: 37px;
  width: 528px
}

.express__skeleton-bottom .con p:last-child {
  background: #ededed;
  height: 229px;
  width: 1200px
}

.express__home-wrap {
  background: var(--bds-gray-bg-page);
  padding-bottom: 32px;
  transition: all 2s ease;
  width: 100%
}

.express__home-wrap .express__home-main {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 32px;
  width: 1200px
}

.express__home-wrap .express__home-main .express__home-navleft {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 620px
}

.express__home-navright {
  border-radius: 16px;
  /* box-shadow: var(--bds-shadow-l2); */
  width: 520px
}

.bg0 {
  background: linear-gradient(74deg, #fbd280 25%, #fbd280 0)
}

.bg0 {
  background: linear-gradient(-74deg, #fbd280 25%, #fbd280 0)
}

.bg1 {
  background: #ff0
}

.bg2 {
  background: green
}

.express__home-seotext {
  background: #fff
}

.express-adjust__show {
  background-color: #fff0d3;
  border-radius: 16px;
  height: 560px;
  width: 480px
}

.express-adjust__show .by-dialog__body {
  padding: 0
}

.exprsss-adjust_cursor:hover {
  cursor: pointer
}

.mobile-title {
  font-size: var(--bds-font-size-h4);
  line-height: var(--bds-line-height-h4)
}

.mobile-title,
.mobile-title-h2 {
  color: var(--bds-gray-t1-title);
  font-weight: 700;
  width: 100%
}

.mobile-title-h2 {
  font-size: var(--bds-font-size-h2);
  line-height: var(--bds-line-height-h2)
}

.mobile-font-10 {
  font-size: var(--bds-font-size-10);
  line-height: var(--bds-line-height-10)
}

.mobile-font-12 {
  font-size: var(--bds-font-size-12);
  line-height: var(--bds-line-height-12)
}

.mobile-font-14 {
  font-size: var(--bds-font-size-14);
  line-height: var(--bds-line-height-14)
}

.mobile-font-16 {
  font-size: var(--bds-font-size-16);
  line-height: var(--bds-line-height-16)
}

.mobile-font-18 {
  font-size: var(--bds-font-size-18);
  line-height: var(--bds-line-height-18)
}

.mobile-font-20 {
  font-size: var(--bds-font-size-20);
  line-height: var(--bds-line-height-20)
}

.f-dropdown.selectDropdown.filled {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 800px) {
  .otc__root .express__home-wrap {
    background: var(--bds-gray-bg-page);
    padding: 24px 0
  }

  .otc__root .express__home-wrap .express__home-main {
    padding: 0;
    width: 100%
  }

  .otc__root .express__home-wrap .express__home-main .express__home-navleft {
    display: none
  }

  .otc__root .express__home-wrap .express__home-main .express__home-navright {
    width: 100%
  }

  .otc__root .express__home-wrap .express__home-main .express__home-navright {
    margin-left: 0
  }

  .otc__root .express__home-wrap .express__home-main .express__home-navright {
    margin-right: 0
  }

  .otc__root .express__home-wrap .express__home-main .express__home-navright .express__account-wrap .express__account-wrap-contain {
    padding: 0 16px
  }

  .otc__root .express__home-wrap .express__home-main .express__home-navright .express__account-wrap .express__account-submit,
  .otc__root .express__home-wrap .express__home-main .express__home-navright .express__account-wrap .express__account-wrap-tit-tab,
  .otc__root .express__home-wrap .express__home-main .express__home-navright .express__account-wrap .express__tab-bar {
    width: 100%
  }
}

.express__homeLeft__title {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-h2);
  font-weight: var(--bds-font-weight-semibold);
  line-height: var(--bds-line-height-h2)
}

.express__homeLeft__subtitle {
  color: var(--bds-gray-t1-title);
  font-size: var(--bds-font-size-24);
  font-weight: 500;
  line-height: var(--bds-line-height-24);
  margin-top: 16px
}

/*# sourceMappingURL=express.679aa8b2.chunk.css.map*/



@media (max-width: 1400px) {
  .grid-box {
    grid-template-columns: 1fr 350px 350px;
    grid-template-rows: inherit !important;
    height: auto !important;
  }

  .sitecontainer {
    max-width: 100%;
  }

  .clearbtn .btn {
    font-size: 11px;
    padding: 8px 9px;
    margin-top: 1px;
  }

  .supportbg>div:first-child {
    width: 70%;
  }

  .grid-box-new {
    grid-template-columns: 300px 1fr 300px;
  }
}

@media (max-width: 1300px) {
  .pricerowbox>div {
    /* width: 25%; */
  }

  .supportbg>div:first-child {
    width: 70%;
  }

  .grid-box {
    grid-template-columns: 1fr 280px 280px;
  }

  .grid-box-new {
    grid-template-columns: 280px 1fr 280px;
  }
}

@media (max-width: 1200px) {
  .supportbg>div:first-child {
    width: 65%;
  }

  .searchfrm {
    display: inline-block;
    width: 100%;
  }

  .searchfrm>div {
    width: 30.3%;
    max-width: 30.3%;
    flex: 30.3%;
    display: inline-block;
    margin-bottom: 8px;
  }

  .notesgray {
    margin-top: 4px !important;
  }

  .walletpagebg #deposit .form-group.mt-4,
  .walletpagebg #withdraw .form-group.mt-4 {
    margin-top: 4px !important;
  }

  .livepricetable>div:last-child {
    width: 64px;
  }
}

@media (max-width: 1250px) {
  .livepricenavbg li {
    padding: 7px 10px;
  }

  .livepricemobile li a,
  .livepricet span {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  .headermenu .headbg ul li a.nav-link {
    font-size: 13px;
  }

  .kycpagebg .siteformbg {
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .stoplimtboxt .link-div>div {
    font-size: 10px;
  }

  .grid-box {
    grid-template-columns: 1fr 280px 280px;
  }

  .headermenu .headbg ul li a.nav-link {
    padding: 3px 9px;
    font-size: 11px;
  }

  .grid-box-new {
    grid-template-areas:
      "marketlist chart"
      "orderform chatbg"
      "openorder openorder";
    grid-template-columns: 370px 1fr;
  }
}

@media (max-width: 1080px) {
  .grid-box {
    grid-template-areas: "livepricelist livepricelist livepricelist" "chart chart chart" "orderform orderform orderbook" "tradehistory tradehistory tradehistory" "openorder openorder openorder";
    grid-template-columns: 1fr 280px 380px;
  }

  .gridparentbox {
    padding-top: 0;
  }

  .innerpagegrid .gridparentbox .container {
    max-width: 100%;
  }

  .newscontentscroll {
    max-height: 272px;
  }

  .depstfrombg>div:first-child {
    width: 60% !important;
  }

  .marketlist .table-responsive {
    max-height: 387px;
  }

  .tradehistory .sitescroll,
  .expandhistoryscroll .tradehistory .sitescroll {
    max-height: 280px;
  }

  .expandhistoryscroll .tradehistory {
    min-height: inherit;
  }

  .chartbalancebox {
    height: 380px;
  }

  .expandhistoryscroll .buyboxorder .sitescroll {
    max-height: 435px;
  }

  .buyshow .buyboxorder,
  .buyboxorder {
    min-height: 183px;
  }

  .profilepagebg .flexboxtable,
  .securityboxbg .flexboxtable {
    display: block;
  }

  .profilepagebg .flexboxtable>div,
  .securityboxbg .flexboxtable>div {
    margin: 10px 0px;
  }

  .securitylink a {
    color: #333;
    font-size: 13px;
  }

  .livepricenavbg li {
    padding: 7px 10px;
  }

  .livepricemobile li a {
    font-size: 12px;
  }

  .flexboxtable {
    display: inline-block;
    width: 100%;
  }

  .flexboxtable>div {
    margin: 11px 0px;
    width: 100% !important;
  }

  .profilepage>div:first-child {
    min-height: inherit !important;
  }

  .flexbox {
    display: inline-block !important;
    width: 100%;
  }

  .flexbox>div {
    width: 100% !important;
    margin: 5px 0px;
  }

  .livepricelist {
    position: relative;
    background: #001b29;
    top: inherit;
    border-radius: 10px;
    left: inherit;
    z-index: 9;
  }
}

@media (max-width: 991.98px) {
  .table-gainer.portfolio-table {
    overflow-x: scroll;
}
  .grid-box {
    grid-template-areas:
      "livepricelist livepricelist "
      "marketlist marketlist"
      "chart chart"
      "orderform orderbook"
      "tradehistory tradehistory"
      "walletbalance walletbalance"
      "openorder openorder";
    grid-template-columns: 1fr 350px;
    /* margin: 0px; */
  }
  .trade-box-bar{
    padding: 14px !important;
  }
  .marketlist .table-responsive {
    max-height: 257px;
  }

  .tradechartlist>div,
  .marketchart>div {
    height: 350px;
  }

  .livepricenavbg li {
    width: 100%;
    padding: 0px 16px;
  }

  .headermenu {
    position: relative;
  }
  article.profile-page .header.headermenu .tab-content.tab-content-profile-content.active {
    position: initial !important;
}

  body.darkmode .headermenu i {
    color: #fbfbfb;
  }

  .headbg {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
    /* box-shadow: none; */
    padding: 10px 10px;
    /* background: #1e1e1e !important; */
  }

  .gridparentbox {
    padding-bottom: 30px;
    /* padding-top: 76px; */
  }


  .securitybg>div:first-child {
    margin-top: 13px;
  }

  .securityfrontbg>div:first-child {
    margin-top: 0px !important;
  }

  .wlltdpstbox .tabbanner {
    max-width: 100%;
  }

  .tradehistory .sitescroll {
    max-height: 248px;
  }

  .headermenu .headbg ul li a.nav-link {
    padding: 10px 7px;
    font-size: 14px;
  }

  .buyboxorder .sitescroll {
    max-height: 210px;
  }

  .buyshow .buyboxorder .sitescroll {
    max-height: 351px;
  }

  .sellboxorder .sitescroll {
    height: 178px;
  }

  .sellshow .sellboxorder .sitescroll {
    height: 323px;
  }

  .sellboxorder .sellboxtablebg {
    max-height: 199px;
  }

  .sellshow .sellboxorder .sellboxtablebg {
    max-height: 323px;
  }

  .innerpagetab .tabbanner li a {
    padding: 10px 13px;
  }

  .innerpagegrid .historytab .tabbanner li a {
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  .logo {
    max-width: 150px;
  }

  .searchfrmbox {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
  }

  .searchfrmbox .form-group {
    margin-bottom: 4px;
  }

  .seacrright>div>div {
    float: left;
  }

  .searchfrm1 {
    margin-top: 4px;
  }

  .profileboxt {
    margin: 10px 0px !important;
  }

  .balalnceflexbox>div:first-child {
    width: 100%;
  }

  .balalnceflexbox>div:last-child {
    width: 100%;
  }

  .sidebar ul.components {
    padding-top: 52px;
  }

  .kyctablebox {
    display: block;
  }

  .kyctablebox>div {
    display: block;
    width: 100% !important;
    padding: 0px;
  }

  .footer-gray-bg .flogo {
    max-width: 159px;
  }

  .orderformbg1 {
    min-height: inherit;
  }

  .livepricemobile {
    padding: 8px 5px;
  }

  .kycboxright {
    padding-left: 0px !important;
  }

  .innerpagegrid .heading-box {
    font-size: 13px;
  }

  .leftsidemenu {
    display: block;
    width: 250px;
    top: 76px;
    background: #262626;
  }

  .leftsidescroll {
    margin-top: 0px;
  }

  .innerpagegrid .footer-gray-bg {
    /* background: #0c0c0c; */
    padding: 16px 10px;
  }

  .innerpagegrid .ftext {
    color: #fff;
    padding-top: 0px;
  }

  .pagewrapperbox .leftsidemenu.active {
    display: none;
  }

  .pagewrapperbox .gridparentbox,
  .pagewrapperbox .footerbox,
  .pagewrapperbox .headbg {
    padding-left: 0px !important;
  }

  .wllttabbanner {
    margin-top: 10px;
  }

  .headbg {
    padding-left: 15px !important;
  }

  .menusideicon {
    display: inline-block;
  }

  .leftsidemenu li a {
    text-align: left;
    /* padding: 16px 17px; */
  }

  .leftsidemenu li a>div {
    display: inline-block;
    padding-left: 9px;
    font-size: 13px;
  }

  .leftsidemenu .logo,
  .leftsidemenu .logoicon {
    display: none;
  }

  .leftsidemenu hr {
    display: none;
  }

  .navbar-brand .logo {
    display: inline-block;
  }

  .mobiletoggle {
    position: absolute;
    left: 0px;
    top: 25px;
  }

  .navbar-dark .navbar-toggler {
    /* /* background: #252525; */
    border: none !important;
    padding: 3px 7px;
    box-shadow: none;
  }

  .headbg .navbar-collapse {
    margin-top: 12px;
  }

  .innerpagegrid .headbg a.navbar-brand {
    padding-left: 5px;
  }

  .langmenu a.dropdown-toggle {
    padding: 8px 10px !important;
    font-size: 12px !important;
    margin-top: 1px !important;
    width: 100%;
    max-width: 100px;
  }

  .headbg .container {
    padding: 6px 11px;
  }

  .headermenu .dropdown-menu {
    min-width: auto;
    border-radius: 10px;
  }

  .headermenu .dropdown-menu.show {
    display: inline-block;
  }

  .headermenu .headbg .dropdown-item:hover,
  .headermenu .headbg .dropdown-item:focus,
  .headermenu .headbg .dropdown-item:active {
    background-color: #e5e8f3;
  }

  .headermenu .headbg li a.dropdown-item {
    margin: 0px !important;
    padding: 12px 20px !important;
  }

  .productdrop .dropdown-content li {
    width: 100%;
    padding: 0px 0px;
  }

  .grid-box-new {
    grid-template-areas:
      "marketlist marketlist"
      "chart chart"
      "orderform orderform"
      "chatbg chatbg"
      "openorder openorder";
    grid-template-columns: 1fr 350px;
  }

  .tradingcomp .marketlist .table-responsive {
    max-height: 185px;
    background: #fff;
  }

  .tradingcomp .chatboxscroll {
    max-height: 255px;
  }

  /* market new page */
  .content_inner_slider .market-coin-trade {
    margin-bottom: 40px;
  }

  /* market new page */
}

@media (max-width: 800px) {
  .headermenu .headbg ul li a.nav-link {
    padding: 3px 9px;
    font-size: 13px;
  }
}



@media (max-width: 600px) {
  .progressdash .progressbar-wrapper .progressbar li {
    width: 100%;
    padding: 10px 0px;
  }

  .progressdash .progressbar li:after {
    width: 3px;
    height: 100%;
    top: -53px;
    left: 13px;
  }

  .progressdash .progressbar li:before {
    float: left;
    margin-right: 7px;
  }

  .progressdash .progressbar p {
    padding-left: 37px;
    font-size: 12px;
    line-height: 19px;
  }

  .progressdash .progressbar-wrapper .progressbar li {
    font-size: 12px;
    line-height: 21px;
  }

  .progressprofile {
    padding: 18px;
  }

  .progressprofile h2 {
    font-size: 17px;
    margin-bottom: 3px;
  }

  .progressdash .progressbar .btn {
    margin-left: 38px;
  }
}

@media (max-width: 550px) {
  .innerpagegrid .tabbanner li {
    width: auto;
  }

  .clearbtn {
    margin-top: 3px;
    text-align: center;
  }

  .searchfrm>div {
    width: 100%;
  }

  .tablebox,
  .tablebox>div {
    display: block;
    width: 100%;
  }

  .wlltdpstbox .qrcode img {
    margin-bottom: 10px;
  }

  .innerpagetab .tabbanner li a {
    /* border-bottom: 1px solid #e0e0e0 !important; */
    margin-bottom: 1px;
    text-align: center;
  }

  .historytab .tabbanner li a {
    text-align: center;
    border-bottom: 0px !important;
    font-size: 11px;
    padding: 10px 8px;
  }

  .latestnewsbg ul {
    display: block;
  }

  .stepstable {
    display: block;
  }

  .stepstable>div {
    display: block;
  }

  .stepstable>div:last-child,
  .stepstable>div:nth-child(2) {
    text-align: left;
    padding-left: 30px;
  }

  .stepstable>div:first-child {
    position: absolute;
  }

  .stepsbox>div {
    padding: 13px 0px;
  }

  .limitabbg .dropdown-menu {
    min-width: inherit;
    width: 100%;
  }

  .orderform .limitabbg li a {
    padding: 8px 19px;
    font-size: 14px;
  }

  .limitabbg .dropdown>span i {
    margin-top: 10px;
    font-size: 13px;
  }

  .limitabbg img {
    max-width: 24px;
  }

  .livepricenavbg li {
    width: 100%;
    text-align: center;
    min-height: inherit;
  }

  .livepricenavbg li:nth-child(even) {
    border-right: 0px !important;
  }

  .innerpagetab .tabbanner {
    flex-wrap: nowrap;
  }

  .innersecrbox {
    position: relative;
    top: 0px;
    right: inherit;
  }

  .searchrightbox {
    position: relative;
    right: inherit;
  }

  .buysellinnerbox .innerpagecontent {
    padding-bottom: 0px;
  }

  .flexboxtable .tabrightbox {
    position: relative;
    top: 0px;
    right: inherit;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 6px;
  }

  .profiletablebox {
    display: block;
  }

  .profiletablebox>div {
    display: block;
  }

  .profiletablebox {
    text-align: center !important;
  }

  .profiletablebox>div,
  .profiletablebox .text-right,
  .profiletablebox .text-left {
    text-align: center !important;
    width: 100% !important;
    float: none !important;
  }

  .dashboardpage .profiletablebox>div:last-child .btn {
    margin-top: 20px;
  }

  .securityinnerbox .btn,
  .profileboxt .btn {
    margin-top: 10px;
  }

  .profiletablebox>div:first-child {
    width: 100% !important;
  }

  .profileiconpic {
    margin-bottom: 10px;
  }

  .mlmwizardform #progressbar li>strong {
    font-size: 12px;
    line-height: 29px;
    width: 40px;
    height: 40px;
  }

  .mlmwizardform #progressbar::before {
    top: 18px;
  }

  .mlmwizardform {
    padding: 0px;
  }

  .spotorderbox .tabrightbox {
    position: absolute;
    right: 9px;
    top: 0px;
    margin-top: 12px;
  }

  .coinfrmright {
    padding: 10px 10px;
  }

  .profilebox {
    display: block;
  }

  .profilebox>div {
    display: block;
    width: 100% !important;
    text-align: center !important;
  }

  .profilebox>div:last-child {
    margin-top: 10px !important;
  }

  .infotablet td {
    display: block;
    text-align: center !important;
  }

  .progresscontent {
    display: block;
  }

  .progresscontent>div {
    display: block;
    float: none !important;
    text-align: center !important;
  }

  .recoverlist li {
    width: 50%;
  }

  .walletpagebg .tabrightbox {
    position: relative;
    right: inherit;
    top: inherit;
  }

  .dropdown-large {
    min-width: 400px;
  }

  .wlletboxt .h3 {
    font-size: 17px !important;
  }
}

@media (max-width: 500px) {
  .mobilegrid li a {
    padding: 5px 12px;
    font-size: 9px;
  }
}

@media (max-width: 430px) {
  .ruleslist li {
    float: none;
    padding-top: 15px;
  }
}

@media (max-width: 450px) {
  .dropdown-large {
    min-width: 300px;
  }
}

@media (max-width: 400px) {
  .coinlisttable {
    display: -ms-flexbox !important;
    -ms-flex-pack: center !important;
  }

  .ftext {
    font-size: 14px;
  }

  .marketlist.active {
    width: 305px;
  }

  .historytab .tabbanner li a {
    font-size: 12px;
  }
}

@media (max-width: 350px) {
  .historytab .tabbanner li a {
    padding: 10px 4px;
  }
}

.orderchangebg li {
  padding: 0px 5px;
}

.selectmarket {
  padding-left: 15px !important;
}

.fee-formbox span.input-group-prepend {
  display: flex;
}

.commision .input-group-text {}

.commision {
  padding: 0px 10px;
}

/* ..//market//.. */
.marketpriceflex {
  display: flex;
}

.marketpriceflex>div {
  padding: 15px 15px;
  color: #ededed;
  margin: 13px 6px;
  width: 100%;
  border-radius: 7px;
  background: #000;
}

.marketpriceflex>div:first-child {
  margin-left: 0px;
}

.mrkpricetable {
  display: table;
  width: 100%;
}

.mrkpricetable>div {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

.marketpricebox .h5 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.marketpricebox .h4 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 3px;
  line-height: 18px;
}

.marketpricebox .h4 .smllspan {
  font-size: 13px;
  color: #ffffff;
  font-weight: 400;
}

.mrkpricetable img {
  width: 100%;
  max-width: 120px;
}

.highcharts-background {
  fill: #252525;
}

.chartbalancebox .highcharts-legend-item text {
  color: #c9cccd !important;
  fill: #444a4cfa !important
}

/* .bluetrade {
    background: transparent;
    color: #596CB5;
  } */
.marketchart text {
  color: #c9cccd;
  fill: #c9cccd;
}

.orderform .form-check-input {
  background-color: #516566;
}

.supportsearch .form-control {
  font-size: 12px;
  height: 40px;
  border: 1px solid #494949;
  color: #ffffff;
  box-shadow: none;
  outline: none;
  font-weight: 500;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.supportsearch .input-group .input-group-append .input-group-text img {
  width: 20px;
}

.supportsearch .input-group-text {
  height: 40px;
  color: #ffffff;
  font-size: 12px;
  box-shadow: none;
  outline: none;
  font-weight: 400;
  border-left: 0;
}
body.darkmode .form-control:focus{
  background: none !important;
  color:#fff !important;
}
/* body.darkmode .loginbanner .form-control:focus, body.darkmode .login .form-control:focus{
  background: none !important;
  color:#000 !important;
} */

/* body.darkmode .top-header-tab-sec {
  border-bottom: 1px solid rgba(239, 239, 239, 0.15);
} */
.marketnew.historytab .table tbody tr.no-data:hover {
  background: none !important;
}
.profilebg {
  width: 100%;
  max-width: 135px;
}

.pbg .tabbanner li a {
  padding: 18px 20px !important;
}
.panelcontentbox.proheight.profile-content-side {
  padding: 35px 45px;
}
article.profile-page .siteformbg .form-control{
  height: 55px !important;
}
.proheight {
  height: 100% !important;
}

.panelcontentbox.market-coin-box {
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .marketpriceflex {
    display: inline-block;
    width: 100%;
  }

  .marketpriceflex>div {
    /* margin: 9px 10px; */
    width: 47%;
    float: left;
    background: #000;
    border-radius: 7px;
    padding: 15px 15px;
  }

  .marketpricebox {
    /* background: #252525; */
    padding: 15px 15px;
    border-radius: 7px;
    background: rgb(30 30 30 / 55%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 17px 0 rgb(26 26 26 / 18%);
  }

  .proheight {
    height: 100% !important;
    margin-top: 20px !important;
  }
}

@media (max-width: 600px) {
  .marketpriceflex>div {
    width: 100%;
    padding: 15px 15px;
  }
}



h1.errotext.text-center {
  font-size: 150px;
  color: #fff;
}

.walletpagebg .profilepage>div:last-child {
  height: 726px;
}

.form-control:focus {
  border-color: #5D3889;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.text-blue {
  color: #eb7904;
}

.balance-t {
  margin-top: 11px;
}

section.headermenu .container {
  margin-bottom: 0px !important;
}

section.headermenu .container img.dark-logo,
section.headermenu .container img.light-logo {
  /* width: 100%; */
}

section.headermenu .container img {
  max-width: 170px;
}

/* Light css */

body.light .livepricemobile {
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  border: 1px solid rgb(242, 242, 242);
}

body.light .livepricemobile li a {
  color: #000 !important;
}

body.light .livepricenavbg li:hover {
  background: #ffffff;
}

body.light .dropdown-menu.show a.dropdown-item {
  color: #000 !important;
}

body.light .heading-box {
  color: #000;
  background: #fff !important;
  /* text-align: center; */
}

body.light .tabbanner li a {
  border-radius: 0px !important;
  color: #000;
  text-align: -webkit-center;
}

body.light .tabbanner li a.active {
  color: #5D3889 !important;
}
.table>:not(:last-child)>:last-child>* {
  border-bottom-color: #EFEFEF !important;
}
body.drakmode .table>:not(:last-child)>:last-child>*{
border-bottom-color: #EFEFEF26!important;
}
body.light .openorder .tabbanner {
  background-color: #fff;
}

body.light .innerpagetab .tabbanner li a.active {
  background-color: transparent !important;
  border-bottom: 3px solid #5D3587 !important;
  color: #5D3587 !important;
  border-radius: 0 !important;
  position: relative;
  top: 2px;
}

body.light .tradepage .innerpagetab .tabbanner li a.active {
  border-bottom: 3px solid #5D3889 !important;
  color: #5D3889 !important;
}

body.light .footerbox {
  background-color: #eeeff3;
  /* border: 1px solid rgb(214 215 217);
    border-radius: 10px; */
}

body.light .ftext,
body.light .footer-gray-bg .h3 {
  color: #000;
}

body.light .sitetable thead tr th,
body.light .livepricebox .sitetable tr th {
  background: #ffffff !important;
  border-bottom: 0px solid #1d1d1d !important;
  color: rgb(5 17 38);
}

body.light .chart .contentbox {
  background: #ffffff;
}

body.light .orderform .orderfrmtab li a {
  color: #000000;
}

body.light .orderform .limitabbg li a.active {
  color: #5D3889 !important;
}

body.light .grid-box>div,
.grid-box-new>div {
  background-color: rgb(255 255 255);
}

body.light .sitetable tbody tr td {
  color: rgb(5 17 38);
}

/* body.light .table tbody tr:hover {
  background: none;
  display: none;
} */

body.light .orderform .form-group span {
  color: rgb(5 17 38);
}

/* body.light .buysellshow .orderchangebg li:first-child a,
body.light .buyshow .orderchangebg li:nth-child(2) a,
body.light .sellshow .orderchangebg li:last-child a {
  background-color: #fff !important;
  border: 1px solid #5D3889 !important;
  border-radius: 5px !important;
} */

body.light .orderchangebg li a {
  background: #fff !important;
}

body.light .orderform .buyselltab li a {
  border: 1px solid #5D3889 !important;
  font-size: 12px;
  padding: 10px 0px;
}

body.light .orderform .form-control,
body.light .orderform .input-group-text,
body.light .orderformbg1 .input-group-append .input-group-text {
  background: #ffffff9e;
  color: #000;
}

body.light .t-green,
body.light .t-red {
  font-weight: 500;
}

/* market light css */

body.light .marketpriceflex>div {
  color: #000;
  background: #fff;
}

body.light .historytab .tabbanner {
  background: #fff;
}

body.light .table> :not(caption)>*>* {
  /* padding: 0.5rem 0.5rem; */
  background-color: white;
}

body.light .headermenu .headbg ul li a.nav-link {
  color: #000;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

ul.navbar-nav li.nav-item.menu-list a.nav-link.active span{
  color: #5D3889 !important;
  /* border-bottom: 3px solid #5D3889; */
}

.headermenu .headbg ul.navbar-nav li.nav-item.menu-list a.nav-link.active span{
  position: relative;
}
.headermenu .headbg ul.navbar-nav li.nav-item.menu-list a.nav-link.active span:after {
  content: "";
  background: #5D3889;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  top: 32px;
}
/* body.light .bluetrade {
    background: transparent;
    color: #5D3889;
  } */
body.light .marketpricebox .h5 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

body.light .headermenu .headbg ul li a.nav-link:hover,
.headermenu .headbg ul li a.nav-link:focus,
.headermenu .headbg ul li a.nav-link:active {
  color: #5D3587!important;
  /* border-bottom: 2px solid #fff; */
  /* padding-bottom: 17px; */
  /* padding-top: 10px; */
}

body.light .highcharts-background {
  fill: #ffffff;
}

body.light .walletpagebg .profilepage>div:first-child {
  width: 650px;
  background: #ffffff;
}

body.light .balanceshowt h5 {
  font-size: 14px;
  margin: 0px;
  line-height: 29px;
  color: #000000;
  font-weight: 400;
}

body.light .balanceshowt .h4,
body.light .balanceshowt .h4>span {
  color: #000000;
}
.panelcontentbox {
  background: #121318 !important;
}
body.light .panelcontentbox {
  background: #fff !important;
  padding: 20px;
}

body.light .siteformbg .form-control {
  background: #fff;
}

body.light .siteformbg .input-group-text,
body.light .siteformbg .form-control {
  background: #ffffff;
  /* border: 1px solid #494949; */
  color: #000000;
}

body.light .supportsearch {
  padding: 10px;
  background: #fff;
}

.sun-moon-icon ul li {
  list-style-type: none;
  margin-bottom: 0 !important;
}

.sun-moon-icon ul {
  margin-bottom: 0 !important;
  padding: 0 10px;
}

.modeicon {
  font-size: 20px;
  color: #ffffff !important;
  border: none !important;
  margin-left: 5px;
  padding: 6px 8px;
  margin-top: 0px;
  background: transparent !important;
  cursor: pointer;
  border-radius: 50px;
  display: inline-block;
  cursor: pointer !important;
}

body.light .modeicon {
  font-size: 20px;
  color: #000 !important;
  border: none !important;
  margin-left: 5px;
  padding: 6px 8px;
  margin-top: 0px;
  background: transparent !important;
}

body.light .siteformbg label {
  color: #000;
}

body.light .t-gray {
  color: #424242;
}

body.light .notestitle p {
  color: #000;
}

body.light span#w_com,
body.light span#withdraw_total {
  color: #000;
}

body.light .form-group p {
  color: #000;
}

input#crypto_withdraw_amount {
  margin-right: 10px;
}

body.light .form-group.notestitle ul li {
  color: #5f5f5f;
}

body.light .supportbg .tabbanner li a:hover {
  color: #505050;
}

body.light .supportbg .tabbanner li a.active {
  background-color: rgba(226, 242, 255, 1) !important;
  color: #fff !important;
  border-radius: 5px !important;
}

body.light .profiletablebox h4 {
  color: #000;
}

body.light .kycupload {
  background: #ffffff;
  padding: 12px;
  text-align: center !important;
  border-radius: 20px;
  box-shadow: 8px 8px 8px #bdbdbd;
  /* border-radius: 37px; */
}

body.light small {
  color: #505050;
}

body.light ul.text.text-white li,
body.light ul.text.text-white,
body.light .subheading {
  color: #000 !important;
}

.form-card .row {
  justify-content: center;
}

.siteformbg .input-group-prepend .input-group-text {
  color: #fff;
}

body.light .siteformbg .input-group-prepend .input-group-text {
  color: #000;
}

.input-group-prepend {
  z-index: 1;
  margin-left: -5px;
}

body.light .panelcontentbox .chatbox.ticketchat .profile-small-para {
  padding: 0px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-align: left !important;
  color: rgba(108, 112, 128, 1) !important;
}

body.light .dropdown-menu.show a.nav-link.dropdown-item:hover {
  color: #596CB5 !important;
}

body.light .sociallist li a i {
  background: #000;
  color: #fff;
}

body.light .modalbgt .modal-content {
  background-color: #ffffff;
}

body.light .modal .modal-content h4.modal-title {
  color: #000;
}

body.light .modal-content form.siteformbg p {
  color: #000;
}

.copy-text span {
  background: transparent;
  color: #fff;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 10px;
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 9px;
}

.copy-text .hidden {
  position: fixed;
  bottom: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  transform: scale(0);
}

.copy-text {
  position: relative;
}

body.light .copy-text i.fa.fa-clone {
  color: #000;
}

.form-group.referl {
  display: flex;
  justify-content: space-between;
}

body.reff {
  background-color: #fff !important;
}

body.light .buyfullcontent {
  text-align: center;
  color: #000;
  padding: 20px;
  margin-top: 20px;
  background: white !important;
  max-width: 580px;
  margin: 9px auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

body.light .modal-text {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 37%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.sell-matched {
  font-size: 17px;
  text-align: center;
  font-weight: 800;
  text-transform: uppercase;
  color: #596CB5;
}

.buyfullcontent i.fa.fa-check {
  font-size: 60px;
  background: green;
  border-radius: 50%;
  padding: 10px;
}

/* dark mode  */

body .buyfullcontent {
  background: #000 !important;
  text-align: center;
  color: #000;
  padding: 20px;
  margin-top: 20px;
  max-width: 580px;
  margin: 9px auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

body .hourglass:before {
  background-color: white !important;
}

body p.completed-para {
  color: white;
}

body.light p.completed-para {
  color: black;
}

body .modal-text {
  background: gray;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 37%;
}

.fiatpage {
  appearance: auto;
}

@media (max-width: 991.98px) {
  .modal-text {
    width: auto !important;
  }
}

/* 
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 1px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
} */

.chatbox.ticketchat {
  text-align: -webkit-center;
}








/* launchpad-priya */
.launchpad-banner-inner {
  padding: 83px 0 0;
}

.launchpad-head h1 {
  color: #fff;
  padding: 83px 0 0;
  max-width: 553px;
  font-size: 48px;
}

.ticket-system {
  margin-top: 50px;
  display: flex;
  gap: 30px;
}

.system-free-part {
  display: flex;
  gap: 9px;
  align-items: baseline;
  margin-top: 5;
}

.system-free-part p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 0;
}

.fund-details {
  margin-top: 50px;
}

.fund-details:last-child {
  margin-top: 20px;
}

.fund-details {
  display: flex;
  gap: 20px;
  color: #000;
}

.captial-raised {
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 100px;
  height: 100%;
  background-color: #FCFDFD;
  border: 2px solid #B189F6;
  padding: 16px 22px;
}

.fund-details p:first-child {
  font-size: 32px;
  margin-bottom: 0;
}

.fund-details p:last-child {
  font-size: 13px;
  margin-bottom: 0;
}

.captial-raised:nth-child(2) {
  border: 2px solid #3EA8FF;
}

.captial-raised:nth-child(3) {
  border: 2px solid #7878B1;
}

.fund-details.fund-per .captial-raised:first-child {
  border: 2px solid #FBD061 !important;
}

.fund-details.fund-per .captial-raised:last-child {
  border: 2px solid #28B594 !important;
}

.fund-per:last-child {
  border: 2px solid #28B594;
}

.fund-details.fund-per {
  margin-top: 20px !important;
}

.get-start-btn a {
  text-decoration: none;
  border-radius: 10px !important;
  border: none;
  background: #5D3587!important;
  color: #fff;
  padding: 16px 60px !important;
  font-size: 16px !important;

}

.get-start-btn button {
  text-decoration: none;
  border-radius: 8.669px;
  border: 0.867px solid #FFF;
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  color: #fff;
  padding: 16px 26px;
  font-size: 17px;
}

.get-start-btn {
  margin-top: 60px;
}

.banner-right {
  /* height: calc(100vh - 64px); */
  max-height: 761px;
}

.banner-right.launchpad-banner {
  height: calc(100vh - 64px);
}

.banner-right img {
  height: 100%;
  transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    box-shadow: none !important;
}
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

.launchpad {
  overflow: hidden;
}

.fundra-head h2 {
  color: #000;
  font-size: 40px;
  max-width: 316px;
  font-weight: 600;
}

.fundraising-sctn {
  padding-top: 50px;
}

.steed-box p {
  font-size: 16px;
}

.usd-bg p {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 0;
}

.usd-bg p span {
  font-size: 16px;
  font-weight: 400;
}

.usd-bg {
  margin-top: 25px;
  border-radius: 19px;
  background: #fff;
  padding: 10px;
  text-align: center;
}

.steed-box {
  background: #e3dcc5;
  border-radius: 24px;
  padding: 22px 15px 15px;
  margin-bottom: 30px;
  color: #000;
}

.steed-box.pink-box {
  background: #ff8889;
  color: #000;
}

.steed-box.purple-box .usd-bg p,
.steed-box.blue-box .usd-bg p {
  color: #000;
}

.steed-box.purple-box {
  background: #cc4b89;
  color: #fff;
}

.steed-box.yellow-box {
  background: #feb54b;
  color: #000;
}

.steed-box.blue-box {
  background: #4268e6;
  color: #fff;
}

.crypto-left img {
  margin-left: -225px;
}

.crypto-launchpad-sctn {
  padding-top: 50px;
}

.cryto-right-cnt {
  color: #000;
}

.input-group-append {
  display: flex;
}

.cryto-right-cnt h3 {
  font-size: 39px;
  font-weight: 600;
}

.left-full-cnt {
  margin: 100px;
  max-width: 600px;
}

.fund-details-cnt {
  margin-top: 50px;
}

.fund-box {
  background: #8e62d9;
  display: flex;
  border-radius: 16px;
  padding: 26px 14px;
  gap: 15px;
  height: 110px;
}

.fund-box p {
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.motto-cnt {
  margin-top: 40px;
}

.motto-cnt p {
  color: #000;
  font-size: 16px;
}

.motto-cnt p:first-child {
  font-weight: 600;
}

.ieo-ido-launchpad-sctn {
  color: #000;
  padding-top: 100px;
}

.ieo-ido-launchpad-sctn h4 {
  max-width: 66%;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 60px;
}

.ieo-part h5 {
  font-size: 30px;
  font-weight: 600;
}

.ieo-part p {
  font-size: 16px;
}

.ieo-part {
  padding: 32px 32px 20px;
}

.offer-project h5 {
  font-size: 16px;
  margin-bottom: 25px;
}

.lock-free {
  display: flex;
  gap: 10px;
}

.security-part {
  display: flex;
  gap: 50px;
}

.launchpad-card {
  border: 1px solid #9e6bf1;
  border-radius: 30px;
  height: 100%;
}

.launch-card-img img {
  border-radius: 27px 0 0;
  width: 100%;
}

.offer-project {
  margin-top: 30px;
  margin-bottom: 40px;
}

.launchpad-card.second-card {
  border: 1px solid #1c8d57 !important;
}

.get-ieo-sctn {
  margin-top: 50px;
  color: #000;
  gap: 30px;
  border: 1px solid #1c8d57;
  border-radius: 10px;
  background: #e8f3ee;
  display: flex;
}

.get-ieo-details p {
  font-size: 25px;
  font-weight: 700;
}

.input-box input {
  padding: 11.5px 18px 16.5px 14px;
  border-radius: 5px;
  border: none;
}

.get-ieo-sctn .get-start-btn {
  margin-top: 0;
}

.cta-box {
  max-width: 1071px;
  margin: 30px auto;
  display: flex;
  align-items: center;
  gap: 50px;
}

.backgrnd-img img {
  border-radius: 10px;
}

.road-map {
  margin-top: 50px;
  color: #000;
  background: #f8f5fc;
  padding: 30px 64px;
}

.apply-btn button {
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  color: #fff;
  border: navajowhite;
  width: 100%;
  padding: 16px 26px;
  border-radius: 5px;
  font-size: 15px;
}

.road-map h4 {
  font-size: 48px;
  font-weight: 700;

}

.promo-img img {
  width: 40px;
}

.prep-promo p {
  font-size: 20px;
  font-weight: 600;
  max-width: 212px;
}

.promo-full {
  display: flex;
  gap: 10px;
  margin-top: 64px;
}

.promo-card {
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  width: 100%;
  height: 76%;
}

.promo-part {
  width: 100%;
}

.line-bar {
  width: 110%;
  height: 2px;
  background: #1c8d57;
  margin: 10px 25px 10px 10px;
  border-radius: 2px;
  position: relative;
}

.consltation-token {
  margin-top: 50px;
  color: #fff;
  border-radius: 24px;
  background: linear-gradient(182deg, #a067ff 26.97%, #7035d1);
  padding: 60px 69px;
  max-width: 1290px;
  margin: 50px auto;
}

.sales-expect h5 {
  font-size: 48px;
  font-weight: 700;
  max-width: 585px;
}

.profile-img img {
  width: 50px;
}

.profile-img {
  position: relative;
}

.profile-expt {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.contact-link {
  margin-top: 20px;
}

.contact-link a {
  text-decoration: none;
  color: #000;
  padding: 12px 45px;
  background: #fff;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
}

.expert-list h6 {
  font-size: 25px;
}

.expert-list p {
  font-size: 18px;
}

/* faq */
.faq_container {
  border-bottom: 2px solid #ddd;
}

.faq_question {
  font-size: 24px;
  font-weight: 600;
  padding: 32px 0 24px 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 10px 20px;
  line-height: 1.5rem;
}

.answer p {
  font-size: 16px !important;
  max-width: 1089px
}

.answer ol li,
.answer ul li {
  font-size: 16px !important;
}


.fqa_headline_container h2 span {
  font-weight: 700;
}

.faq_question-text h3 {
  font-size: 22px;
}

.icon.active {
  background: transparent;
  border: 2px solid #fff;
}

.icon:hover {
  cursor: pointer;
}

.icon-shape {
  position: relative;
  width: 50px;
  height: 50px;
}

.icon .icon-shape::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 4px;
  background: #000;
  border-radius: 3px;
  transition: all 0.5s ease;
}

.icon .icon-shape::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  transition: all 0.5s ease;
}

.icon .icon-shape.active::before {
  transform: translate(-50%, -50%) rotate(180deg);
  transition: all 0.5s ease;
}

.icon .icon-shape.active::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.5s ease;
}

.faq-sctn {
  color: #000;
  margin-top: 50px;
}

.faq-sctn h5 {
  font-size: 48px;
  font-weight: 700;
}

.question-sctn {
  margin-top: 50px;
  color: #fff;
  background: #7035d1;
}

.question-sctn h4 {
  font-size: 40px;
  font-weight: 700;
}

.question-cnt {
  padding: 50px 64px;
}

.expert-msg {
  background: #fff;
  color: #000;
  margin: 0px 0px 32px;
  max-width: 510px;
  padding: 20px;
  border-radius: 15px;
}

.expert-msg h6 {
  font-size: 20px;
}

.expert-msg p {
  font-size: 14px;
}

fieldset {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.question-sctn input {
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cdcdcd;
}

form.launchpad-form {
  background: #fff;
  border-radius: 15px;
  padding: 50px;
  color: #000 !important;
  width: 70%;
}

.apply-btn {
  margin-top: 30px;
}

.apply-btn a {
  text-decoration: none;
  border: 0.867px solid #FFF;
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  padding: 16px 26px;
  font-size: 17px;
  color: #fff;
  border-radius: 10px;
}

.checkbox {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  font-size: 15px;
}

form.launchpad-form h3 {
  margin-bottom: 22px;
  font-size: 25px;
}

.launchpad-history {
  color: #000;
}

.close-menu button {
  background: none;
  border: none;
  font-size: 15px;
  font-weight: 700;
}

body.darkmode .close-menu button {
  color: #fff;
}

.launchpad-history h4 {
  font-size: 48px;
  font-weight: 700;
}

.expert-msg h6 span {
  color: #1C8D57;
}

li:hover {
  cursor: pointer;
}

section.header-banner-block ul li:hover>ul.dropdown.launchpad-drop,
section.header-banner-block ul li ul.dropdown.launchpad-drop:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  color: #5D3889 !important;
  z-index: 9999;
}

section.headermenu ul li:hover>ul.dropdown.launchpad-drop,
section.headermenu ul li ul.dropdown.launchpad-drop:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  color: #5D3889 !important;
  z-index: 9999;
}

section.header-banner-block ul li ul.dropdown.launchpad-drop,
section.headermenu ul li ul.dropdown.launchpad-drop {
  background: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  display: none;
  padding: 5px 15px 10px;
  border-radius: 10px;
}

ul.launchpad-drop li {
  padding-bottom: 20px !important;
}

ul.launchpad-drop li:hover {
  color: #5D3889 !important;
}



ul li ul li {
  clear: both;
  width: 100%;
}

ul.dropdown li a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
  font-weight: 700px;
}

ul.dropdown li a:hover {
  color: #5D3889 !important;
}

ul.dropdown li {
  list-style: none;
}

.headermenu .headbg ul.dropdown li a.nav-link {
  padding: 0px 15px !important;
}


.navbar-dark .navbar-toggler-icon {
  background-image: none !important;
}



/* Table styles. */
.launch-details-table td,
.launch-details-table th {
  text-align: left;
  padding: 20px;

}

.launch-details-table td img {
  width: 15%;
}

.launch-details-table td {
  font-size: 15px;
  white-space: nowrap;
}

.launch-details-table tbody tr {
  border-bottom: 1px solid #cdcdcd;
}

.launch-details-table tbody tr:last-child {
  border-bottom: none;
}

.launch-details-table th {
  /* background: #444; */
  color: #5c5a76;
  white-space: nowrap;
}

.launch-details-table {
  border: 1px solid #cdcd;
  border-radius: 24px;
  margin-top: 40px;
}

.launch-details-table td span {
  color: #5c5a76;
}

.launch-details-table table#my-table {
  width: 100%;
}

.std-logo {
  display: flex;
  align-items: center;
  gap: 13px;
}

.road-map-design {
  position: relative;
  margin-top: 22px;
  left: 20px;
  display: flex;
  align-items: center;
}

.circle-bg {
  min-width: 28px;
  min-height: 28px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.circle-dot {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #1c8d57;
}


.circle-bg:before {
  content: "";
  position: absolute;
  width: 40px;
  top: -53px;
  left: -7px;
  height: 54px;
  background: url(../images/back-curve.png);
  background-size: contain;
}

.line-bar svg {
  text-align: right;
  position: absolute;
  right: 0;
  top: -16px;
}

ul.navbar-nav.username-drop {
  z-index: 1;
  position: relative;
}

/* body.darkmode .dropdown.head .dropdown-content, body.dark .dropdown.head .dropdown-content {
  background: #000;
} */
/* body.darkmode .dropdown-content a:hover, body.dark .dropdown-content a:hover {
  background-color: #cccccc42;
} */
body.darkmode .dropdown-content a {
  color: #fff;
}

@media(max-width:575.98px) {
  .banner-right {
    /* height: calc(57vh - 161px); */
    text-align: center;
  }
  .list-bar p {
    font-size: 15px;
}
.footer-top {
  flex-direction: column;
  gap: 20px;
}
.header nav.navbar ul.navbar-nav ul.dropdown-menu {
  width: 90% !important;
  margin: 0 auto !important;
  left: 15px;
}
.coin-type {
  width: 65% !important;
}
}

@media(max-width:991.98px) {
  .launchpad-head h1 {
    padding: 0;
    font-size: 35px;
    margin-top: 20px;
  }

  .banner-sctn .row {
    flex-direction: column-reverse;
  }

  .launch-details-table {
    overflow: auto;
    margin-top: 20px;
  }

  .card-bt {
    margin-bottom: 20px;
  }

  .left-full-cnt {
    margin: auto;
  }

  .icon .icon-shape::before {
    width: 20px;
  }

  .icon .icon-shape::after {
    height: 20px;
  }

  .sales-expect h5 {
    font-size: 24px;
  }

  .backgrnd-img img {
    display: none;
  }

  .cta-box {
    gap: 13px;
  }

  .road-map-design {
    margin-bottom: 20px;
  }

  .headermenu i.fa.fa-chevron-down {
    font-size: 15px;
  }

  /* ul.dropdown.launchpad-drop {
    display: none !important;
} */
  ul.dropdown.launchpad-drop.open-close-clssss {
    display: block !important;
  }
}

@media(max-width:991.98px) {

  ul.dropdown.launchpad-drop {
    max-width: 200px;

  }

  li.nav-item.dropdown-toggle-menu {
    position: relative;
  }
}


@media (min-width: 768px) and (max-width: 991.98px) {
  .promo-full {
    flex-wrap: wrap;
  }
  h1.heading-box {
    font-size: 20px !important;
    font-weight: 500;
}
  .promo-part {
    width: 49%;
  }

  .headermenu .headbg ul li a.nav-link {
    font-size: 16px;
  }

  .dropdown.head .dropbtn {
    margin-left: 0 !important;
  }

  .ticket-system {
    gap: 10px;
  }

  .ieo-ido-launchpad-sctn h4 {
    max-width: 100%;
  }

  .tradechartlist.active {
    flex-direction: row !important;
  }

  .tradepage .gridparentbox {
    padding-top: 10px !important;
  }
}


@media(min-width:992px) and (max-width:1440.98px) {
  .get-ieo-sctn {
    gap: 4px;
  }

  .backgrnd-img img {
    border-radius: 10px;
    display: none;
  }

  .fund-details p:first-child {
    font-size: 20px;
  }

  .fund-details p:last-child {
    white-space: nowrap;
  }

  article.gridparentbox.launchpad .banner-sctn {
    padding: 20px;
  }

  .system-free-part p {
    font-size: 15px;
  }

  .get-start-btn a {
    padding: 16px 15px;
  }

  .sales-expect h5 {
    font-size: 38px;
  }

  form.launchpad-form {
    width: 100%;
  }

  .launch-details-table td {
    white-space: wrap;
  }

  .headermenu .headbg ul li a.nav-link {
    font-size: 12px;
    white-space: nowrap;
  }

  .dropdown.head .dropbtn {
    /* font-size: 13px !important; */
    display: flex;
    align-items: center;
  }

}

@media (min-width: 768px) and (max-width: 991.98px) {
  .crypto-left img {
    margin-left: 0;
  }

  .market-box {
    height: 200px;
  }
}



/* darkmode */
body.darkmode .launchpad-head h1,
body.darkmode .system-free-part p,
body.darkmode .fundra-head h2,
body.darkmode .cryto-right-cnt,
body.darkmode .motto-cnt p,
body.darkmode .launchpad-history,
body.darkmode .ieo-ido-launchpad-sctn,
body.darkmode .faq-sctn,
body.darkmode .launch-details-table th,
body.darkmode .fund-details {
  color: #fff;
}

body.darkmode .icon .icon-shape::after,
body.darkmode .icon .icon-shape::before {
  background: #fff;
}

body.darkmode .captial-raised,
body.darkmode .nav.Outer {
  background: #000;
}

body.darkmode .specific_token_list p,
body.darkmode .nav.Outer button,
body.darkmode .tokenSaleProject_name,
body.darkmode span.StepLabel-label,
body.darkmode .IcoTimeSteps_stepIcon,
body.darkmode .tokenSaleProject_currency,
body.darkmode .Tops_tops.other p,
body.darkmode .tokenSale_showMore p {
  color: #fff !important;
}

body.darkmode .tokenSaleProject_top {
  background: none;
}

body.darkmode .IcoTimeSteps_stepper .StepConnector-vertical .StepConnector-lineVertical,
body.darkmode .IcoTimeSteps_stepIcon {
  border-color: #fff;
}

body.darkmode .IcoTimeSteps_stepContent_info {
  border-left-color: #fff !important;
}

body.darkmode .road-map {
  background: #131722;
}

body.darkmode .project-intro h3,
body.darkmode .TokenSaleInfo_description,
body.darkmode .TokenSaleDetails_title,
body.darkmode .TokenSaleDetails_label,
body.darkmode .TokenSaleDetails_value,
body.darkmode .TokenSaleLinks_title,
body.darkmode .TokenSaleLinks_docsItem,
body.darkmode .TokenSaleLinks_name,
body.darkmode .TokenSaleTeam_title,
body.darkmode .TokenSaleTeam_name,
body.darkmode .TokenSaleLinks_icon.TokenSaleLinks_twitter,
body.darkmode .TokenSaleHistory_balance,
body.darkmode .road-map h4 {
  color: #fff;
}


body.darkmode .TokenSaleHistory_parent .accordion-item,
body.darkmode .TokenSaleHistory_parent .accordion-button {
  background: transparent;
}

body.darkmode .tokenSaleProject_link {
  color: #b8b6cb;
}

body.darkmode .tokenSaleProject_linkIcon {
  fill: #b8b6cb;
}

body.darkmode .TokenSaleHistory_trigger {
  color: #54d497;
}


.table-icon {
  display: flex;
  gap: 10px;
  align-items: center;
}






/* shalomy css */

/* p2b-tokensale */

.tokenSale_top {
  display: flex;
  align-items: center;
  min-height: 135px;
  background: 100%/cover no-repeat url(../images/tokensale-banner-mobile.png);
}

.tokenSale_top .contain-width.token {
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  width: auto;
  flex: 1 1;
  display: flex;
  justify-content: space-between;
}

.contain-width {
  margin-left: auto;
  margin-right: auto;
  flex: 1 1;
  box-sizing: content-box;
  width: auto;
}

.tokenSale_top h1 {
  margin: 0;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 689;
  font-stretch: 94%;
  color: #151327;
  margin-bottom: 24px;
}

.tokenSale_top h4 {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 650;
  font-stretch: 97%;
  color: #151327;
  color: #1C8D57;
}

.innerpagegrid .gridparentbox.tokenSale .sitecontainer {
  padding: 15px 12px;
  max-width: 100%;
}

.nav-pills .nav-link {
  /* background-color: #0000000f; */
  color: #151327;
  padding: 0 20px;
  border-radius: 48px;
  font-size: 13px;
  min-height: 36px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  min-width: 0px;
  font-weight: 600;
}

/* .nav-pills .nav-link:hover {
  background-color: #3333;
} */

/* .nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link.active:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(28, 141, 87);
} */

/* .mui-style-grrn7l .MuiTab-textColorPrimary:hover {
  background-color: rgb(235, 235, 235);
  } */
.tokensale-tab {
  margin-top: 32px;
}

.tokensaleCard img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 0;
  border-radius: 12px 12px 0 0;
  /* height: 240px; */
  width: -webkit-fill-available;
  background-size: cover;
}

.tokensaleCard-body {
  background: white;
  padding: 30px 30px 1px;
  border-radius: 12px;
}

.token-rate svg {
  fill: #838997;
  font-size: 15px !important;
  width: 1em;
  height: 1em
}

h2.token-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin-bottom: 15px;
  margin-top: 0;
  justify-content: space-between;
  text-transform: uppercase;
}

.token-rate span {
  margin-left: auto;
  font-size: 13px;
  font-stretch: 97%;
  color: #1c8d57;
}

.token-rate {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  gap: 8px;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin-left: auto;
}

.token-rate {
  font-size: 13px;
  font-stretch: 97%;
  color: #838997;
  font-weight: 530;
  margin-left: 5px;
}

.TokenSaleCard_infoValue {
  font-size: 13px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin-left: 5px;
}

.TokenSaleCard_info {
  font-size: 13px;
  font-stretch: 97%;
  color: #838997;
  font-weight: 430;
  margin-bottom: 15px;
}

.TokenSaleCard_period {
  border-top: 1px solid;
  border-color: #ebebeb;
}

.ActivityPeriod_wrap {
  margin: 20px 0 30px;
}

.ActivityPeriod_time {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ActivityPeriod_timeLeft,
.ActivityPeriod_timeRight {
  white-space: nowrap;
  font-size: 12px;
  font-stretch: 97%;
  font-weight: 430;
}

.ActivityPeriod_time .ActivityPeriod_timeIcon {
  font-size: 13px;
  margin-right: 8px;
  width: 1em;
  height: 1em;
}

.ActivityPeriod_timeLeft.start {
  display: flex;
  align-items: center;
  margin-right: 15px;
  color: #1c8d57;
}

.ActivityPeriod_timeLeft.start svg {
  fill: #1c8d57;
}

.ActivityPeriod_timeLeft.end svg {
  fill: #f84343;
}

.ActivityPeriod_time .ActivityPeriod_timeLeft.end {
  color: #f84343;
}

.ActivityPeriod_timeRight {
  color: #151327;
}

.ActivityPeriod_time {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ActivityPeriod_time.end {
  margin-top: 8px;
}

.unlock-card {
  width: 100%;
  border-radius: 12px;
  min-width: 340px;
  margin: 0 10px 25px;
  position: relative;
  box-shadow: 0 4px 45px rgba(0, 0, 0, .08);
  transition: box-shadow .5s;
  background-color: #fff;
}

.tokensaleCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  border-radius: 12px 12px 0 0;
  height: 240px;
  background-size: cover;
}

.BaseTimer_wrap {
  display: flex;
  justify-content: center;
}

.BaseTimer_wrap .BaseTimer_dark .BaseTimer_item {
  border-color: #ebebeb;
}

.BaseTimer_wrap .BaseTimer_item,
.BaseTimer_wrap .BaseTimer_separator {
  /* color: #151327!important; */
  color: #fff !important;
}

.TokenSaleCard_card div[class^=BaseTimer] {
  margin-left: 0;
}

.BaseTimer_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.BaseTimer_separator {
  font-size: 16px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin: 7px 8px 0;
}

.BaseTimer_value {
  font-size: 24px;
  font-stretch: 97%;
  font-weight: 530;
}

.BaseTimer_label {
  font-size: 10px;
  font-stretch: 97%;
  font-weight: 530;
  text-transform: uppercase;
}

.BaseStatus_status {
  background-color: #28b594;
}

.TokenSaleCard_status {
  position: absolute;
  top: 20px;
  right: 20px;
}

.BaseStatus_status {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 50px;
  font-size: 10px;
  font-stretch: 97%;
  color: #fff;
  font-weight: 530;
}

.TokenSaleCard_card:hover {
  cursor: pointer;
  box-shadow: 0 4px 20px 5px rgba(0, 0, 0, .15);
}

.tokensaleCard.ons {
  /* background-image: url("../images/ons.svg"); */
}

.tokensaleCard.vct {
  background-image: url("../images/vct.svg");
}

.tokensaleCard.epn {
  background-image: url("../images/epn.png");
}

.tokensaleCard.fart {
  background-image: url("../images/4art.svg");
}

.tokensaleCard.ch4u {
  background-image: url("../images/ch4u.svg");
}

.tokensaleCard.tt {
  background-image: url("../images/t2.svg");
}

.tokensaleCard.dar {
  background-image: url("../images/dar.svg");
}

.tokensaleCard.fay {
  background-image: url("../images/fay.svg");
}

.tokensaleCard.bcc {
  background-image: url("../images/bcc.svg");
}

.tokensaleCard.vxlp {
  background-image: url("../images/vxlp.svg");
}

.tokensaleCard.aut {
  background-image: url("../images/aut.svg");
}

.tokensaleCard.kurds {
  background-image: url("../images/kurds.png");
}

.tokensale_banner {
  padding: 0;
}

.tokensale-tab .tab-content {
  padding-top: 0;
}

.specific_token_list {
  position: relative;
  bottom: 38px;
  left: 82px;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  gap: 18px;
}

.nav.Outer {
  width: fit-content;
  margin-bottom: 0 !important;

  background-color: #0000000f;
  border-radius: 48px;
}

.nav.Outer li.nav-item {
  z-index: 1;
}

.specific_token_list button.nav-link {
  width: fit-content;
  font-weight: 530;
  font-size: 13px;
  font-stretch: 97%;
  min-height: 36px;
  padding: 0 20px;
  cursor: pointer;
  border-radius: 48px;
  background: #edf6f2;
}

.specific_token_list .nav-link.active #pills-home-tab {
  background: rgb(40, 181, 148);
  color: white;
}

.activenow.active,
.activenow:hover {
  background: rgb(40, 181, 148) !important;
  color: white;
}

.upcoming.active,
.upcoming:hover {
  background: rgb(255, 143, 12) !important;
  color: white;
}

.unlock.active,
.unlock:hover {
  background: rgb(113, 53, 209) !important;
  color: white;
}

.specific_token_list p {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600 !important;
  margin-right: 16px;
  color: #000;
  margin-bottom: 0;
}

.tokenSale_projects {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 32px;
}

.Tops_topsFundraising {
  border: 1px solid #7035d1;
  margin-top: 20px;
}

.Tops_tops {
  width: 100%;
  padding: 0 24px 20px 0;
  border-radius: 24px;
  margin-bottom: 52px;
}

.Tops_topsFundraising p {
  margin: 0px 0px 37px;
  font-stretch: 97%;
  font-family: "Noto Sans Display", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  padding: 8px 20px;
  background: rgb(112, 53, 209);
  width: fit-content;
  border-radius: 24px 0px;
}

.TokenSaleTopCard_topInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.TokenSaleTopCard_topInfoTextLeft {
  margin-right: 10px;
}

.TokenSaleTopCard_topInfo p {
  font-size: 24px !important;
  line-height: 32px;
  font-weight: 700;
  margin: 0px;
  padding: 0 !important;
  font-stretch: 97%;
  color: rgb(112, 53, 209);
  background-color: transparent;
}

.Tops_topsRoiContainer .ActivityPeriod_timeLeft,
.Tops_topsRoiContainer .ActivityPeriod_timeRight {
  color: #838997;
}

.Tops_topsRoiContainer .ActivityPeriod_time .ActivityPeriod_timeIcon {
  fill: #838997;
}

.Tops_topsRoiContainer .ActivityPeriod_timeRight {
  color: #151327;
}

.Tops_topsRoiContainer .BaseStatus_status {
  background-color: #838997;
}

.Tops_topsRoiContainer .token-rate span {
  color: #000;
}

.Tops_topsFundraising p.popular {
  background: rgb(255, 143, 12) !important;
}

.Tops_topsFundraising.popular {
  border: 1px solid #ff8f0c;
}

.Tops_topsFundraising.popular .ActivityPeriod_timeLeft {
  color: #838997;
}

.Tops_topsFundraising.popular .TokenSaleTopCard_topInfo p {
  color: rgb(255, 143, 12);
}

.Tops_topsRoiContainer {
  margin: 0 40px;
}

.Tops_tops.other p {
  margin: 0px 0px 32px;
  color: rgb(21, 19, 39);
  font-stretch: 97%;
  font-family: "Noto Sans Display", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  width: 100%;
}

.Tops_tops.other {
  margin-bottom: 0px;
}

.tokenSale_showMore {
  padding: 18px 32px;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #c6c5c5;
  cursor: pointer;
}

.tokenSale_showMore p {
  margin: 0px;
  color: rgb(21, 19, 39);
  font-size: 16px;
  font-stretch: 97%;
  line-height: 24px;
  font-family: "Noto Sans Display", sans-serif;
  font-weight: 700;
}

.tokenSaleProject_top {
  padding: 20px 0 8px;
  margin-bottom: 20px;
  background: 50%/cover no-repeat url("../images/buytokenbanner-mobile.png");
}

.tokenSaleProject_topWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tokenSaleProject_logo img {
  /* background:url("../images/FRTC.svg"); */
  width: 71px;
  height: 71px;
  /* background-size: cover; */
  background-position: 50%;
  border-radius: 50%;
  margin-right: 25px;

}

.tokenSaleProject_name {
  font-size: 24px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  line-height: 32px;
  margin-bottom: 5px;
  margin-top: 0;
}

.BaseStatus_status.BaseStatus_is-green {
  background-color: #28b594;
}

.BaseStatus_status {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 50px;
  font-size: 10px;
  font-stretch: 97%;
  color: #fff;
  font-weight: 530;
}

.BaseStatus_status.BaseStatus_is-green .BaseStatus_dot {
  border-color: rgba(40, 181, 148, .7);
}

.BaseStatus_dot {
  width: 13px;
  height: 13px;
  background-color: #fff;
  border: 4px solid;
  border-radius: 50%;
  margin-right: 4px;
}

.tokenSaleProject_head {
  display: flex;
  align-items: center;
}

.tokenSaleProject_timer {
  margin-top: 24px;
}

.BaseTimer_wrap:not(.BaseTimer_isBordered__5dUoW) {
  margin-left: -6px;
}

.BaseTimer_wrap {
  display: flex;
}

.tokenSaleProject_top .BaseTimer_wrap {
  justify-content: flex-start;
}

.BaseTimer_wrap.BaseTimer_dark .BaseTimer_separator {
  color: #151327 !important;
}

.IcoTimeSteps_stepLabel .MuiStepLabel-label,
.IcoTimeSteps_stepLabel .MuiStepLabel-label.MuiStepLabel-active,
.IcoTimeSteps_stepLabel .MuiStepLabel-label.MuiStepLabel-completed {
  font-size: 16px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
}

.IcoTimeSteps_stepContent__y0PAr.MuiStepContent-root {
  margin-top: 0;
  padding-right: 0;
  border-left-color: #151327;
  font-size: 13px;
  font-stretch: 97%;
  color: #838997;
}

.IcoTimeSteps_stepContent_info {
  margin-top: 0;
  padding-right: 0;
  border-left-color: #151327 !important;
  font-size: 12px;
  font-stretch: 97%;
  color: #838997;
  margin-left: 12px;
  padding-left: 20px;
  border-left: 1px solid #bdbdbd;
}

.IcoTimeSteps_stepIcon.IcoTimeSteps_IsActive {
  border-color: #1c8d57;
}

.IcoTimeSteps_stepIcon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #151327;
  font-size: 13px;
  font-stretch: 97%;
  color: #151327;
}

.IcoTimeSteps_stepLabel {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.IcoTimeSteps_stepper .StepConnector-vertical .StepConnector-lineVertical {
  border-color: #151327;
  min-height: 16px;
  border-left-style: solid;
  border-left-width: 1px;
  display: block;
}

.IcoTimeSteps_stepper .StepConnector-vertical {
  padding-bottom: 0;
  margin-left: 12px;
}

span.StepLabel-label {
  font-size: 16px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
}

.IcoTimeSteps_stepIcon.IcoTimeSteps_IsActive {
  border-color: #1c8d57 !important;
}

.IcoTimeSteps_container {
  max-width: 325px;
  display: flex;
  padding: 18px 0 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(21, 19, 39, .1);
}

.IcoTimeSteps_stepContent_info.last {
  border: 0;
}

.tokenSaleProject_currencies {
  display: flex;
  flex-wrap: wrap;
}

.tokenSaleProject_currency {
  display: flex;
  align-items: center;
  flex: 0 1 45%;
  font-size: 16px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
}

.tokenSaleProject_links {
  display: flex;
  margin-top: 16px;
}

.tokenSaleProject_link {
  margin-right: 40px;
  font-size: 12px;
  font-stretch: 97%;
  color: #5c5a76;
  font-weight: 430;
  text-decoration: none !important;
}

.tokenSaleProject_linkIcon {
  font-size: 16px !important;
  margin-right: 10px;
  width: 1em;
  height: 1em;
  transform: translateY(-1px);
  fill: #5c5a76;
}

/* a, a:active, a:focus, a:hover {
  color: #5c5a76;
  text-decoration: none;
  } */
a:hover .tokenSaleProject_linkIcon {
  fill: #5c5a76;
}

/* / css / */
form.ico-form {
  color: #000;
  background: #fff;
  width: 466px;
  box-shadow: 0 4px 45px rgba(0, 0, 0, .08);
  padding: 50px;
}

form.ico-form input {
  padding: 16.5px 0px 16.5px 14px;
  border-radius: 10px;
  border: 1px solid #cdcd;
  width: 100%;
  margin-bottom: 16px;
  font-size: 13px;
}

.label-name {
  position: absolute;
  top: -22px;
  left: 15px;
  background: #fff;
  padding: 5px;
  white-space: nowrap;
}

.input-label {
  position: relative;
}

form.ico-form input:hover {
  border-color: #000000;
}

.checkbox input {
  width: auto !important;
}

.form-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.deposit-usd p {
  cursor: pointer;
  font-size: 13px;
  font-stretch: 97%;
  color: #1c8d57;
  font-weight: 530;
}

form.ico-form input:active,
form.ico-form input:focus-visible {
  border-color: #1c8d57 !important;
}

.deposit-usd i {
  font-size: 13px;
  font-weight: 900;
}

.ons-ustd {
  text-align: right;
}

.label-name label {
  color: rgb(131, 137, 151);
}

.ons-ustd p {
  text-align: right;
  /* transform: translateY(-10px); */
  font-size: 12px;
  font-stretch: 97%;
  color: #838997;
  font-weight: 530;
  margin-bottom: 12px;
}

.total-box {
  border: 1px solid #ff8f0c;
  ;
  padding: 16.5px 0px 16.5px 14px;
}

.discount {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.discount-per p {
  padding: 5px 10px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border-radius: 50px;
  background-color: #ff8f0c;
  color: #fff;
}

.o-ustd p {
  font-size: 16px;
  margin-bottom: 0;
}

.checkbox label {
  font-size: 11px;
  font-stretch: 97%;
  color: #5c5a76;
  font-weight: 430;
  line-height: 24px;
}

.checkbox {
  margin-top: 7px;
  display: flex;
  gap: 20px;
  font-size: 15px;
}

.buy-ons h3 {
  font-size: 24px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin: 0;
}

.checkbox input.box {
  margin: 0 !important;
}

/* .checkbox label a, a:active, a:focus, a:hover {
  color: #1c8d57 !important;
  text-decoration: none;
  } */
button.buy-btn {
  background-color: rgba(28, 141, 87, .5);
  color: #fff;
  opacity: .5;
}

button.buy-btn {
  width: 100% !important;
  margin-top: 20px !important;
  height: 56px;
  padding: 0 36px;
  box-shadow: none !important;
  transition: .3s !important;
  border-radius: 8px;
  font-size: 13px;
  border: 0;
  outline: 0;
}

.project-intro h3 {
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 24px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
}

.my-deals {
  padding: 0 24px;
}

.TokenSaleInfo_description {
  margin-top: 30px;
  line-height: 24px;
  font-size: 12px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
}

.accordion-item {
  border: 1px solid;
  border-radius: 0;
  border-color: #ebebeb;
}

.accordion-button:focus {
  box-shadow: none !important;
  border-color: 0 !important;
}

.head-flex {
  display: flex;
  gap: 44%;
  width: 100%;
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.TokenSaleHistory_label {
  font-size: 12px;
  font-stretch: 97%;
  color: #838997;
  font-weight: 430;
}

.TokenSaleHistory_logo img {
  /* background: url(../images/FRTC.svg); */
  width: 24px;
  height: 24px;
  /* background-size: cover;
  background-position: 50%; */
  border-radius: 50%;
  margin-right: 10px;
}

.TokenSaleHistory_balance {
  font-size: 20px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
}

.TokenSaleHistory_trigger {
  font-size: 12px;
  font-stretch: 97%;
  color: #1c8d57;
  font-weight: 530;
  white-space: nowrap;
  padding-right: 10px;
}

.accordion-button::after svg {
  fill: #1c8d57;
}

.BaseTableWithPagination_wrapper {
  width: 100%;
  overflow-x: auto;
}

.BaseTableWithPagination_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.BaseTableWithPagination_theadRow {
  display: flex;
  border-bottom: 1px solid;
  padding-bottom: 20px;
  margin-right: 10px;
  border-color: #ebebeb;
}

.BaseTableWithPagination {
  flex: 1 1;
  font-size: 12px;
  font-stretch: 97%;
  color: #838997;
  font-weight: 430;
}

.NoData_noData {
  margin: 85px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.NoData_noDataText {
  margin-top: 18px;
  font-size: 13px;
  font-stretch: 97%;
  color: #838997;
}

.TokenSaleHistory_parent {
  margin-top: 70px;
}

.TokenSaleDetails_parent {
  margin-top: 50px;
}

.TokenSaleDetails_title {
  font-size: 20px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin: 0;
}

.TokenSaleDetails_details {
  margin-top: 10px;
  margin-bottom: 65px;
}

.TokenSaleDetails_row:first-child {
  border-top: 1px solid;
  border-color: #d7d7d7;
}

.TokenSaleDetails_row {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid;
  border-color: #d7d7d7;
}

.TokenSaleDetails_label {
  width: 150px;
  font-size: 13px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
}

.TokenSaleDetails_value {
  font-size: 13px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  flex-grow: 1;
  text-align: right;
}

.TokenSaleLinks_title {
  font-size: 20px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin: 0;
}

.TokenSaleLinks_docs {
  margin-top: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid;
  border-bottom-color: #d7d7d7;
}

.TokenSaleLinks_docsIcon {
  margin-right: 25px;
  color: #c2c2c2;
  transition: color .3s;
}

.TokenSaleLinks_docsItem {
  display: block;
  margin-bottom: 30px;
  font-size: 13px;
  font-stretch: 97%;
  color: var(--c-main-text, #151327);
  font-weight: 430;
}

.TokenSaleLinks_docsItem:hover {
  text-decoration: underline;
}

.TokenSaleLinks_docsItem:hover svg g path {
  fill: #1c8d57;
}

.TokenSaleLinks_socials {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  border-bottom-color: #d7d7d7;
}

.TokenSaleLinks_social {
  display: flex;
  align-items: center;
  flex-basis: 50%;
  margin-bottom: 25px;
}

.TokenSaleLinks_icon.TokenSaleLinks_twitter {
  background: rgba(37, 35, 58, .1);
  color: #25233a;
}

.TokenSaleLinks_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 18px;
  border-radius: 50%;
}

.TokenSaleLinks_name {
  font-size: 13px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
  text-transform: capitalize;
}

.TokenSaleLinks_icon.TokenSaleLinks_telegram {
  background: rgba(52, 172, 225, .2);
  color: #41abe1;
}

.TokenSaleLinks_telegramSvg {
  font-size: 22px;
  transform: translateX(-1px);


  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
}

.TokenSaleTeam_title {
  font-size: 20px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 530;
  margin-bottom: 20px;
  margin-top: 0;
}

.TokenSaleTeam_wrapper {
  display: flex;
  flex-wrap: wrap;
}

.TokenSaleTeam_member {
  display: flex;
  flex-basis: 100%;
  margin-bottom: 30px;
}

.TokenSaleTeam_avatar {
  width: 100px;
  height: 110px;
  margin-right: 20px;
  flex-shrink: 0;
}

.TokenSaleTeam_avatarImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.TokenSaleTeam_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.TokenSaleTeam_name {
  font-size: 13px;
  font-stretch: 97%;
  color: #151327;
  font-weight: 430;
}

.TokenSaleTeam_position {
  font-size: 13px;
  font-stretch: 97%;
  color: #838997;
  font-weight: 430;
  margin-top: 8px;
}

.TokenSaleHistory_parent .accordion {
  box-shadow: none;
  border: 1px solid;
  border-radius: 5px;
  border-color: #e7e4e4;
  margin: 16px 0;
}

.tokenSaleProject_top .contain-width {
  padding: 0 64px;
  max-width: 1320px;
  margin-left: 30px;
  margin-right: 30px;
}

.BaseStatus_status.TokenSaleCard_status.upcoming-status {
  background: #ff8f0c;
}

.BaseStatus_status.TokenSaleCard_status.unlock-status {
  background: rgb(113, 53, 209) !important;
}















@media (min-width: 1440px) {
  .tokenSaleProject_topWrapper {
    width: 100% !important;
  }

  .tokenSaleProject_top .contain-width {
    margin: auto;
  }
}

@media (min-width: 768px) {
  .tokenSaleProject_topWrapper {
    align-items: center;
    gap: 30px;
  }

  .TokenSaleLinks_social {
    flex-basis: 20%;
  }

  .TokenSaleTeam_member {
    flex-basis: 33.333%;
    margin-bottom: 50px;
    padding-right: 15px;
  }

  .TokenSaleLinks_socials {
    margin-bottom: 60px;
    padding-bottom: 40px;
  }

  .TokenSaleTeam_title {
    margin-bottom: 40px;
  }

  .TokenSaleLinks_docsItem {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 50px;
  }

  .TokenSaleLinks_docs {
    margin-bottom: 60px;
    padding-bottom: 60px;
  }

  .TokenSaleDetails_value {
    text-align: left;
  }

  .TokenSaleDetails_label {
    width: 400px;
  }

  .TokenSaleDetails_parent {
    margin-top: 70px;
  }

  .project-intro h3 {
    font-size: 30px;
    font-stretch: 97%;
  }

  .TokenSaleInfo_description {
    font-size: 13px;
    font-stretch: 97%;
  }

  .tokenSaleProject_currency {
    flex: unset;
  }
}

@media (min-width: 905px) {
  .tokenSaleProject_top {
    padding: 40px 0;
    margin-bottom: 0;
    background-image: url("../images/buytokenbanner-desktop.png");
  }

  .tokenSaleProject_topWrapper {
    /* width: 90%; */
    margin: 0 auto;
    flex-direction: row;
  }

  .tokenSaleProject_name {
    font-size: 30px;
  }
}

@media (min-width: 1240px) {
  .tokenSale_top {
    background-image: url(../images/tokensale-banner-desktop.png) !important;
    background-position-x: center;
  }

  .contain-width.token,
  .contain-width {
    padding: 0 64px;

  }

  .contain-width {
    padding: 0 15px;
    max-width: 1550px;
  }
}

@media (min-width: 600px) {
  .tokenSale_top {
    background-image: url(../images/tokensale-banner-desktop.png) !important;
    min-height: 238px;
  }

  .BaseTableWithPagination_theadRow {
    padding-bottom: 20px;
  }

  .tokenSaleProject_links {
    margin-top: 32px;
  }

  .BaseTimer_wrap__yakRZ:not(.BaseTimer_isBordered__5dUoW) {
    margin-left: -10px;
  }

  .BaseTimer_item {
    padding: 6px 10px;
  }

  .BaseTimer_separator {
    font-size: 24px;
  }
}


@media (max-width: 599px) {
  .tokenSale_titleBlock {
    max-width: 197px;
    margin-left: 0;
  }

  form.ico-form {
    width: auto;
    margin: 10px -19px;
  }

  .tokenSaleProject_top {
    padding: 20px 20px 8px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .specific_token_list {
    position: relative;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    margin: 18px !important;
    gap: 18px;
  }

  .tokenSale_top h1 {
    margin: 0px;
    font-size: 40px;
    line-height: 48px;
    font-weight: 657;
    font-stretch: 97%;
    color: rgb(21, 19, 39);
    margin-bottom: 16px;
  }

  .tokenSale_top h4 {
    margin: 0px;
    font-size: 16px;
    font-weight: 530;
    font-stretch: 97%;
    line-height: 24px;
    color: rgb(28, 141, 87);
  }

  .tokenSale_top .contain-width.token {
    padding: 0 32px;
  }

  .unlock-card {
    width: auto;
  }

  .Tops_topsRoiContainer {
    margin: 0px 13px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .unlock-card {
    width: auto !important;
    min-width: auto !important;
  }

  .specific_token_list {
    left: 0;
  }

  .tokenSaleProject_top .contain-width {
    margin: 0 !important;
  }

  .TokenSaleCard_period {
    padding: 0;
    margin: -16px;
  }

  .system-free-part {
    align-items: end;
  }

  .ticket-system {
    gap: 10px;
  }
  .header nav.navbar ul.navbar-nav ul.dropdown-menu{ 
    width: 97% !important;

 margin: 0 auto;
 border-radius: 0 !important;
}


}

/* p2b-tokensale */


li.nav-item a:hover i.fa.fa-chevron-down {
  transform: rotate(-180deg);
}

.BaseStatus_status.TokenSaleCard_status.completed-status {
  background: #838997;
}







.tokensaleCard.ons-img {
  position: relative;
  /* width: 100%; */
}

.tokensaleCard {
  height: auto;
  display: inline !important;
}

.tokensaleCard.ons-img img {
  /* width: 500px; */
}

.tokensaleCard.ons .BaseStatus_status {
  position: absolute;
}

.BaseTimer_wrap {
  position: absolute;
  top: 35%;
  /* left: 39%; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.tokensaleCard .photopic img {
  width: 100px;
  height: 100px !important;
  background: #bbbbbb;
  border: 1px solid #bbbbbb;
  border-radius: 50px !important;
  position: relative;
  padding: 2px;
}

.tokensaleCard .photopic {
  position: absolute;
  top: 14%;
  /* left: 39%; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

ul.dropdown.launchpad-drop li:first-child {
  padding-top: 16px !important;
}







/* .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -5px !important;
} */

::placeholder,
::-ms-input-placeholder {
  color: #000;
}

body.darkmode text.highcharts-legend-navigation {
  fill: #fff !important;
}

/* .nav-link:focus, .nav-link:hover{
  color: #596CB5 !important;
} */
.input-group span.input-group-text.click-show-psswrd i {
  margin-left: 7px !important;
}

body.darkmode .dropdown-item:focus,
body.darkmode .dropdown-item:hover {
  background-color: #cccccc42;
}

a.badge.badge-danger:hover {
  color: #fff !important
}

a {
  text-decoration: none !important;
}
article.payment-option .panelcontentbox{
padding: 0 !important;
}
.innerpagetab a.btn.btn-primary {
  color: #fff;
  background: #5D3587;
  height: fit-content;
  margin-right: 10px;
  border-color:#5D3587 !important;
}

.innerpagetab {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* body.darkmode  a.nav-link.dropdown-bs-toggle.show:hover{
  background-color: transparent !important;
} */


.coin-value {
  display: flex;
  justify-content: space-between;
}

.coin-types {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.market-box p {
  font-size: 16px;
  font-weight: 600;
}

p.green-txt {
  color: #02c72c !important;
}

p.red-txt {
  color: #ff0000a6;
}

table.table.sitetable tr th {
  text-align: right;
}

table.table.sitetable tr td {
  text-align: right;
}

/* table.table.sitetable tr th:first-child{
  text-align: left;
} */
table.table.sitetable tr td:first-child {
  text-align: left;
}

.dropdown.head .dropbtn {
  background-color: transparent;
  color: #000;
  padding: 5px 6px;
  font-size: 16px;
  border: none;
  margin-left: 0px !important;
}

body.darkmode .dropdown.head .dropbtn {
  color: #fff;
}

.dropdown {
  position: relative;
  /* top: 4px; */
  display: inline-block;
}

.dropdown.head .dropdown-content {
  position: absolute;
  top: calc(100% + 0px) !important;
  left: 56% !important;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 4px;
  z-index: 999;
  box-shadow: 0px 0 35px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block !important;
}

button.dropbtn i {
  margin-left: 5px;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: #5D3587 !important;
}

.dropdown-content {
  display: none;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.modal-head-line h3 {
  padding-bottom: 15px;
}


.depositbg .form-group label,
.input-group input[type="file"] {
  color: #000;
}

article.gridparentbox.launchpad .banner-sctn {
  background-image: url(../images/launchpad-banner-right.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 50px;
}

.modal-content.launchpad-popup {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}

.modal-content.launchpad-popup input {
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cdcdcd;
}

.modal-head-line {
  border-bottom: 1px solid #dee2e6;
  color: #000;
}

.close-menu {
  text-align: end;
}

div#show-more-btn {
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
  background: linear-gradient(276deg, #5D3889 21.24%, #596CB5 83.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.darkmode .modal-content.launchpad-popup,
body.darkmode .modal-content.launchpad-popup input {
  background: #000 !important;
}

body.darkmode .modal-head-line h3 {
  color: #fff !important;
}


.footer-gray-bg .h3 {
  white-space: nowrap;
  font-size: 11px;
}

/* table.table.sitetable tr td {
  text-align: right !important;
} */
@media (max-width:991.98px) {

  .instant-buy-sell-container {
    padding: 0px !important;
  }
  .contentbox.instant-buy-sell-contentbox {
    padding: 0px;
  }

  .express__account-wrap-contain {
    padding: 15px;
  }

  .express__account-inputwrap {
    padding-top: 0;
  }

  .contentbox.instant-buy-sell-contentbox {
    padding: 0px;
  }

  .express-home__input-label-wrapper {
    width: 100%;
  }

  button.ant-btn.css-7o12g0.ant-btn-primary.css-7o12g0.ant-btn-custom.express__account-submit.ant-btn-custom-middle.ant-btn-custom-primary.bds-theme-component-light {
    width: 100%;
  }

  .express-home__input-label-wrapper input.ant-input {
    width: 100%;
  }

  article.gridparentbox.instant-buy-sell-gridparentbox {
    padding-top: 15px !important;
  }

  .darkmode .innerpagegrid .headbg {
    background: #363636;
    /* position: fixed; */
  }

  .contentbox.instant-buy-sell-contentbox {
    flex-direction: column;
    padding: 0 10px;
  }

  .header nav.navbar ul.navbar-nav ul.dropdown-menu {
    width: 96% !important;
    margin: 0 auto;
}
}

.express__home-navright .qr-bar-code {
  text-align: center;
  margin-bottom: 20px;
}

section.express__home-navright button.btn.btn-secondary {
  background: linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%);
}

body.darkmode .express__account-wrap-sell,
body.darkmode .express__account-wrap-tit-tab {
  background: #000;
}

body.darkmode .heading-box {
  background: transparent !important;
}

body.darkmode .express-create-modal__transfer-icon {
  color: #fff;
}

body.darkmode .express__account-wrap-tit-tab-item,
body.darkmode .express-home__input-select-wrapper {
  background: #1a1a1a;
}

body.darkmode select#walletpayment {
  background: #1a1a1a;
  color: #fff;
}

body.darkmode .f-control {
  background-color: #0e0a0a;
  border: #0e0a0a 1px solid;
  color: #fff;
}

body.darkmode .headbg {
  background: #000;
}

body.darkmode ul.dropdown.launchpad-drop {
  background: #1d1d1d !important;
}

body.darkmode ul.dropdown.launchpad-drop li a,
body.darkmode .marketlistt li .text-left {
  color: #fff;
}

body.darkmode select#walletpayment,
body.darkmode select#orangepayment {
  background: #1a1a1a;
  color: #fff;
}

/* body.dark div#collapsibleNavbar{
  background: #000 !important;
} */
body.dark div#collapsibleNavbar ul li a,
body.dark .dropdown-content a {
  color: #fff !important;
}

body.dark section.header-banner-block ul li ul.dropdown.launchpad-drop {
  background: #2c2a2a !important;
  box-shadow: none !important;
}
@media(min-width: 1199.98px) {
  body.darkmode .headermenu .headbg ul.dropdown-menu li.dropdown-menu-list a.dropdown-item, body.dark div#collapsibleNavbar ul li.menu-list a.dropdown-item,body.dark .headermenu .headbg ul.dropdown-menu li.dropdown-menu-list a.dropdown-item, body.darkmode div#collapsibleNavbar ul li.menu-list a.dropdown-item{
  background:#121318  !important;
}
.headermenu .headbg ul li a.active:after {
  display: none !important;
}
}
body.darkmode .headermenu .headbg ul.dropdown-menu li.dropdown-menu-list a.dropdown-item,body.dark .dropdown.head .dropdown-content,body.darkmode .dropdown.head .dropdown-content  , body.dark div#collapsibleNavbar ul li.menu-list a.dropdown-item,body.dark .headermenu .headbg ul.dropdown-menu li.dropdown-menu-list a.dropdown-item, body.darkmode div#collapsibleNavbar ul li.menu-list a.dropdown-item{

  background: #1d1d1d !important;
  color:#fff !important;
  }

/* body.dark .dropdown-content a:hover {
  background-color: #000;
} */

body.darkmode .chartbalancebox .highcharts-legend-item text {
  color: #fff !important;
  fill: #fff !important;
}

table.table.sitetable tr th:first-child {
  text-align: left;
}

section.market.landing-table table.table.sitetable tr th:nth-child(2),
section.market.landing-table .sitetable tbody tr td:nth-child(2),
.panelcontentbox.market-coin-box .sitetable tbody tr td:nth-child(2),
.panelcontentbox.market-coin-box table.table.sitetable tr th:nth-child(2) {
  text-align: left;
}
section.header-banner-block .navbar-expand-xl .navbar-nav{
  gap: 0 !important;
  padding:0 !important;
}
ul.icon-sun img {
  width: 30px;
  height: 30px;
}
.container.sitecontainer.dashboardpage {
  max-width: 1547px;
}
.container.sitecontainer {
  padding: 40px;
  background: #fff;
  border-radius: 10px;
}
article.gridparentbox.market-page select, select option, .darkmode article.gridparentbox.market-page select {
  color: #9295A5 !important;
  font-size: 13px !important;
  font-weight: 400;
  border: 0 !important;
  background: transparent;
}
.container.sitecontainer.trade-contain {
  max-width: 100% !important;
}
img.dark-logo {
  max-width: 170px;
  height: auto;
}
@media(max-width:1440.98px){
  .contain-width {
    padding: 0 20px;
}
}
@media(min-width:992px) and (max-width:1350.98px){
  ul.navbar-nav{
    padding:0 !important;
  }
  .lang-mode{
    gap: 6px !important;
  }

}
@media(max-width:1199.98px) {
  .chat li {
    padding: 6px 29px;
  }
  .navbar-expand-xl .navbar-nav{
    gap:0 !important;
  }
  .left-buycrypto-img {
    display: none;
  }
  .header.is-sticky {
    animation: none !important;
    backdrop-filter: none !important;
}
  .contain-width {
    padding: 0 15px;
  }
  article.gridparentbox.profile-page .contain-width{
    padding:0 !important;
  }
  body.darkmode .search-box .search, body.darkmode .search-box input, body.darkmode .search-box{
    background-color: #121318 !important;
    border: none;
    color: #fff;
  }
  .dropdown.head .dropdown-content {
    top: calc(100% + 0px) !important;
    left: 89px !important;
  }
  .header nav.navbar ul.navbar-nav ul.dropdown-menu{
    margin: 0 auto !important;
    right: 15px !important;
  }
  div#collapsibleNavbar ul li.menu-list a.dropdown-item{
    margin: 0 !important;
  }
}

@media(min-width:768px) and (max-width:991.98px) {
  .dropdown.head.responsive-head {
    top: 4px;
  }

  .container.sitecontainer.stacking .eth-card-total {
    flex-wrap: nowrap !important;
  }
}


/*staking css*/

.stacking-back {
  /* background: url(../images/stacking-banner-bg.png); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  /* padding: 30px 30px; */
  background: rgba(241, 242, 244, 1) !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
article.gridparentbox.stacking.stacking-main-page {
  margin: 0;
}
body.darkmode .stacking-back{
  background: #121519 !important;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.container.sitecontainer.stacking {
  padding-top: 50px;
  padding-bottom: 50px;
}


.innerpagegrid .gridparentbox .sitecontainer {
  position: relative;
}

section.stacking-banner .container.sitecontainer {
  max-width: 81%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: transparent !important;
}

article.gridparentbox.stacking .innerpagecontent {
  width: 50%;
}

.innerpagecontent {
  padding: 16px 3px;
  position: relative;
  padding-top: 9px;
}

section.stacking-banner .innerpagecontent h4 {
  /*  background: #a65bff ;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  color: #a65bff;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 5px;
}

section.stacking-banner .innerpagecontent p {
  color: #848E9C !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* article.gridparentbox.stacking .stackingbannerright {
  width: 50%;
} */

.stacking-card {
  position: relative;
}

.stacking-card .toggle-password {
  position: absolute;
  right: 25px;
  top: 16px;
  font-size: 16px;
  z-index: 1;
  color: #848E9C;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
  background: none;
}

.stackingbannerright .card {
  border-radius: 8px;
  display: flex;
  gap: 70px;
  flex-direction: row;
  padding: 50px;
}
body.darkmode .stackingbannerright .card{
  background: rgba(30, 35, 41, 0.60);
}
.xchange-rate h4 {
  color: #EAECEF !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.xchange-rate a {
  text-decoration: none;
}

/* section.card-stacking .container.sitecontainer.stacking {
  max-width: 75%;
} */
.contain-width.sitecontainer.stacking {
  padding-top: 50px;
  padding-bottom: 50px;
}

.innerpagegrid .gridparentbox .sitecontainer {
  position: relative;
}

.contain-width.sitecontainer.stacking .eth-card-total {
  margin-bottom: 0px;
}

.contain-width.sitecontainer.stacking .eth-card-total {
  position: relative;
}


.contain-width.sitecontainer.stacking .eth-card-total {
  flex-wrap: wrap !important;
}

.swap-icon {
  position: absolute;
  z-index: 9;
  top: 50%;
  margin-top: -30px;
}

.swap-icon img {
  width: 40px;
}

/* .container.sitecontainer.stacking .card.border-style-cls {
  width: 19%;
} */

.ticket-list-support-block {
  margin: 8px 0;
}

.border-style-cls {
  padding: 25px;
  border-radius: 15px;
  background: linear-gradient(130deg, #5D3889 -8.51%, #596CB5 131.62%);
  position: relative;
  border: 1px solid #596CB5;
}

.border-style-cls h4 {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  color: #fff;
  align-items: flex-start;
}

.contain-width.sitecontainer.stacking .card.border-style-cls .card-btn a {
  display: inline-block;
}

.xchange-rate h3 {
  color: #a65bff;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 18.4px;
  margin-top: 24px;
}

.xchange-rate h4 {
  color: #EAECEF !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.xchange-rate a {
  text-decoration: none;
}

body.light .stackingbannerright .card .xchange-rate h4 {
  color: #000 !important;
}

body.light article.gridparentbox.stacking .card.border-style-cls h4 {
  font-size: 20px !important;
  margin-bottom: 30px;
  color: #fff;
}

body.darkmode article.gridparentbox.stacking .xchange-rate h5 {
  color: #fff;
}

.card.border-style-cls p {
  color: #fff !important;
}

.card.border-style-cls {
  background: #5D3587!important;
}

.contain-width.sitecontainer.stacking .card-btn a {
  border-radius: 8.669px;
  border: 0.867px solid #FFF;
  color:#5D3587!important;
  background:#fff !important;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.profilepaget.showtable {
  display: block !important;
  /* padding: 18px 20px; */
}

.stacking-main-page .panelcontentbox {
  padding: 18px 20px;
  border-radius: 6px;
}

.stacking-main-page .sitetable thead tr th {
  border-bottom: 1px solid #000 !important;
}

/* new staking css */

.container.sitecontainer.cryptosaving {
  max-width: 60%;
}

.container.sitecontainer.cryptosaving section.saving-page .data-cnt {
  display: flex !important;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}

section.saving-page .sub-all,
section.saving-page .duration,
section.saving-page label.bn-input-label,
section.saving-page .cnfrm-btn button,
section.saving-page .infohave i,
section.saving-page .input-box {
  color: #000 !important;
}

.container.sitecontainer.cryptosaving section.saving-page .data-cnt .btn-img p {
  margin-bottom: 0px;
  margin-left: 15px;
  color: #000;
}

.container.sitecontainer.cryptosaving section.saving-page .sub-all {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.container.sitecontainer.cryptosaving .ratio-btn label {
  padding: 10px 20px;
  display: inline-block;
  border: 1px solid grey;
  cursor: pointer;
  color: #EAECEF;
  text-align: center;
  font-size: 16.378px;
  font-style: normal;
  font-weight: 400;
  border-radius: 4.679px;
  background: #2B3139;
  width: auto !important;
}

.container.sitecontainer.cryptosaving .ratio-btn input[type="radio"] {
  display: none;
}

.container.sitecontainer.cryptosaving section.saving-page .duration {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
}

.container.sitecontainer.cryptosaving section.saving-page .max-amt {
  margin: 40px 0px 4px;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1.6;
  border-radius: 4px;
  height: 48px;
  width: 100%;
  border: none !important;
}

.container.sitecontainer.cryptosaving section.saving-page .input-box {
  width: 100%;
  height: 100%;
  padding: 0;
  outline: none;
  border: none;
  background-color: inherit;
  opacity: 1;
  padding-left: 10px;
}

.container.sitecontainer.cryptosaving section.saving-page .max-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 10px;
}

.container.sitecontainer.cryptosaving section.saving-page .buybtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container.sitecontainer.cryptosaving section.saving-page .enough .info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.container.sitecontainer.cryptosaving section.saving-page .enough {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background: rgb(254 246 216 / 8%);
  box-shadow: 0px 3px 6px 0px rgba(24, 26, 32, 0.08), 0px 7px 14px 0px rgba(71, 77, 87, 0.08), 0px 0px 1px 0px rgba(24, 26, 32, 0.10);
  padding: 15px;
  margin-top: 17px;
}

.container.sitecontainer.cryptosaving section.saving-page .enough .info h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}

.container.sitecontainer.cryptosaving section.saving-page .enough .info i {
  color: rgb(92 68 148);
  font-size: 18px;
}

.container.sitecontainer.cryptosaving section.saving-page .minmum {
  margin-top: 40px;
}

.container.sitecontainer.cryptosaving section.saving-page .avaliable-btn h4,
section.saving-page .minmum h4 {
  color: #000;
  font-size: 14px !important;
  margin-bottom: 0;
}

.container.sitecontainer.cryptosaving section.saving-page .avaliable-btn span,
section.saving-page .minmum h4 span {
  color: #707A8A;
  font-size: 14px;
  font-weight: 400;
}

.container.sitecontainer.cryptosaving section.saving-page .left-txt {
  margin-top: 50px;
}

.summary-detail h4 {
  color: #000;
}

.light article.gridparentbox.subscribe-main-page table.rewards-list th,
.light article.gridparentbox.subscribe-main-page table.rewards-list td {
  border-color: #6b6666;
  color: #000;
  font-weight: 500;
  font-size: 12px;

}

.container.sitecontainer.cryptosaving section.saving-page .checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  position: relative;
  opacity: 1;
}

.container.sitecontainer.cryptosaving section.saving-page .checkbox h4 {
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}

.container.sitecontainer.cryptosaving .checkmark {
  position: relative !important;
  top: none !important;
  left: none !important;
  height: none !important;
  width: 100% !important;
  background-color: transparent !important;
}

.container.sitecontainer.cryptosaving section.saving-page .cnfrm-btn {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 50px;
}

.container.sitecontainer.cryptosaving section.saving-page .cnfrm-btn button {
  border-radius: 4px;
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
  padding: 10px 60px;
  color: #FFF !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1px;
  border: none;
}

body.light .container.sitecontainer.cryptosaving section.saving-page .css-i6m49h {
  border-right: 1px solid #000;
}

.container.sitecontainer.cryptosaving section.saving-page .css-i6m49h {
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: rgb(92 68 148);
  border: none;
  background-color: transparent;
  font-size: 16px;
  padding: 7px 8px !important;
}

.container.sitecontainer.cryptosaving section.saving-page .max-amt {
  margin: 40px 0px 4px;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1.6;
  border: 1px solid rgb(234, 236, 239);
  border-radius: 4px;
  height: 48px;
  width: 100%;
  border: 1px solid #000;
}

.container.sitecontainer.cryptosaving section.saving-page label.bn-input-label {
  position: absolute;
  top: -24px;
  left: 0px;
  transition-property: top, font-size;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  z-index: 1;
  cursor: text;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  font-weight: 500;
}

.container.sitecontainer.cryptosaving .bn-input-suffix.pop-sep .max-btn .btn-img p {
  margin-bottom: 0px;
  padding-left: 5px;
  color: #000;
}

article.gridparentbox.subscribe-main-page {
  padding-top: 30px;
}

h4.checkmark a {
  color: #5c4594 !important;
}

.ratio-btn input[type="radio"]:checked+label {
  background: var(--urumi, linear-gradient(276deg, #5D3889 -8.51%, #596CB5 101.62%));
}

@media (max-width: 991.98px) {
  .container.sitecontainer.cryptosaving {
    max-width: 100%;
  }

  .close-btn {
    right: 114px;
  }

  .contain-width.sitecontainer.stacking .card.border-style-cls {
    width: 100%;
  }

  section.stacking-banner .container.sitecontainer {
    max-width: 100%;
    flex-direction: column;
  }

  .stackingbannerright .card {
    gap: 20px;
    padding: 20px;
    flex-direction: column;
  }

  article.gridparentbox.stacking .innerpagecontent,
  article.gridparentbox.stacking .stackingbannerright {
    width: 100% !important;
  }
}


body.darkmode .container.sitecontainer.cryptosaving section.saving-page .data-cnt,
body.darkmode section.saving-page .sub-all,
body.darkmode section.saving-page .duration,
body.darkmode section.saving-page label.bn-input-label,
body.darkmode section.saving-page,
body.darkmode section.saving-page .infohave i,
body.darkmode section.saving-page .input-box,
body.darkmode .container.sitecontainer.cryptosaving section.saving-page .data-cnt .btn-img p {
  color: #fff !important;
}

body.darkmode .container.sitecontainer.cryptosaving .form-control {
  background: transparent;
  color: #a1a7af;
}

body.darkmode .container.sitecontainer.cryptosaving section.saving-page .avaliable-btn h4,
body.darkmode section.saving-page .minmum h4,
body.darkmode .container.sitecontainer.cryptosaving .bn-input-suffix.pop-sep .max-btn .btn-img p,
body.darkmode .summary-detail h4,
body.darkmode .container.sitecontainer.cryptosaving section.saving-page .checkbox h4 {
  color: #fff !important;
}

body.light .simplebar-scroll-content .innerpagecontent {
  background: #eeeff3;
  border-top: none;
}

.simplebar-scroll-content .innerpagecontent {
  padding: 10px 13px;
  position: relative;
}



.earings a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  color: #000;
}

.earings h4.income-title {
  font-size: 14px !important;
  margin-bottom: 0;
  color: #fff;
}

.card-full {
  background: #5D3587;
  padding: 21px 13px;
  border-radius: 12px;
  margin-bottom: 20px;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info a {
  color: #000;
}

body.darkmode .info a {
  color: #fff;
}

body.darkmode .container.sitecontainer.cryptosaving section.saving-page .enough .info h4 {
  color: #fff;
}

p.title-rupee {
  color: #fff;
}

.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 150px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.custom-model-main.model-open {
  display: block;
  opacity: 1;
  z-index: 1;
}

.custom-model-inner {
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
}

.close-btn {
  position: absolute;
  right: 35%;
  top: 40px;
  cursor: pointer;
  z-index: 1;
  color: #fff;
  background: #596CB5;
  border: 0px;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.pop-up-content-wrap h4,
.pop-up-content-wrap p {
  color: #000;
}

.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 50px;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  text-align: center;
  max-width: 500px;
  min-width: 500px;
  margin: 0 auto;
}

body.darkmode .custom-model-wrap {
  background-color: #1a1a1a;
}

.pop-up-content-wrap input.form-control {
  font-size: 13px;
  height: 35px;
  background: #fff;
  border: 1px solid #494949;
  color: #000;
  box-shadow: none;
  outline: none;
  font-weight: 600;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  width: auto;
  display: inline-block;
  margin-left: 10px;
}

body.darkmode .pop-up-content-wrap input.form-control {
  background: #0c0c0c;
  color: #fff;
}

.pop-up-content-wrap {
  margin-bottom: 25px;
}

.pop-up-content-wrap label {
  color: #000;
}

body.darkmode .pop-up-content-wrap h4,
body.darkmode .pop-up-content-wrap p,
body.darkmode .pop-up-content-wrap label {
  color: #fff;
}

article.gridparentbox.earning {
  padding-bottom: 50px;
}

@media(min-width:768px) and (max-width:991.98px) {
  .dropdown.head.responsive-head {
    top: 4px;
  }

  .close-btn {
    right: 145px !important;
  }

  .contain-width.sitecontainer.stacking .eth-card-total {
    flex-wrap: nowrap !important;
  }
}

.icon-title a {
  display: block !important;
}

.card-direct.last-box {
  display: flex;
  gap: 15px;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 10px !;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  background-image: url('../images/drop-icon.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
}



/* trade-history new css */
/* narmatha */
body.pagewrapperbox table.table.sitetable tr th {
  color: #6C7080;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  cursor: pointer;

}

body.pagewrapperbox .nav-tabs {
  border-bottom: none;
  gap:10px;
  align-items: center;
}
.profilepaget.trade-history .table th:last-child, .profilepaget.trade-history .table td:last-child {
  /* text-align: right !important; */
}

.profilepaget.trade-history a.nav-link {
  padding: 14px 0 20px;
  color: rgba(108, 112, 128, 1);
}

.profilepaget.trade-history ul.nav.nav-tabs.tabbanner {
  gap: 25px;
  margin-top: 25px;
}
.profilepaget.trade-history .input-group.dateinput input.form-control{
  width: auto !important;
}
.profilepaget.trade-history .input-group.dateinput{
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 0 14px;
}
body.darkmode .profilepaget.trade-history .input-group.dateinput{
  border: 1px solid #494949 !important;
}
.pair-data-trade {
  display: flex;
  gap: 6px;
}

select.select-currency,article.profile-page select.select-payment-method,article.profile-page select.select-bank-name {
  width: 100%;
  padding: 10px 13px;
}

.t-up {
  background: #EF4444;
}

.t-down {
  background: #03A66D;
}

.t-up,
.t-down {
  padding: 5px;
  border-radius: 5px;
}

body.pagewrapperbox table.table.sitetable tr th:last-child,
table.table.sitetable tr td:last-child {
  /* text-align: right !important; */
}

body.pagewrapperbox table.table.sitetable tr td {
  text-align: left;
}

table thead tr {
  border-bottom: 1px solid #EFEFEF !important;
  border-top: 1px solid #EFEFEF !important;
}

table tbody {
  border-bottom: 1px solid #EFEFEF !important;
}

table.table.sitetable tr td {
  font-size: 14px !important;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #6C7080 !important;
}


table.table.sitetable tr td p.trade-currency-text {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.pair-data,
.side-data {
  display: flex;
  gap: 10px;
  align-items: center;
}

tr td p {
  color: #2B3144 !important;
  margin: 0;
}

table.table.sitetable tr td span.trade-currency-label {
  background: #E9EAF0;
  padding: 3px 10px 3px 10px;
  border-radius: 5px;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: #8745cbdb  !important;
}

body.pagewrapperbox .sitetable thead tr th,
body.pagewrapperbox .sitetable tbody tr.clickable-row td {
  padding: 17px 10px !important;
}

body.pagewrapperbox .innerpagegrid .sitetable tbody tr td {
  border-top: none;
}

span.status-complete {
  color: #03A66D !important;
}

span.status-pending {
  color: #6C7080 !important;
}

span.sell-buy-status span {
  font-size: 10px;
}

span.trade-currency-pair {
  display: flex;
  gap: 8px;
}

span.status-canceled {
  color: #DC2626 !important;
}

.mobile-view {
  display: none !important;
}

.history-more-menu i {
  display: none;
}

span.action-icon {
  padding-right: 6px;
}

span.status-success,
span.status-rejected {
  padding: 5px 8px;
  border-radius: 4px;
}

span.status-success {
  background: #D1FAE5;
  color: #03A66D;
  font-size: 14px;
}

table tbody tr.clickable-row td {
  font-size: 14px !important;
}

span.status-rejected {
  color: #DC2626;
  background: #FEE2E2;
}



ul.pagination li a:hover {
  color: #5D3587;
  background-color: transparent;
  /* border: 1px solid #5D3587; */
  border-radius: 5px;
  border: 1px solid #5D3587!important;
}

/* dark mode */
body.darkmode .deposit-withdraw-dialog .modal-content {
  background: #121318;
}

body.darkmode .deposit-withdraw-dialog h1.modal-title,
body.darkmode .dw-dialog-body h4,
body.darkmode p.past-deposit-title,
body.darkmode .deposit-disclaimer p.disclaimer-title {
  color: #fff;
}

body.darkmode tr td p,
body.darkmode select,
body.darkmode table.table.sitetable tr td {
  color: #FFFFFF !important;

}

body.darkmode table thead tr,
body.darkmode table tbody {
  border-bottom: 1px solid #EFEFEF26 !important;
  border-top: 1px solid #EFEFEF26 !important;
}

body.darkmode .pay-account-no {
  border: 1px solid #CCCED926 !important;
}


body.darkmode input {
  color: #FFFFFF;
  background: transparent;

}

button.wallet-balance-price-hide,
.wallet-block-bottom-right {
  background: #080808;
}


/* .tab-header ul {
  display: flex;
}

.tab-box {
  display: none;
  padding: 20px;
 border: 1px solid #ccc;
}
.tab-box.active {
  display: block;
} */




/* wallet page */
article.gridparentbox {
  margin: 60px 0;
}

.table-pagination {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.wallet-block {
  padding: 40px;
  background: #fff;
  border-radius: 10px;
}

article.gridparentbox h3 {
  font-size: 21px;
  font-weight: 500 !important;
  line-height: 28px;
  text-align: left;
  /* color: #2B3144; */
}

.wallet-block-top-left label {
  color: #545766;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
}

.wallet-block-1-top,
.wallet-block-1-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

button.edit-wallet-btn,
button.add-wallet-btn {
  border: 1px solid #CCCED9;
  background: transparent;
  border-radius: 5px;
  padding: 10px 13px;
  gap: 6px;
}

button.edit-wallet-btn span,
button.add-wallet-btn span {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: #9295A6;
}

.wallet-block-top-right button img {
  width: 20px;
}

.wallet-block-top-right {
  display: flex;
  gap: 16px;
}

.wallet-balance-title span,
span.total-dw-left-text,
article.wallet-page label,
.form-check-input,
.search-box {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
}

span.total-deposit-withdraw-left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
}

.wallet-balance-title span,
span.total-dw-left-text,
article.wallet-page label {
  color: #6C7080;
  white-space: nowrap;
}

.form-check-input {
  color: #ffffff
}

.form-check.pay-method-radio {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  align-items: center;
  width: 100%;
}

span.pay-method-right {
  display: flex;
}

article.wallet-page label {
  margin-bottom: 6px;
}

.wallet-block-1-bottom {
  padding-top: 50px;
}

.choose-payment-method {
  /* border-bottom: 1px solid #CCCED9; */
  margin-bottom: 0;
}

.wallet-block .add-money {
  padding: 10px 0 10px;
}

.select-payment-block {
  margin-top: 40px;
}

.wallet-top-block.wallet-block,
.choose-payment-method .form-group {
  margin-bottom: 30px;
}

.wallet-balance-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 30px;
}

.wallet-block-bottom-right {
  background: #E2F2FF;
  padding: 10px 15px;
  border-radius: 5px;
  width: 385px;
}

.total-deposit-withdraw {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

span.total-dw-right-text {
  color: #2B3144;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 24px;
  text-align: left;
}

.wallet-right-block.wallet-block h3 {
  margin-bottom: 30px;
}

.wallet-balance-value {
  display: flex;
  align-items: center;
  gap: 10px;
}

button.wallet-balance-price-hide {
  display: flex;
  border: none;
  gap: 5px;
  background: #E2F2FF;
  color: #6C7080;
}

a.page-link {
  background: transparent;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #6C7080;
}

body.light {
  color: #2B3144;
}

body.darkmode {
  color: #FFFFFF;
  background: #080808 !important;
}

body.darkmode button.close-dialog-btn i {
  color: #fff !important;
}

body.darkmode .wallet-block {
  background: #121318;
}

body.darkmode .wallet-block-bottom-right,
body.darkmode button.wallet-balance-price-hide {
  background: #080808;
}

body.darkmode .wallet-balance-title span,
body.darkmode span.total-dw-left-text,
body.darkmode article.wallet-page label {
  color: #AEB1BF !important;
}

body.darkmode input#cardValid {
  color: #9295A6;
}

body.darkmode span.total-dw-right-text {
  color: #FFFFFF;
}

body.darkmode span.status-success,
body.darkmode span.status-rejected {
  background: #080808;
}

body.darkmode select.history-months,
body.darkmode select.select-currency,body.darkmode article.profile-page select.select-payment-method,body.darkmode article.profile-page select.select-bank-name ,
body.darkmode .container.sitecontainer {
  background: #121318;
}

.container.sitecontainer select.select-currency, article.profile-page select.select-payment-method,article.profile-page select.select-bank-name,
input#amount {
  width: 100%;
  padding: 13px;
  border-radius: 5px;
}

select.select-currency, article.profile-page select.select-payment-method,article.profile-page select.select-bank-name  {
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  background-color: #fff;
  padding: 13px;
  color: #6C7080;
}

button.btn.sitebtn.btn-sm {
  color: #fff;
}

article.wallet-page label.wallet-balance-price {
  font-size: 33px !important;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.02em;
  text-align: left;
}

input#amount {
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 24px;
  text-align: left;
  /* border: 0 !important; */
}

.pay-account-no,
.card-valid-input,article.profile-page .card-holder-input ,article.profile-page .payment-upi-id,article.profile-page .payment-ifsc-code{
  padding: 10px 15px;
  width: 100%;
}

input:focus,
select:focus {
  border: none;
}

input#account-num:focus {
  outline: none;
  border: none;
}

input::placeholder,
.pay-method-left label,
input#amount,
article.wallet-page label.wallet-balance-price {
  color: #2B3144 !important;
  margin: 0 !important;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.paypal .pay-method-left input#exampleRadios1 {
  margin-top: 8px;
}

label.pay-method-label {
  color: #AEB1BF !important;
}

.form-check-input:checked[type=radio],
.form-check-input[type=radio] {
  font-size: 15px;
}

.pay-method-left label:hover {
  color: #5D3587!important;
}

input#account-num {
  border: none !important;
}

.pay-account-no {
  display: flex;
  justify-content: space-between;
  border: 1px solid #000;
  border-radius: 5px;
}

span.total-asset {
  color: #6C7080;
  font-size: 12px;
}

/* calander */
::-webkit-inner-spin-button {
  display: none;
}

::-webkit-calendar-picker-indicator {
  background-image: url(".././images/calender-icon.svg");
  background-position: center;
  background-size: 24px 24px;
  background-repeat: no-repeat;

}


.pay-valid-cvv {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.pay-valid-cvv .form-group {
  width: 50% !important;
}

input#cvv,
input#cardValid {
  padding: 12px 15px;
  width: 100% !important;
  color: #AEB1BF;
}

input,
select {
  border: 1px solid #CCCED9 !important;
  border-radius: 5px;
}

body.darkmode input,
body.darkmode select.select-currency, article.profile-page select.select-payment-method,article.profile-page select.select-bank-name  {
  border: 1px solid #494949 !important;
  border-radius: 5px;
}

.card-cvv-input,
.card-valid-input {
  background-image: url(".././images/exclamation-icon.svg");
  background-position: right;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.transaction-history-top .search-box {
  background-image: url(.././images/search-icon.svg) !important;
  background-size: 24px 24px !important;
  background-position: 10px !important;
  background-repeat: no-repeat !important;
  padding: 12px 13px 12px 40px;
  position: relative;
  width: 270px;
}

body.darkmode input::placeholder {
  color: #9295A6 !important;
}

.transaction-history-top {
  display: flex;
  justify-content: space-between;
}

ul.nav-pills li.wallet-tab-item a.wallet-tab-link {
  background: transparent;
  color: #6C7080;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  border-radius: 0;
  padding: 5px 5px 20px;
}

ul.nav-pills li.wallet-tab-item a.wallet-tab-link.active {
  color: #5D3587;
  border-bottom: 2px solid #5D3587;
}

.wallet-tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom: -16px; */
  padding-top: 40px;
}

.wallet-tab-right {
  display: flex;
  gap: 10px;
  align-items: center;
}

button.close-dialog-btn {
  background: transparent;
  outline: none;
  border: none;
}

.wallet-block select.history-months {
  background: transparent;
  border: none !important;
  color: #9295A6;
}

input:focus,
select:focus {
  outline: none !important;
}

.add-money {
  padding: 20px 0 10px;
}

button.add-money-btn {
  background: #5D3587;
  outline: none;
  border: none;
  width: 100%;
  padding: 17px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.tab-box {
  display: none;
}

.tab-box.active {
  display: block;
}

.wallet-head i {
  font-size: 10px;
}

ul li {
  margin-bottom: 0 !important;
  list-style: none;
}

button.deposit-withdraw-dialog-btn {
  background: var(--wall-btn);
  border: none;
  color: #5D3587!important;
}

td.deposit-withdraw {
  display: flex;
  justify-content: end;
}

.deposit-withdraw-dialog .modal-header {
  border-bottom: none;
  padding: 0;
}

.deposit-withdraw-dialog .modal-content {
  padding: 26px;
  border-radius: 10px;
}

.deposit-withdraw-dialog h1.modal-title {
  font-size: 23px;
  font-weight: 600 !important;
  line-height: 28px;
  text-align: left;
  color: #404655;
}

.dw-dialog-body h4,
p.past-deposit-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  text-align: center;
}

p.past-deposit-title {
  margin-bottom: 6px;
}

p.past-deposit-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-bottom: 6px;
}

.modal-body.dw-dialog-body {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  gap: 9px;
  padding-bottom: 0;
}

.qr-code-deposit-img {
  padding: 20px;
  box-shadow: 0px 13px 37px 0px #00000036;
  text-align: center;
  border-radius: 5px;
  width: fit-content;
  margin: auto;
}

.qr-code-deposit h4 {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.deposit-disclaimer p.disclaimer-title,
p.deposit-destination {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}

.deposit-disclaimer p.disclaimer-title {
  color: #2B3144;
  margin-top: 19px;
}

p.disclaimer-para {
  border-top: 1px solid #E9EAF0;
  padding-top: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}

p.disclaimer-para,
p.deposit-destination {
  color: #6C7080 !important;
  margin-bottom: 6px;
}

input#destinationLink {
  border: none !important;
  outline: none;
  background: transparent;
  width: 100%;
  text-overflow: ellipsis;
}

.destination-link-btn {
  border: 1px solid #CCCED9;
  padding: 4px 8px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}

.destination-link-btn button {
  border: none;
  outline: none;
  background: #5D3587;
  padding: 5px 17px;
  border-radius: 4px;
  color: #fff;
}
body.light .header-top-left .search-box.open input{
  color: #000 !important;
}
.nav-tabs .nav-link:hover{
  border-color: #fff !important;
}
body.darkmode .nav-tabs .nav-link:hover{
  border-color: #121318 !important;
}
/* .destination {
  width: 100%;
} */
section.easy-way-toget p {
  max-width: 565px;
}
@media(max-width: 767.98px) {
  .deposit-withdraw-dialog .modal-content {
    padding: 15px;
  }

  .address-details {
    margin: 0 !important;
}
  .historytab .tabbanner {    
    justify-content: flex-start !important;
  }
  .inner-left-icons {
    margin-top: 20px;
}
  .footer-left {
    flex-direction: column;
    align-items: center !important;
    gap:0 !important;
  }
  section.footer ul{
    justify-content: center !important;
  }
  .profilepaget.trade-history ul.nav.nav-tabs.tabbanner {
    gap: 0;
  }

  span.selected-pay-methed-icon {
    position: relative;
    left: -15px;
  }

  .modal-body.dw-dialog-body {
    padding: 20px 0;
  }

  .deposit-withdraw-dialog h1.modal-title,
  .dw-dialog-body h4,
  p.past-deposit-title,
  .deposit-disclaimer p.disclaimer-title {
    margin-bottom: 8px;
    padding: 0;
  }

  .wallet-tab {
    padding-top: 20px;
  }

  .deposit-disclaimer p.disclaimer-title,
  p.deposit-destination,
  .dw-dialog-body h4,
  p.past-deposit-title,
  input#destinationLink {
    font-size: 14px !important;
  }

  .destination-link-btn button {
    font-size: 12px;
    padding: 8px 14px;
  }

  .destination-link-btn {
    padding: 8px 8px;
  }

  .pair-data-trade {
    flex-direction: column;
    gap: 0;
  }

  .pair-data,
  .side-data {
    gap: 6px;
    align-items: center;
  }

  body.pagewrapperbox .sitetable thead tr th,
  body.pagewrapperbox .sitetable tbody tr.clickable-row td,
  span.status-success,
  span.status-rejected {
    padding: 10px 6px !important;
  }

  span.sell-buy-icon.t-up svg path {
    fill: #EF4444 !important;
  }

  span.sell-buy-icon.t-down svg path {
    fill: #03A66D !important;
  }

  span.sell-buy-icon.t-up,
  span.sell-buy-icon.t-down {
    background: transparent;
  }

  table.table.sitetable tr td span.trade-currency-label {
    background: transparent;
    padding: 0px;
    font-size: 12px !important;
    color: #5D3587 !important;
    width: max-content;
  }

  span.total-dw-right-text {
    font-size: 12px;
  }

  table.table.sitetable tr td p.trade-currency-text {
    font-size: 14px !important;
  }

  .desktop-view {
    display: none;
  }

  .mobile-view,
  span.trade-currency-pair,
  .history-more-menu i {
    display: block;
  }

  .panelcontentbox {
    padding: 10px 0;
  }

  .innerpagetab .tabbanner li a {
    padding: 0px 9px 24px !important;
  }

  .innerpagecontent {
    display: flex;
    justify-content: space-between;
  }

  span.status-complete,
  span.status-canceled,
  tr td p,
  span.status-success {
    font-size: 14px !important;
  }

  button.add-money-btn {
    font-size: 16px;
  }

  span.side-data.action-data {
    align-items: self-start;
  }

  .mobile-view span.action-status {
    display: flex;
    flex-direction: column;
  }

  .mobile-view {
    display: none !important;
  }

  span.wallet-action.action.mobile-view {
    display: flex !important;
    gap: 4px;
  }

  .mobile-view span.action-date {
    font-size: 12px;
  }

  .form-group {
    margin-bottom: 10px;
  }

  .select-payment-block {
    margin-top: 20px;
  }

  span.status-success,
  span.status-rejected {
    background: transparent;
  }

  table.table.sitetable tr td {
    font-size: 14px !important;
  }

  .wallet-block-1-bottom {
    flex-direction: column;
  }

  span.hide-price-text {
    display: none;
  }

  .transaction-history-top .search-box {
    max-width: 100%;
    display: none !important;
  }

  .wallet-block {
    padding: 15px;
    /* margin: 15px !important; */
  }

  article.gridparentbox h3 {
    font-size: 18px;
    margin-bottom: 0 !important;
  }

  .currency {
    justify-content: space-between;
  }

  .wallet-balance-title span,
  span.total-dw-left-text,
  article.wallet-page label,
  .form-check-input,
  .search-box {
    font-size: 12px !important;
    white-space: nowrap;
  }

  .wallet-block-bottom-left {
    display: flex;
    margin: 0 0 10px;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    /* flex-direction: column; */
  }

  .hide-price-amt {
    margin-top: 0 !important;
  }

  article.wallet-page .wallet-balance-value label.wallet-balance-price {
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }

  article.gridparentbox,
  .wallet-balance-title {
    margin: 0;
  }

  .wallet-block-1-bottom {
    padding-top: 10px;
  }

  .wallet-balance-value,
  .wallet-balance-title {
    /* gap: 0; */
    white-space: nowrap;
  }

  span.action-icon {
    padding: 0;
  }

  .container.sitecontainer {
    padding: 25px 10px;
  }

  .searchfrm.row {
    display: none !important;
  }

  .tabbanner li a {
    font-size: 12px;
    padding: 6px 11px;
  }

  .innerpagegrid .headbg .navbar-nav {
    /* flex-direction: row; */
  }

  .innerpagegrid .tabbanner li a {
    font-size: 13px;
    font-weight: 400;
  }

  .innerpagecontent>div {
    padding: 0px 10px;
  }

  .innerpagegrid .footerbox {
    display: block;
  }

  .wlltdpstbox .tabbanner {
    max-width: 100%;
  }

  .latestnewsbg {
    margin-top: 0px;
  }

  .orderformbg1 {
    display: block;
  }

  .orderformbg1>div {
    margin: 0px;
  }

  .livepricenavbg li {
    line-height: 21px;
    padding: 10px 11px;
    padding-top: 3px;
    width: 33.3%;
    min-height: 50px;
  }

  .livepricemobile li a {
    font-size: 12px;
  }

  .livepricenavbg {
    padding: 0px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: inherit;
  }

  .headermenu .headbg ul li a.nav-link {
    padding: 10px 6px;
    font-size: 14px;
    /* color: #344767 !important; */
  }

  .leftsidescroll {
    height: 80%;
  }

  .photopic img {
    width: 30px;
    height: 30px;
  }

  .fullscreenicon img {
    max-width: 13px !important;
    /* filter: grayscale(1) invert(1); */
  }

  .langmenu img {
    width: 20px;
    height: 20px;
  }

  .tradehistory .sitescroll {
    max-height: 342px;
  }

  .orderformbg1>div:first-child {
    border-right: 0px;
    border-bottom: 0px;
  }

  .tradepage thead tr th {
    font-size: 12px;
  }

  .buysellinnerbox .sitecontainer .row>div:last-child {
    margin-top: 10px;
  }

  .searchfrm {
    width: 100%;
    /* display: block; */
    margin-bottom: 0px;
    width: 100%;
    display: none;
  }

  .searchfrm>div {
    width: 100%;
    float: left;
  }

  .seacrright>div>div {
    float: none;
  }

  .clearbtn {
    width: 100% !important;
    margin: 11px 0px;
    text-align: center;
  }

  .countlisticon {
    right: inherit;
    left: 20px;
  }

  .sidebar {
    display: none !important;
  }

  .sidebar.active {
    display: block !important;
    box-shadow: 1px 1px 18px 0px rgba(4, 4, 4, 0.5);
    width: 240px;
  }

  .sidebar.active li.dropdown .dropdown-menu {
    width: 240px;
    min-width: 240px;
  }

  .sidebar.active ul li a {
    text-align: left;
    padding: 10px 20px;
    font-size: 14px;
  }

  .sidebar.active li a>div {
    display: inline-block;
  }

  .innerpagegrid .gridparentbox,
  .pagewrapperbox .innerpagegrid .gridparentbox,
  .headbg {
    padding-left: 0px !important;
  }

  .innerpagegrid .headbg {
    padding: 0px;
  }

  .tradepage .mobiletoggle {
    display: none;
  }

  .tradepage .logo,
  .nosidebarmenu .logo {
    margin-left: 0px;
  }

  .logo {
    margin-left: 0;
    max-width: 150px;
    margin-top: 0;
  }

  .profileboxt .text-right {
    text-align: center !important;
  }

  .profileboxt {
    text-align: center;
  }

  ul.noteslist li {
    list-style: none;
  }

  .balanceshowt>div {
    width: 100%;
    display: inline-block;
    text-align: center !important;
  }

  .tablebox>div {
    margin-top: 0;
  }

  .wlletboxt .progressbalance {
    text-align: center !important;
  }

  .balanceshowt {
    text-align: center;
  }

  ul.noteslist {
    padding-left: 0px;
  }
   .profiletablebox h4,
   .profiletablebox h5 {
    font-size: 13px ;
     
  }

  article.profile-page .profiletablebox h4,
  article.profile-page .profiletablebox h5 {
    font-size: 13px !important;
        margin-top: 10px;
  }

  .mlmwizardform #progressbar li>strong {
    display: block;
    margin: 0px auto;
    float: none;
    margin-bottom: 12px;
  }

  .profilebottombtn {
    margin-top: 0px;
  }

  .usermenu .fa-angle-right {
    position: relative;
    right: inherit;
    top: 0;
  }

  .footer-gray-bg .footlistbg {
    min-height: inherit;
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }

  .footer-gray-bg .flogo {
    max-width: 140px;
  }

  .footerbox .text-right {
    text-align: left !important;
  }

  .footerbottombg {
    margin-top: 10px;
  }

  .footerbottombg>div {
    text-align: center !important;
  }

  .footerbottombg .sociallist {
    float: inherit;
    padding: 0px;
    margin: 0px auto;
  }

  .footerbottombg .text-right {
    text-align: left !important;
  }

  .ftext {
    padding-top: 0;
  }

  .walletpagebg .tabrightbox {
    position: relative;
    top: inherit;
    right: inherit;
  }

  .innerpagegrid .historytab .tabbanner {
    margin: 0px !important;
    padding: 10px !important;
  }

  .innerpagegrid .historytab .tabbanner li {
    text-align: center;
  }

  .innerpagegrid .historytab .tabbanner li a.nav-link {
    border-radius: 0px !important;
  }

  .grid-box {
    grid-template-areas: "livepricelist livepricelist" "mobilegrid mobilegrid" "marketlist marketlist" "chart chart" "orderbook orderbook" "orderform orderform" "tradehistory tradehistory" "walletbalance walletbalance" "openorder openorder";
    grid-template-columns: 1fr 1fr;
  }

  .marketlistsidemenu,
  .buyselltabbg {
    display: block;
  }

  .marketlist {
    display: none;
  }

  .tradechartlist>div,
  .marketchart>div {
    min-height: 420px;
  }

  .tradingcomp .tradechartlist>div,
  .tradingcomp .marketchart>div {
    min-height: 484px;
  }

  .tradingcomp .marketlist .table-responsive {
    max-height: 90%;
  }

  .balancewlt {
    position: absolute;
    right: 0px;
    top: -52px;
    text-align: right;
    padding: 15px 10px;
    padding-bottom: 0px;
  }

  .tradepage .heading-box {
    padding: 10px 9px;
    font-size: 13px;
  }

  .orderform .input-group .input-group-prepend {
    display: inline-block;
    width: 100%;
    display: none;
  }

  .orderform .input-group-prepend .input-group-text {
    width: 100%;
  }

  .orderform .siteformbg {
    padding: 10px;
  }

  .stoplimtboxt>div:first-child {
    display: none;
  }

  .orderformbg1 .heading-box {
    display: none;
  }

  .buyselltabbg {
    padding: 10px 12px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0px;
  }

  .limitabbg img {
    display: none;
  }

  .buyboxorder .sitescroll,
  .sellboxorder .sitescroll {
    height: 190px;
    max-height: inherit;
  }

  .orderchangebg li a {
    padding: 6px 6px;
  }

  .grid-box {
    margin: 0px;
    grid-gap: 0;
  }

  .grid-box>div {
    margin-bottom: 7px;
  }

  .orderform .siteformbg input.form-control::placeholder {
    color: #656565 !important;
  }

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

  .orderform input.form-control:-moz-placeholder {
    color: #656565 !important;
  }

  .orderform input.form-control::-moz-placeholder {
    color: #656565 !important;
  }

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

  .orderform .h6 {
    font-size: 12px;
  }

  .marketlistsidemenu .table thead {
    display: none;
  }

  .marketlist.active {
    display: block;
    position: fixed;
    z-index: 999;
    width: 350px;
    left: 0px;
    top: 0px;
    height: 100%;
    border-radius: 0px;
    background: #090909;
    border: 0px;
    box-shadow: 1px 1px 18px 3px #0000009c;
    margin: 0px;
    padding-bottom: 30px;
  }

  .grid-box {
    position: relative;
  }

  .marketlist .table thead {
    display: none;
  }

  .marketlist .heading-box {
    padding: 15px 10px;
    background: #090909;
    display: inline-block;
    width: 100%;
  }

  .marketlist .table tbody td:nth-child(2),
  .marketlist .table tbody td:nth-child(3),
  .marketlist .table tbody td:nth-child(4) {
    display: block;
    border: 0px;
    padding: 0px 8px;
    text-align: right;
    line-height: 21px;
  }

  .marketlist .table tbody td:nth-child(2) {
    padding-top: 7px;
    margin-top: -1px;
  }

  .marketlist .table tbody td:nth-child(4) {
    padding-bottom: 6px;
  }

  .marketlist .seacrhbox {
    padding: 10px 10px;
    margin-top: 0;
  }

  .marketlist .table tbody tr td:first-child,
  .marketlist .table tbody tr td:nth-child(2) {
    border-top: 1px solid #242424;
  }

  .marketlist .table tbody tr {
    position: relative;
    background: #090909;
    border-bottom: 1px solid #090909;
  }

  .marketlist tbody tr td {
    /* border-color: #131313; */
    color: #d1d1d1;
    /* background: #131313; */
  }

  .marketlist .table tbody tr td:nth-child(3)>span {
    position: absolute;
    left: 37px;
  }

  .marketlist .table tbody tr td {
    padding: 11px 8px;
  }

  .marketlist .table tbody tr td:first-child {
    vertical-align: top;
  }

  .marketlist .table tbody tr td {
    font-size: 12px;
    color: #fff;
  }

  .marketlist .coinlisticon {
    width: 25px;
  }

  .marketlist .tabbanner {
    flex-wrap: inherit;
    margin: 0px;
  }

  .marketlist .tabbanner li {
    width: 100%;
    text-align: center;
    line-height: normal;
    min-height: inherit;
    border: 0px;
  }

  .marketlist .table-responsive {
    max-height: 90%;
    border-bottom: 0px;
    overflow: hidden;
  }

  .marketlist .tab-content {
    height: 100%;
    overflow: auto;
    padding-bottom: 85px;
  }

  .marketlist .tab-content {
    min-height: inherit;
  }

  .marketlistt li>div {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: 100%;
  }

  .marketlistt li>div:first-child {
    width: 100px;
    padding: 1px 6px;
  }

  .marketlistt li .text-left {
    font-size: 16px;
    font-weight: 600;
    color: #000;
  }

  .limitabbg {
    margin: 5px 15px;
    justify-content: inherit !important;
  }

  .chart .charttabbg li a {
    padding: 6px 11px;
  }

  .marketlist.active .closeiconlist {
    display: block;
  }

  .sellshow .sellboxorder .sitescroll,
  .buyshow .buyboxorder .sitescroll {
    height: 320px;
  }

  .ruleslist {
    top: 54px;
  }

  .orderform .limitabbg li a {
    padding: 8px 21px;
    font-size: 14px;
  }

  .headbg .navbar-nav.ml-auto {
    position: absolute;
    right: 3px;
    top: 10px;
    flex-direction: row;
  }

  .headbg ul li {
    display: inline-block;
  }

  .livepricelist {
    width: 100%;
    margin-top: 16px;
    display: none;
  }

  .supportflexb>div:first-child {
    width: 50%;
  }

  .profileflexbox .input-group .prfbtn {
    width: 100%;
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .profileflexbox .sitebtn {
    margin: 10px auto;
    text-align: center;
    display: block;
  }

  .prfbtn {
    text-align: center;
  }

  /* .chatticketlist {
      display: none;
    } */

  .supportlistshow .chatticketlist {
    display: block;
    position: absolute;
    z-index: 99;
    top: 0;
    width: 100% !important;
  }

  .supportbg {
    position: relative;
  }

  .supportlistshow .ticktmenuicon i {
    display: block;
  }

  .supportbg>div {
    border-right: 0px;
  }

  .supportlistshow .supportticketlist {
    opacity: 0.5;
  }

  .supportlist .tabbanner li a.active {
    border-bottom: 1px solid #282d35 !important;
    border-top: 1px solid #282d35 !important;
    background-color: #282d35 !important;
  }

  .supportlist {
    max-height: 550px;
  }

  .chatboxscroll {
    max-height: 275px;
  }

  .tradingcomp .chatboxscroll {
    max-height: 446px;
  }

  .gridparentbox .innerpagecontent::before,
  .gridparentbox .innerpagecontent::after {
    display: none;
  }

  .innerpagecontent {
    padding-top: 0px;
  }
  article.gridparentbox.stacking .innerpagecontent{
    flex-direction: column !important;
  }
  .centerbox .contentpanel {
    padding: 25px 25px;
  }

  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .table-responsive-stack td,
  .table-responsive-stack th {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: inherit !important;
    font-size: 14px;
  }

  /* .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 0;
    display: block;
  } */

  .table-responsive-stack td {
    width: 100%;
    text-align: right;
    padding: 7px 10px !important;
    border-color: #272727 !important;
    font-size: 13px !important;
  }

  .table-responsive-stack tbody>tr:nth-child(even) td {
    border-color: #474747c9 !important;
  }

  .table-responsive-stack .table-responsive-stack-thead {
    float: left;
    text-align: left;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
  }

  .table-responsive-stack tbody>tr:nth-child(odd) {
    background: #4a4a4a2b !important;
  }

  .table-responsive-stack tbody>tr:nth-child(even) {
    background: #2e2e2e;
  }

  .buyselltabbg {
    padding: 15px 12px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0px;
    display: block;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    background: #0c0909;
    left: 0px;
    /* box-shadow: 0px -6px 7px #4b3ca333; */
    top: inherit;
    right: inherit;
  }

  .chartactive .mobilegrid li:first-child a,
  .openorderactive .mobilegrid li:nth-child(2) a,
  .tradeactive .mobilegrid li:last-child a {
    color: #fff !important;
    border-bottom: 0px;
    font-weight: bold;
    background: #5D3889;
  }

  .grid-box {
    position: relative;
  }

  .livepricet span,
  .livepricenavbg>li:first-child a,
  .livepricemobile li a {
    font-size: 14px;
  }

  .mobilegrid {
    display: flex;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 5px;
    background-color: #090909 !important;
    border-radius: 5px;
    padding: 0px 6px;
  }

  .orderformslecttab {
    display: block;
  }

  .buyorderformbox {
    display: none;
  }

  .sellorderformbox {
    display: none;
  }

  .tradehistory {
    display: none;
  }

  .openorder {
    display: none;
  }

  .walletbalance {
    display: none;
  }

  .chartactive .chart,
  .chartactive .walletbalance {
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
  }

  .openorderactive .openorder {
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
    background: none !important;
    border: 0px;
    /* overflow: hidden; */
  }

  .tradeactive .tradehistory {
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
  }

  .openorderactive .chart,
  .openorderactive .orderbook,
  .openorderactive .tradehistory,
  .chartactive .openorder,
  .chartactive .tradehistory,
  .tradeactive .chart,
  .tradeactive .orderbook {
    display: none;
  }

  .chartactive .mobilegrid li:first-child a,
  .openorderactive .mobilegrid li:nth-child(2) a,
  .tradeactive .mobilegrid li:last-child a {
    color: #fff !important;
    border-bottom: 0px;
    font-weight: bold;
    background: #5D3889;
  }

  .openorder .tabbanner {
    display: none;
  }

  .tradingcomp .openorder .heading-box {
    display: block;
  }

  .openorder .tab-content>div {
    display: block;
    margin-bottom: 10px;
    border-radius: 11px;
    padding: 0;
    opacity: 1;
  }

  .openorder .heading-box,
  .orderform .hidettitle {
    display: block;
  }

  .buyselltabbg ul {
    margin-bottom: 10px;
    text-align: center;
    justify-content: center;
  }

  .buyselltabbg li:first-child a,
  .buyselltabbg li:first-child a:hover,
  .buyselltabbg li:first-child a:active,
  .buyselltabbg li:first-child a:focus {
    background-color: #03bf73 !important;
    color: #fff !important;
    text-transform: uppercase;
    border-color: #03bf73 !important;
  }

  .buyselltabbg li:nth-child(2) a,
  .buyselltabbg li:nth-child(2) a:hover,
  .buyselltabbg li:nth-child(2) a:focus,
  .buyselltabbg li:nth-child(2) a:focus {
    background-color: #fe0000 !important;
    color: #fff !important;
    text-transform: uppercase;
    border-color: #fe0000 !important;
  }

  .orderform .buyselltabbg {
    position: relative;
    bottom: inherit;
    left: inherit;
    width: 100%;
    max-width: 182px;
    background: none !important;
  }

  .orderform {
    position: fixed !important;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 999;
  }

  .orderform,
  .orderform {
    display: none;
  }

  .sellorderformactive1 .orderform,
  .buyorderformactive1 .orderform {
    display: none;
  }

  .buyorderformactive1 .orderform {
    display: flex;
    border: 0px;
    box-shadow: 0px -9px 7px #0000001f;
  }

  .sellorderformactive1 .orderform {
    display: flex;
    border: 0px;
    box-shadow: 0px -9px 7px #0000001f;
  }

  .buyorderformactive1 .buyorderform {
    display: block;
  }

  .sellorderformactive1 .sellorderform {
    display: block;
  }

  .sellorderformactive1 .buyorderform {
    display: none;
  }

  .buyorderformactive1 .sellorderform {
    display: none;
  }

  .buyselltabbg li a {
    font-size: 14px;
    border-radius: 5px;
  }

  .orderform .buyselltabbg {
    box-shadow: none !important;
  }

  .buyselltabbg li {
    width: 50%;
    padding-right: 5px;
  }

  .buyselltab li a.active {
    cursor: not-allowed;
    opacity: 0.8;
  }

  .tradecontentbox {
    padding-bottom: 9px;
    padding-top: 71px;
  }

  .orderform .buyselltab {
    justify-content: left;
  }

  .orderform .buyselltab li {
    width: 50%;
    padding: 0px;
  }

  .clostbuytab {
    display: block;
    position: absolute;
    right: 6px;
    top: 3px;
    font-size: 25px;
    z-index: 999;
    color: #333;
  }

  .orderform {
    position: relative;
  }

  .clostbuytab a {
    color: #ffffff;
    font-size: 19px;
    background: #5D3889;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    padding-top: 3px;
  }

  .openorder .heading-box {
    display: block;
    padding: 10px 11px;
    margin-bottom: 0;
  }

  .orderform .buyselltab li a {
    font-size: 13px;
    padding: 10px 19px;
  }

  .flexb {
    display: inline-block;
    width: 100%;
  }

  .openorder .sitescroll,
  .orderhistory .sitescroll {
    max-height: 483px;
  }

  .gridparentbox {
    padding-left: 0px;
    padding-top: 30px !important;
  }

  .tradepage .gridparentbox {
    padding-top: 10px !important;
  }

  .innerpagegrid .gridparentbox {
    padding-left: 0px;
    padding-top: 20px !important;
  }

  .searchfrm>div {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    float: none;
  }

  .searchfrmbox {
    display: none;
  }

  .clearbtn .btn {
    font-size: 14px;
  }

  .tradepage .headbg,
  .pagewrapperbox .tradepage .headbg {
    /* background: #363636; */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 8px 17px 0 rgb(26 26 26 / 18%);
    position: fixed;
    padding: 7px !important;
  }

  .spotorderbox .sitescroll {
    max-height: 560px;
  }

  .walletpagebg .coinlisticon {
    float: none;
    width: 24px;
    margin-right: 3px;
    margin-top: 0px;
  }

  .walletpagebg table tr td br {
    display: none;
  }

  .walletpagebg table tbody tr>td:first-child small {
    padding-left: 10px;
  }

  .grid-box-new {
    grid-template-areas:
      "livepricelist livepricelist"
      "mobilegrid mobilegrid"
      "marketlist marketlist"
      "chart chart"
      "chatbg chatbg"
      "orderform orderform"
      "openorder openorder";
    grid-template-columns: 1fr 1fr;
    margin: 0px;
    grid-gap: 0px;
  }

  .chatbgactive .chatbg {
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
  }

  .tradingcomp .chatticketlist {
    display: block;
  }

  .openorderactive .chatbg,
  .chartactive .chatbg {
    display: none;
  }

  .kycpagebg .mlmwizardform #progressbar {
    display: flex;
    flex-wrap: inherit;
    width: 100%;
  }

  .mlmwizardform #progressbar::before,
  .mlmwizardform #progressbar li:first-child::before,
  .mlmwizardform #progressbar li:last-child::before {
    height: 3px;
    width: 100%;
    left: 0px;
    top: 18px !important;
  }

  .mlmwizardform li .infot {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0px;
  }

  .mlmwizardform #progressbar li {
    text-align: center;
    padding: 0px;
  }

  .kycpagebg .siteformbg {
    display: inline-block;
    width: 100%;
  }

  .kycpagebg .siteformbg>div {
    display: inline-block;
    width: 100% !important;
  }

  .dropdown {
    /* right: 60px; */
    /* top: -10px !important; */
  }


  .dropdown.head .dropbtn {
    font-size: 18px !important;
  }

  .dropdown.head .dropbtn {
    font-size: 15px !important;
    margin-left: 0 !important;
  }

  .marketlist {
    grid-area: marketlist;
  }

  .orderform .buyselltab li:first-child a.active {
    background-color: #02c72c !important;
    border-color: #02c72c !important;
    color: #fff;
  }

  .modal-content.launchpad-popup h3 {
    white-space: nowrap;
    font-size: 20px;
  }

  .panelcontentbox.market-coin-box {
    padding-bottom: 40px;
  }

  .get-start-btn a {
    display: block;
  }

  .sell-matched {
    font-size: 15px !important;
  }

  .grid-box.trade-chart-box {
    display: block;
  }

  .tradechartlist.active {
    flex-direction: row !important;
  }

  .fund-details p:first-child {
    font-size: 15px;
    font-weight: 700;
  }

  ul.launchpad-drop.welcome li {
    padding-bottom: 0 !important;
  }

  .captial-raised {
    margin-bottom: 20px
  }

  .fund-details {
    display: block;
    margin-top: 20px;
  }

  .ticket-system {
    display: block;
    margin-top: 20px;
  }

  .fundra-head h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .usd-bg p {
    font-size: 31px;
  }

  .cryto-right-cnt h3 {
    font-size: 30px;
  }

  .fund-details-cnt {
    margin-top: 20px;
  }

  .ieo-ido-launchpad-sctn h4 {
    max-width: 100%;
    margin-bottom: 30px;
    font-size: 26px;
  }

  .cta-box {
    display: block;
    text-align: center;
  }

  .get-ieo-sctn {
    display: block;
    margin-top: 20px;
  }

  .input-box {
    margin-bottom: 20px;
  }

  .get-ieo-sctn .get-start-btn {
    margin-top: 25px;
  }

  .road-map h4 {
    font-size: 33px;
  }

  .promo-full {
    display: block;
  }

  .road-map {
    padding: 25px 18px;
  }

  .promo-card {
    margin-bottom: 20px;
  }

  .sales-expect h5 {
    font-size: 22px;
  }

  .consltation-token {
    padding: 39px 26px;
  }

  .faq_question-text h3 {
    font-size: 15px;
  }

  .question-cnt {
    padding: 50px 12px;
  }

  form.launchpad-form {
    width: 100%;
  }

  .crypto-left img {
    margin-left: 0;
    width: 100%;
  }

  .launchpad-history h4 {
    font-size: 31px;
    font-weight: 700;
  }

  .launch-details-table td img {
    width: 44%;
  }

  .system-free-part p {
    font-size: 15px;
  }

  .input-box input {
    width: 90%;
  }

  .line-bar {
    display: none;
  }

  /* .d-flex {
    flex-direction: column;
  } */

  article.gridparentbox.launchpad {
    background-size: auto !important;
  }

  article.gridparentbox.launchpad .banner-sctn {
    padding: 20px !important;
    background: #210655;
    background-image: none !important;
  }

  .ieo-ido-launchpad-sctn {
    padding-top: 30px;
  }

  article.gridparentbox.launchpad {
    padding-top: 0 !important;
  }

  article.gridparentbox.tokenSale {
    padding-top: 0 !important;
  }

  .specific_token_list {
    position: initial;
    justify-content: flex-start;
    margin: 0 !important;
    gap: 5px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    white-space: nowrap;
    margin: 20px 0 !important;
  }

  .Tops_topsRoiContainer {
    margin: 0;
  }

  .tokenSale_top h1 {
    margin: 0px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 650;
    font-stretch: 97%;
    color: rgb(21, 19, 39);
  }

  .tokenSale_top h4 {
    margin: 0px;
    font-size: 13px;
    font-weight: 530;
    font-stretch: 97%;
    line-height: 24px;
    color: rgb(28, 141, 87);
  }

  .tokenSaleProject_top .contain-width {
    margin: 0;
    padding: 0;
  }

  .tokenSale_top {
    display: flex;
    align-items: center;
    min-height: 135px;
    background-image: url(../images/tokensale-banner-desktop.png) !important;
  }

  .tokenSale_top .contain-width.token {
    padding-left: 16px;
    padding-right: 16px;
  }

  .unlock-card {
    margin-left: 0 !important;
    min-width: auto !important;

  }

  form.ico-form {
    width: auto;
    margin: 10px -19px;
    padding: 20px 16px;
  }

  .Tops_tops.Tops_topsFundraising .unlock-card,
  .Tops_tops.other .unlock-card.TokenSaleCard_card {
    margin-left: 10px !important;
  }

  .tokenSaleProject_top {
    padding: 20px 20px 0 !important;
  }

  .TokenSaleHistory_parent {
    margin-top: 27px;
  }

  .my-deals {
    padding: 0 15px;
  }

  .TokenSaleHistory_trigger {
    display: none;
  }

  .head-flex {
    gap: 14%;
  }

  .TokenSaleHistory_label,
  .BaseTableWithPagination {
    font-weight: 380;
  }

  /* .express-home__input-select-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  } */
  .express__account-wrap-tit-tab,
  .express__tab-bar,
  .express__skeleton-top .right,
  .express__home-navright {
    width: 100% !important;
  }

  .container.sitecontainer.cryptosaving section.saving-page .enough {
    flex-direction: column;
  }

  .container.sitecontainer.cryptosaving section.saving-page .checkbox h4 {
    font-size: 12px;
  }

  .container.sitecontainer.cryptosaving section.saving-page .enough .info h4 {
    font-size: 14px !important;
  }

  .custom-model-wrap {
    min-width: auto !important;
  }

  .close-btn {
    right: 32px !important;
  }



  /* market new page */
  .filter p,
  .input-group.dateinput input.form-control {
    display: none;
  }

  .input-group.dateinput .input-group-text {
    border: 0;
  }

  .market-headbox-right .form-group {
    width: auto !important;
  }

  .pagecontent.gridpagecontent.innerpagegrid article.gridparentbox.market-page {
    padding: 15px !important;
    padding-left: 15px !important;
  }

  .market-headbox-right {
    gap: 17px !important;
  }

  .market-headbox {
    padding: 0 !important;
    margin: 0 !important;
  }

  article.gridparentbox.market-page .container.sitecontainer.dashboardpage {
    padding: 16px;
  }

  .market-headbox-left h1 {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
  }

  .input-group.dateinput .input-group-text {
    padding: 0 !important;
  }

  .market-coins {
    margin-top: 23px !important;
  }

  .market-coins .row {
    flex-direction: row;
    gap: 32px;
    overflow: scroll;
    flex-wrap: nowrap;
  }

  ul.top-prefered {
    gap: 20px;
    flex-wrap: nowrap;
    overflow: scroll;
    padding-bottom: 5px;
  }

  .top-header-tab-sec {
    flex-direction: column;
  }

  .container.sitecontainer.dashboardpage.nextsec {
    margin-top: 29px !important;
  }

  ul.top-prefered li.nav-item button {
    white-space: pre;
  }

  table.table.sitetable thead {
    position: sticky;
    top: 0;
  }

  .top-header-tab-sec {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px;
    overflow-x: scroll;
  }

  .inner-tab-head {
    display: flex;
    flex-direction: column;
  }

  ul.inner-category.nav-tabs li button.nav-link {
    white-space: pre;
  }

  ul.inner-category {
    margin-top: 7px;
    flex-wrap: nowrap;
    overflow-x: scroll !important;
  }
  .inner-left-icons {
    overflow: auto;
}

  .inner-tab-head {
    /* overflow-x: scroll; */
    overflow-y: hidden;
  }

  article.gridparentbox.market-page table.table.sitetable {
    margin-top: 30px;
  }

  .market-headbox-left {
    width: auto !important;
  }

  .market-headbox-right i.fa-solid.fa-angle-down {
    display: none;
  }

  .inner-left-icons a {
    white-space: nowrap;
    margin-top: 20px;
  }

  .table-pagination {
    flex-direction: column;
    position: sticky;
    left: 0;
  }

  /* wallet */
  .hide-price-amt {
    width: auto !important;
  }

  .hide-span span:first-child {
    display: none;
  }

  span.total-deposit-withdraw-right {
    display: flex;
    align-items: center;
  }

  .wallet-tab-content.tab-main-box .table-responsive.sitescroll {
    overflow: auto !important;
  }

  .inner-withdraw-info .bitcoin-input-box input {
    width: 160px !important;
  }

  .bitcoin-input .bitcoin-input-box.pay-account-no input {
    width: 186px !important;
  }

  /* wallet */

  /* stacking */
  section.card-stacking .border-style-cls {
    padding: 15px !important;
  }
}

@media (min-width: 1px) and (max-width: 575.98px) {

  /* market new page */
  .market-coins .row {
    gap: 0 !important;
  }
  .chart-tab .tab-wrapper ul.tabs, .coin-price-value.value-direct{
    flex-wrap: wrap !important;
    gap: 15px !important;
  }
  
  /* market new page */
}

@media (min-width: 768px) and (max-width: 991.98px) {

  /* wallet */
  span.total-deposit-withdraw-right {
    display: flex;
    align-items: center;
  }
  .banner-inner-content h1 span{
    font-size: 50px !important;
  }
  .wallet-tab-content.tab-main-box .table-responsive.sitescroll {
    overflow: auto !important;
  }

  /* wallet */
  .wallet-block {
    margin: 20px;
  }

  .container.sitecontainer {
    padding: 20px;
  }

  .wallet-left,
  .wallet-right {
    padding-right: 0 !important;
  }

  /* market new page */
  .inner-tab-head {
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }

  .marketpriceflex>div {
    width: 100%;
  }

  .top-header-tab-sec {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px;
  }

  .inner-tab-head {
    display: flex;
    align-items: center;
    align-items: flex-start !important;
    gap: 19px;
  }

  article.gridparentbox.market-page table.table.sitetable {
    margin-top: 30px;
  }

  article.gridparentbox.market-page .sitetable tbody tr td {
    border-top: none;
    font-size: 14px !important;
  }

  /* market new page */

}

div#tab-2 {
  display: block;
}







/* market new page */
body .marketpriceflex>div {
  display: flex;
  justify-content: space-between;
}

.market-headbox-right {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 20px;
}

.filter {
  color: #9295A6;
}

.market-headbox-left {
  max-width: 676px;
}

.market-headbox-left h1 {
  margin-bottom: 20px;
  font-size: clamp(19px, 4vw, 28px);
  font-weight: 500;
}

.market-headbox-right .form-group {
  width: 171px;
}

.market-headbox-right .input-group.dateinput input::-webkit-input-placeholder {
  color: #9295A6 !important;
}

.market-headbox-left p {
  font-size: 13px;
  color: #545766;
  font-weight: 500;
  margin: 0;
}

.market-coin-trade {
  display: flex;
  justify-content: center;
  gap: 3px;
}

.per-rate {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 9px;
}

.per-rate p {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.per-rate span {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: #03A66D;
  gap: 3px;
}

.coin {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--header-text);
}

.market-coins {
  margin-top: 30px;
}

.container.sitecontainer.dashboardpage.nextsec {
  margin-top: 40px;
}

ul.top-prefered {
  gap: 20px;
}

ul.top-prefered li.nav-item,
ul.inner-category li,
ul.top-prefered li.nav-item:hover,
ul.inner-category li:hover {
  border: 0 !important;
}

ul.nav-tabs.inner-category .nav-link:focus,
ul.nav-tabs.inner-category .nav-link:hover {
  border-color: transparent !important;
}

ul.top-prefered li.nav-item button {
  border: 1px solid #CCCED9 !important;
  /* padding: 14px 20px 14px 20px; */
  /* padding: .375rem .75rem; */
  border-radius: 5px;
  color: #9295A6;
  font-size: 14px;
  font-weight: 400;
}

ul.top-prefered li.nav-item button:hover {
  border: 1px solid #5D3587!important;
  border-radius: 5px;
}

ul.top-prefered li.nav-item button.active {
  position: relative;
  background: var(--btn-bg) !important;
  background-clip: padding-box !important;
  /* border: solid 2px transparent; */
  color: #5D3587!important;
  border: 1px solid #5D3587!important;
}

/* ul.top-prefered li.nav-item button.active::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		border-radius: inherit;
		background: linear-gradient(to left, turquoise, greenyellow) !important;
	} */
  .top-header-tab-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid #EFEFEF; */
    padding-bottom: 10px;
}
.inner-tab-head{
  display: flex;
  justify-content: end;
  align-items: center;
  /* border-bottom: 1px solid #EFEFEF; */
  /* padding: 20px; */
}
button.close {
  opacity: 1;
  color: #fff;
  top: -3px;
  position: relative;
  background: #5D3587;
  border: 0px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}
input.btn.sitebtn{
  color: #fff !important;
}
.supportsearch input.form-control {
  position: relative;
  /* padding-left: 42px; */
  border-right: 0 !important;
}

.supportsearch .input-group>.form-control:focus,
.input-group>.form-select:focus {
  z-index: 0;
}

.supportsearch .input-group i.fa-solid.fa-magnifying-glass {
  position: absolute;
  top: 13px;
  left: 17px;
  color: #9295A6;
  font-size: 14px;
}

.supportsearch input::-webkit-input-placeholder {
  color: #9295A6 !important;
}

.supportsearch .input-group .input-group-append .input-group-text {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  /* border: 0; */
  border-color: #ccced9;
}

/* article.gridparentbox.market-page select, select option, .darkmode article.gridparentbox.market-page select {
  color: #9295A5 !important;
  font-size: 13px !important;
  font-weight: 400;
  border: 0 !important;
  background: transparent;
} */

/* inner-category */
ul.inner-category {
  margin-top: 7px;
}

ul.inner-category li button {
  color: #6C7080;
  font-size: 14px;
  font-weight: 400;
  min-height: 80px;
}

ul.inner-category.nav-tabs li button.nav-link.active {
  color: #5D3587!important;
  border: 0;
  border-bottom: 2px solid #5D3587!important;
  background: transparent;
}

ul.inner-category.nav-tabs li button.nav-link i {
  font-size: 10px;
}

ul.inner-category.nav-tabs li button.nav-link.active i {
  transform: rotate(180deg);
}

.marketnew table.table.sitetable tbody tr td:nth-child(1),
.marketnew table.table.sitetable thead tr th:nth-child(1),
.marketnew table.table.sitetable thead tr th:nth-child(7),
.marketnew table.table.sitetable tr td .right-coin-graph {
  text-align: center !important;
}

.marketnew table.table.sitetable tbody tr td .coin_name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketnew table.table.sitetable thead th {
  color: #6C7080 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

td .sno {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
}

td .coin_name {
  color: var(--coin-name);
  font-size: 16px;
  font-weight: 400;
  gap: 10px;
  display: flex;
}

td .coin_name span {
  background: var(--span-bg);
  color: #5D3587;
  font-size: 12px;
  font-weight: 400;
  padding: 3px 10px;
  border-radius: 5px;
}

.input-group.dateinput .input-group-text {
  background: transparent;
  border: 0 !important;
}

.input-group.dateinput .input-group-text i.fa-regular.fa-calendar {
  border: none;
}

.input-group.dateinput input {
  border: none !important;
}

.input-group.dateinput {
  width: 150px;
  color: rgba(146, 149, 166, 1);
  align-items: baseline;
}

span.input-group-text i {
  color: rgba(146, 149, 166, 1);
}

.input-group.dateinput .input-group-text i.fa.fa-calendar {
  color: #9295A6;
}

.input-group.dateinput input.form-control {
  font-size: 14px;
}
.change {
  font-size: 14px;
  font-weight: 400;
}
  .coin_head{
    width: 336px;
  }
  td .coin_price{
    color:var(--other-td);
    font-size: 14px;
    font-weight: 400;
  }
  td .right-coin-graph{
    text-align: right !important;
  }
  /* .marketnew table.table.sitetable tbody tr td:nth-child(7){
    padding: 14px 0;
  } */
  /* inner-category */
  .inner-left-icons {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 33px;
}
.drop-icon i {
  font-size: 11px;
  position: relative;
  bottom: 2px;
}
.inner-left-icons i {
  font-size: 15px;
  color: #9295A6;
}

.inner-left-icons a {
  color: #9295A6;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 400;
}

.marketnew table.table.sitetable thead th i {
  font-size: 10px;
}

.marketnew.historytab .table tbody tr:hover {
  background: #0d6efd4f !important;
}

.filter p {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}

.no-data {
  position: sticky;
  left: 0;
}

td .right-coin-graph img.img-fluid {
  width: 100px;
}

.input-group.dateinput input.form-control {
  border: 0 !important;
  padding: 0;
}

.input-group.dateinput {
  align-items: center;
}

.input-group.dateinput input.form-control {
  width: 64px !important;
}

.input-group.dateinput {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: fit-content !important;
  color: #9295A6;
}

.input-group.dateinput input.form-control {
  width: 74px;
  font-size: 12px;
  font-weight: 400;
  color: #9295A6;
}
.kycformright .input-group.dateinput input.form-control {
  padding: 10px;
}
i.fa-solid.fa-angle-down {
  font-size: 12px;
}

/* market new page */






.light {
  --btn-bg: #fff;
  --header-text: #232530;
  --coin-name: #2B3144;
  --span-bg: #E9EAF0;
  --other-td: #545766;
  --bdr-modal: #E9EAF0;
  --wall-btn: #E2F2FF;
}

.darkmode {
  --btn-bg: #121318;
  --header-text: #fff;
  --coin-name: #E2F2FF;
  --span-bg: #080808;
  --other-td: #FFFFFF;
  --bdr-modal: #e9eaf01a;
  --wall-btn: #121318;
}

.t-green {
  color: #03A66D !important;
}

.t-red {
  color: #DC2626;
}


.darkmode article.gridparentbox.market-page .marketpriceflex>div {
  background: transparent;
}



/* trade new css */
.seach-bar input::placeholder {
  color: rgba(146, 149, 166, 1) !important;
}

.coin-type {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-top: 10px;
}

.coin-name img {
  width: 40px;
}

.coin-name span {
  font-size: 14px;
  color: rgba(0, 131, 248, 1);
  background: rgba(233, 234, 240, 1);
  padding: 3px 6px;
  border-radius: 5px;
  width: 40px;
}

.coin-name i {
  color: #5D3587;
  background: rgba(226, 242, 255, 1);
  font-size: 14px;
  padding: 8px;
  border-radius: 6px;
}

.coin-name h6 {
  font-size: 20px;
  color: #000;
}

body.pagewrapperbox.tradepagebg .coin-name h6 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.trade-box-bar h3 {
  color: #000;
  margin-bottom: 0;
}

.price-amt {
  display: flex;
  align-items: end;
  gap: 10px;
}

.price-amt svg {
  width: 21px;
}

.rank-card p {
  font-size: 13px;
}

.rank-card span {
  background: rgba(240, 241, 245, 1);
  padding: 7px;
  border-radius: 6px;
  font-size: 14px;
  color: rgba(108, 112, 128, 1);
}

.price-amt h2 {
  font-size: 30px;
  color: #000;
  display: flex;
  gap: 10px;
  align-items: center;
}

.price-amt h2 span {
  font-size: 15px;
  display: flex;
  gap: 10px;
}

.green-text {
  color: rgba(3, 166, 109, 1);
}

.red-text {
  color: rgba(220, 38, 38, 1);
}

.coin-price-value {
  display: flex;
  align-items: baseline;
  gap: 25px;
  margin-top: 10px;
  justify-content: flex-end;
}

.price-amt p {
  font-size: 14px;
  margin-bottom: 0;
  color: rgba(108, 112, 128, 1);
  white-space: nowrap;
}

.price-amt select {
  background: rgba(240, 241, 245, 1);
  border: none !important;
  padding: 6px;
  font-size: 12px;
  color: rgba(108, 112, 128, 1);
}

.line-graph {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 10px;
}

.market-cap-box {
  margin-top: 40px;
}

.coin-market-value p {
  margin-bottom: 0;
  font-size: 16px;
  color: #000;
}

.line-graph:first-child {
  padding-bottom: 20px;
}

/* .contain-width.trade {
  padding: 0 15px !important;
  max-width: 1440px;
} */

.market-cap.first-box{
  background: rgba(185, 221, 255, 1);
}

.market-cap.second-box {
  background: rgba(254, 226, 226, 1);
}

.market-cap.third-box {
  background: rgba(209, 250, 229, 1);
}

.market-cap.fourth-box {
  background: rgba(226, 242, 255, 1);
}

.market-cap {
  padding: 9px;
  border-radius: 6px;
  margin-bottom: 20px;
  height: 80%;
}

.down-arrow span {
  font-size: 14px;
}

.market-cap h6 {
  font-size: 15px;
}

.trade-box-bar {
  background: rgba(255, 255, 255, 1);
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.seach-bar input {
  border: none !important;
}

.seach-bar {
  border: 1px solid #ccc;
  padding: 9px 25px 0 10px;
  border-radius: 6px;
  height: 48px;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.head-chart {
  display: flex;
  justify-content: space-between;
}

.seach-bar input::placeholder {
  font-size: 14px;
}

.seach-bar i {
  color: rgba(146, 149, 166, 1);
  font-size: 14px;
}

.trade-market-tab ul {
  padding-left: 0;
  display: flex;
  gap: 45px;
  padding: 20px 0;
  margin-bottom: 0 !important;
  white-space: nowrap;
}

.trade-market-tab ul li a {
  color: rgba(108, 112, 128, 1);
  padding: 20px 0;
}

.trade-market-tab ul li.active a {
  color: #5D3587;
  border-bottom: 3px solid #5D3587;
}

.gain-logo {
  display: flex;
  align-items: center;
  gap: 6px;
}

.logo-icon img {
  width: 26px;
  height: 25px;
}

.green-chart img {
  width: 100px;
}

i.fa-solid.fa-caret-up {
  font-size: 12px;
}

.table-gainer thead th:nth-child(2),
.table-gainer td:nth-child(2) {
  text-align: right;
}

.table-gainer.portfolio-table thead th:nth-child(2),
.table-gainer.portfolio-table td:nth-child(2) {
  text-align: left !important;
}

.table-gainer thead th:first-child {
  text-align: left !important;
}

.table-gainer thead th {
  color: rgba(108, 112, 128, 1);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  padding: 15px;
}

.nav-tabs .nav-link:focus {
  border: none !important;
}

.order-book-tab a.tablinks.nav-link.active {
  border: none;
  border-bottom: 3px solid #5D3587 !important;
  color: #5D3587;
}

/* .order-book-tab a.tablinks.nav-link.active:hover {
  border-bottom: none !important;
} */
.tabs ul li.active:after, .buy-sell-tab ul.nav.nav-tabs.tab li.active:after{
  border-bottom: none !important;
}
.order-book-tab a.tablinks.nav-link {
  font-size: 14px;
  padding: 15px 0;
  color: rgba(146, 149, 166, 1);
  position: relative;
  top: 2px;
}

.order-book-tab ul.nav.nav-tabs.tab {
  display: flex;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.grid-seperation-left {
  display: flex;
  background: rgba(240, 241, 245, 1);
  padding: 15px;
  border-radius: 6px;
  margin-top: 25px;
  gap: 30px;
  cursor: pointer;
  align-items: center;
}


li.nav-item:focus-visible {
  outline: 0 !important;
}
.table-gainer .line-graph{
  justify-content: end;
}

.order-book-table {
  margin-top: 15px;
}

.order-book-table table th {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
}

.order-book-table table th:first-child,
.order-book-table table td:first-child {
  text-align: left;
}

.order-book-table table tr {
  font-size: 14px;
  white-space: nowrap;
  border: none !important;
}

.increase-btn {
  text-align: center;
}

.increase-btn button {
  border: none;
  padding: 15px;
  width: 100%;
  color: #fff;
  border-radius: 6px;
}
.increase-btn button.t-green{
  background: rgba(3, 166, 109, 1) !important;
  color: #fff !important;
}
.increase-btn button.t-red{
  background: #fd4747 ;
  color: #fff !important;
}
.table-gainer.watchlist-table {
  height: 80vh;
  overflow-y: scroll;
}


.up-table,
.bottom-table {
  height: 300px;
  overflow-y: scroll;
}
.table-gainer.watchlist-table td:first-child {
  text-align: left;
}
.tab-content.all-bar ul.nav.nav-tabs.tab-coin {
  margin-top: 30px;
  justify-content: space-around;
  gap: 5px;
}
.trade-box-bar.mid-part.bottom .tab-content.all-bar ul.nav.nav-tabs.tab-coin{
  margin: 30px 0 20px !important;
  flex-wrap: nowrap;
}
.buy-sell-tab ul.nav.nav-tabs.tab {
  justify-content: space-around;
  border-bottom: 1px solid #ccc;
  flex-wrap: nowrap;
}

.seach-bar input::placeholder {
  color: rgba(204, 206, 217, 1);
}

tr.head-tr {
  position: sticky;
  top: -2px;
  background: #fff;
  z-index: 1;
}

.up-table::-webkit-scrollbar,
.bottom-table::-webkit-scrollbar {
  width: 0px;
  height: 2px;
}

.up-table::-webkit-scrollbar-thumb,
.bottom-table::-webkit-scrollbar-thumb {
  background: #888;
}

.up-table::-webkit-scrollbar,
.bottom-table::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.trade-box-bar.chart-part{
  padding: 0 25px 25px;
}
.chart-tab .tab-wrapper ul.tabs {
  display: flex;
  gap: 30px;
  padding-left: 0;
  margin-top: 25px;
}

.chart-tab .tab-wrapper ul.tabs li.tab-link {
  padding: 7px 16px;
  background: rgba(240, 241, 245, 1);
  border-radius: 6px;
}

.chart-tab .tab-wrapper ul.tabs li.tab-link.active {
  background: #5D3587 !important;
  color: #fff;
  border-radius: 6px;
}

.chart-tab .tab-content {
  display: none !important;
  text-align: center;
  color: #888;
  font-weight: 300;
  font-size: 15px;
  /* opacity: 0; */
  transform: translateY(15px);
  animation: fadeIn 0.5s ease 1 forwards;
}

.chart-tab .tab-content.active {
  display: block !important;
}

.buy-sell-tab ul.nav.nav-tabs.tab li.nav-item a.tablinks.nav-link.active {
  background: transparent;
  border: none;
  color: #5D3587;
  border-bottom: 3px solid #5D3587 !important;
  position: relative;
  top: 2px;
}

.buy-sell-tab li.nav-item a.nav-link.active {
  border: navajowhite;
  background: rgba(226, 242, 255, 1);
  color: #5D3587;
}

.buy-sell-tab i {
  font-size: 13px;
}

.buy-sell-tab li.nav-item a {
  font-size: 13px;
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 10px;
  padding: 15px 26px;
  height: 50px;
  width: 135px;
  white-space: nowrap;
  color: rgba(108, 112, 128, 1);
}

.tab-content.all-bar a.nav-link {
  border: 1px solid #cccc;
  border-radius: 6px !important;
}

.buy-sell-tab li.nav-item a.nav-link.active svg path {
  fill:#fff !important;
}

.value-first {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-top: 15px;
}

.value-first span {
  font-size: 16px;
  color: #000;
}

.limit-value {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

input.amt-box {
  border: none !important;
  width: 100%;
  font-size: 14px !important;
}

.coin-value-input {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 6px;
  margin-top: 10px;
  justify-content: space-between;
}

.coin-value-input select {
  border: none !important;
  background: bottom;
  font-size: 14px;
  color: rgba(108, 112, 128, 1);
}

input.amt-box::placeholder {
  font-size: 14px;
}

.input-bar label {
  font-size: 14px !important;
}

.buy-btn button {
  background: #5D3587;
  color: #fff;
  border: none;
  padding: 14px 17px;
  border-radius: 10px;
  width: 100%;
}

.buy-btn {
  text-align: center;
  margin-top: 15px;
}

.total {
  margin: 15px 0 40px;
}

.book-mark img {
  width: 25px;
  height: 25px;
}

.buy-sell-mobile {
  display: none;
}

.mobile-tab-buy-sell-close-btn i {
  font-size: 25px;
}

.mobile-tab-buy-sell-close-btn {
  text-align: end;
  display: none;
}

.bar-loader {
  width: 100%;
  height: 8px;
  background-color: #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
}

.blue-load {
  height: 100%;
  background-color: #5D3587;
  border-radius: 10px;
  transition: width 0.3s ease;
}

.watchlist-drop i {
  font-size: 13px;
}

.bar-load {
  margin-top: 15px;
}

li.page-item a.page-link.active {
  border: 1px solid #ccc;
}

li.page-item a.page-link {
  padding: 2px 10px;
  border: 1px solid #fff;
}
.pagination li.page-item .page-link {
  padding: 0px 10px !important;
  color: #000 !important;
}
.pagination li.page-item.active .page-link{
  color: #fff !important;
}
.pagination{
gap:0 !important;
}
.page-item.disabled .page-link{
  border:none !important;
  background: transparent !important;
  }

.order-book-tab ul.nav.nav-tabs.tab-coin {
  justify-content: flex-start !important;
  background: rgba(240, 241, 245, 1);
  padding: 8px;
  border-radius: 6px;
}

.order-book-tab a.nav-link {
  border: none !important;
  padding: 7px 20px;
  color: rgba(108, 112, 128, 1);
}

/* watchlist css */
.trade-box-bar h3 {
  margin-bottom: 10px;
}

.search-bar-box {
  display: flex;
  gap: 15px;
  align-items: center;
}

.add-btn button {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 11px 19px;
    color: rgba(146, 149, 166, 1);
    font-size: 14px;
}
.watchlist-box, .watchlist-dropdown{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.watchlist-dropdown {
  margin: 30px 0 40px 0;
}

.watchlist-drop select {
  border: none !important;
}

.watchlist-drop {
  border: 1px solid #ccc;
  padding: 13px 20px;
  border-radius: 6px;
}

.watchlist-drop:hover select,
.watchlist-drop:hover,
.add button:hover {
  background: #5D3587 !important;
  color: #fff;
}

.table-gainer.watchlist-table {
  margin-top: 20px;
}

.seach-bar.trade-search {
  padding: 8px;
  height: 42px;
}

.add button {
  background: rgba(240, 241, 245, 1);
  border: none;
  padding: 14px 22px;
  border-radius: 6px;
  color: rgba(108, 112, 128, 1);
}

.add-list {
  display: flex;
  align-items: baseline;
  gap: 30px;
}

.limit-value.exchange-coin {
  margin: 30px 0;
}

.coin-loop {
  text-align: center;
  margin: 15px 0 0;
}

.coin-value-input.trade-input {
  margin-top: 25px;
}
/* .list-bar {
  padding-bottom: 40px;
} */

/* watchlist css end*/










/* darkmode */
body.darkmode .trade-box-bar {
  background: rgba(18, 19, 24, 1);
}

body.darkmode .trade-box-bar h3,
body.darkmode .coin-name h6,
body.darkmode .price-amt h2,
body.darkmode .coin-market-value p {
  color: #fff;
}

body.darkmode .rank-card p,
body.darkmode .market-cap h6 {
  color: rgba(108, 112, 128, 1);
}

body.darkmode select {
  background: rgba(8, 8, 8, 1);
  border: none !important;
  color: rgba(108, 112, 128, 1) !important;
}

body.darkmode .market-cap {
  background: rgba(8, 8, 8, 1) !important;
}

body.darkmode .rank-card span,
body.darkmode .coin-name span,
body.darkmode .coin-name i {
  background: #000;
}

body.darkmode .table-gainer td,
body.darkmode .order-book-table table tr {
  color: #fff;
}

body.darkmode .grid-seperation-left {
  background: rgba(8, 8, 8, 1);
}

body.darkmode .order-book-tab a.tablinks.nav-link,
body.darkmode .input-bar select {
  background: transparent;
}

.order-book-body-sell-table-outer,
.order-book-body-buy-table-outer {
  display: none;
}

.order-book-body-sell-table-outer.active,
.order-book-body-buy-table-outer.active {
  display: block;
}

body.darkmode .seach-bar input,
body.darkmode .input-bar input {
  border: none !important;
}

body.darkmode .input-bar select,
body.darkmode .value-first span {
  color: #fff !important;
}

body.darkmode .coin-value-input,
body.darkmode .tab-content.all-bar a.nav-link,
body.darkmode .seach-bar,
body.darkmode .add-btn button,
body.darkmode .watchlist-drop {
  border: 1px solid rgba(204, 206, 217, 0.15);
}

body.darkmode .buy-sell-tab li.nav-item a.nav-link.active {
  background: rgba(8, 8, 8, 1);
  border: none;
}

body.darkmode .graph-line svg path {
  fill: #5D3587;
}

body.darkmode .chart-tab .tab-wrapper ul.tabs li.tab-link {
  background: #000;
}

body.darkmode .order-book-tab ul.nav.nav-tabs.tab-coin {
  background: rgba(8, 8, 8, 1);
}

body.darkmode select option {
  background: rgba(8, 8, 8, 1) !important;
}

body.darkmode .watchlist-drop select {
  background: transparent;
  color: #fff !important;
}

body.darkmode .add button,
body.darkmode .hide-span {
  background: #000;
}

body.darkmode .order-book-table table tr {
  border: none !important;
}

body.darkmode .order-book-table table th {
  background: #121318;
}

body.darkmode .input-box-pass input {
  border: none !important;
}

body.darkmode .hide-span {
  color: rgba(108, 112, 128, 1);
}

body.darkmode .month-select select {
  background: transparent !important;
}

body.darkmode .order-book-table table.table.table-borderless tbody tr:hover,
body.darkmode table.table.sitetable tr td span.trade-currency-label {
  background: rgba(8, 8, 8, 1) !important;
}


@media(max-width:767.98px) {
  .table-gainer {
    overflow-x: scroll;
  }

  .watchlist-drop i {
    display: none;
  }

  .watchlist-drop {
    border: none;
    padding: 0 !important;
  }
  .watchlist-dropdown {
    margin: 0;
}
.mobile-tab-buy-sell-close-btn i {
  font-size: 20px;
}
  .watchlist-drop:hover {
    color: #5D3587;
    background: none !important;
  }

  .watchlist-drop:hover span {
    color: #5D3587;
    border-bottom: 2px solid #5D3587;
    padding: 20px 0;
  }

  .table-gainer.watchlist-table {
    margin-top: 5px;
  }

  .trade-market-tab ul {
    overflow: scroll;
    white-space: nowrap;
  }

  .head-chart {
    flex-direction: column;
  }

  .seach-bar {
    display: none;
  }

  .rank-card p {
    font-size: 12px;
  }

  .coin-type {
    white-space: nowrap;
    flex-wrap: wrap;
  }

  .price-amt h2 {
    font-size: 14px;
  }

  .price-amt p {
    white-space: nowrap;
  }

  .coin-price-value {
    align-items: baseline;
  }

  .mid-part.bottom.showBuySell {
    bottom: 17px !important;
  }

  .add-btn,
  .search-bar-box {
    display: none !important;
  }

  .add button {
    background: none !important;
  }

  .add-list {
    gap: 0;
  }

  .limit-value.exchange-coin {
    margin: 12px 0;
  }

  .wallet-block-bottom-right {
    width: auto !important;
  }

  .pagination {
    gap: 10px;
  }

  .hide-price-amt input {
    font-size: 13px !important;
  }
  .trade-box-bar.trade-first-box {
    height: auto !important;
}

}

@media(max-width:1199.98px) {
  .contain-width.trade {
    padding: 0 15px !important;
  }
  .dropdown.head.responsive-head {
    background: #fff !important;
    /* margin: 0 15px; */
    /* padding: 12px 20px 15px; */
  }
  body.darkmode .dropdown.head.responsive-head,body.dark .dropdown.head.responsive-head{
  background:#121318  !important;
  }
  .tab-content.all-bar ul.nav.nav-tabs.tab-coin,
  .buy-sell-tab ul.nav.nav-tabs.tab {
    justify-content: center !important;
    gap: 12px;
    flex-wrap: nowrap;
  }
}

@media(min-width:768px) and (max-width:991.98px) {
  .mid-part.bottom.showBuySell {
    bottom: 22px !important;
  }

.trade-market-tab ul{
  overflow: scroll;
}
}

/* @media(min-width:992) and (max-width:1440.98px){
  .order-book-tab ul.nav.nav-tabs.tab-coin{
    gap: 0 !important;
}
} */
@media(max-width:991.98px) {
  table.table.table-borderless td {
    white-space: nowrap;
  }
 
    article.gridparentbox.kycinfo-page ul.text.text-white {
      padding: 0;
  }
  .buy-sell-mobile {
    display: block !important;
  }

  .buy-sell-mobile {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 0 !important;
  }

  .mid-part.bottom {
    position: fixed;
    width: 93%;
    bottom: -100%;
    height: 530px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    overflow-y: scroll;
  }

  .mobile-tab-buy-sell-close-btn {
    display: block;
  }

  .add-money.sm {
    display: none;
  }

}

/* trade new css end*/


/* wallet */
.table-responsive.sitescroll {
  /* overflow: auto !important; */
}

/* withdraw */
.modal-dialog.withdrawBox .modal-header {
  border-bottom: 2px solid var(--bdr-modal) !important;
  padding-bottom: 20px;
}

.modal-dialog.deposit-withdraw-dialog.withdrawBox h1.modal-title {
  max-width: 276px;
}

p.trade-currency-text {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.trade-currency-label {
  background: #E9EAF0;
  padding: 3px 10px 3px 10px;
  border-radius: 5px;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: #5D3587 !important;
}

.bitcoin-input-box {
  border: 1px solid #CCCED9;
  /* padding: 15px; */
  padding: 10px 13px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.darkmode .bitcoin-input-box{
  border: 1px solid #CCCED926 ;
}
.deposit-withdraw-dialog .add-money button {
  padding: 16px 20px !important;
}


.bitcoin-input-box input::-webkit-input-placeholder {
  color: #9295A6 !important;
}

.bitcoin-input-box input {
  border: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  font-size: 14px;
  font-weight: 400;
}

.transfer {
  color: #6C7080;
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  margin-top: 10px;
}

/* withdraw */
.modal-dialog.withdrawBox .modal-header {
  border-bottom: 2px solid #E9EAF0 !important;
  padding-bottom: 20px;
}

.bitcoin-input-box.pay-account-no input,
.bitcoin-input-box.pay-account-no input::-webkit-input-placeholder {
  text-align: left !important;
  color: var(--coin-name) !important;
  font-size: 16px;
  font-weight: 400;
}

.disclam h6 {
  font-size: 14px;
  font-weight: 400;
  color: var(--coin-name);
  padding-bottom: 10px;
  border-bottom: 1px solid #E9EAF0;
}

.disclam p {
  color: #6C7080;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px !important;
}

.disclam {
  margin-top: 30px;
}

.modal-dialog.deposit-withdraw-dialog.modal-dialog-centered .modal-body {
  padding: 0;
  padding-top: 40px;
}

.bitcoin-input-box input {
  font-size: 13px !important;
}

.bitcoin-input-box input {
  width: 200px !important;
}

.bitcoin-input-box.pay-account-no input {
  width: 284px !important;
}

button.add-money-btn {
  /* background: #0a58ca; */
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* button bghover */
.btn-bghover span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #0a58ca;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.btn-bghover:hover span {
  width: 225%;
  height: 562.5px;
}

.btn-bghover:active {
  background: #0a58ca;
}

/* button bghover */

/* withdraw */
.choose-payment-method .accordion-item:last-of-type {
  border: 0 !important;
}

.choose-payment-method .accordion-item:first-of-type .accordion-button {
  padding: 0;
}

.choose-payment-method .accordion-button::after {
  background-image: none !important;
}

.choose-payment-method .accordion-button:not(.collapsed)::after,
.accordion-button::after {
  display: none;
}

.choose-payment-method .accordion-body .form-group {
  margin-bottom: 17px;
}

.form-check.pay-method-radio.debit {
  margin-top: 0;
}

.form-check.debit .pay-method-right {
  margin-right: -12px;
}

div#panelsStayOpen-collapseOne .accordion-body {
  padding: 25px 0 14px;
}

.history-more-option-icon img {
  width: 15px;
}

.darkmode .choose-payment-method .accordion-item:last-of-type,
.darkmode .form-check.pay-method-radio.debit,
.darkmode div#accordionPanelsStayOpenExample,
.darkmode .accordion-item:last-of-type .accordion-button.collapsed {
  background: #121318;
}

/* wallet */

/* .modal-dialog.deposit-withdraw-dialog.withdrawBox */






/* common */
.flex {
  display: flex;
  align-items: center;
}

.cmn-bdr {
  border-color: #CCCED9;
}

.t-grey {
  color: #9295A6;
}

input.grey-placeholder::-webkit-input-placeholder {
  color: #9295A6 !important;
}

a.nav-link.footer {
  color: #fff;
}

button.btn-bghover {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.footer-left {
  display: flex;
  align-items: baseline;
  gap: 40px;
}

.filter.d-flex.justify-content-center.align-items-center.gap-2:hover,
.input-group.dateinput:hover i,
.input-group.dateinput:hover input.form-control,
.input-group.dateinput:hover input::-webkit-input-placeholder,
.inner-left-icons select.default:hover,
.nav-link:focus,
.nav-link:hover,
.inner-left-icons a i:hover,
.inner-left-icons svg:hover,
.inner-left-icons a:hover,
.inner-left-icons a svg:hover,
.inner-left-icons a:hover,
.inner-left-icons a:hover svg path,
.history-calender-icon:hover svg path,
.history-calender-icon:hover,
.history-calender-icon:hover img {
  /* color: #5D3587!important;
  fill: #5D3587!important; */
  color: #d3b0f8 !important;
  fill: #5D3587 !important;
}

/* left right border effect */


ul.nav.nav-tabs.tabbanner li.active {
  border-bottom: 2px solid #5D3587;
}

ul.nav.nav-tabs.tabbanner li.active a,
ul.nav.nav-tabs.tabbanner li:hover a {
  color: #5D3587;
}

ul.nav.nav-tabs.tabbanner li.active:hover {
  border-bottom: 0 !important;
}

/* ul.nav.nav-tabs.tabbanner li.active:after{
border-bottom: 0 !important;
} */
ul.nav.nav-tabs.tabbanner li:after {
  display: block;
  content: '';
  border-bottom: solid 2px #5D3587;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
}
.tab-content.all-bar a.nav-link.active {
  background: #5D3587 !important;
  color: #fff !important;
  border-radius: 6px;
}
ul.nav.nav-tabs.tabbanner li:hover:after {
  transform: scaleX(1);
  color: #5D3587!important;
}

ul.nav.nav-tabs.tabbanner li.fromleft:after {
  transform-origin: 0 50%;
}

/* left right border effect */

/* button hover border  */
.content_inner_slider {
  display: flex;
  justify-content: space-around;
  top: 20px;
  left: 20px;
}

.content_inner_slider .market-coin-trade {
  position: relative;
  padding: 20px;
  padding-right: 3px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  gap: 25px;
}

.content_inner_slider .market-coin-trade:before,
.content_inner_slider .market-coin-trade:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background-color: #0d6efd;
  transition: all 0.3s cubic-bezier(0.35, 0.1, 0.25, 1);
}

.content_inner_slider .market-coin-trade:before {
  right: 0;
  top: 0;
  transition: all 0.5s cubic-bezier(0.35, 0.1, 0.25, 1);
}

.content_inner_slider .market-coin-trade:after {
  left: 0;
  bottom: 0;
}

.content_inner_slider .market-coin-trade span.effect {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.content_inner_slider .market-coin-trade span.effect:before,
.content_inner_slider .market-coin-trade span.effect:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 0;
  background-color: #0d6efd;
  transition: all 0.3s cubic-bezier(0.35, 0.1, 0.25, 1);
}

.content_inner_slider .market-coin-trade span.effect:before {
  right: 0;
  top: 0;
  transition: all 0.5s cubic-bezier(0.35, 0.1, 0.25, 1);
}

.content_inner_slider .market-coin-trade span.effect:after {
  left: 0;
  bottom: 0;
}


.content_inner_slider .market-coin-trade p:before,
.content_inner_slider .market-coin-trade p:after {
  position: absolute;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.35, 0.1, 0.25, 1);
  z-index: 1;
  left: 0;
}

.content_inner_slider .market-coin-trade p:before {
  content: attr(data-title);
  top: 50%;
  transform: translateY(-50%);
}



.content_inner_slider .market-coin-trade:hover:before,
.content_inner_slider .market-coin-trade:hover:after {
  width: 100%;
}

.content_inner_slider .market-coin-trade:hover span.effect {
  z-index: 1;
}

.content_inner_slider .market-coin-trade:hover span.effect:before,
.content_inner_slider .market-coin-trade:hover span.effect:after {
  height: 100%;
}

.content_inner_slider .market-coin-trade:hover p:before {
  top: -50%;
  transform: rotate(5deg);
}

.content_inner_slider .market-coin-trade:hover p:after {
  top: 50%;
  transform: translateY(-50%);
}

.content_inner_slider .market-coin-trade.start {
  background-color: #0d6efd;
  box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

.content_inner_slider .market-coin-trade.start p:before {
  top: -50%;
  transform: rotate(5deg);
}

.content_inner_slider .market-coin-trade.start p:after {
  color: white;
  transition: all 0s ease;
  content: attr(data-start);
  top: 50%;
  transform: translateY(-50%);
  animation: start 0.3s ease;
  animation-fill-mode: forwards;
}

@keyframes start {
  from {
    top: -50%;
  }
}

.content_inner_slider .market-coin-trade.start:hover:before,
.content_inner_slider .market-coin-traden.start:hover:after {
  display: none;
}

.content_inner_slider .market-coin-trade.start:hover span.effect {
  display: none;
}

.content_inner_slider .market-coin-trade:active {
  outline: none;
  border: none;
}

.content_inner_slider .market-coin-trade:focus {
  outline: 0;
}

/* button hover border  */

/* mobile carousel */

/* .swiper {
  width: 100%;
  height: 100%;
} */

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* mobile carousel */
/* common */

/* .modal-dialog.deposit-withdraw-dialog.withdrawBox */


/* portfolio css */
.value-increase {
  display: flex;
  gap: 10px;
}

.balance-details {
  display: flex;
  color: rgba(108, 112, 128, 1);
  gap: 10px;
}

.hide-price-amt input {
  border: none !important;
  font-size: 26px;
  padding-left: 0;
}

.hide-price-amt {
  display: flex;
  align-items: center;
  margin-top: 30px;
  width: 349px;
}

.hide-span {
  display: flex;
  white-space: nowrap;
  align-items: baseline;
  gap: 12px;
  color: rgba(108, 112, 128, 1);
  background: rgba(226, 242, 255, 1);
  padding: 6px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

.add-btn {
  display: flex;
  gap: 20px;
}

.month-select select {
  border: none !important;
  color: rgba(146, 149, 166, 1);
}

.month-select {
  display: flex;
  align-items: baseline;
  color: rgba(146, 149, 166, 1);
  font-size: 14px;
}

.qr-icon {
  display: flex;
  align-items: center;
  gap: 7px;
}
.qr-icon svg {
  width: 20px;
}
.qr-icon svg :hover {
  fill: #5D3587;
}

.month-select:hover i {
  transform: rotate(-180deg);
}

.month-select:hover,
.month-select:hover select {
  color: rgba(0, 131, 248, 1);
}

.price-average-value {
  display: flex;
  flex-direction: column;
}

.price-average-value span:first-child {
  font-size: 16px;
}

.price-average-value span:last-child {
  font-size: 14px;
  color: rgba(146, 149, 166, 1);
}

.profile-loss .line-graph span {
  font-size: 14px;
}

i.fa-solid.fa-ellipsis-vertical {
  color: rgba(146, 149, 166, 1);
}

.order-book-table table.table.table-borderless tbody tr:hover {
  background: #000 !important;
}

.buy-sell-tab li.nav-item a:hover {
  border: none;
}

/* .order-book-tab a.tablinks.nav-link:hover, .buy-sell-tab li.nav-item a:hover {
  color: #5D3587;
} */
.tab-content.all-bar li.nav-item a:hover {
  border-bottom: none !important;
  border: 1px solid #cccc !important;
}

.chart-tab .tab-wrapper ul.tabs li.tab-link:hover {
  background: #5D3587;
  color: #fff;
}

body.darkmode .chart-tab .tab-wrapper ul.tabs li.tab-link:hover {
  background: #5D3587;
  color: #fff;
}

.order-book-tab .tab-content.all-bar a.nav-link:hover {
  border: none !important;
  background: #5D3587!important;
  color: #fff !important;
}

/* portfolio css end */

/* footer css */
section.footer.landing-footer {
  background: #0D0D2B;
  margin-top: 70px;
}

.copy-rigt-part {
  border-top: 1px solid #2B3144;
  margin-top: 50px;
  padding: 50px 0 30px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
}

section.footer ul {
  padding-left: 0px;
  list-style: none;
}

ul.foot-links {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

section.footer ul {
  padding-left: 0px;
  list-style: none;
}

ul.social-logo-part {
  display: flex;
  margin: 0;
}

section.footer ul li a {
  color: #CCCED9 !important;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  text-decoration: none;
  line-height: 2;
  display: block;
  font-weight: 400;
  margin-bottom: 12px;
}

section.footer ul li a.icon-web {
  margin-left: 23px;
}

section.footer ul li a.icon-web:hover {
  /* transition: none !important; */
  /* color: #fff !important; */
}

.footer-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.right-logo-part {
  display: flex;
  gap: 10px;
}

.dowload-now {
  display: flex;
  width: 150px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  padding: 5px 10px;
  background: #404655;
  cursor: pointer;
}

input.footer-email-box {
  padding: 10px 12px;
  border-radius: 5px;
  border: 1px solid #8AC8FF !important;
  background-color: transparent;
  width: 75%;
  color: #fff;
}

button.send-btn {
  border: none;
  outline: none;
  padding: 10px 18px;
  font-weight: 500 !important;
  font-size: 16px !important;
  border-radius: 5px;
  background: #5D3587;
  color: #fff;
  text-transform: capitalize;
}

p.footer-para {
  padding: 0 0 25px 0;
  max-width: 310px;
  color: #CCCED9 !important;
}

p.app-download {
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
  margin-bottom: 0 !important;
}

p.download-device {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

section.footer {
  padding: 40px 0 0;
  color: #fff;
}

section.footer p {
  margin-bottom: 0;
}

section.footer.landing-footer h6 {
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 40px;
  color: #ffffff;
}

ul.foot-links li.nav-item {
  display: flex;
  gap: 36px;
}

ul.foot-links li.nav-item a {
  padding: 0 20px 0 20px;
  border-left: 1px solid rgba(43, 49, 68, 1);
  color: #9295A6;
  font-weight: 400;
}

ul.foot-links li.nav-item a:first-child {
  margin: 0 !important;
  border: none;
}

.dowload-now:hover,
body.dark .dowload-now:hover {
  background: #5D3587;
}

body.dark .dowload-now span p {
  color: #fff !important;
}

span.arrow i {
  font-size: 10px;
}
.order-book-table .line-graph{
  justify-content: end;
}
.back-icon {
  margin: 35px;
}
.back-icon a {
  color: #000;
}
@media(max-width:991.98px){
  .dowload-now {
    width: auto !important;
  }
  article.gridparentbox.profile-page {
    margin-top: 30px !important;
  }
 
.buy-btn button{
  border-radius: 0 !important;
}
a.nav-link.footer {
  text-align: center;
}
.banner-content{
  margin: 25px 0;
}
}
@media (max-width: 767.98px) {
  ul.foot-links li.nav-item {
    display: flex;
    margin-top: 30px;
    gap: 0;
  }
  .pagecontent.gridpagecontent.innerpagegrid.profilepages .search-box .search{
    top:9px !important;
  }
  .pagecontent.gridpagecontent.innerpagegrid.profilepages .header-top-left {
    align-items: end;
}
  .footer-bottom {
    flex-direction: column;
  }

  .dowload-now span {
    display: none;
    width: auto;
  }

  .dowload-now img {
    width: 18px;
  }

  input.footer-email-box {
    width: 200px;
  }

  ul.social-logo-part {
    display: flex;
    margin: 25px 0;
    gap: 7px;
  }
  .deposit-withdraw-dialog{
    padding: 20px !important;
  }
  .deposit-head h1 {
    font-size: 20px !important;
}
     .header nav.navbar ul.navbar-nav ul.dropdown-menu {
        width: 93% !important;
}
.copy-text{
  border: 1px solid #494949 !important;
  border-radius: 6px !important;
}
.copy-text input{
  text-overflow: ellipsis;
  width: 90%;
  border: none !important;
}
}

/* footer css */
.footer-end-arrow {
  display: flex;
  justify-content: end;
}

.arrow-end {
  padding: 3px 9px;
  background: transparent;
  border-radius: 5px;
  border: 1px solid #CCCED9;
  margin-top: 25px;
}

.bluebtn {
  display: inline-block !important;
  padding: 12px 24px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease-in !important;
  position: relative !important;
  background-color: #5D3587!important;
  overflow: hidden !important;
  font-size: 19px !important;
  cursor: pointer !important;
  color: black !important;
  z-index: 1 !important;
  color: #fff !important;
}

.buy-btn button.btn.bluebtn {
  font-size: 15px !important;
}

.bluebtn:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #5d3587 !important;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.bluebtn:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: #5d3587 !important;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.bluebtn:hover:before {
  top: -35%;
  /* background-color: #1976d2; */
  background-color: #5d3587 !important;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.bluebtn:hover:after {
  top: -45%;
  /* background-color: #1976d2;
   */
   background-color: #5d3587 !important;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.tabs ul li:after,
.buy-sell-tab ul.nav.nav-tabs.tab li.active:after {
  display: block;
  content: '';
  border-bottom: solid 3px #5D3587;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
  position: relative;
  top: 20px;
}

ul.navbar-nav li.nav-item.menu-list:after {
  display: block;
  content: '';
  border-bottom: solid 3px #5D3587;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
  position: relative;
  top: 0;
}

ul.navbar-nav li.nav-item.menu-list:hover span {
  color: #5D3587!important;
}
body.darkmode ul.navbar-nav li.nav-item.menu-list:hover span {
  color: #d3b0f8 !important;
}

.order-book-tab ul.nav.nav-tabs.tab li:after,
.buy-sell-tab ul.nav.nav-tabs.tab li.active:after {
  display: block;
  content: '';
  border-bottom: solid 3px #5D3587;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
  position: relative;
  top: 2px;
}
.order-book-tab ul.nav.nav-tabs.tab li.active:after {
 border-bottom: none !important;
}

.tabs ul li:hover a,
.order-book-tab ul.nav.nav-tabs.tab li:hover a {
  color: #5D3587;
}

.tabs ul li:hover:after,
.order-book-tab ul.nav.nav-tabs.tab li:hover:after,
.buy-sell-tab ul.nav.nav-tabs.tab li.active:hover:after,
ul.navbar-nav li.nav-item.menu-list:hover:after {
  transform: scaleX(1);
  color: #5D3587!important;
}

.tabs ul li.fromleft:after,
.order-book-tab ul.nav.nav-tabs.tab li.fromleft:after,
ul.navbar-nav li.nav-item.menu-list.fromleft:after {
  transform-origin: 0 50%;
}

input.footer-email-box::placeholder {
  color: rgba(174, 177, 191, 1) !important;
}

/* header css */
.header {
  padding: 10px 0 15px;
  background: #FFFFFF;

  background-color: rgb(255, 255, 255);
  box-shadow: 0 5px 16px rgb(0 0 0 / 23%);
  backdrop-filter: blur(10px);
}

nav.navbar.navbar-expand-xl.bg-dark.navbar-dark {
  background: transparent !important;
  align-items: baseline;
}

.header-top-left {
  display: flex;
  align-items: center;
}

header .search-box {
  position: relative;
  width: 100%;
  max-width: 60px;
  height: 55px;
  margin: 0 50px;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}

button.navbar-toggler {
  color: #000 !important;
  font-size: 16px;
}

.navbar-expand-xl .navbar-collapse {
  justify-content: space-between;
}

.navbar-expand-xl .navbar-nav {
  flex-direction: row;
  /* gap: 17px; */
}
  .search-box.open {
    max-width: 350px !important;;
}


li.main-menu-close {
  display: none;
}

.header ul.navbar-nav li a {
  display: block !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #000 !important;
}

ul.navbar-nav li a {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  transition: none !important;
  gap: 5px;
  white-space: nowrap;
  text-align: left;
}

li.nav-item.menu-list.nav-mobile,
span.header-left-icon,
li.nav-item-login-account,
.headermenu .search-box {
  display: none;
}

.header ul.navbar-nav li a {
  display: block !important;
}

ul.navbar-nav li.nav-item.menu-list a.nav-link span {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  color: #000;
}

ul.navbar-nav li.nav-item.menu-list a.nav-link span.more-icon {
  display: none;
}
ul.navbar-nav li.nav-item.menu-list a.nav-link span.more-icon.arrow-down-drop {
  display: block;
}

ul.navbar-nav li a {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  transition: none !important;
  gap: 5px;
  white-space: nowrap;
  text-align: left;
}

.header-right {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.lang-mode {
  display: flex;
  align-items: baseline;
  gap: 15px;
}

.trade-hsitory {
  display: flex;
  gap: 8px;
  background: rgba(240, 241, 245, 1);
  padding: 14px 22px;
  border-radius: 6px;
  border: 1px solid rgba(240, 241, 245, 1);
  cursor: pointer;
}

.trade-hsitory:hover {
  background: #5d38894d !important;
  border: 1px solid #5D3587;
}

.trade-hsitory:hover svg path {
  fill: #5D3587;
  /* fill: #5d38894d; */
}

.headermenu a.trade-hsitory {
  color: rgba(43, 49, 68, 1) !important;
  white-space: nowrap;
}
.headermenu a.trade-hsitory.active{
  background: #5d38894d !important;
  border: 1px solid #5D3587;
}
.headermenu a.trade-hsitory.active svg path{
  fill: #5D3587;
}
.select-language.head.responsive-head {
  white-space: nowrap;
}

select#lang:focus,
select#lang {
  border: none !important;
  outline: none;
  color: #6C7080;
}

select#lang {
  max-width: 83px;
}

.header_left_part {
  display: flex;
  align-items: center;
}

li.dropdown.usermenu a.nav-link.dropdown-toggless {
  color: #000;
}

ul.navbar-nav li a {
  color: #000;
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  transition: none !important;
  gap: 5px;
  white-space: nowrap;
  text-align: left;
  padding-left: 13px !important;
}
ul.navbar-nav li.nav-item a.nav-link.menu-last{
  font-size: 14px !important;
}
ul.icon-sun {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
  justify-content: flex-start;
  margin-left: 20px;
}

body.pagewrapperbox.light .dropdown-menu.show {
  background: #fff !important;
}

.headermenu .dropdown-menu::before {
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  height: 2px;
}

body.light .headermenu .headbg ul li a.nav-link {
  color: #000;
  padding: 10px 15px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

.headermenu .headbg .dropdown-item i {
  margin-right: 8px;
}

.headermenu .search-box {
  position: relative;
  width: 100%;
  max-width: 60px;
  height: 55px;
  margin: 0 50px;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}

.headermenu .search-box input {
  position: relative;
  width: 100%;
  top: -19px;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  padding: 0 15px;
  border: none;
  outline: none;
  transition: all 0.5s ease-in-out;
}

.headermenu .search-box .search {
  position: absolute;
  top: -19px;
  left: 0;
  width: 60px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
}

.headermenu .search-box.open .search {
  border-radius: 6px 0 0 6px;
}

.headermenu .search-box.open .close-icon {
  transform: translateY(-50%) rotate(180deg);
  pointer-events: auto;
  opacity: 1;
}

.headermenu .search-box .close-icon {
  position: absolute;
  top: 25px;
  right: -7px;
  transform: translateY(-50%);
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
}

img.light-logo {
  max-width: 170px;
  height: auto;
}

body.darkmode .header,body.dark .header {
  background: #121318;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
}

body.darkmode ul.navbar-nav li.nav-item.menu-list a.nav-link span {
  color: #fff;
}

body.darkmode div#collapsibleNavbar ul li a,
body.dark .dropdown-content a {
  color: #fff !important;
}
body.darkmode .trade-hsitory{
  background: #121318;
  white-space: nowrap;

}

body.darkmode  a.trade-hsitory,
body.dark a.trade-hsitory  {
  color: rgba(108, 112, 128, 1);
}

body.darkmode .headermenu .dropdown-menu {
  background: #000;
}

body.darkmode ul.navbar-nav li.nav-item a.nav-link.menu-last {
  background: transparent !important;
}

body.darkmode ul.navbar-nav li.nav-item a.nav-link.menu-last {
  color: #fff !important;
}

@media (max-width: 1199.98px) {
  .header-top-left .search-box.open input {
    border: none !important;
}
article.gridparentbox.kycinfo-page .mlmwizardform fieldset{
  width:100% !important;
  }
body.drakmode .drop-down ul.dropdown-menu li.dropdown-menu-list{
  background:transparent !important;
  }

  li.nav-item-login-account {
    display: flex !important;
    gap: 10px;
    margin: 0 15px !important;
    background: #fff;
    border-bottom: 1px solid #E9EAF0;
    border-radius: 10px 10px 0 0;
    padding: 10px 12px;
  }

  div#collapsibleNavbar ul li.menu-list a,
  li.navbar-nav-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    padding: 10px;
    margin: 0 15px !important;
    background: #fff !important;
    border-radius: 0;
}
ul.navbar-nav li.nav-item.menu-list a.nav-link span.more-icon, li.nav-item-login-account {
  display: block !important;
}
.header-right {
  align-items: flex-start;
  border-top: 1px solid #E9EAF0;
  background: #FFF;
  padding: 20px 12px;
  margin: 0 15px;
  border-radius: 0 0 10px 10px;
}
li.navbar-nav-header.main-menu-close {
  background: #fff;
  padding: 20px 10px;
  border-radius: 0 0 20px 20px;
  margin: 0px 0 30px !important;
}
.navbar-expand-xl .navbar-nav {
  flex-direction: column !important;
  gap: 0 !important;
  width: 100%;
}
.header_left_part {
  flex-direction: column;
  align-items: center;
}
ul.navbar-nav li.nav-item.menu-list a.nav-link {
  border: none !important;
  border-radius: 0 !important;
}
li.nav-item.menu-list.nav-mobile, span.header-left-icon, li.nav-item-login-account, .search-box {
  display: block;
}
li.nav-item.menu-list.nav-mobile, span.header-left-icon, .search-box {
  display: block !important;
}
.header {
  border-radius: 0 0 20px 20px;
}
   div#collapsibleNavbar ul li.menu-list a,
    li.navbar-nav-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center;
        padding:15px 18px 15px 16px;
        margin: 0 15px !important;
        background: #fff !important;
        border-radius: 0;
    }

    li.nav-item.menu-list.nav-mobile,
    span.header-left-icon,
    .search-box input {
        display: none !important;
    }
    li.nav-item.menu-list.nav-mobile,
    span.header-left-icon,
    .search-box.open input {
        display: block !important;
    }

    li.navbar-nav-header.main-menu-close a.main-menu-close {
        background: transparent;
    }

    div#collapsibleNavbar {
        background: #E6E9F1 !important;
        margin: 10px 0 30px !important;
        padding: 0 !important;
    }

    li.navbar-nav-header.main-menu-close {
        background: #fff;
        padding: 20px 10px;
        border-radius: 0 0 20px 20px;
        margin: 0px 0 30px !important;
    }

    ul.navbar-nav li.nav-item.menu-list a.nav-link {
        border: none !important;
        border-radius: 0 !important;
    }

    ul.navbar-nav li.nav-item.menu-list {
        margin-top: 0 !important;
    }

    li.nav-item-login-account {
        display: flex !important;
        gap: 10px;
        margin: 0 15px !important;
        background: #fff;
        border-bottom: 1px solid #E9EAF0;
        border-radius: 10px 10px 0 0;
        padding: 10px 12px;
    }

    li.nav-item-login-account .accounr-name-mail p.holder-name {
        margin-bottom: 0;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 24px !important;
        text-align: left;
        color: #2B3144;
    }
    span.header-left {
      display: flex;
      gap: 8px;
  }

  ul.navbar-nav li.nav-item.menu-list a.nav-link span.more-icon,
  li.nav-item-login-account {
    display: block !important;
  }

  .header-right {
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid #E9EAF0;
    background: #FFF;
    padding: 20px 12px;
    margin: 0 15px;
    border-radius: 0 0 10px 10px;
  }

  li.navbar-nav-header.main-menu-close {
    background: #fff;
    padding: 20px 10px;
    border-radius: 0 0 20px 20px;
    margin: 0px 0 30px !important;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: column !important;
    gap: 0 !important;
    width: 100%;
  }

  .header_left_part {
    flex-direction: column;
    align-items: center;
  }

  ul.navbar-nav li.nav-item.menu-list a.nav-link {
    border: none !important;
    border-radius: 0 !important;
  }

  li.nav-item.menu-list.nav-mobile,
  span.header-left-icon,
  li.nav-item-login-account,
  .search-box {
    display: block;
  }

  li.nav-item.menu-list.nav-mobile,
  span.header-left-icon,
  .search-box {
    display: block !important;
  }

  .header {
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
  }
  section.header-banner-block .banner-content {
    margin-top: 30px;
}
  div#collapsibleNavbar ul li.menu-list a,
  li.navbar-nav-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    padding: 15px 18px 15px 16px;
    margin: 0 15px !important;
    background: #fff !important;
    border-radius: 0;
  }

  li.nav-item.menu-list.nav-mobile,
  span.header-left-icon,
  .search-box input {
    display: none !important;
  }

  li.nav-item.menu-list.nav-mobile,
  span.header-left-icon,
  .search-box.open input {
    display: block !important;
  }

  li.navbar-nav-header.main-menu-close a.main-menu-close {
    background: transparent;
  }

  div#collapsibleNavbar {
    background: #E6E9F1 !important;
    margin: 10px 0 30px !important;
    padding: 0 !important;
  }

  li.navbar-nav-header.main-menu-close {
    background: #fff;
    padding: 20px 10px;
    border-radius: 0 0 20px 20px;
    margin: 0px 0 30px !important;
  }

  ul.navbar-nav li.nav-item.menu-list a.nav-link {
    border: none !important;
    border-radius: 0 !important;
  }

  ul.navbar-nav li.nav-item.menu-list {
    margin-top: 0 !important;
  }

  li.nav-item-login-account {
    display: flex !important;
    gap: 10px;
    margin: 0 15px !important;
    background: #fff;
    border-bottom: 1px solid #E9EAF0;
    border-radius: 10px 10px 0 0;
    padding: 10px 12px;
  }

  li.nav-item-login-account .accounr-name-mail p.holder-name {
    margin-bottom: 0;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left;
    color: #2B3144;
  }

  span.header-left {
    display: flex;
    gap: 8px;
  }

  .trade-hsitory {
    display: none;
  }

  ul.navbar-nav li.nav-item.menu-list:after {
    border: none !important;
  }

  body.darkmode div#collapsibleNavbar {
    background: #000 !important;
  }

  .header.headermenu .row {
    justify-content: space-between !important;
  }

  body.darkmode .header-right,
  body.darkmode div#collapsibleNavbar ul.navbar-nav li.nav-item a.nav-link {
    background-color: #121318 !important;
  }

  body.darkmode div#collapsibleNavbar ul.navbar-nav li.nav-item a.nav-link {
    color: #6C7080 !important;
  }

  .before_login {
    flex-direction: column;
  }
  article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link span.mobile-view{
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .search-box input,
    .search-box .search {
        top: 0 !important;
    }
    .footer-left{
      flex-direction: column;
      margin-bottom: 25px;
    }
    .header-right {
      flex-direction: row;
      justify-content:flex-start ;
    }
    .header-top-left .search-box.open input {
      padding: 0 25px 0 51px !important;
  }
    .search-box .close-icon {
        position: absolute;
        top: 50% !important;
    }

  .search-box .close-icon {
    position: absolute;
    top: 50% !important;
  }

  .header-right {
    width: 97% !important;
    flex-direction: column;
  }

  ul.navbar-nav.info-menu.right-links.list-inline.list-unstyled {
    justify-content: start !important;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-xl .navbar-nav {
    flex-direction: column !important;
    gap: 0 !important;
  }
  .header-right {
    flex-direction: column;
  }
  .header-top-left .search-box.open input {
    border: none !important;
}
  .header .row {
    flex-wrap: wrap;
  }

  .header {
    position: relative;
  }

  .search-box.open input {
    padding: 0 20px 0 10px !important;
    display: block;
  }

  .search-box.open .search {
    left: -50px !important;
  }

  .search-box.open .search {
    left: -50px !important;
  }

  .search-box .close-icon {
    right: 12px !important;
  }

  section.top-market h3 {
    margin-bottom: 30px;
  }

  .footer-end-arrow {
    margin-top: 10px;
  }

  nav.navbar.navbar-expand-xl.bg-dark.navbar-dark {
    margin-top: -58px;
    width: 100%;
    justify-content: flex-end;
  }

  .search-box .search {
    left: 0 !important;
    top: 0 !important;
  }

  .search-box input {
    top: 0 !important;
  }

  

.search-box.open input {
  padding: 0 20px 0 10px !important;
  display: block;
}
.search-box.open .search {
  left: -50px !important;
}
.search-box.open .search {
  left: -50px !important;
}
.search-box .close-icon {
  right: -15px !important;
}
section.top-market h3 {
  margin-bottom: 30px;
}
.footer-end-arrow {
  margin-top: 10px;
}
nav.navbar.navbar-expand-xl.bg-dark.navbar-dark  {
  margin-top: -58px;
  width: 100%;
  justify-content: flex-end;
}
.search-box .search {
  left: 0 !important;
  top: 0 !important;
}
.search-box input{
  top:0 !important;
}
}
body.darkmode .best-service-card, body.darkmode .banner-content .contain-width, body.darkmode section.easy-way-toget, body.darkmode .trade-anytime-card, body.darkmode .top-market-card, body.darkmode section.footer.landing-footer, body.darkmode li.navbar-nav-header.main-menu-close, body.darkmode li.nav-item-login-account, body.darkmode li.nav-item-login-account, body.dark section.backed-investors {
  background: #121318 !important;
}

body.darkmode ul.navbar-nav li.nav-item.menu-list a.nav-link span {
  color: #fff;
}
body.darkmode div#collapsibleNavbar ul li a, body.darkmode .dropdown-content a, body.darkmode input#amount {
  color: #fff !important;
}

/* body.darkmode svg path {
  fill: #fff;
} */
body.darkmode .qr-code-deposit-img svg,body.darkmode .form-group.text-center.qrcode span svg{
    border: 4px solid #fff !important;
}
body.darkmode article.profile-page .form-group.text-center.qrcode  svg path{
fill:#000 !important;
}
body.darkmode .search-box .search, body.darkmode .search-box input, body.darkmode .search-box {
  background-color: transparent;
  border: none;
}

body.darkmode .lang-mode select#lang {
  background: transparent;
}
body.darkmode li.page-item a.page-link{
  border: 1px solid #121318;
}
/* header css */

@media(min-width:992px) and (max-width:1199.98px) {

  .limit-value,
  .buy-sell-tab ul.nav.nav-tabs.tab {
    flex-direction: column !important;
  }
  .table-gainer.portfolio-table {
    overflow-x: scroll;
}
  input.footer-email-box{
    width: 73%;
  }
  .order-book-tab ul.nav.nav-tabs.tab{
    gap: 15px;
  }
  .anytime-anywhere-left{
    width: auto !important;
  }
  section.contact-us-section .email-box {
    min-width: 316px !important;
  }
  section.backed-investors p::before {
    content: "";
    background: #E9EAF0;
    width: 200px;
    height: 2px;
    bottom: 8px;
    position: absolute;
    left: 20px;
}
section.backed-investors p::after {
  content: "";
  background: #E9EAF0;
  width: 200px;
  height: 2px;
  bottom: 8px;
  position: absolute;
  right: 20px;
}
/* .coin-price-value.value-direct{
  flex-direction:column;
} */
.tab-content.all-bar ul.nav.nav-tabs.tab-coin, .buy-sell-tab ul.nav.nav-tabs.tab{
  flex-wrap: wrap !important;
}
}

ul.navbar-nav li.nav-item a.nav-item.last-menu.btn.sitebtn {
  background: #5D3587;
  color: #fff;
  font-size: 14px !important;
}

ul.navbar-nav li.nav-item a.nav-link.menu-last,
ul.navbar-nav li.nav-item a.nav-item.last-menu.btn.sitebtn {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 12px 26px;
  text-transform: capitalize;
}

ul.navbar-nav li.nav-item a.nav-link.menu-last {
  color: #5D3587!important;
  background: #E9EAF0 !important;
}

ul.navbar-nav li.nav-item:hover a.nav-link.menu-last {
  color: #fff !important;
}

li.nav-item:hover a.nav-link.menu-last.btn.me-2.bluebtn {
  color: #fff !important;
}

/* profile page css */
/*  article.gridparentbox.profile-page {
  margin: 0;
}

.gridparentbox .container.sitecontainer {
  padding: 15px 15px;
  max-width: 96%;
}

.innerpagegrid .gridparentbox.profile-page {
  padding-bottom: 15px;
  padding-top: 0px;
} */

article.profile-page .profile-info-detail label {
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 500;
}

article.profile-page .profile-info-detail span {
  display: inline-block;
  width: 100%;
  text-align: center !important;
  font-size: 16px;
}

article.profile-page .profile-info-detail {
  margin-bottom: 30px;
}

article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link span.profile-set-line {
  display: flex;
  align-items: center;
  gap: 10px;
}
article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
background: transparent;
}

article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link.active {
  background-color: rgba(226, 242, 255, 1) !important;
  color: #fff !important;
  border-radius: 5px !important;
}

body.light article.profile-page.supportbg .tabbanner li a {
  border: 0px !important;
}

article.profile-page .tabbanner li a p {
  padding-bottom: 0px !important;
}

article.profile-page .profile-info-detail label {
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
}

.supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link.active svg path {
  fill: #5D3587!important;
}

.supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link svg path {
  fill: #9295A6 !important;
}

article.profile-page ul.nav.nav-tabs.tabbanner li:hover:after,
article.profile-page ul.nav.nav-tabs.tabbanner li:after {
  display: none;
}

article.profile-page .panelcontentbox.proheight.profile-content-side h2.heading-box.tab-head-common {
  font-size: 23px;
  text-transform: capitalize;
  color: rgba(43, 49, 68, 1);
  font-weight: 600;
  border: none;
  display: flex;
  align-items: center;
  gap: 70px;
  /* justify-content: space-between; */
  margin-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
}

article.profile-page .panelcontentbox.proheight.profile-content-side h2.heading-box.tab-head-common a {
  border: 1px solid rgba(204, 206, 217, 1);
  padding:10px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  gap: 7px;
  border-radius: 5px;
}

article.profile-page .panelcontentbox.proheight.profile-content-side h2.heading-box.tab-head-common a span {
  color: rgba(146, 149, 166, 1);
  font-size: 14px;
}

article.profile-page .panelcontentbox.proheight.profile-content-side .contentpanel,
article.profile-page .securityinner-box {
  padding: 40px 0;
}
article.profile-page .box-bottom-border{
  border-bottom: 1px solid rgba(233, 234, 240, 1) !important;
}
article.profile-page label.profile-small-head {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 500 !important;
  color: #2B3144;
  margin-bottom: 10px;
}

article.gridparentbox.profile-page .panelcontentbox.proheight.profile-content-side .form-group label {
  color: rgba(108, 112, 128, 1) !important;
  font-size: 14px !important;
 width: 100% !important;
 font-weight: 500 !important;
}
article.profile-page .profiledatainfo {
  font-weight: 400;
  margin-top: 30px;
}
article.profile-page .panelcontentbox.proheight.profile-content-side input.form-control {
  color: rgba(146, 149, 166, 1) !important;
  font-weight: 400 !important;
}

article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input,
article.profile-page .panelcontentbox.proheight.profile-content-side .form-group select,
article.profile-page .intl-tel-input {
  background: rgba(241, 242, 244, 1) !important;
  border: none !important;
  color:#9295A6 !important;
}
.otp-email input.payment-upi-id.grey-placeholder{
  background: rgba(241, 242, 244, 1) !important;
  border: none !important;
  color: #000 !important;
  height: 40px !important;
}
article.profile-page .panelcontentbox.proheight.profile-content-side .form-group select{
  font-weight: 500 !important;
}
article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link.active span.profile-set-line p {
  color: #5D3587!important;
}
article.profile-page .save-changes-cancel-left p {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding: 0px !important;
  margin: 0px !important;
  color: rgba(146, 149, 166, 1) !important;
  font-weight: 400 !important;
}

article.profile-page .save-changes-cancel {
  margin: 0px;
  padding: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

article.profile-page .save-changes-cancel .save-changes-cancel-right {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
article.profile-page {
  font-family: 'inter';
}
article.profile-page .contentbox.faverifybox.api-management{
  border: 1px solid #CCCED9 !important;
  padding: 20px !important;
  border-radius: 10px !important;
  min-height: 450px;
}
article.profile-page .save-changes-cancel .save-changes-cancel-right input.btn.sitebtn {
  background: rgba(233, 234, 240, 1) !important;
  color: #0070E4 !important;
  font-weight: 400;
  font-size: 14px !important;
  text-transform: none;
  padding: 10px 25px !important;
  
}

article.profile-page .save-changes-cancel-right a {
  display: inline-block;
  padding: 16px 40px !important;
  border-radius: 4px;
  white-space: nowrap;
  background: #5D3587;
  font-size: 14px !important;
  font-weight: 400 !important;
}

article.profile-page .save-changes-cancel {
  margin-top: 40px !important;
  gap: 20px;
}


/*** security  **/

.inner-security-right label {
  color: #2B3144 !important;
  font-weight: 400;
  line-height: 22px;
  font-size: 16px;
  text-align: left;
  margin-bottom: 5px;
}

.inner-security-right p {
  margin-bottom: 0px;
  color: rgba(108, 112, 128, 1);
  font-size: 12px;
}

.security-right {
  text-align: right;
}

.security-right button {
  border: none;
  /* width: 130px !important; */
  display: inline-block;
  /* padding: 9px 20px !important; */
  border-radius: 4px;
}

.inner-security {
  display: flex;
  gap: 20px;
}

.inner-security-left {
  flex: 0 0 47px;
  display: flex;
  height: 47px;
}

.row.row-red,
.row.row-blue,
.row.row-green,
#pro7 .row.row-blue,
#pro4 .row.row-blue,
#pro9 .row.row-blue {
  margin-top: 30px;
}
/* .red-background-img,
.green-background-img,
.blue-background-img, */
/* #pro7 .blue-background-img,
#pro4 .blue-background-img,
#pro9 .blue-background-img{
  margin-top: 30px;
} */
article.profile-page .payment-option-block,article.profile-page .notification-block{
  margin-top: 30px;

}
.row.row-blue {
  margin-top: 0px;
}

.row.row-blue .inner-security-left,.blue-background-img .inner-security-left{
  background: rgba(86, 178, 255, 1);
}

.row.row-green .inner-security-left,.green-background-img .inner-security-left{
  background: rgba(110, 231, 183, 1);
}

.row.row-red .inner-security-left ,.red-background-img .inner-security-left{
  background: rgba(248, 113, 113, 1);
}

.inner-security-left img {
  max-width: max-content;
}

.inner-security-left {
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 5px;
}

/*** switch notification preference button style **/

.panelcontentbox.proheight.profile-content-side .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 25px;
}

.panelcontentbox.proheight.profile-content-side .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.panelcontentbox.proheight.profile-content-side .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

 .panelcontentbox.proheight.profile-content-side .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 1px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

article.profile-page .panelcontentbox.proheight.profile-content-side input:checked+.slider {
  background-color: #2196F3;
}

article.profile-page .panelcontentbox.proheight.profile-content-side input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

article.profile-page .panelcontentbox.proheight.profile-content-side input:checked+.slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

article.profile-page .panelcontentbox.proheight.profile-content-side .slider.round {
  border-radius: 34px;
}

article.profile-page .panelcontentbox.proheight.profile-content-side .slider.round:before {
  border-radius: 50%;
}
article.profile-page .security-right .security-authen,article.profile-page .save-changes-cancel-right a.cancel-btn{color: #5D3587!important;background: #E9EAF0 !important;    padding: 16px 40px !important;;}
article.profile-page .security-right .security-authen:hover,article.profile-page .save-changes-cancel-right a.cancel-btn.btn:hover{
  color:#fff !important;
  border:none !important;
  outline: none;
}
/*** currency**/

article.profile-page .currency-row-inner-top {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 15px;
  position: relative;
}

article.profile-page .currency-img {
  flex: 0 0 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(185, 221, 255, 1);
  border-radius: 8px;
}

article.profile-page .currency-img img {
  max-width: max-content;
}

article.profile-page .currency-row-inner-bottom {
  padding-top: 15px;
  color: rgba(108, 112, 128, 1);
  font-size: 14px;
}

article.profile-page .currency-row-inner {
  padding: 20px;
  background: rgba(241, 242, 244, 1);
  border-radius: 10px;
  margin: 10px 0;
  cursor: pointer;
}

article.profile-page .currency-row-inner-top span {
  color: rgba(43, 49, 68, 1) !important;
}

article.profile-page .currency-row-inner.active-select .currency-row-inner-bottom {
  font-weight: 600;
}

article.profile-page .currency-row-inner.active-select .currency-row-inner-top::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url('../images/Checkmark.png');
  background-size: contain;
  right: 0;
  background-repeat: no-repeat;
}

article.profile-page .currency-row-inner.active-select {
  border: 1px solid #5D3587;
  position: relative;
}

article.profile-page .security-right a img {
  width: 18px;
}

article.profile-page .security-right a {
  border: 1px solid rgba(204, 206, 217, 1);
  padding: 13px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  gap: 7px;
  border-radius: 5px;
  color: #9fa1b0;
}

article.profile-page .bank-account-inner-top-left span {
  font-size: 16px;
}

article.profile-page .bank-account-inner-top-left {
  display: flex;
  align-items: center;
  gap: 5px;
}

article.profile-page .bank-account-inner-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

article.profile-page .bank-account-inner-top-right {
  display: flex;
  gap: 10px;
}

article.profile-page .bank-detail-inner-row {
  display: flex;
}

article.profile-page .bank-detail-inner-row label {
  text-align: left;
  font-size: 12px;
  margin-bottom: 0px;
  flex: 0 0 60%;
}

article.profile-page .bank-detail-inner-row span {
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
  flex: 0 0 40%;
}

article.profile-page .bank-detail-inner-row {
  padding: 1px 0;
}

article.profile-page .bank-account-inner-bottom {
  padding-top: 15px;
}

article.profile-page .bank-account-inner {
  padding: 10px;
  background: rgba(241, 242, 244, 1);
  border-radius: 10px;
  margin-top: 20px;
}

article.profile-page .edit-button:hover,
article.profile-page .delete-button:hover {
  background: #56b2ff;
  border-radius: 5px;
}

article.profile-page .edit-button:hover path,
article.profile-page .delete-button:hover path {
  fill: #fff !important;
}

article.profile-page .bank-account-add {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(233, 234, 240, 1);
}

article.profile-page  .panelcontentbox.supportticketlist .profile-img img {
  width: 125px !important;
  height: 125px;
  max-width: 100% !important;
}
article.profile-page .innerpagegrid .contentbox.faverifybox .heading-box {
  font-size: 14px !important;
  color: #ffffff;
  text-transform: uppercase;
  padding: 16px 16px;
  backdrop-filter: blur(10px) saturate(178%);
  -webkit-backdrop-filter: blur(19px) saturate(178%);
  background-color: rgb(9 9 9 / 66%);
  margin-bottom: 10px;
}
/* article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input.displayname-profile,body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input.displayname-profile {
  background-image: url(.././images/edit-icon.svg) !important;
  background-position: right !important;
  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
} */
.edit-icon-img {
  float: right;
  right: 9px !important;
  margin-top: -38px;
  position: relative;
  z-index: 2;
}
/* article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input.profile-phoneno,body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input.profile-phoneno{
  background-image: url(.././images/profile-phone-icon.svg) !important;
  background-position: right !important;
  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
} */
/* article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input.profile-email,body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input.profile-email {
  background-image: url(.././images/profile-email-icon.svg) !important;
  background-position: right !important;
  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
} */
article.profile-page .panelcontentbox.proheight.profile-content-side input.form-control.allletterwithspace.profile-user-name {
  color: #2B3144 !important;
  font-weight: 500 !important;
}
/* Rounded sliders */
article.profile-page .panelcontentbox.proheight.profile-content-side .slider.round {
  border-radius: 34px;
}
article.profile-page .panelcontentbox.proheight.profile-content-side .slider.round:before {
  border-radius: 50%;
}
article.profile-page p.profile-small-para {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: #6C7080 !important;
}
.contentbox.faverifybox.api-save-changes {
  padding: 0;
}

article.profile-page .securityiconbox{
  /* padding-top: 35px; */
  /* border-top: 1px solid  rgba(233, 234, 240, 1) ; */
}
.contentbox.faverifybox.api-save-changes .save-changes-cancel{
  padding-top: 35px;
  border-top: 1px solid  rgba(233, 234, 240, 1) ;
}
.tab-view{
  display: none;
}
/* darkmode */
body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side h2.heading-box.tab-head-common,body.darkmode article.profile-page .profile-small-head{
color: #fff;
}
body.darkmode article.profile-page .security-right button.security-authen {
  background: #080808 !important;
}
body.darkmode article.profile-page svg path {
  fill: #9295A6 !important;
}
body.darkmode article.profile-page p.profile-small-para {
  color: #6C7080;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
body.darkmode  article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input,body.darkmode  article.profile-page .panelcontentbox.proheight.profile-content-side .form-group select,body.darkmode  article.profile-page .intl-tel-input,body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side input.form-control.allletterwithspace.profile-user-name  {
  background: #080808 !important;
}
body.darkmode article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link.active{
  background: #080808 !important;
  color: #5D3587!important;
  border: 0px !important;
}
body.darkmode article.profile-page .panelcontentbox{
background: #121318 !important;
}
body.darkmode article.profile-page.container.sitecontainer{
background: transparent;
}
body.darkmode article.profile-page .flexbox.supportbg.pbg {
  background: #080808;
}

article.profile-page  .inner-security-right label {
  white-space: nowrap;

}

a.nav-link.level-info-tab {
  background: #e6e9f1;
}
body.darkmode a.nav-link.level-info-tab{
  background: #080808 !important;
}
.back-icon.kyc-verification-back,.back-icon.add-back-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
}



@media(max-width: 767.98px){
  article.profile-page .supportlist.profile-sidemenu ul.nav.nav-tabs.tabbanner li a.nav-link{
    border:none !important;
    border-radius: 0 !important;
  }
  section.card-stacking {
    padding:20px 0 !important;
  }
  article.gridparentbox.stacking .card.border-style-cls h4 {
    margin-bottom: 0;
  }
article.profile-page .save-changes-cancel {
  display: flex;
  flex-direction: column-reverse;
}
article.profile-page .save-changes-cancel-left p {
  font-size: 11px;
  margin-top: 16px !important;
  line-height: 12px;
}
article.profile-page .panelcontentbox.proheight.profile-content-side .contentpanel, article.profile-page .securityinner-box {
  padding: 10px 0 20px !important;
}

article.profile-page .security-block .security-right button,article.profile-page .security-block .security-right button.btn-primary.btn.bluebtn {
  width: 100% !important;
  max-width: 100%;
  margin: 10px 0;
}
/* article.profile-page .securityinnerbox .security-right button.btn {
  max-width: 100%;
} */
article.profile-page  .inner-security {
  gap: 10px;
}
article.profile-page  .inner-security-right label {
    font-size: 14px !important;
    white-space: nowrap;
}
article.profile-page  .inner-security-right label {
  white-space: normal !important;

}
article.profile-page .inner-security-left {
  padding: 5px;
  height: 35px;
  flex: 0 0 30px;
}

/*** Joshua **/

article.profile-page .modal-content {
  padding: initial !important;
}
article.profile-page .bank-details-modal-disclaimer {
  padding: 0 20px !important;
}
article.profile-page .security-right button.add-modal-btn{
  padding: 0 !important;
}

article.profile-page .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
article.profile-page .modal-content {
  margin-top: 100px;
  /* margin-bottom: 0 !important; */
}

/* Modal Content */
article.profile-page .modal-content {
  /* background-color: #fefefe; */
  margin: auto;
  padding: 20px;
  /* border: 1px solid #888; */
  width: 95%;
}
article.profile-page .p-image {
  top: 124px !important;
  left: 58% !important;
}
article.profile-page .securityinnerbox .btn {
  width: auto;
  max-width: fit-content;
  font-size: 14px !important;
  padding: 10px !important;
}
body.pagewrapperbox table.table.sitetable tr th {
  padding: 17px 10px !important;
  width: 133px;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  article.profile-page .modal-content {
    margin: auto;
    padding: 20px;
    width: 80%;
    /* margin-top: 50px; */
    /* margin-bottom: 0 !important; */
  }
  .modal-content.payment-option-model.upi-model{
    height: 80vh;
    overflow-y: scroll;
  }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
  article.profile-page .p-image {
    position: absolute;
    top: 126px !important;
    left: 53% !important;
  }}
@media (min-width: 768px) and (max-width: 991.98px){
 /* article.profile-page .panelcontentbox.proheight.profile-content-side {
      position: relative;
      top: -232px !important;
  } */
  article.profile-page .p-image {
    top: 123px !important;
    left: 54% !important;
  }
}
@media(max-width: 1199.98px) {
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    background: #5266fc;
}
.navbar-expand-xl .navbar-toggler {
  border:none;
}
  article.profile-page h2.heading-box.tab-head-common {
    font-size: 18px !important;
    background: #fff !important;
    font-weight: 500 !important;
    padding: 20px 15px !important;
    border-radius: 0 0 20px 20px !important;
    margin: 0 0px 40px 0 !important;
}
  .tab-content-profile-content{
    position: absolute;
      width: 100%;
      top: 0;
      z-index: 9999;
      bottom: auto;
      left: 0 !important;
      /* opacity: 0; */
      /* visibility: hidden; */
      /* display: none; */
      transition: all 0.9s ease-in-out;
      transform: translateY(-200%);
  }
  .tab-content.tab-content-profile-content.active{
    transform: translateY(0%);
    position: relative;
  }
  
  .profile-sidebar-list-outer {
    transition: all 0.9s ease-in-out;
    transform: translateX(0%);
    display: block;
  }
  
  .profile-sidebar-list-outer.slide-left{transform: translateX(-110%) !important;display: none !important;}
  /* body.darkmode article.profile-page .profile-block {
    position: relative;
    top: 0px !important;
}
.panelcontentbox.proheight.profile-content-side {
  position: relative;
  top: -154px !important;
} */
.pagecontent.gridpagecontent.innerpagegrid.profilepages .header.headermenu .logo {
  padding-bottom: 0;
}
article.profile-page section.footer.landing-footer{
  margin-top: 0 !important;
}
   article.profile-page .panelcontentbox.profile-block,article.profile-page .panelcontentbox.proheight.profile-content-side{
    padding: 0;
    background: #E6E9F1 !important;
  }
  .tab-view{
    display: block;
  }
  article.profile-page .panelcontentbox.proheight.profile-content-side h2.heading-box.tab-head-common a{
    padding: 0;
    border:none;
  }
  span.profile-edit {
    display: none;
}
article.gridparentbox.profile-page .sitecontainer{
  padding: 0;
  max-width: 100% !important;
}
article.gridparentbox.profile-page{
  padding-top:0 !important
}
article.gridparentbox.profile-page .profile-content-details { 
 background: #fff !important; 
 padding: 20px;
 margin: 40px 15px 0px;
 border-radius: 10px;
 } 
 article.gridparentbox.profile-page .supportbg .tabbanner li {
  margin: 0px 9px;
}
article.gridparentbox.profile-page .supportbg>div:first-child {
  width: 92% !important;
  margin: 0 auto !important;
  padding:0 !important
}
article.profile-page .profile-info-detail span {
  font-size: 14px;
}
article.profile-page .profile-info-detail label {
  font-size: 18px;
}
article.profile-page .profile-content-details h4.profile-mobile-title {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #2B3144;
  display: block;
}
body.darkmode article.profile-page .tab-content>.active.profile-content-details,body.darkmode .profile-block{
  background: #080808 !important;
  color:#fff !important;
}
body.darkmode article.profile-page h2.heading-box.tab-head-common,
body.darkmode article.gridparentbox.profile-page .profile-content-details{
background: #121318 !important;;
}
.headermenu .headbg ul.dropdown-menu li.dropdown-menu-list a.dropdown-item{
  padding:6px 15px;
 }
body.darkmode .headermenu .headbg ul.dropdown-menu li.dropdown-menu-list a.dropdown-item{
 background:#121318 ;
}

.drop-down ul.dropdown-menu li.dropdown-menu-list{
  background:transparent;
  }

}
article.profile-page .bank-details-modal-disclaimer {
  padding: 20px;
}

article.profile-page .profile-content-details h4.profile-mobile-title {
  display: none;
}
article.profile-page .securityinnerbox .btn{
  width:auto;
  max-width:fit-content;
}
article.gridparentbox.profile-page .profile-content-details h3 ,.bank-details-modal-disclaimer p.disclaimer-title{
  font-size: 14px;
}
article.profile-page .security-right button, article.profile-page .security-right button.btn-primary.btn.bluebtn {
  font-size: 16px !important;
  padding: 16px 40px !important;
}
body.darkmode article.profile-page .container.sitecontainer{
  background:transparent;
}
body.darkmode article.profile-page .currency-row-inner-bottom,body.darkmode article.profile-page .currency-row-inner-top span {
  color: #fff !important;
}
body.darkmode article.profile-page .currency-row-inner {
  background: #080808;
  color: #fff !important;
  position: relative;
}

article.profile-page .currency-row-inner.active-select::after {
  content: url(./../images/tick-m.svg);
  width: 25px;
  position: absolute;
  height: 25px;
  background: #5D3587;
  right: 8%;
  border-radius: 50%;
  top: 13%;
  padding: 2px;
  text-align: center;
  color: #fff;
}
body.darkmode article.profile-page .inner-security-right label {
  color: #FFFFFF !important;
}
article.profile-page .payment-option-block .security-right a {
  border: none;
}

body.darkmode article.profile-page .bank-account-inner {
  background: #080808;
}
body.darkmode  article.profile-page .security-right a{
  border:none;
}
body.darkmode  article.profile-page .modal-content,body.darkmode .modal-content {
  background: #121318;
  color: #6C7080;
  border:none !important;
}
article.profile-page .modal-content {
  padding: 30px;
}
article.profile-page .add-new-card-body .pay-account-no.cmn-bdr {
  background: rgb(241 242 244) !important;
  border: none !important;
  color: #9295A6 !important;
}

article.profile-page .modal-body.add-new-card-body label {
  text-align: left;
  padding-bottom: 4px;
}
article.profile-page .modal-body button.close-dialog-btn {
  padding: 0px !important;
}
body.darkmode article.profile-page .add-new-card-body .pay-account-no.cmn-bdr {
  background: #121318 !important;
  border: 1px solid #CCCED926 !important;
}
article.profile-page .modal-header {
  margin-bottom: 20px;
}
body.darkmode article.profile-page .securityinnerbox.profile-block .modal-content.payment-option-model .modal-body.add-new-card-body .form-group input,body.darkmode article.profile-page .securityinnerbox.profile-block .modal-content.payment-option-model .modal-body.add-new-card-body select {
  background: #121318 !important;
  border: 1px solid #CCCED926 !important;
}
.modal-footer.payment-option-model-footer button.btn-secondary.payment-proceed-btn.btn.blue-btn {
  max-width: 100%;
  width: 100%;
  padding: 15px;
  color: #fff;
  background: #5D3587;
}

article.profile-page .payment-option-model-header button.close-dialog-btn{
  padding: 0 !important;
}
article.profile-page button.add-modal-btn {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #9295A6;
  background: transparent;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
}
h5.modal-title.payment-option-model-title {
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}
article.profile-page .modal-footer{
border-top: none !important;
}
body.darkmode article.profile-page .modal-header{
border-bottom:1px solid #E9EAF026 !important;
}
body.darkmode article.profile-page h5.modal-title.payment-option-model-title {
  color:#fff !important
}
.bank-details-modal-disclaimer p.disclaimer-title{
  padding:20px 0 10px;
  border-bottom: 1px solid ;
  text-align: left;
}
body.darkmode .bank-details-modal-disclaimer p.disclaimer-title{
border-color: #fff;
color: #FFFFFF;

}
.bank-details-modal-disclaimer p.disclaimer-content {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
}
article.profile-page .notification-block,article.profile-page .payment-option-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* upload-img */


article.profile-page .profile-pic {
    width: 200px;
    max-height: 200px;
    display: inline-block;
}

article.profile-page .file-upload {
    display: none;
}
article.profile-page .circle {
    border-radius: 100% !important;
    overflow: hidden;
    width: 128px; 
height: 128px; 
    border: 2px solid rgba(255, 255, 255, 0.2);
    position: relative;
    top: 0;
    margin: 0 auto;
}
article.profile-page .circle img {
    max-width: 100%;
    height: auto;
}
article.profile-page .p-image {
  position: absolute;
  top: 117px;
  left: 55%;
  color: #7b7b7b;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  background: #b4b4b4;
  clip-path: circle(42% at 49% 53%);
  padding: 5px;
}
article.profile-page .p-image i {
  font-size: 15px !important;
}
article.profile-page .p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
article.profile-page .upload-button {
  font-size: 1.2em;
}

article.profile-page .upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}
article.profile-page a.add-modal-btn {
  border: none !important;
  padding: 0;
}
article.profile-page .payment-option-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* white-space: nowrap; */
  margin-bottom: 25px;
}
.form-control[readonly], .form-control:disabled {
  background-color: transparent !important;
  opacity: 1;
}
article.gridparentbox.wallet-page .table th:last-child, article.gridparentbox.wallet-page .table td:last-child{
  text-align: right !important;
}
body.darkmode article.profile-page .contentbox.faverifybox.api-management{
  border: 1px solid rgba(204, 206, 217, 0.15) !important;
}
body.darkmode .contentbox.faverifybox.api-save-changes .save-changes-cancel{
  border-top: 1px solid rgba(204, 206, 217, 0.15) !important;
}
body.darkmode article.profile-page .security-right .security-authen, body.darkmode article.profile-page .save-changes-cancel-right a.cancel-btn{
  background: #000 !important;
}
body.darkmode .trade-hsitory, body.dark .trade-hsitory{
  background:rgba(8, 8, 8, 1) !important;
  border: 1px solid rgba(8, 8, 8, 1) !important;
}
body.darkmode .trade-hsitory:hover , body.dark .trade-hsitory:hover {
  /* background: rgba(226, 242, 255, 1) !important; */
  border: 1px solid #5D3587 !important;
}
body.darkmode .trade-hsitory:hover a{
  color: #5D3587 !important;
}
img.dark-mode-img {
    display: none;
}
body.darkmode img.dark-mode-img {
  display: block;
}
body.darkmode img.light-mode-img {
  display: none;
}
/*  */
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}
.table-responsive.sitescroll::-webkit-scrollbar{
  width: 0px;

}
::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
  height:0px;
}
.tradepagebg .table-gainer::-webkit-scrollbar{
  height: 0 !important;
}
.tradepagebg .table-gainer:hover::-webkit-scrollbar{
  height: 2px !important;
}

::-webkit-scrollbar-thumb{

	border-radius: 5px;
	background: #5D3587;
}
body.darkmode .card-full{
  background: rgb(8 8 8);
}
.deposit-head {
  text-align: center;
}
.deposit-withdraw-dialog {
  background: #fff;
  max-width: 750px;
  margin: 0 auto;
  padding: 50px;
  border-radius: 10px;
}
.deposit-withdraw-dialog .alert-danger {
  color: #842029;
  background-color: #f8d7da !important;
  border-color: #f5c2c7;
  margin-bottom: 15px !important;
}
body.darkmode .deposit-withdraw-dialog{
  background: #121318;
}

a.btn.deposit-withdraw-dialog-btn{
  background: rgba(226, 242, 255, 1);
  padding: 6px 11px;
  border-radius: 6px;
  color: #8745cbdb ;
}
.deposit-head h1 {
  font-size: 32px;
  padding-bottom: 25px;
}
body.darkmode .trade-currency-label{
  background: #000;
}
body.darkmode .deposit-withdraw-dialog .bitcoin-input-box input{
  border: none !important;
}
article.profile-page .container.sitecontainer{
background: transparent;
}
body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side .form-group input, body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side .form-group select, body.darkmode article.profile-page .intl-tel-input{
  color: #fff !important;
}
body.darkmode article.profile-page .panelcontentbox.proheight.profile-content-side input.form-control.allletterwithspace.profile-user-name{
  color: #fff !important;
}
 body.darkmode .profilepaget.trade-history .input-group.dateinput input.form-control{
  background: none !important;
}
body.darkmode a.btn.deposit-withdraw-dialog-btn{
  background: #000;
}
body.darkmode .profilepaget.trade-history .innerpagetab .tabbanner li a.active{
  background: transparent !important;
  border-bottom: 2px solid #5D3587!important;
  color: #5D3587!important;
}
body.darkmode .profilepaget.trade-history .input-group.dateinput input.form-control{
  color: #fff !important;
}
ul.nav.nav-tabs.tabbanner li:hover a.active:after{
  display: none !important;
}
.header.is-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgb(255, 255, 255);
  /* box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); */
  box-shadow: 0 5px 16px rgb(0 0 0 / 23%);
  backdrop-filter: blur(10px);
  animation: slideDown 0.60s ease-out;
  z-index: 999;
}

@keyframes slideDown{
  0% {
    transform: translateY(-90%);
}
100% {
    transform: translateY(0);
}
}
.checkbox {
  opacity: 0;
  position: absolute;
}

.checkbox {
  margin-top: 7px;
  display: flex;
  gap: 20px;
  font-size: 15px;
}
.ticket-popup .modal-content{
  background: #000;
}
.panelcontentbox.supportticketlist ul.nav.nav-tabs.tabbanner li:after{
  border: none !important;
}
.container.sitecontainer.register-success-cotainer{
  background:transparent !important;
}
body.darkmode .email-verify .login-form form.siteformbg h2,body.darkmode .email-verify .login-form form.siteformbg .form-group p{
color:#fff !important
}

.brand-logo-img img {
  width: 25px;
  height: 25px;
}
td.deposit-withdraw {
  gap: 10px;
}
.coin-select-drop select {
  width: 100%;
  height: 40px;
  border: none !important;
}
.coin-select-drop {
  width: 90%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 10px;
}
body.darkmode .coin-select-drop{
  border: 1px solid #3f3939;
}
.coin-select-drop.withdraw-box{
  width: 100% !important;
}
.destination {
  width: 90%;
}
p.deposit-destination {
  text-align: left !important;
}
.address-details {
  margin: 0 42px;
}
.coin-deposit {
  margin-bottom: 25px;
}
th.js-sort-active i.fa-solid.fa-caret-up {
  display: none;
}
body.darkmode .input-group.dateinput span.input-group-text {
  border: none !important;
}
.dropdown.head.responsive-head {
  display: flex;
  align-items: center;
}
.down-arrow i {
  font-size: 13px;
}
.dropdown.head.responsive-head:hover .down-arrow i, li.nav-item.menu-list.fromleft.drop-down:hover .arrow-down-drop i {
  transform: rotate(-180deg);
}
.register-success-cotainer a {
  font-size: 15px;
}
article.gridparentbox.email-verify.success-page {
  margin: 0;
}
.email-verify.success-page  .formboxbg a img{
  margin-bottom: 0 !important;
}
.trade-coin-list {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0px;
}
.email-via {
  text-align: center;
  padding-bottom: 15px;
}
.otp-email {
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.otp-email label {
  padding-bottom: 15px;
}
button.close-menu {
  border: none;
  padding: 15px;
  border-radius: 50px;
  font-size: 13px;
  clip-path: circle(37% at 50% 50%);
  background: #5D3587!important;
  color: #fff;
}
.modal-dialog.modal-dialog-centered.email-box .modal-content {
  padding: 0px !important;
}
body.darkmode .otp-email input.payment-upi-id.grey-placeholder {
  background: transparent !important;
  border: 1px solid #ccc !important;
  color: #fff !important;
}
body.darkmode .modal-title, body.darkmode .email-via p, body.darkmode .otp-email label{
  color:#fff !important;
}
.toast-error {
  background-color: #BD362F !important;
}
.toast-success {
  background-color: #51A351 !important;
}
.modal-dialog.modal-dialog-centered.email-box{
  max-width: 550px !important;
}
.modal-dialog.modal-dialog-centered.email-box .modal-body{
  padding: 15px !important;
}
span#myTooltip,input#secret {
  height: 47px;
} span#myTooltip{
  cursor: pointer;

}
.profilepaget input#upiQrID {
  font-size: 17.5px;
  font-weight: 500;
}
.panelcontentbox.proheight.profile-content-side {
  position: relative;
  z-index: 1;
}
input#buylimit_order, input#selllimit_order, input#sellmarket_submit, input#buymarket_submit {
  width: 100% !important;
}
.input-bar span {
  font-size: 14px !important;
}
.alert-danger {
  color: #dc3545 !important;
  background-color: transparent !important;
  border: none !important;
  margin-bottom: 0 !important;
}
.alerttext.text-success.text-center {
  padding: 25px 0;
}
.tradepagebg .table-gainer{
  overflow-x: scroll;
}
a.btn.sitebtn.viewbtn{
  color: #fff !important;
}
.tradepagebg .table-gainer td {
  font-size: 15px !important;
}
.tradepagebg .table-gainer td:nth-child(3){
  white-space: nowrap !important;
}
.orderbook.buysellshow li.nav-item.active a:hover {
    background: #5D3587!important;
    border: none !important;
    border-bottom: none !important;
}
.orderbook.buysellshow li.nav-item{
  border: none !important;
}

nav ul.header-leftt li {
  float: left;
  position: relative;
}
/* ul.navbar-nav li.nav-item.menu-list.drop-down::after {
display: none;
} */
.drop-down ul.dropdown-menu li.dropdown-menu-list{
  position: relative;
  top: 0;
  background: var(--bcg);
  font-weight: 600;
  padding: 4px;
  min-width: 100px;
}
.drop-down ul.dropdown-menu li.dropdown-menu-list{
  margin:0 !important;
  padding:0 !important;
  }
.drop-down:hover .dropdown-menu {
  display: block;
  padding: 0;
  width: 100%;
}
.drop-down ul.dropdown-menu li.dropdown-menu-list a.dropdown-item{
  font-size: 14px !important;
color: #000;
}
body.dark .drop-down ul.dropdown-menu li.dropdown-menu-list a.dropdown-item,body.darkmode .drop-down ul.dropdown-menu li.dropdown-menu-list a.dropdown-item{
  color:#fff;
}
body.dark .drop-down ul.dropdown-menu li.dropdown-menu-list a.dropdown-item:hover,body.darkmode .drop-down ul.dropdown-menu li.dropdown-menu-list a.dropdown-item:hover, body.darkmode div#collapsibleNavbar ul li.menu-list a.dropdown-item:hover,  body.dark div#collapsibleNavbar ul li.menu-list a.dropdown-item:hover,body.darkmode .dropdown-content a:hover, body.dark .dropdown-content a:hover{
  color:#d3b0f8 !important;
  background: #000 !important;
}
.drop-down ul.dropdown-menu li.dropdown-menu-list a.dropdown-item:hover {
  /* background: #7474811f; */
  max-width: 100%;
  color: #5D3587!important;
  /* border-radius: 4px; */
}
body.dark a.dropdown-item:hover,body.darkmode a.dropdown-item:hover{
  color: #5D3587!important;
  background: #000 !important;
}
nav.navbar ul.navbar-nav ul.dropdown-menu {
   background: var(--bcg);
  border-radius: 4px;
  color:var(--text-bcolor);
  z-index: 9999;
  border-radius: 5px;
  width:125px;
}

.orderbook.buysellshow .tabcontent.tab-pane.fade,.orderbook.sellshow .tabcontent.tab-pane.fade, .orderbook.buyshow .tabcontent.tab-pane.fade  {
  display: none;
}

.orderbook.buysellshow .tabcontent.tab-pane.fade.show, .orderbook.sellshow .tabcontent.tab-pane.fade.show, .orderbook.buyshow .tabcontent.tab-pane.fade.show {
  display: block;
}
.orderbook ul.nav.nav-tabs.tabbanner li.active{
  border-bottom: none !important;
}
.orderbook ul.nav.nav-tabs.tabbanner li:hover:after{
  border-bottom: none !important;
}
.tab-content.all-bar .orderbook ul.nav.nav-tabs.tabbanner li.active a.nav-link.active{
  background: #5D3587 !important;
}
body.pagewrapperbox.tradepagebg .dropdown-menu.dropdownss {
  height: 30vh;
  overflow-y: scroll;
}
.trade-box-bar.trade-first-box {
  height: 184px;
}
li.nav-item.menu-list.fromleft.drop-down span.down-arrow i {
  transition: all 0.4s ease;
  transform: scale(.7);
}
body.darkmode li.dropdown.usermenu a.nav-link.dropdown-toggless, body.darkmode .dropdown-menu.dropdownss a.nav-link.dropdown-item{
  color: #fff !important;
}
body.darkmode .dropdown-menu.dropdownss{
  background: #000 !important;
}
.dropdown-menu.dropdownss a.nav-link.dropdown-item{
  font-size: 15px !important;
  font-weight: 400 !important;
}

  .container.sitecontainer.otpcnfrm, body.darkmode .container.sitecontainer.otpcnfrm {
    background: transparent;
    padding: 0 !important;
}
.container.sitecontainer.otpcnfrm input {
  border: 1px solid #ccc !important;
  height: 40px !important;
}
h2.heading-title.text-center.withdraw-otp {
  margin-bottom: 20px;
  line-height: 2;
}
.container.sitecontainer.otpcnfrm .login-form {
  padding: 29px 60px;
  position: relative;
  border-right: 0 !important;
  margin-left: 60px;
  border-radius: 10px !important;
  margin-top: 0;
  background: #fff;
  max-width: 600px;
  margin: 0px auto;
}
body.darkmode .container.sitecontainer.otpcnfrm .login-form {
  background: #000 !important;
}
.container.sitecontainer.otpcnfrm .login-form .btn {
  border-radius: 5px;
  width: 100%;
  color: #fff !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}
.container.sitecontainer.otpcnfrm .loginformbox {
  max-width: 100% !important;
  margin: 25px 0px;
}
.add-money input {
  width: 100%;
  padding: 15px;
}
input#amount {
  height: 42px;
}
.alert a.close {
  display: none !important;
}
.alert{
  padding: 11px !important;
}
span.header-left {
  display: flex;
  align-items: center !important;
}
input.market-price-value {
    background: transparent;
    border: none !important;
    font-size: 15px;
}
li.nav-item.menu-list a.nav-link {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.contain-width.sitecontainer.stacking, .container.sitecontainer.profilepagebg.instant-buy-sell-container{
  background: transparent !important;
}
.container.sitecontainer.profilepagebg.instant-buy-sell-container{
  padding: 0 !important;
}
span.page-link:first-child,span.page-link:last-child {
  padding: 3px 9px !important;
}
body.darkmode .coin-deposit select.form-control {
  border: none !important;
}
.coin-deposit select.form-control{
  background: transparent !important;
  padding: 0;
}
body.darkmode .pagination li.page-item .page-link{
  color:#fff !important;
  }
.orderbook .tab-content.all-bar ul.nav.nav-tabs.tab-coin{
  margin-top: 10px !important;
}
.headermenu .nav-item.menu-list.fromleft.drop-down .dropdown-menu{
  margin-top:0!important;
  }
  td.text-center.norecord-space {
    padding: 25px 0;
    position: sticky;
    left: 0;
}
table tbody tr.no-hover:hover {
  background: none !important;
}

body.darkmode a.nav-link .header-left .header-left-icon i,body.dark a.nav-link .header-left .header-left-icon i{

  color:#9295A6  !important;
  }
  body.darkmode .down-arrow i,  body.dark .down-arrow i  {
    color: #9295A6 !important;
}
body.dark div#collapsibleNavbar ul.navbar-nav li.nav-item a.nav-link.menu-last{
  background: #000 !important;
}
body.dark div#collapsibleNavbar ul.navbar-nav li.nav-item a.nav-link span:hover{
  color: #d3b0f8 !important;
}
.eth-card-total {
  display: flex;
  /* justify-content: space-between; */
  gap:5px ;
  margin-bottom: 20px;
}
section.card-stacking .eth-card-total {
  /* justify-content: center; */
gap:35px;
margin-bottom: 0;
}
section.card-stacking {
  padding: 0;
}

.staking-banner-top {
  display: flex;
  padding: 60px 0;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .header nav.navbar ul.navbar-nav ul.dropdown-menu {
    width: 93% !important;
  }
  }
  @media (min-width: 576px) and (max-width: 1199.98px) {
    .header nav.navbar ul.navbar-nav ul.dropdown-menu {
  border-radius: 0 !important;
    }
  }
@media (max-width: 575.98px)
{
  .innerpagetab.payment-option-tab, .container.sitecontainer.payment-option-page .innerpagetab{
flex-direction: column-reverse;
justify-content: center;

gap:10px;
  }
.staking-banner-top, .eth-card-total{
    flex-direction: column !important;
}

}
/* Earning */
.row.earning-card-blocks{
  justify-content: center;
}
article.earning section.earning-top .contain-width.sitecontainer .earning-top-block{
  padding: 40px;
  background: var(--box-bg);
  margin-bottom:40px !important;
  border-radius: 10px !important;
}
article.earning section.staking-table .panelcontentbox{
  padding: 40px;
}
/* profilepage */
article.gridparentbox.profile-page .profilepaget .panelcontentbox {
  padding: 0 !important;
}
body.darkmode .headermenu svg path,body.dark .headermenu svg path{
  fill: #fff !important;
}

body.darkmode .trade-hsitory:hover .trade-icon svg path, body.dark .trade-hsitory:hover svg path,.header.headermenu .collapse.navbar-collapse .header-right a.trade-hsitory:hover span{
  fill:#d3b0f8 !important;
}
.header.headermenu .collapse.navbar-collapse .header-right a.trade-hsitory:hover span,.dropdown.head .dropbtn:hover{
color:#5D3587!important;
}
body.darkmode.header.headermenu .collapse.navbar-collapse .header-right a.trade-hsitory:hover span, body.darkmode .dropdown.head .dropbtn:hover, body.dark .header.headermenu .collapse.navbar-collapse .header-right a.trade-hsitory:hover span, body.dark .dropdown.head .dropbtn:hover{
color:#d3b0f8 !important;
}
body.darkmode a.trade-hsitory span, body.dark a.trade-hsitory span{
  color:#fff !important;
}
body.darkmode a.trade-hsitory, body.dark a.trade-hsitory{
  /* background:rgba(8, 8, 8, 1) !important; */
  border: 1px solid rgba(8, 8, 8, 1) !important;

}
body.darkmode a.trade-hsitory:hover , body.dark a.trade-hsitory:hover {
  /* background: rgba(226, 242, 255, 1) !important; */
  border: 1px solid #5D3587 !important;
}
.stackingbannerright{
width: 35%;
}
.headermenu .headbg li.dropdown-menu-list a.dropdown-item,.dropdown.head.responsive-head .dropdown-content a {
  padding:10px !important;
text-align: left;
}
article.profile-page .securityinnerbox a.btn.sitebtn.btn-sm.bluebtn {
  font-size: 14px !important;
}
section.footer ul.social-logo-part li a.icon-web:hover svg path {
  fill: #d3b0f8 !important;
}
form#chatformid {
  display: flex;
  justify-content: center;
  align-items: center;
}
.locked-est {
  display: flex;
  justify-content: space-between;
}
.container.sitecontainer.profilepagebg .input-group.dateinput{
  width: 100% !important;
  border: 1px solid #CCCED9 !important;
  border-radius: .25rem;
}
article.kycinfo-page .input-group.dateinput input.form-control{
  border-right:  1px solid #CCCED9 !important;
}
.apr-rules ul {
  padding-left: 17px;
  margin-top: 15px;
}
.apr-rules ul li {
  list-style: disc;
}
article.kycinfo-page .kycpagebg .siteformbg{
width: 100%;
}
article.gridparentbox.payment-option .innerpagetab,.container.sitecontainer.payment-option-page .innerpagetab{
  padding-bottom: 20px;
}
article.gridparentbox.payment-option .innerpagetab .tabbanner li a {
  padding: 12px;
}
article.gridparentbox.payment-option .innerpagetab .tabbanner .nav-tabs .nav-link.active{
border-color:transparent;
}
article.gridparentbox.kycinfo-page .mlmwizardform fieldset{
  width: 62%;
  margin: 0 auto;
  align-items: center;
}
section.rules-staking .tab-content {
  display: none !important;
  animation: fadeIn 0.5s ease 1 forwards;
}
@keyframes fadeIn{
	100%{
		opacity: 1;
		transform: none
  }
}

section.rules-staking .tab-content.active {
  display: block !important;
}
section.rules-staking ul.tabs {
  display: flex;
  margin-top: 25px;
  background: #f1f2f4;
  width: 180px;
  padding: 6px;
  border-radius: 9px;
  justify-content: space-around;
  align-items: center;
}
body.darkmode section.rules-staking ul.tabs{
  background: #121519;
}
section.rules-staking li.tab-link{
  padding: 5px 12px;
}
section.rules-staking li.tab-link.active {
  background: #5D3587;
  border-radius: 6px;
  color: #fff;
}

article.gridparentbox.profile-page .controls{
position: relative;
}
.flexbile-data ul li {
  list-style: decimal;
}
article.gridparentbox.payment-option .innerpagetab .tabbanner li a{
  padding: 5px 22px;
}
article.gridparentbox.payment-option .innerpagetab .tabbanner li a.nav-link.active ,.container.sitecontainer.payment-option-page ul.nav.nav-tabs.tabbanner li.nav-item a.nav-link.active{
  border-bottom: 2px solid #5D3587 !important;
  color: #5D3587 !important;
  border: 0;
  background: transparent !important;
}
.chatbox.ticketchat p {
  margin-top: 20px;
}
article.gridparentbox.stacking.stacking-main-page .summary-detail{
  max-width:450px}
  body.darkmode .heading-box {
    border-bottom: 1px solid #dee2e6;
}
label.custom-file-upload.customupload {
  background: #5D3587 !important;
  padding: 5px;
  border-radius: 4px;
  color:#fff !important
}
section.rules-staking .content-wrapper {
  margin-top: 35px;
}
.real-time-rewards {
  margin-bottom: 35px;
}
.flexbile-data {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background: #fff;
  padding: 20px;
}
body.darkmode .flexbile-data {
  background: rgba(30, 35, 41, 0.60);
  padding: 20px;
  box-shadow: none !important;
}
li.nav-item.menu-list.fromleft.drop-down i.fa-solid.fa-chevron-right{
  display: none ;
}








/* final changes */
table#demo1 {
  margin-top: 30px;
}
h2.heading-title.text-center {
  text-align: center !important;
}

body.pagewrapperbox.light.loginbanner .siteformbg .form-control {
  border: 1px solid #494949 !important;
}
.bg-none{
  background: none !important;
}
div#collapsibleNavbar ul li.menu-list a.dropdown-item:hover{
  color: #55327dd1 !important;
  background: #dee2e6 !important;
}
body.darkmode .dropdown-menu.dropdownss, body.darkmode .dropdown-menu.dropdownss a{
  background: #1d1d1d !important;
}
body.darkmode div#collapsibleNavbar ul li.menu-list a.dropdown-item:hover, body.darkmode ul.navbar-nav.username-drop .dropdown-menu.dropdownss a.nav-link.dropdown-item:hover{
color:#d3b0f8 !important;
background: #000 !important;
}
li.left.clearfix {
  float: left;
  text-align: left;
}
.chatbox.ticketchat li.left.clearfix p {
  margin-top: 0 !important;
}
.darkmode .container.sitecontainer.cryptosaving section.saving-page .data-cnt{
  border-color: #333;
}
/* final changes */

/* animation */
.think{
  animation: 2s infinite pulse;
  position: absolute;
  z-index: 5;
}
@keyframes pulse {
  0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }

  50% {
      -webkit-transform: scale3d(1.05,1.05,1.05);
      transform: scale3d(1.05,1.05,1.05)
  }

  to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
  }
}
.arrow{
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@keyframes bounce {
  50% {
      transform: translateY(-15px);
    }
  }
  .hand-shake{
    /* -webkit-animation-name:shake;    
    -webkit-animation-duration:0.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -webkit-transform-origin:50% 100%; */
  }
  @-webkit-keyframes shake {
    0%  { -webkit-transform:translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform:translate(-1px, -2px) rotate(-2deg); }
    20% { -webkit-transform:translate(-3px, 0px) rotate(3deg); }
    30% { -webkit-transform:translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform:translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform:translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform:translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform:translate(2px, 1px) rotate(-2deg); }
    80% { -webkit-transform:translate(-1px, -1px) rotate(4deg); }
    90% { -webkit-transform:translate(2px, 2px) rotate(0deg); }
    100%{ -webkit-transform:translate(1px, -2px) rotate(-1deg); }
   }
   .line{
    -webkit-animation: blink 2s steps(10, start) infinite;
  }
  @keyframes blink {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink {
    to {
      visibility: hidden;
    }
  }




  body.darkmode .line{
    fill: #fff;
  }
  body.darkmode .lady-hair{
    fill: #ccc;
  }
/* animation */









/* final changes */
.rc-anchor-normal {
  height: 74px;
  width: fit-content !important;
}
.rc-anchor-normal .rc-anchor-checkbox-label {
  width: 91px !important;
}
.rc-anchor-normal .rc-anchor-pt {
  right: 39px !important;
}
.rc-anchor-logo-portrait {
  margin: 10px 0 0 !important;
}


/* final changes */