@import url(./preset.css);
*:hover,
*:focus {
  outline: none;
}

body {
  margin: 0;
  padding: 0 0 100px;
  font-family: var(--font-primary-400);
}

a {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}

.common-section {
  padding: 60px 0;
}

.curved-box {
  padding: 20px;
  margin: 15px 0;
  background: var(--color-white);
  border: 1px solid #b9b9bb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

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

.disabled-btn {
  background: #c7c7c7;
}

button:focus {
  outline: none;
}

.btn {
  padding: 10px 20px;
  border: none;
  text-align: center;
  white-space: nowrap;
  color: var(--white);
  background: var(--primary-color);
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  overflow: hidden;
}
.btn::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
  border-radius: 5;
  -webkit-transform: translate(-100%, 0) rotate(50deg);
  -ms-transform: translate(-100%, 0) rotate(50deg);
  -moz-transform: translate(-100%, 0) rotate(50deg);
  -o-transform: translate(-100%, 0) rotate(50deg);
  transform: translate(-100%, 0) rotate(50deg);
  transform-origin: top left;
  transition: all 0.35s;
  z-index: -1;
  content: "";
  opacity: 0;
}
.btn:hover, .btn:focus, .btn:active, .btn:visited {
  color: var(--color-white);
  -webkit-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -moz-transform: translateY(-0.25em);
  -o-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
.btn:hover::before, .btn:focus::before, .btn:active::before, .btn:visited::before {
  transform: translate(0, 0);
  opacity: 1;
}

.btn-primary {
  border: 0.75px solid var(--white);
  background: var(--Grad-3, linear-gradient(180deg, #2afff6 0%, #0090bc 50.48%));
  /* Dark-Shadow */
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
  color: #fff;
  background: var(--Grad-3, linear-gradient(180deg, #2afff6 0%, #0090bc 50.48%));
}
.btn-primary:hover::before, .btn-primary:focus::before, .btn-primary:active::before, .btn-primary:visited::before {
  background: linear-gradient(180deg, #2afff6 0%, #0090bc 100%);
}

.btn-secondary {
  border: 0.75px solid var(--Grad-2, #0000c8);
  background: var(--Grad-1, linear-gradient(90deg, #003cff 0%, #00acef 100%));
  /* Blue-Shadow */
  box-shadow: 0px 5px 10px 0px rgba(0, 136, 237, 0.7);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:visited {
  color: #fff;
  background: var(--Grad-1, linear-gradient(90deg, #003cff 0%, #00acef 100%));
}
.btn-secondary:hover::before, .btn-secondary:focus::before, .btn-secondary:active::before, .btn-secondary:visited::before {
  background: linear-gradient(90deg, #003cff 0%, #00acef 70%);
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}

.lite-btn {
  background: #fbf8f3;
  color: #e89f72;
}
.lite-btn img {
  margin: 0 10px 0 0;
}

.white-btn {
  background: var(--color-white);
  color: var(--primary-color);
}

.primary-btn {
  color: var(--color-white);
  background: var(--primary-color);
}
.primary-btn:hover, .primary-btn:focus {
  color: var(--color-white);
}

.btn-bordered {
  border: 1px solid var(--white);
  color: var(--white);
  box-shadow: none;
  background: none;
  font-size: 12px;
}
.btn-bordered:hover, .btn-bordered:focus {
  color: var(--white);
}

.btn-bordered-dark {
  border: 1px solid #3d3d3d;
  color: #3d3d3d;
  box-shadow: none;
  background: none;
  font-size: 12px;
}
.btn-bordered-dark:hover, .btn-bordered-dark:focus {
  color: var(--white);
}

.disabled-btn {
  background: #c7c7c7;
  box-shadow: none;
  pointer-events: none;
}

.grey-btn {
  background: #e9e9e9;
  color: #959595;
  box-shadow: none;
}
.grey-btn:hover, .grey-btn:focus {
  color: #959595;
}

.btn-small {
  padding: 6px 18px;
}

.filter_reset {
  display: flex;
  align-items: center;
  gap: 15px;
}

a:hover {
  text-decoration: none;
  color: var(--secondary-color);
}

.trading_view_ticker {
  position: relative;
  z-index: 1;
  font-size: 12px !important;
}

/* Target the widget iframe content */
.tradingview-widget-container div,
.tradingview-widget-container span,
.tradingview-widget-container * {
  font-size: 12px !important;
}

.tv-ticker-item-tape__short-name,
.tv-ticker-item-tape__change-abs, .tv-ticker-item-tape__change-pt {
  font-size: 12px !important;
}

header {
  position: relative;
  z-index: 5;
}

.header {
  -webkit-border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  -ms-border-radius: 0px 0px 12px 12px;
  -o-border-radius: 0px 0px 12px 12px;
  border-radius: 0px 0px 12px 12px;
  border: 0.75px solid var(--Grad-2, #0000c8);
  background: linear-gradient(89deg, #003cff 0%, #00abf0 100%);
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;
}

.menu_toggle {
  background: none;
  padding: 0;
  border: none;
}

.header_area {
  margin: 0 0 1rem;
  overflow: hidden;
  -webkit-border-radius: 0px 0px 30px 30px;
  -moz-border-radius: 0px 0px 30px 30px;
  -ms-border-radius: 0px 0px 30px 30px;
  -o-border-radius: 0px 0px 30px 30px;
  border-radius: 0px 0px 30px 30px;
  background: linear-gradient(66deg, #003cff 0%, #00acef 100%);
  position: relative;
}
.header_area::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(341deg, #003cff 7.51%, rgba(0, 100, 249, 0.64) 34.7%, rgba(0, 172, 239, 0) 81%);
  z-index: 1;
  opacity: 0.9;
}
.header_area::after {
  background: url(../img/banner_globe.png) right bottom no-repeat;
  background-size: 75%;
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.header_area .banner_main {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.header_area .banner_main .banner_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.header_area .banner_main .banner_content article {
  margin: 0;
}
.header_area .banner_main .banner_content article .banner_subtitle {
  color: var(--white);
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  margin: 0;
}
.header_area .banner_main .banner_content article .title {
  color: var(--White, #fff);
  font-family: var(--font-primary-600);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3.6px;
  text-transform: uppercase;
}
.header_area .banner_main .banner_content article .title .wallet {
  font-family: var(--font-primary-200);
}
.header_area .banner_main .banner_content figure {
  width: 170px;
  margin: 0 -20px 0 0;
}
.header_area .banner_main .banner_content figure img {
  width: 100%;
}

.banner_buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
}
.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper .swiper-slide article {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.swiper .swiper-slide article .banner_title {
  color: var(--white);
  font-family: var(--font-primary-600);
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  margin: 0;
}

.swiper-pagination-bullet {
  background: #fff;
  width: 10px;
  height: 10px;
}

.promotion_banner {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 0 1rem;
}

.assets_currency_main {
  padding: 20px 15px;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  -o-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
  background: linear-gradient(180deg, #e2e2ee 0%, rgba(226, 226, 238, 0) 100%);
}
.assets_currency_main .assets_currency_title {
  text-transform: uppercase;
  color: #3d3d3d;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  margin: 0 0 20px;
}
.assets_currency_main .assets_cards_main .assets_card {
  margin: 0 0 1.5rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid var(--Grey-Stroke, #adadad);
  padding: 15px 20px;
}
.assets_currency_main .assets_cards_main .assets_card .top_section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.assets_currency_main .assets_cards_main .assets_card .top_section .right .btn {
  min-width: 125px;
}
.assets_currency_main .assets_cards_main .assets_card .assets_card_title {
  color: #3d3d3d;
  font-family: var(--font-primary-400);
  font-size: 14px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.assets_currency_main .assets_cards_main .assets_card .assets_card_value {
  font-family: var(--font-primary-600);
  font-size: 28px;
  margin: 0;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.3px;
  text-transform: uppercase;
  background: var(--Grad-1, linear-gradient(90deg, #003cff 0%, #00acef 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.assets_currency_main .assets_cards_main .assets_card .assets_card_value .wallet {
  font-family: var(--font-primary-200);
}

.currency_main {
  background: var(--Grad-4, linear-gradient(180deg, #e2e2ee 0%, rgba(226, 226, 238, 0.1) 100%));
}

.more_btn {
  background: none;
  border: none;
  width: 100%;
  padding: 0;
  width: 100%;
  margin: 6px 0 0;
}

.more_details {
  margin: 1rem 0 0;
}

.order_list_table table {
  margin: 0;
}
.order_list_table table thead tr {
  border: none;
}
.order_list_table table thead tr th {
  text-transform: uppercase;
  color: #3d3d3d;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding-right: 0;
  border: none;
  padding-left: 1rem;
  white-space: nowrap;
}
.order_list_table table thead tr th:nth-child(1) {
  padding-left: 0;
}
.order_list_table table tbody tr td {
  border: none;
  padding: 5px 0;
  font-family: var(--font-primary-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.order_list_table table tbody tr .pending_order {
  color: #f0a;
}
.order_list_table table tbody tr .completed_order {
  padding-left: 1rem;
  color: #00a8f0;
}

.btn_center {
  gap: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order_margin_row {
  margin: 0 0 8px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: var(--Light-Indigo, #e2e2ee);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  position: relative;
}
.order_margin_row::after {
  position: absolute;
  content: "";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  width: 50%;
  height: calc(100% - 7px);
  right: 5px;
  z-index: 0;
}
.order_margin_row .margin_title {
  color: var(--Grey-Title, #3d3d3d);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin: 0;
  padding-left: 20px;
  position: relative;
  z-index: 1;
}
.order_margin_row .margin_value {
  margin: 0;
  padding-right: 10px;
  color: #f0a;
  text-align: right;
  font-family: var(--font-primary-700);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

.more_btn.rotate img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

footer {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 90px;
  z-index: 9;
}

.footer_menu {
  margin: 0;
  padding: 10px 5px;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.footer_menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.footer_menu ul li {
  list-style: none;
}
.footer_menu ul li a {
  color: var(--Menu-Icon, #00b0f0);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.296px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.footer_menu ul li a img {
  width: 25px;
}
.footer_menu ul li a .right_arrow_icon {
  width: 10px;
}

.page_bottom_content {
  background: url(../img/card_bottom_vector.png) 5% 100% no-repeat;
}

.chart-container {
  width: 300px;
  height: 250px;
  padding: 20px;
  position: relative;
  background: #f4f5fa;
  border-radius: 12px;
}

.timer {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #333;
}

.timer span {
  background-color: #dbe6ff;
  padding: 2px 6px;
  border-radius: 8px;
  color: #1a75ff;
}

.grid-line {
  stroke: #cccccc;
  stroke-dasharray: 5, 5;
}

.chart-line {
  fill: none;
  stroke: #00aaff;
  stroke-width: 4;
}

.currency_cards_main .currency_card {
  border-radius: 20px;
  border: 1px solid var(--Grey-Stroke, #ADADAD);
  padding: 15px;
}
.currency_cards_main .currency_card .currency_card_header {
  margin: 0 0 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 0 0 12px;
  gap: 20px;
}
.currency_cards_main .currency_card .currency_card_header .flag {
  display: inline-flex;
  align-items: center;
  width: 32px;
}
.currency_cards_main .currency_card .currency_card_header .flag img {
  width: 100%;
}
.currency_cards_main .currency_card .currency_card_header .currency_select_main {
  display: flex;
  align-items: center;
  border-radius: 7px;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  flex-grow: 1;
  justify-content: space-between;
  padding: 3px 5px 3px 20px;
}
.currency_cards_main .currency_card .currency_card_header .currency_select_main .currency_name {
  color: var(--White, #FFF);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.currency_cards_main .currency_card .currency_card_header .currency_select_main .currency_select button {
  padding: 5px 1rem;
}

.price_chart_main {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.price_chart_main .price_area {
  width: 65%;
}
.price_chart_main .price_area .price_sec {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 10px;
  justify-content: space-between;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: rgba(0, 119, 247, 0.2);
  padding: 5px 15px;
}
.price_chart_main .price_area .price_sec .price_sec_title {
  margin: 0;
  color: #3D3D3D;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.price_chart_main .price_area .price_sec .price_sec_value {
  margin: 0;
  color: #3D3D3D;
  text-align: right;
  font-family: var(--font-primary-600);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.bid_ask {
  display: grid;
  align-items: stretch;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 10px;
}
.bid_ask .bid {
  color: #22D734;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 0.75px solid #22D734;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
}
.bid_ask .ask {
  color: #DF1230;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 0.75px solid #DF1230;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
}

.last_update {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
}

.chart-box canvas {
  height: 80px !important;
}

.chart_area {
  width: 32%;
}

.timer-wrapper {
  margin-bottom: 5px;
}
.timer-wrapper .timer-container {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #222;
  justify-content: flex-end;
}
.timer-wrapper .timer-container .pill {
  background-color: #cce2ff;
  padding: 2px 5px;
  border-radius: 40px;
  text-align: center;
}

.menu_list {
  display: none;
}

header {
  position: relative;
  z-index: 10;
}

.click_disable {
  pointer-events: none;
}

.landing_page_section {
  background: url(../img/land-bg.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.landing_page_section .landing_page_content {
  position: relative;
  z-index: 5;
  max-width: 440px;
  margin: 0 auto;
  padding: 3rem 0px;
}
.landing_page_section .landing_page_content .landing-header {
  text-align: center;
  padding-top: 30px;
  margin: 0 0 2.5rem;
}
.landing_page_section .landing_page_content .landing-header img {
  width: 170px;
}

.astronaut_bg::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(0deg, #003CFF 0%, rgba(0, 172, 239, 0) 100%);
  height: 50%;
  pointer-events: none;
  z-index: 2;
}
.astronaut_bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background: url(../img/astronaut.png) center top no-repeat;
  background-size: contain;
  bottom: -60px;
  z-index: 1;
}

.landing-header {
  position: relative;
  z-index: 1;
}

.landing_content {
  position: relative;
  z-index: 1;
}
.landing_content .welcome_area {
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: rgba(0, 60, 255, 0.2);
  backdrop-filter: blur(50px);
  padding: 25px 20px;
}
.landing_content .welcome_area .heading, .landing_content .welcome_area .para {
  color: var(--white);
  text-align: center;
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.4px;
}
.landing_content .welcome_area .heading strong, .landing_content .welcome_area .para strong {
  font-family: var(--font-primary-700);
}
.landing_content .welcome_area .heading {
  font-size: 14px;
}

.landing_main {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: var(--White, #FFF);
  padding: 30px 15px;
}
.landing_main .landing_header {
  margin: 0 0 1rem;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  text-align: center;
  font-family: var(--font-primary-700);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 2.2px;
}

.form-group {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  border: 1px solid var(--Grey-Stroke, #ADADAD);
  background: var(--White, #FFF);
  padding: 5px 10px 7px;
}
.form-group label {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-300);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin: 0;
}
.form-group .form-control {
  border: none;
  color: #3D3D3D;
  font-family: var(--font-primary-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.2px;
  padding: 0;
  line-height: 10px;
  height: 30px;
  min-width: initial;
}
.form-group .form-control:hover, .form-group .form-control:focus, .form-group .form-control:active, .form-group .form-control:visited {
  color: #3D3D3D;
  outline: none;
  box-shadow: none;
}

.password-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.remember_me_main {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.1px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.remember_me_main .remember_me {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.1px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.remember_me_main a {
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.landing_link {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.1px;
  margin: 0 0 1rem;
  line-height: 22px;
}
.landing_link a {
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal-dialog.modal-dialog-centered {
  max-width: 400px;
}

.temrs_header {
  display: flex;
  margin: 0 0 1rem;
  align-items: center;
  justify-content: space-between;
}
.temrs_header h5 {
  color: #3D3D3D;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  margin: 0;
  flex-grow: 1;
  text-transform: uppercase;
}
.temrs_header .modal_close_btn {
  background: none;
  padding: 0;
  border: none;
}

.terms_content_main .terms_content_head {
  color: #3D3D3D;
  font-family: var(--font-primary-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.terms_content_main p {
  color: #3D3D3D;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.toast {
  pointer-events: none;
  padding: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  opacity: 0;
  z-index: 999999;
  min-width: 180px;
  text-align: center;
  -webkit-transition: all ease 2s;
  -moz-transition: all ease 2s;
  -o-transition: all ease 2s;
  transition: all ease 2s;
  color: #3D3D3D;
  text-align: center;
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.toast.success {
  background: #00FCFF;
  /* Blue-Shadow */
  box-shadow: initial;
  color: #3D3D3D;
}

.toast.failed {
  background: #FF00AA;
  color: #fff;
}

.toast.show {
  opacity: 1;
  right: 20px;
}

.asste_title_main {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: linear-gradient(90deg, #CBCBD7 0%, #D7D7E3 100%);
  padding: 10px 70px 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0 0 1rem;
}
.asste_title_main .asste_title {
  margin: 0;
  color: #3D3D3D;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.asste_title_main .asste_title_icon {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: var(--White, #FFF);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 7px;
  position: absolute;
  right: 0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asste_title_main .asste_title_icon img {
  width: 26px;
}

.asset_btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}

.space_between {
  justify-content: space-between;
}
.space_between button {
  flex: 1;
}

.tabs_header {
  display: flex;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: var(--White, #FFF);
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1rem;
}
.tabs_header .tabs_heading {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.header_with_btn {
  display: flex;
  margin: 0 0 20px;
  align-items: center;
  justify-content: space-between;
}
.header_with_btn .assets_currency_title {
  margin: 0;
}

.icon_btn {
  background: none;
  border: none;
  padding: 0;
}

.history_table_main .table-responsive {
  max-height: 430px;
  overflow-y: auto;
}

.history_table thead tr th {
  background: #0077F7;
  color: var(--White, #FFF);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  padding: 8px 1rem;
  white-space: nowrap;
  position: static;
  top: 0;
}
.history_table thead tr th:nth-child(1) {
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  -ms-border-radius: 7px 0 0 7px;
  -o-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
}
.history_table thead tr th:nth-last-child(1) {
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  -ms-border-radius: 0 7px 7px 0;
  -o-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
}
.history_table tbody tr {
  border-bottom: 1px solid #ADADAD;
}
.history_table tbody tr td {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding: 10px 1rem;
  white-space: nowrap;
}

.select_dropdown {
  position: relative;
}
.select_dropdown::after {
  position: absolute;
  content: "";
  pointer-events: none;
  width: 10px;
  height: 10px;
  background: url(../img/icons/down_arrow_dark.svg) center center no-repeat;
  background-size: cover;
  top: 8px;
  right: 0;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: #3D3D3D;
  font-family: var(--font-primary-600);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.datepicker_input {
  background: url(../img/icons/calender.svg) right top no-repeat;
}

.badge {
  text-transform: capitalize;
  color: #FFF;
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  padding: 2px 10px;
}

.badge-completed {
  background: #4261EE;
}

.badge-failed {
  background: #E75159;
}

.nodata {
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  color: #000;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.buy_area {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drop_with_icon {
  width: 130px;
  position: relative;
}
.drop_with_icon::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 16px;
  width: 15px;
  height: 8px;
  background: url(../img/icons/down_arrow.svg) center center no-repeat;
  background-size: cover;
  pointer-events: none;
}
.drop_with_icon .select2-container--default .select2-selection--single {
  padding: 6px 10px;
  height: 40px;
}

.buy_content {
  flex-grow: 1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.1);
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 10px;
}
.buy_content .buy_text {
  color: #FFF;
  font-family: var(--font-primary-600);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.widget_value_main {
  margin: 12px 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
}
.widget_value_main .main_value {
  color: var(--White, #FFF);
  text-align: center;
  font-family: var(--font-primary-600);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
.widget_value_main .sub_value {
  color: var(--Light-Indigo, #E2E2EE);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.amount_tabs_main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin: 0 0 1rem;
}
.amount_tabs_main .amount_single {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #FFF;
  color: var(--White, #FFF);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  min-height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.custom-timer {
  display: flex;
  align-items: center;
  gap: 0;
}
.custom-timer .time-box {
  background-color: #add2f9;
  padding: 0.3rem 1rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  color: #3D3D3D;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.custom-timer .colon {
  font-weight: bold;
  margin: 0 0.2rem;
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.upcoming_pair_wrapper {
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  background: var(--Light-Indigo, #E2E2EE);
  padding: 17px 12px;
  margin: 0 0 1rem;
  /* When fewer cards exist, stretch them evenly */
}
.upcoming_pair_wrapper .pair_title {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
}
.upcoming_pair_wrapper .pair_cards {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 10px;
  overflow: hidden;
  overflow-x: auto;
}
.upcoming_pair_wrapper .pair_cards .pair_card_single {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid var(--Grey-Stroke, #ADADAD);
  padding: 10px 15px;
  flex: 1 1 calc(20% - 16px); /* assume max 5 per row */
  min-width: 200px; /* optional: prevent cards from shrinking too small */
  box-sizing: border-box;
}
.upcoming_pair_wrapper .pair_cards .pair_card_single .pair_card_title {
  font-family: var(--font-primary-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 0.5rem;
}
.upcoming_pair_wrapper .pair_cards .pair_card_single .pair_type {
  margin: 0 0 0.5rem;
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.upcoming_pair_wrapper .pair_cards:has(.pair_card_single:nth-child(-n+5)) {
  justify-content: space-between;
  text-align: center;
}

.order_area_main {
  padding: 17px 12px;
  margin: 0 0 1rem;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  background: var(--Grad-4, linear-gradient(180deg, #E2E2EE 0%, rgba(226, 226, 238, 0.1) 100%));
}

.order_area_title {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 25px;
  margin: 0 0 1rem;
}
.order_area_title .order_title {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin: 0;
}

.order_cards_main {
  margin: 0;
}
.order_cards_main .order_cards_single {
  padding: 10px;
  margin: 0 0 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid var(--Grey-Stroke, #ADADAD);
}
.order_cards_main .order_cards_single .head_area {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
}
.order_cards_main .order_cards_single .head_area .head_area_title {
  color: var(--White, #FFF);
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.order_cards_main .order_cards_single .head_area .remaining {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.order_cards_main .order_cards_single .head_area .remaining h6 {
  color: #FFF;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  margin: 0;
}
.order_cards_main .order_cards_single .head_area .remaining .custom-timer .time-box {
  padding: 1px 4px;
  font-size: 12px;
}
.order_cards_main .order_cards_single .head_area .btn {
  padding: 5px 10px;
  font-size: 12px;
}
.order_cards_main .order_cards_single .bg2 {
  background: var(--Menu-Icon, #00B0F0);
}
.order_cards_main .completed_card .head_area {
  background: var(--Grey-Title, #3D3D3D);
}

.list_contents_main {
  margin: 1rem 0 0;
}
.list_contents_main .list_row {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 3px 0 3px 20px;
}
.list_contents_main .list_row .left {
  color: #3D3D3D;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.list_contents_main .list_row .right {
  color: var(--Grey-Title, #3D3D3D);
  text-align: right;
  font-family: var(--font-primary-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  width: 50%;
  padding: 5px 10px;
}
.list_contents_main .last_row {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: rgba(0, 176, 240, 0.5);
}
.list_contents_main .last_row .right {
  background: none;
}

.custom_progressbar {
  margin: 10px 0 0;
}
.custom_progressbar .progress_bg_main {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  height: 16px;
  background: rgba(61, 61, 61, 0.3);
}
.custom_progressbar .progress_bg_main .progress_meter {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  z-index: 1;
}
.custom_progressbar .progress_bg_main .progress_value {
  z-index: 2;
  color: #FFF;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}

.progress_dark .progress_bg_main .progress_meter {
  background: #3D3D3D;
}

.custom_badge {
  display: inline-block;
  padding: 3px 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: var(--White, #FFF);
  text-align: right;
  font-family: var(--font-primary-600);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.badge_red {
  color: #fff;
  background: #E75159;
}

.badge_green {
  color: #fff;
  background: #22D734;
}

.trade_wallet_main {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: var(--Light-Indigo, #E2E2EE);
  padding: 20px;
  text-align: center;
  margin: 0 0 10px;
}
.trade_wallet_main .trade_title {
  margin: 0;
  color: #3D3D3D;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.trade_wallet_main .trade_value {
  margin: 0;
  text-align: center;
  font-family: var(--font-primary-600);
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 2.3px;
  text-transform: uppercase;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.trade_popup .order_cards_main {
  grid-template-columns: 1fr !important;
}
.trade_popup .order_cards_main .heading {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  margin: 0 0 10px;
}
.trade_popup .list_contents_main .list_row {
  padding: 5px 0 5px 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: rgba(226, 226, 238, 0.2);
}
.trade_popup .list_contents_main .list_row .right {
  background: none;
  width: auto;
}

.value_range_main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.value_range_main .value_range {
  padding: 7px 10px;
  color: #00B0F0;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  background: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #00B0F0;
}

.profile_head_card_main {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin: 0 0 1rem;
}
.profile_head_card_main figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
  min-width: 100px;
}
.profile_head_card_main figure img {
  width: 100%;
}
.profile_head_card_main figure .edit_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.profile_head_card_main .user_details {
  margin: 0;
}
.profile_head_card_main .user_details .user_subtitle {
  display: inline-block;
  padding: 5px 8px;
  color: var(--White, #FFF);
  font-family: var(--font-primary-600);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.2);
}
.profile_head_card_main .user_details .user_title {
  color: var(--White, #FFF);
  font-family: var(--font-primary-600);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.profile_head_card_main .user_details .mail {
  color: var(--White, #FFF);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.grey_card_main {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #E2E2EE 0%, rgba(226, 226, 238, 0.1) 100%);
  padding: 18px 12px;
}

.grey_card_bg {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #E2E2EE;
  padding: 18px 12px;
}

.white_card_bg {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #ADADAD;
  background: #fff;
  padding: 18px 12px;
}

.page_tabs_main {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 0 1rem;
}
.page_tabs_main a {
  color: #909097;
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  position: relative;
  padding: 0 0 5px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.page_tabs_main a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.page_tabs_main a:hover, .page_tabs_main a:focus, .page_tabs_main a:active, .page_tabs_main a:visited {
  color: #3D3D3D;
}
.page_tabs_main .active {
  color: #3D3D3D;
}
.page_tabs_main .active::after {
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
}

.qr_area p {
  color: #3D3D3D;
  text-align: center;
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.qr_code_main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
}
.qr_code_main .qrcode {
  width: 275px;
  height: 292px;
  background: #fff;
  padding: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.qr_code_main .qrcode canvas {
  width: 100% !important;
  height: auto !important;
}
.qr_code_main #qrcode {
  width: 100%;
  background: #fff;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 275px;
  height: 275px;
}
.qr_code_main #qrcode canvas {
  width: 100%;
  height: 100%;
}

.copy_main {
  color: #3D3D3D;
  text-align: center;
  font-family: var(--font-primary-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 1rem;
}
.copy_main .copy_text {
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--font-primary-700);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.copy_main .copy_btn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.small_title {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}

.qr_sec_main {
  position: relative;
}
.qr_sec_main .enable_2fa_popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr_sec_main .enable_2fa_popup .enable_2fa_popup_content {
  max-width: 340px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: var(--Grad-1, linear-gradient(90deg, #003CFF 0%, #00ACEF 100%));
  padding: 15px;
  text-align: center;
}
.qr_sec_main .enable_2fa_popup .enable_2fa_popup_content .enable_2fa_title {
  color: #FFF;
  text-align: center;
  font-family: var(--font-primary-700);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  margin: 1rem 0;
}
.qr_sec_main .enable_2fa_popup .enable_2fa_popup_content p {
  color: var(--White, #FFF);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 184.615% */
  letter-spacing: 1.3px;
}

.announcements_cards_main .announcements_card_single {
  cursor: pointer;
  margin: 0 0 1rem;
  padding: 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid var(--Grey-Stroke, #ADADAD);
}
.announcements_cards_main .announcements_card_single .lasti_time {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0 0 5px;
}
.announcements_cards_main .announcements_card_single figure {
  overflow: hidden;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: linear-gradient(0deg, rgba(0, 60, 255, 0.5) 0%, rgba(0, 60, 255, 0.5) 100%), url(<path-to-image>) lightgray 50%/cover no-repeat;
  background-blend-mode: soft-light, normal;
}
.announcements_cards_main .announcements_card_single figure img {
  width: 100%;
}
.announcements_cards_main .announcements_card_single .anounce_title_sec {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: linear-gradient(90deg, #003CFF 0%, #00ACEF 100%);
  padding: 10px 16px;
}
.announcements_cards_main .announcements_card_single .anounce_title_sec .anounce_title {
  color: var(--White, #FFF);
  font-family: var(--font-primary-600);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 6px;
}
.announcements_cards_main .announcements_card_single .anounce_title_sec .date_time {
  color: var(--White, #FFF);
  font-family: var(--font-primary-400);
  font-size: 12px;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
}
.announcements_cards_main .announcements_card_single p {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-400);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  margin: 0;
  padding: 10px 16px 0;
}

.announcements_details_main .announcements_card_single {
  border: none;
  padding: 0;
  margin: 1rem 0 0;
}
.announcements_details_main .announcements_card_single .doc_head {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-600);
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 10px 16px 0;
}

.scan_text {
  color: var(--Grey-Title, #3D3D3D);
  text-align: center;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 1rem;
}

.copy_input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.copy_input .input_copy_btn {
  border: none;
  background: none;
  padding: 0;
}

.notice_card {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #FFFBEA;
  padding: 20px;
}
.notice_card .notice_head {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-700);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
.notice_card ul {
  margin: 0;
  padding: 0 0 0 10px;
}
.notice_card ul li {
  color: var(--Grey-Title, #3D3D3D);
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  margin: 0 0 5px;
}
.notice_card .red_text {
  color: #DF1230;
  font-family: var(--font-primary-600);
}
.notice_card p {
  color: #3D3D3D;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  margin: 0 0 5px;
}

.form_info {
  color: #DF1230;
  font-family: var(--font-primary-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.1px;
  margin: 0 0 1rem;
}

.custom-btn {
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  outline: none;
}

header.nav_on {
  z-index: auto;
}

.menu_overlay {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9;
}

.menu_overlay_on {
  opacity: 0.5;
}

.select2-results__option {
  font-size: 12px;
}

.right-txtx,
.referal-details {
  font-size: 14px;
}

.referral-container {
  font-size: 12px;
}

.referral-titles {
  font-family: var(--font-primary-300) !important;
  font-size: 23px !important;
}

.steps_para {
  font-family: var(--font-primary-600);
  font-size: 14px;
}

.para_text {
  font-size: 14px;
}

.red-dot {
  top: 15px !important;
}

/*# sourceMappingURL=layout.css.map */