:root { 
  --border-radius: .35rem;
  --white: #ffffff;
  --body-font: "Satoshi";
  --br: .875rem;
  transition: all .3s ease-in-out;
}
.light {
  --brand:rgba(0, 98, 255, 1);
  --green: rgba(31, 155, 45, 1);
  --blue-light: #CFF1FC;
  --brand-light-bg: rgba(255, 185, 206, 1);
  --grey: rgba(146, 144, 144, 1); 
  --dark: #312B2B;
  --body-text-color: #545454; 
  --white: #ffffff; 
  --body-bg: #f9f9fa; 
  --yellow: #fcd36a;
}
.text-46 { color: #463F3F; }
.text-grey { color: #929191 !important; }
.dark {
  --brand:rgba(0, 98, 255, 1);
  --green: rgba(31, 155, 45, 1);
  --blue-light: #CFF1FC;
  --brand-light-bg: rgba(255, 185, 206, 1);
  --grey: rgba(146, 144, 144, 1); 
  --dark: #fff;
  --body-text-color: #545454; 
  --white: #ffffff; 
  --body-bg: #111; 
  --btn-bg: rgba(255, 255, 255, 0.172);
}
  /* .text-46 { color: #fff; } */
  .text-grey { color: #cacaca !important; }

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

html {
  font-size: 100%;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background-color: var(--body-bg);
  text-rendering: optimizeLegibility;
  font-family: var(--body-font);
  font-display: swap;
  line-height: 1.65;
  color: var(--body-text-color);
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  transition: all .3s ease-in-out;
}
 
.fw-black { font-weight: 900; }
.lead-lg {
  font-size: 1.375rem;
}

.lead-sm {
  font-size: 1.125rem;
}

.fs-12 {
  font-size: 12px;
}
.fs-11 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}
.text-tt{
  color: rgba(95, 109, 255, 1) !important;
}
.text-ttt{
  color: rgba(255, 199, 0, 1)!important;
}
.text-tttt{
  color: rgba(255, 0, 0, 1)!important;
}

.fs-15 {
  font-size: 0.937rem;
}

.bg-light {
  background-color: var(--brand-light-bg) !important;
}
.bg-green {
  background-color: var(--green) !important;
}
.light-green {
  background-color: var(--bg-light-bg) !important;
}

.bg-primary {
  background-color: var(--brand) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}
 
.bg-green {
  background-color: var(--green);
}

.transition {
  transition: all 0.3s ease-in-out;
}

.text-54 {
  color: #545454;
}
.text-dark { color: var(--dark) !important; }

.text-primary {
  color: var(--brand) !important;
}

.text-green {
  color: var(--green) !important;
}

.text-yellow {
  color: var(--yellow) !important;
}

.object-cover {
  object-fit: cover;
  object-position: center center;
}

.spacing-x {
  letter-spacing: 2px;
}

.spacing-x-1 {
  letter-spacing: 1px;
}

.border-1{
  border: 1px solid rgba(136, 230, 172, 1);
  border-radius: 7px;
}
.border-2{
  border: 1px solid rgba(124, 196, 218, 1);
  border-radius: 7px;
}
.border-3{
  border: 1px solid rgba(152, 140, 222, 1);
  border-radius: 7px;
}
.border-4{
  border: 1px solid rgba(239, 145, 241, 1); 
  border-radius: 7px;
}

.link {
  color: var(--brand);
  cursor: pointer;
  word-wrap: break-word;
  text-decoration: none;
}
.link:hover {
  color: var(--dark);
}

a {
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  color: rgba(140, 141, 146, 1);
}
a:hover {
  color: var(--brand);
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}
ul li {
  list-style-type: none;
}

.btn:focus, .form-control:focus, .form-select:focus, .form-check-input:focus {
  box-shadow: none;
}

.btn {
  font-weight: 400;
  padding: 15px 12px;
  font-display: swap;
  font-size: 1.125rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  transition: all 0.4s ease-in-out;
}

.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: var(--brand-light-bg) !important;
  --bs-btn-border-color: var(--brand-light-bg) !important;
  transition: all 0.4s ease-in-out;
}

/*
.btn:hover {
  color: var(--white) !important;
  background-color: var(--yellow) !important;
  border-color: var(--yellow);
  transition: all 0.4s ease-in-out;
}
*/

.btn-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--green);
  --bs-btn-border-color: var(--brand) !important;
}


 
label{ font-size: 14px; color: #959595; display: block; width: 100%;}
.form-control{ box-sizing: border-box; background: #FFFFFF; border-radius: 6px; height: 42px; border: 1px solid #02C9A8;} 
.form-control.float-left{ float: left;}


@media (max-width: 575.99px) {
   
  .btn {
    font-size: 14px;
    padding: 14px 20px;
  }
  .container {
    max-width: calc(100% - 10px);
  }
} 
.btn{ padding: 10px 15px}
.blue-btn{ background: linear-gradient(90deg, #7764E4 0%, #4F39CB 100%); border-radius: 6px; width: 100%; padding: 8px 10px; color: #fff; font-size: 16px; font-weight: 500;} 
.btn-blue{ background: #160EDF; border-radius: 6px; width: 100%; padding: 8px 10px; color: #fff; font-size: 16px; font-weight: 500; }



@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 575px;
  }
}
/*====================== Navigation Styles ===================*/
.smart-scroll {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.scrolled-down {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}

.scrolled-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
  background: rgba(239, 145, 241, 1);
}
.scrolled-up .navbar-brand img {
  max-height: 5rem;
}

.navbar .col {
  width: 35%;
  flex: 0 0 35%;
}
.navbar .col:nth-child(2) {
  width: 30%;
  flex: 0 0 30%;
}

.dark .navbar .ac__btn svg path { fill: var(--white); }
.navbar .ac__btn { width: 1.5rem;height: 1.5rem; }

/*====================== header Styles ===================*/
#mainNav{ width: 100%; position:fixed; left: 0; top: 0; right: 0; z-index: 99; background: #fff; box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.07);}
main{ padding: 73px 0 80px;}
.qrscan{ padding: 180px 0 0 !important; width: 80%; margin:0 auto;}
#mainNav .dropdown{ display: inherit;}
#mainNav .dropdown-toggle::after{ display: inherit; visibility: hidden;}
#mainNav .dropdown-toggle svg{ width: 22px; height: auto;}
#mainNav .dropdown-menu{ left: auto; right: -40px; top: 45px; border-radius: 0px; border: 0px;}
#mainNav p {
    font-weight: 600;
    font-size: 12px;
    
    display: block;
}

.lead-lg {
  line-height: 20px;
  font-size: 14px;
}


.header__wrapper{ background: linear-gradient(124.23deg, #787BF4 -1.2%, #160EDF 81.21%);}
.logoCarousel svg { width: 22px;height: 22px; }
.services__wrapper .mai__box{ width: 65px; height: 65px;}
.dark .services__wrapper .mai__box { background: var(--btn-bg); }
.services__wrapper .mai__box svg { width: 32px; height: 32px;}
.services__wrapper .box__1 { background: var(--yellow); } 
.dark .services__wrapper .box__1 svg path { fill: #fcd36a; }
.light .services__wrapper .box__2 { background: #d95639; }
.dark .services__wrapper .box__2 svg path { fill: #d95639; }
.light .services__wrapper .box__3 { background: #7764e4; }
.dark .services__wrapper .box__3 svg path { fill: #7764e4; }
.light .services__wrapper .box__4 { background: #faa465; }
.dark .services__wrapper .box__4 svg path { fill: #faa465; }


.wallet__card{ border-radius: 10px;border: 1px solid #ABC7FF;background-color: #FCFCFC; }
.dark .wallet__card { background-color: var(--btn-bg);border-color: #484848;color: #ffffffa8; }
.wallet__card .d-flex { padding: 8px; }
.wallet__card .icon { width: 2.5rem; }
.light .wallet__card.earning__card { background-color: #FFFACD;border: 1px solid #FFC900; }  
.dark .wallet__card.earning__card .content { background-color: var(--btn-bg);border: 1px solid var(--white); } 
.light .wallet__card.withdraw__card{ border: 1px solid #FF0000;background-color: #FFF2F2; }
 

.light .card__1 { border-color: #88E6AC !important;box-shadow: 1.59px 2.48px 9.74px 0px #FFFFFF66;background:#D8FFE7; }
.light .card__2 { border-color: #7CC4DA !important;box-shadow: 1.59px 2.48px 9.74px 0px #FFFFFF66;  background: #D8F6FF; }
.light .card__3 { border-color: #988CDE !important;box-shadow: 1.59px 2.48px 9.74px 0px #FFFFFF66;  background: #E7E3FF; }
.light .card__4 { border-color: #EF91F1 !important;box-shadow: 1.59px 2.48px 9.74px 0px #FFFFFF66;  background: #FED2FF; }

.card__1, .card__2, .card__3, .card__4 { position: relative; padding-left: 73px !important;}
.card__1 svg, .card__2 svg, .card__3 svg, .card__4 svg { width: 3rem;height: 3rem;margin: 0 auto 1rem auto; position: absolute; left: 10px; top: 13px;}

.dark .card__1 { border-color: #484848 !important;box-shadow: 1.59px 2.48px 9.74px 0px #ffffff2f;background:#d8ffe763; }
.dark .card__2 { border-color: #484848 !important;box-shadow: 1.59px 2.48px 9.74px 0px #ffffff2f;background: #d8f6ff69; }
.dark .card__3 { border-color: #484848 !important;box-shadow: 1.59px 2.48px 9.74px 0px #ffffff2f;  background: #E7E3FF6B; }
.dark .card__4 { border-color: #484848 !important;box-shadow: 1.59px 2.48px 9.74px 0px #ffffff2f;  background: #FED2FF8A; }

.payback__card svg { width: 3rem;height: 3rem;margin: 0 auto 1rem auto;}


.footer{ width: 100%; position: fixed; left: 0; bottom: 0; right: 0; z-index: 99; /* footerbg */ background: linear-gradient(111.32deg, rgba(255, 255, 255, 0.7) 19.1%, rgba(255, 255, 255, 0.95) 71.73%); box-shadow: 0px 2.78044px 54.1667px -2.78044px rgba(0, 0, 0, 0.1); backdrop-filter: blur(24.6212px); }
.footer svg.f-icon path{ fill:#206285;}
.footer svg.active path{ fill:#160EDF;}
.dark .footer { background: linear-gradient(111.32deg, rgba(36, 36, 36, 0.95) 19.1%, rgba(36, 36, 36, 0.95) 71.73%); backdrop-filter: blur(24.6212px); }

/* Footer Css  */
.profileview{ background: #7764E4; padding: 15px 15px 15px 135px; position: relative; height: 130px;}
.profileview img{ position: absolute; left: 15px; top: 15px; border-radius: 50%;
    object-fit: fill;}
.profileview h3{ color: #fff; font-size: 20px; font-weight: 600; margin:20px 0 5px;}
.profileview p{ color: #fff; font-size: 16px; font-weight: 400; opacity: 0.5}
.profileview a{ position: absolute; left: 85px; top: 70px; z-index: 1;}

.Profilewrap .accordion-item{ margin-bottom: 7px; border-radius: 0px; border: 0px;}
.Profilewrap .accordion-item:first-of-type{ border-radius: 0px;}
.Profilewrap .accordion-button:focus { box-shadow: inherit;}
.Profilewrap .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0px; border-top-right-radius: 0px;}
.Profilewrap h2.accordion-header .accordion-button { font-size: 16px; color: #160EDF; font-weight: 700;}
.Profilewrap .accordion-button:not(.collapsed) { color: #160EDF; background-color: #fff; border-bottom: 1px solid #ddd;}
/*
.Profilewrap ul{ margin-left: 15px;}
.Profilewrap li{ list-style: disc; color: #959595; }
.Profilewrap li a{ font-size: 15px; color: #959595; padding: 8px 0; font-weight: 500; display: block;}
.Profilewrap li a img{ float: right; margin-top: 7px;}
*/

/*.hook-box ul{ margin-left: 15px;}*/
.Profilewrap li{ color: #959595; }
.Profilewrap li a{ font-size: 16px; color: #959595; padding: 8px 0; font-weight: 500; background: url("../images/arrow.svg") 99% 12px no-repeat !important; background-size: 20px; display: block;}
.Profilewrap li a img {
    float: left;
    margin-right: 12px;
    width: 24px;
    height: auto;
    vertical-align: middle;
}


/* #mainNav button { height: 16px; width: 16px; background-color: #000; border-radius: 50%; margin-left: 10px; position: relative; border: none;}
#mainNav button:hover svg { transform: translate(0%, -50%) scale(1.6) rotate(-16deg);}
#mainNav button svg { height: 16px; width: 16px; transform: translate(0%, -50%) scale(1.6);} */
.item-list.light-bg{ background: #F6FFFB; border-bottom: 1px solid #eee; border-top:  1px solid #eee;}
.item-list { padding: 11px 15px; width: 100%; min-height: 50px; display: flex; align-items: center;}
.item-list .icon-box { min-width: 36px; max-width: 36px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 22px; border-radius: 400px; margin-right: 16px;}
.item-list .in {  display: flex; align-items: center; justify-content: space-between; width: 100%; color: #222; font-weight: 500;}
.text-green{ color: #1DCC70 !important;}
.text-red{ color: #FF396F !important;}




.addresscopy{ border-radius: 6px; padding: 10px 15px; color: #959595; font-size: 16px; font-weight: 500; background: #ECFFF3; border: 1px solid #02C9A8; margin-bottom: 10px;}

/* Login page*/
/* .loginpage{
  background: rgba(0, 0, 0, 0.82);
  border-radius: 20px;
  } */
.logo-login{ padding: 30px 0;}
.logo-login img{ width: auto; height: 90px;}
.loginwrap {
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 30px 0;
    background: rgba(0, 0, 0, 0.40);
    border-radius: 20px;
    margin-bottom: 15px;
}
.loginwrap h2{ color: #fff; font-weight: 600; text-align: center; font-size: 20px; margin-bottom: 25px;}
.loginwrap label{ color: #fff; margin-bottom: 7px;}
.fot-txt{ text-align: right;}
.fot-txt a{ color: #fff; font-weight: 500; }
.signup-txt{ color: #fff; font-size: 16px; margin-top: 25px;}
.signup-txt a{ font-weight: 500; color: #fff;}
.loginwrap .form-control{ 
  box-sizing: border-box;
  height: 48px;  
  background: #21364D;
  border-radius: 7px;
  color: #fff;
  }
  .loginwrap .form-control::placeholder {
    color: rgb(255 255 255 / 75%);
  }
.offer-bonus{ padding: 15px 0 0; color: #FBFE4C; font-weight: 500; font-size: 18px; text-align: center;}
.social a{ display: inline-block; margin: 0 5px;}

.accordion-button::after {
    background: url("../images/arrow.svg") center top no-repeat;
    transform: rotate(90deg);
    width: 10px;
    height: 16px;
/*    background-size: 100%;*/
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-90deg);
	background: url("../images/arrow.svg") center top no-repeat;
	width: 24px;
    height: 20px;
}
/* Trade */
.tradewrap{ margin-bottom: 10px; background: #fff;}
.tradewrap h2{ color: #160EDF; font-weight: 700; font-size: 18px; padding: 15px 10px; border-bottom: 1px solid #ddd;}
.reporupdate{ padding: 15px 15px 10px;}
.reporupdate h5{ color: #160EDF; font-weight: 600; font-size: 16px; padding: 0 0 5px;}
.volume-value{ background: linear-gradient(90deg, #7764E4 0%, #4F39CB 100%); border-radius: 5px; padding:20px 15px; color: #fff; font-size: 16px;}
.position-value{ background: rgb(238 238 238 / 35%); border-radius: 5px; padding:10px 5px;}
.position-value .tv-single-ticker-widget__container{ padding: 0 !important}
.position-value .tradingview-widget-container{ height: 96px !important;}

.report-graph{ margin-bottom: 10px;}
.report-graph iframe{ height: 300px !important;}
.trade-txt{ font-size: 16px; color: #959595; font-weight: 600;}
.trade-txt a{ color: #160EDF; text-align: right; display: inline-block;}

/* Modal modalPopup */
.modal.modalPopup .modal-dialog{ margin: 0px; width: 100%;}
.modal.modalPopup .modal-content{ border-radius: 0px; border: 0px; height: 100vh; overflow-y: scroll}
.modal.privceyPolicy.PopupModal .modal-dialog{ top: 0 !important;}

.modal.modalPopup h2{ color: #160EDF; font-weight: 600;}
.modal.modalPopup h3{ color: #91BAD0; font-weight: 500; font-size: 15px;}
.modal.modalPopup p{ color: #959595; font-size: 15px; line-height: 22px; margin-bottom: 10px;}
.modal.modalPopup .wallet-txt{ color: #160EDF; font-weight: 600; text-align: center; font-size: 20px; border-top: 1px solid #eee; padding: 15px 0 10px;}
.pull-left{ float: left;}

.modal.PopupModal .modal.show .modal-dialog{ top: auto; bottom: 0 !important;}
.modal.PopupModal .modal-dialog{ width: 100%; position: absolute; left: 0; right: 0; margin: 0 auto; top: auto; bottom: 0;}
.modal.PopupModal .modal-content{ border-radius: 0px; border: 0px;}
.modal.PopupModal h2{ color: #160EDF; font-weight: 600;}


.hero-community{ background: #7764E4; padding: 15px 0; position: relative;}
.hero-community h1{ color: #fff; text-align: center; margin-bottom: 20px; font-weight: 600;}
.hero-community h2{ color: #fff; font-weight: 500; font-size: 42px;}
.hero-community p{ color: rgb(255 255 255 / 70%); font-size: 15px; margin: 0px; padding: 0 0 5px;}
.hero-community:after{ position: absolute; width: 175px; height: 75px; opacity: 0.8; content: ''; bottom: 15px; right: 15px; background: url("../images/logo-community.png") center top no-repeat; background-size: 100%;}

.hook-box{ margin-bottom: 10px; background: #fff; padding: 15px 0; margin-top: 15px;}
.hook-box h2{ font-size: 14px; color: #959595; margin-bottom: 5px;}
.hook-box p{ font-size: 15px; color: #160EDF; line-height: 26px; font-weight: 500; margin: 0px; padding: 0px;}
/*.hook-box ul{ margin-left: 15px;}*/
.hook-box li{ color: #959595; }
.hook-box li a{ font-size: 16px; color: #959595; padding: 8px 0; font-weight: 500; background: url("../images/arrow.svg") 99% 12px no-repeat !important; background-size: 20px; display: block;}
.hook-box li a img {
    float: left;
    margin-right: 12px;
    width: 24px;
    height: auto;
    vertical-align: middle;
}
.hook-box h3{ font-size: 18px; color: #160EDF; font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 12px;}

.p2pwrap{ width: 100%; position: relative;}
.p2pwrap .nav{ width: 100%; margin: 0px !important;}
.p2pwrap .nav .nav-item{ width: 50%; text-align: center;}
.p2pwrap .nav-pills .nav-link{ border-radius: 0px; background: #D5CEFF; color: #363636; font-weight: 500;    font-size: 14px;}
.p2pwrap .nav-pills .nav-link.active, .p2pwrap .nav-pills .show>.nav-link { background: #7764E4; color: #fff;}
.tableview table{ width: 100%; background: #fff;}
.tableview table thead tr{  background: url(../images/tabletrbg.png) center top no-repeat; background-size: cover;}
.tableview table tr th.first{ width: 35%}
.tableview table tr th{ font-size: 14px; color: #002248; padding: 10px; width: 17%;}
.tableview table tr td{ font-size: 14px; color: #434445; padding:12px 10px; width: 17%;}
.tableview table tr:nth-of-type(even) td{background: rgba(224, 170, 75, 0.08);}
.tableview table tr td.first{ width: 35%}
.tableview table tr td .btn{ padding: .285rem .75rem .275rem; font-size: 0.85rem}
.dashboardryt{ position: relative; padding-top: 85px;}
.tableview table tr td .btn-complete{ border: 1px solid #A5EEBE; background: #EBFFF2; padding: 5px 10px; display: inline-block; color: #248B47; font-size: 13px; border-radius: 3px;}
.tableview table tr td .btn-fail{ border: 1px solid #EE3E3E; background: #FFD6D6; padding: 5px 10px; display: inline-block; color: #EE3E3E; font-size: 13px; border-radius: 3px;}
.btn-green{ background: #A5EEBE; color: #000; border-radius: 3px; padding: 6px 10px; font-size: 16px; border: 1px solid #A5EEBE;}
.btn-red{ background: #FFBABA; color: #111; border-radius: 3px; padding: 6px 10px; font-size: 16px; border: 1px solid #FFBABA;}

@media (max-width: 767px) {
.tableview {
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
}
.tableview table {
    width: 850px;
}

}
.red-btn{ background: #b00f0f; border-radius: 6px; width: 100%; padding: 8px 10px; color: #fff; font-size: 16px; font-weight: 500;} 
a.scan-rq{ padding: 6px; background: #fff; border-radius: 50%;}
.scan-rq img{ width: 60px; height: 60px; border-radius: 50%; }

.loginbody { background:url("../images/loginbg.png") center top no-repeat !important; background-size: cover !important;}

.tradewrap.policy h3{ font-size: 18px; font-weight: 600; color: #160EDF; margin-bottom: 10px;}
.tradewrap.policy h4{ font-size: 16px; font-weight: 600; color: #160EDF; margin-bottom: 10px;}
.tradewrap.policy h5{ font-size: 15px; font-weight: 600; color: #160EDF; margin-bottom: 10px;}
.tradewrap.policy p{ font-size: 15px; margin-bottom: 10px;}
.tradewrap.policy ul{ margin-left: 15px; margin-bottom: 15px;}
.tradewrap.policy li{ font-size: 15px; margin-bottom: 8px; list-style: disc;}






/* Dark Mode */
.dark #mainNav .dropdown-menu { background: #232323;}
.dark .dropdown-item{ color: #ccc;}
.dark .Profilewrap .accordion-item{ background: #2f2d2d;}
.dark .Profilewrap .item-list.light-bg { background: #474848; border-bottom: 1px solid rgb(238 238 238 / 14%);    border-top: 1px solid rgb(238 238 238 / 14%);}
.dark .Profilewrap .accordion-button:not(.collapsed) { color: #fff; background-color: #3d3d3d; border-bottom: 1px solid rgb(221 221 221 / 8%);}
.dark .accordion-button::after{ color: #fff; fill: #fff; }
.dark .accordion{ border-top: rgb(221 221 221 / 8%)}
.dark .Profilewrap h2.accordion-header .accordion-button { color: #fff; background: #333;}
.dark .item-list .in { color: #bebebe;}
.dark .tradewrap{ background: #333;}
.dark .tradewrap h2, .dark .reporupdate h5{ color: #fff; border-bottom: 1px solid rgb(221 221 221 / 46%);}
.dark .form-control { background: #4d4d4d; border: 1px solid rgb(255 255 255 / 17%); color: #fff;}
.dark .bg-white { background: #333 !important; }
.dark .position-value { background: rgb(238 238 238 / 14%); }
.dark .form-control::placeholder { color: #fff; opacity: 1; /* Firefox */}
.dark .form-control::-ms-input-placeholder { /* Edge 12 -18 */color: #fff;}
.dark .modal.PopupModal .modal-content, .dark .modal.modalPopup .modal-content{ background: #333;}
.dark .modal.PopupModal h2, .dark .modal.modalPopup h2{ color: #fff;}
.dark .modal.modalPopup .wallet-txt{ color: #fff;}
.dark .btn-close { background: url("../images/close.svg") center top no-repeat !important; width: 20px; height: 20px; background-size: 100% !important;}
.dark .hook-box{ background: #333;}
.dark .hook-box p{ color: #fff;}
.dark .hook-box h3 { color: #fff; border-bottom: 1px solid rgb(221 221 221 / 26%);}
.dark .tableview table{ background: #333;}
.dark .tableview table tr td{ color: #ccc;}
.dark #mainNav p{ color:#fff !important;}
.dark .scroll-bar iframe html{ background: #111;}
.dark .text-46 { color: #fff;}
.dark .tv-ticker-item-tape { color: #CCC !important;}

.dark .tradewrap.policy h3 { color: #fff;}
.dark .tradewrap.policy h4 { color: #fff;}
.dark .tradewrap.policy h5 { color: #fff;}
.dark .tradewrap.policy p { color: #ccc;}
.dark .tradewrap.policy li { color: #ccc;}

/*================================= DARK MODE ==================================*/
body.dark #mainNav{ background: #000;}