.elementor-600 .elementor-element.elementor-element-9b0a0d6{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-600 .elementor-element.elementor-element-c2907a2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), inter;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-600 .elementor-element.elementor-element-6d4369a .elementor-heading-title{font-family:"Roboto", inter;font-size:30px;font-weight:700;letter-spacing:1.3px;color:#22D3EE;}.elementor-600 .elementor-element.elementor-element-fecb355{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-600 .elementor-element.elementor-element-973cea0{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-600 .elementor-element.elementor-element-c2907a2{--width:848px;}}/* Start custom CSS for html, class: .elementor-element-57675c8 */.ticker {
  padding: 10px;
  display: grid;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Inter, sans-serif;
  gap: 2px;
}

.ticker .coin {
  font-weight: 700;
  color: #cbd5e1;
  font-size: 16px;
  text-align: center;
}

.ticker .price {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: #6EC1E4;
}

.ticker .change {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.change.up {
  color: #22c55e; /* green */
}

.change.down {
  color: #ef4444; /* red */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1dc475a */.cointrade-tabs {
  width: 100%;
  display: grid;
  background: none;
}

.tab-buttons {
  display: flex;
  background: #334155;
  border-radius: 8px;
  margin-bottom: 12px;
  width: fit-content;
  justify-self: center;
}

.tab-btn {
  padding: 6px 15px;
  border-radius: 6px;
  border: none;
  background: #334155;
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-weight: 600;
}
.tab-content {
    display: flex;
}
.tab-btn.active {
  background: #0891b2;
  color: #fff;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
  width: 848px;
}
.orderbook-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.orderbook-grid ul {
  list-style:none;
  padding:0;
  margin:0;
  max-height:150px;
  overflow-y:auto;
}

.orderbook-grid li {
  display:flex;
  justify-content:space-between;
  padding:2px 5px;
  font-size:14px;
  border-bottom:1px solid #1c2436;
}
.input-css {
    border-radius: 8px;
    border: 0px;
    width: 100%;
    accent-color: #06b6d4;
    background-color: #334155;
    border: none !important;
}
.inpt-text {
    color: #94a3b8;
    justify-content: space-between;
    display: flex;
    margin-top: -5px;
    font-size: 12px;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fecb355 */.cointrade-tabs {
  width: 100%;
  display: grid;
  background: none;
}

.tab-buttons {
  display: flex;
  background: #334155;
  border-radius: 8px;
  margin-bottom: 12px;
  width: fit-content;
}

.tab-btn {
  padding: 6px 15px;
  border-radius: 6px;
  border: none;
  background: #334155;
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-weight: 600;
}
.tab-content {
    display: flex;
}
.tab-btn.active {
  background: #0891b2;
  color: #fff;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}/* End custom CSS */