@media only screen and (max-width:9999px){
/************** AI Styles  **************/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
:root {
  --bg-main: #f8fafc;
  --bg-surface: #ffffff;
  --bg-card: #f1f5f9;
  --border-color: #e2e8f0;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --accent: #00e676;
  --blue: #00b0ff;
  --up: #00e676;
  --down: #ff5252;
  --green: #00ff88;
  --red: #ff5555;
  --dark: #555;
}
.dark {
  --bg-main: #0b0e14;
  --bg-surface: #131822;
  --bg-card: #1a2130;
  --border-color: #2a3447;
  --text-main: #f8fafc;
  --text-muted: #8e9bae;
  --green: #00ff88;
  --red: #ff5555;
  --dark: #eee;
}

.bg-green  { background: var(--green);}
.bg-red    { background: var(--red);}
.bg-blue   { background: var(--blue);}

.t-green   { color: var(--green);}
.t-red     { color: var(--red);}
.t-blue    { color: var(--blue);}

body {
  background: var(--bg-main);
  color: var(--text-main);
  font-family: "IBM Plex Sans Arabic", "Cairo", sans-serif;
  transition: background 0.3s, color 0.3s;
  padding-bottom: 70px;
}
@media (min-width: 769px) {
  body {
    padding-bottom: 0;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font-family: inherit;
  border: none;
  outline: none;
}
.font-mono {
  font-family: Consolas, Monaco, monospace;
}
.container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Header */
header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--bg-surface);
  border-bottom: 1px solid var(--border-color);
  padding: 10px 0;
  backdrop-filter: blur(8px);
}
.header-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
}
.logo-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(to top right, var(--accent), var(--blue));
  display: flex;
  align-items: center;
  justify-content: center;
}
nav {
  display: flex;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 768px) {
  nav {
    display: none;
  }
}
nav a {
  padding: 6px 12px;
  border-radius: 6px;
  transition: 0.2s;
}
nav a:hover,
nav a.active {
  color: var(--accent);
  background: var(--bg-card);
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.icon-btn {
  min-width: 38px;
  min-height: 38px;
  border-radius: 8px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  color: var(--text-main);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-primary {
  font-size: 12px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 8px;
  background: var(--accent);
  color: #020617;
  text-align: center;
  display: inline-block;
}

/* Main Section */
#main-section {
  padding: 16px 0;
}
@media (min-width: 768px) {
  #main-section {
    padding: 24px 0;
  }
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: stretch;
}
@media (min-width: 1024px) {
  .hero-grid {
    grid-template-columns: 5fr 7fr;
    gap: 24px;
  }
}

/* Mobile Hiding Controls */
.hero-banner,
.ticker,
footer {
  display: block;
}
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.hero-title {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .hero-title {
    font-size: 40px;
  }
}
.grad-text {
  background: linear-gradient(to left, var(--accent), var(--blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-desc {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 16px;
}
.hero-btns {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.btn-lg {
  flex: 1;
  text-align: center;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}
@media (min-width: 640px) {
  .btn-lg {
    flex: none;
    padding: 12px 24px;
    font-size: 14px;
  }
}
.btn-accent {
  background: var(--accent);
  color: #020617;
}
.btn-outline {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  color: var(--text-main);
}
.hero-stats {
  padding-top: 14px;
  border-top: 1px solid var(--border-color);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .hero-stats {
    text-align: right;
    margin-bottom: 0;
  }
}
.stat-val {
  font-size: 15px;
  font-weight: 700;
  margin-top: 2px;
}

/* 🌟 Terminal - Fixed Height Configuration */
.terminal { 
  border-radius: 14px; 
  padding: 16px; 
  background: var(--bg-surface); 
  border: 1px solid var(--border-color); 
  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); 
  width: 100%; 
  display: flex;
  flex-direction: column;
}

/* التثبيت على اللاب والـ Desktop */
@media (min-width: 1024px) { 
  .terminal { 
    height: 520px; /* ارتفاع ثابت ومحدد على اللاب */
  } 
}
.term-head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
  font-size: 11px;
  color: var(--text-muted);
  flex-shrink: 0;
}

/* Desktop Tabs Header */
.desktop-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--border-color);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-shrink: 0;
}
.desktop-tabs::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .desktop-tabs {
    display: none;
  }
}

.tab-btn {
  background: var(--bg-card);
  color: var(--text-muted);
  border: 1px solid var(--border-color);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.2s;
  flex-shrink: 0;
}
.tab-btn:hover,
.tab-btn.active {
  background: var(--accent);
  color: #020617;
  border-color: var(--accent);
}

/* Tab Panel - Scrollable Area */
.tab-panel {
  display: none;
  height: 100%;
  overflow-y: auto;
  padding-left: 4px;
}
.tab-panel.active {
  display: block;
}
/* Scrollbar styling for tabs */
.tab-panel::-webkit-scrollbar {
  width: 4px;
}
.tab-panel::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

/* Tables & Interactive Items */
.table-responsive {
  width: 100%;
  overflow-x: auto;
}
.asset-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  white-space: nowrap;
}
.asset-table th {
  text-align: right;
  color: var(--text-muted);
  padding: 8px 6px;
  font-size: 10px;
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  background: var(--bg-surface);
}
.asset-table td {
  padding: 10px 6px;
  border-bottom: 1px solid var(--border-color);
}
.asset-table tr {
  cursor: pointer;
  transition: background 0.2s;
}
.asset-table tr:hover {
  background: var(--bg-card);
}
.up {
  color: var(--up);
  font-weight: 600;
}
.down {
  color: var(--down);
  font-weight: 600;
}

.clickable-item {
  cursor: pointer;
  transition: transform 0.2s, border-color 0.2s;
}
.clickable-item:hover {
  border-color: var(--accent) !important;
}

.term-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 640px) {
  .term-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.news-img {
  width: 100%;
  height:70px;
  object-fit: cover;
  border-radius: 8px;
}
.ai-card {
  background: var(--bg-card);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(0, 230, 118, 0.2);
  margin-bottom: 8px;
  cursor: pointer;
}

/* Opportunities & Signals */
.opp-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.opp-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.opp-badge {
  background: rgba(0, 230, 118, 0.15);
  color: var(--accent);
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.opp-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  background: var(--bg-surface);
  padding: 10px 6px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid var(--border-color);
}
.opp-metric-title {
  font-size: 9px;
  color: var(--text-muted);
  margin-bottom: 2px;
}
.opp-metric-val {
  font-size: 12px;
  font-weight: 700;
}

.signal-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
}

.markets-tab-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 640px) {
  .markets-tab-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.market-tab-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

/* 🌟 Fullscreen Detail View / Modal (شاشة التفاصيل) */
.detail-view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  padding: 16px;
}
.detail-view.active {
  opacity: 1;
  pointer-events: auto;
}
.detail-content {
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  width: 100%;
  max-width: 700px;
  max-height: 85vh;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  transform: translateY(20px);
  transition: transform 0.3s ease;
}
.detail-view.active .detail-content {
  transform: translateY(0);
}

/* ضبط شاشة التفاصيل على الموبايل لتقوم بتغطية الشاشة بالكامل */
@media (max-width: 768px) {
  .detail-view {
    padding: 0;
  }
  .detail-content {
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
}

.detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-card);
}
.back-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  color: var(--text-main);
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
}
.detail-body {
  padding: 20px;
  overflow-y: auto;
  line-height: 1.6;
}

/* Ticker & Footer */
.ticker {
  background: var(--bg-surface);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 8px 0;
  overflow: hidden;
  margin-top: 20px;
}
.marquee {
  display: flex;
  width: 200%;
  animation: marquee 25s linear infinite;
  gap: 24px;
  font-size: 11px;
}
.t-item {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
footer {
  padding: 20px 0;
  border-top: 1px solid var(--border-color);
  color: var(--text-muted);
  font-size: 11px;
  text-align: center;
}

/* Mobile Bottom Navigation */
.mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--bg-surface);
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: space-around;
  padding: 6px 0;
  z-index: 100;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
  .mobile-nav {
    display: none;
  }
}
.mobile-nav-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
  flex: 1;
  text-align: center;
  padding: 3px 0;
  background: transparent;
}
.mobile-nav-btn.active {
  color: var(--accent);
}
.mobile-nav-btn svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

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

}













@media only screen and (max-width:9999px){
/************** Fixed Style  **************/
/*************** Fonts *************/ 
.fs-x8{ font-size:8px!important; }
.fs-x9{ font-size:9px!important; }
.fs-x10{ font-size:10px!important; }
.fs-x11{ font-size:11px!important; }
.fs-x12{ font-size:12px!important; }
.fs-x13{ font-size:13px!important; }
.fs-x14{ font-size:14px!important; }
.fs-x15{ font-size:15px!important; }
.fs-x16{ font-size:16px!important; }
.fs-x18{ font-size:18px!important; }
.fs-x20{ font-size:20px!important; }
.fs-x22{ font-size:22px!important; }
.fs-x24{ font-size:24px!important; }
.fs-x26{ font-size:26px!important; }
.fs-x28{ font-size:28px!important; }
.fs-x30{ font-size:30px!important; }
.fs-x32{ font-size:32px!important; }
.fs-x34{ font-size:34px!important; }
.fs-x36{ font-size:36px!important; }
.fs-x38{ font-size:38px!important; }
.fs-x40{ font-size:40px!important; }
.fs-x50{ font-size:50px!important; }
.fs-x90{ font-size:90px!important; }
.fs-x125{ font-size:125px!important; }
.fs-x150{ font-size:150px!important; }

/****************************/
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
button, a, i, span{
 border:0;
 background:inherit;
 color:inherit;
 font-size:inherit; 
 font-weight:inherit; 
 font-family:inherit;
 }
.linear_effect, button:active, i:active{
 opacity:0.85; 
 }
button:active{
 outline:2px solid #999;
 }
.linear_effect{
 animation-duration:2s;
 animation-fill-mode:forwards;
 animation-iteration-count:infinite;
 animation-name:linear_effect;
 animation-timing-function:linear;
 background:linear-gradient(to right, #aaa 25%, #eee 50%, #aaa 75%, #aaa 60%);
 background-size:1000px 104px;
 overflow:hidden;
 }
 @keyframes linear_effect{
 0%{background-position:468px 0}
 100%{background-position:-468px 0}
 }
a.t-white:hover{color:#fff; } 
a:hover{ color:inherit; cursor:pointer;}
.bg-hover:hover, .wrap-quv:hover{ background:var(--sub); }
.btn_active{background:dodgerblue; color:var(--text); }
.tab_active{background:dodgerblue; color:var(--text); }

 input, textarea{ background:var(--sub); border:1px; }
::placeholder{ color:var(--sub); opacity:1; }
::-ms-input-placeholder{ color:#555; }

.cursor-grab *{
 cursor:grab; 
 -webkit-touch-callout:none; /* iOS Safari */
 -webkit-user-select:none; /* Safari */
 -khtml-user-select:none; /* Konqueror HTML */
 -moz-user-select:none; /* Old versions of Firefox */
 -ms-user-select:none; /* Internet Explorer/Edge */
 user-select:none; /* Non-prefixed version, currently
}
.no_select{
 -webkit-touch-callout:none; /* iOS Safari */
 -webkit-user-select:none; /* Safari */
 -khtml-user-select:none; /* Konqueror HTML */
 -moz-user-select:none; /* Old versions of Firefox */
 -ms-user-select:none; /* Internet Explorer/Edge */
 user-select:none; /* Non-prefixed version, currently
 supported by Chrome, Edge, Opera and Firefox */
} 


[pkx]:hoqqqver{
 background:linear-gradient(265.27deg, 
 #0000 20.55%, #ddd 66%)!important;
}
[onclick]{cursor:pointer;}
[href]{cursor:pointer;}
[href] *{pointer-events:none;}
[pkx]{cursor:pointer;}
[pkx] *{pointer-events:none;}
[pkx] .pe-auto, .all-pe-auto,
.pe-clk{cursor:pointer;}
.pe-clk *{pointer-events:none;}
.all-pe-auto *{pointer-events:auto!important;}
.titledz{cursor:arrow;}

.db-block{display:block!important; }
.db-flex{display:flex!important; }
.db_none_1 .nav_wrap{display:block!important; }
.db_none_2 .nav_wrap2{display:block!important; }
.db_none_1 .bi-chevron-right{display:none!important; } 
.db_none_1 .bi-chevron-left{display:none!important; } 
.db_none_1 .bi-chevron-down{display:block!important; } 
.hov_up:hover{transform:translateY(-4px);}
.trans_ease{transition: 0.4s ease;}
.hidden-desktop{display:none } 
.hidden-all{display:none } 
.d-d-none{display:none; }
option{ direction:rtl; } 
input:focus{ outline:none; } 
ul, li, i{ list-style-type:none; } 
img, i{ cursor:pointer; } 
.t-justify{ text-align:justify; } 

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
 -webkit-appearance:none;
 margin:0;
}
input[type=number]{/* Firefox */ 
 -moz-appearance:textfield;
}

input.input-noarrow::-webkit-outer-spin-button,
input.input-noarrow::-webkit-inner-spin-button{
 -webkit-appearance:none;
 margin:0;
}
.input-noarrow{
 height:30px;
}
/* Firefox */
input.input-noarrow[type=number]{
 -moz-appearance:textfield;
}
.bi{ margin:0; font-size:inherit; }

.centering{
 text-align:center;
 align-items:center;
 justify-content:center;
 }
.p-center{
 top:45%;
 left:50%;
 transform:translate(-50%, -50%);
}
.px-center{
 left:50%;
 transform:translateX(-50%);
}
.py-center{
 top:50%;
 transform:translateY(-50%);
}
.vertical_middle{
 top:50%;
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}

.transformx_x{ transform:translate(-50%, 0);}
.transformx_y{ transform:translate(0, -50%);}
 
 .vertical{
 padding:9px 3px!important;
 margin:2px!important;
 writing-mode:vertical-rl;
 transform:rotate(180deg);
 white-space:nowrap;
 position:relative;
 overflow:visible;
 }
.bg-transparent-50     {  background:#99999970;  color:#FFFFFF;  }
.bg-transparent-99     {  background:#99999900;  color:#000000;  }
.stroke-w-1 { -webkit-text-stroke:0.5px; stroke-width:0.1px; }
.stroke-w   { -webkit-text-stroke:1.5px; stroke-width:1.5px; }
 
 .lds_ovrly {
 position: fixed;
 top:0;
 right:0;
 width: 100vw;
 height:100vh;
 background: rgb(0 0 0 / 20%);
 } 

/**************** TOAST ****************/
.toast {
 position: fixed;
 display:flex!important;
 width: fit-content;
 bottom: 15vh;
 left: 50%;
 -ms-transform : translate(-50%, 90%);
 transform : translate(-50%, 90%);
 background:var(--gray);
 border-radius: 22px;
 color: white;
 text-align: center;
 padding:5px 9px;
 opacity:0;
 z-index:-1;
}
.opacityx{ animation: fade_opacity 2s 1 forwards; }
@keyframes fade_opacity { 0% {opacity: 0;} 100% {opacity: 1;} }
.toast .img{
 display:flex;
 height: 30px;
 width: 40px;
 margin:auto 15px auto auto;
 border-radius: 11px;
}
.toast .text{
 margin:auto 5px auto auto;
 border-radius:5px;
 text-align: center;
 color:#eee;
 font-size :15px;
 white-space:nowrap;
 font-family: Arial, Helvetica, sans-serif;
}
.spinner4 {
 display: flex;
 justify-content: center;
 align-items: center;
 margin:auto 5px auto 5px;
}
.spinner4 span {
 width: 10px;
 height: 10px;
 margin: 0 4px;
 background:var(--offset);
 border-radius: 50%;
 animation: grow4 0.9s infinite ease-in-out;
}
.spinner4 span:nth-child(2) {
 animation-delay: 0.2s;
}
.spinner4 span:nth-child(3) {
 animation-delay: 0.4s;
}
@keyframes grow4 {
 0%, 100% { transform: scale(1); opacity: 0.6; }
 50% { transform: scale(1.5); opacity: 1; }
}
/************* Scrollbar *************/
*::-webkit-scrollbar,
.fixed_table::-webkit-scrollbar,
.fitting-card::-webkit-scrollbar,
.pk_dropdown_wrap::-webkit-scrollbar,
.scrollbartags::-webkit-scrollbar{
 width:3px;
 height:3px;
} 
.pk_dropdown_wrap::-webkit-scrollbar-thumb,
.fixed_table::-webkit-scrollbar-thumb,
.scrollbartags::-webkit-scrollbar-thumb{
 border-radius:1px;
 background:var(--color-border);
 } 
.hc-stools-toolbar::-webkit-scrollbar,
.scrollbar0::-webkit-scrollbar,
.scrollbar_0::-webkit-scrollbar,
.scroll-0::-webkit-scrollbar{
 width:0; height:0;
 } 
.scroll-0,.scroll_0,.scrollbar_0{
 scrollbar-width:none !important;
 } 
.scroll-h-0::-webkit-scrollbar:horizontal,
.scroll-h-0::-webkit-scrollbar-thumb:horizontal{
 height:0; 
 }
/************** Language **************/
.dir-rtl .mr-1{ margin-right:auto!important; margin-left:1px!important; }
.dir-rtl .ml-1{ margin-left:auto!important; margin-right:1px!important; }
.dir-rtl .unsorted th:before,
.dir-rtl .dnsorted:before,
.dir-rtl .upsorted:before{
 margin-right:-10px;
 } 
.dir-rtl .float-left{ 
 float:right!important;
}
.dir-rtl .right-1{ 
 right:initial!important;
 left:0!important;
}
.dir-rtl *, .dir-rtl input{ text-align:right }
.dir-rtl .t-left,
.dir-rtl .t-left *{ 
 text-align:right!important;
}
.dir-rtl .t-right,
.dir-rtl .t-right *{ 
 text-align:left!important;
}
.dir-ltr .t-left,
.dir-ltr .t-left *{ 
 text-align:left!important;
}
.dir-ltr .t-right,
.dir-ltr .t-right *{ 
 text-align:right!important;
}
.dir-rtl .cat_container .bi-caret-down-fill{ 
 left:initial;
 right:0px;
 margin:1px -9px auto auto;
}
.dir-rtl table th:first-child,
.dir-rtl table td:first-child{
 right:0;
 border-right:0;
 border-left:a;
}
.dir-rtl table td:first-child *,
.dir-rtl table td:first-child{
 text-align:right;
 }
.dir-rtl table td:nth-child(1):before{
 content:"";
 position:absolute;
 left:0;
 top:0;
 height:100%;
 }
.dir-rtl .valinput{ text-align:right; }
.dir-rtl .pk_dropdown_right *{ margin:auto auto auto 0; }
.dir-rtl .pk_dropdown_right .pk_dropdown_wrap{
 right:initial!important;
}
.dir-rtl .search_icon.full_icon:after{
 right:initial;
 left:15px;
} 
.dir-rtl .search_icon:after{
 right:initial;
 left:9px;
} 
.dir-rtl .valitips{ 
 text-align:right; 
 left:9px;
 right:initial;
}
 .dir-rtl .titltips{ 
 text-align:right; 
 left:initial;
 right:5px; 
 }
 .dir-rtl .pk_dropdown_btn:after{
 right:initial;
 left:0;
 }
.dir-rtl .pk_dropdown_item{
 text-align:right;
 justify-content:right;
}
.dir-rtl .popup_actv{ left:0; right:initial;} 
.dir-rtl .popup_actv{ left:0; right:initial;} 
.dir-rtl table td{ text-align:center!important; }
.dir-rtl table th{ text-align:center!important; }
 table td:first-child{ text-align:left!important; }
.dir-rtl table td:first-child{ text-align:right!important; }
.dir-rtl .arrawx:after{content:'\F12F';} 

/*.dir-rtl .typexb{*/
/* border-left:0!important;*/
/* border-right:40px solid transparent!important;*/
/* right:auto;*/
/* left:0px;*/
/*}*/
/*.dir-rtl .typexb span{*/
/* right:auto;*/
/* left:1px;*/
/* transform:rotate(-45deg);*/
/*}*/
 
.mirror{ -webkit-transform:scaleX(-1); transform:scaleX(-1); }


/**************** News Css ****************/
.item_wrap{
 position:relative;
 overflow:hidden;
 border-radius:9px;
 margin:5px;
}

.item_media{
 position:relative;
 width:100%;
 margin:0;
 padding:5px;
}
.item_image{
 width:100%;
 height:100%;
}
 

.items_grid .item_content{
 position:relative;
 padding:0 9px;
 width:100%;
 height:40%;
 margin:0;
 }

.items_grid .item_image img{
 width:100%;
 height:100%;
 max-height:200px;
 margin:0;
 padding:0;
 overflow:hidden;
}
 
.bottom_content{
 bottom:5px; 
 width:100%; 
 }
.items_grid .item_wrap{
 display:flex;
 height:100px; 
 }
.items_grid .item_image{ width:35%; height:auto; }
.items_grid .item_content{width:65%; }


.news_body .item_content{
 grid-column-start:1; grid-column-end:3;
 grid-row-start:1; grid-row-end:2;
} 
.news_body .item_image{
 grid-column-start:1; grid-column-end:2;
 grid-row-start:2; grid-row-end:3;
}
.news_body .content_item{
 display:block!important; 
 grid-column-start:2; grid-column-end:3;
 grid-row-start:2; grid-row-end:3;
}
.news_body .d-none{
 display:block!important; 
}

.news_body img{
 width:100%;
 height:100%;
 max-height:150px;
 }
.news_body .item_title{
 margin:5px 5px!important; 
 font-size:16px!important;
 }
.news_body .item_details{
 padding:5px!important; 
 }
.news_body .item_details *{
 font-size:16px!important; 
 }

.news_body .content_item{
 height:73vh; 
 overflow:auto;
 font-size:20px;
 }
 /**************** Invest Css ****************/
 [class*=tw-colored3] .tw-change,
 [class*=tw-colored3] .tw-percent{
 color:var(--dark);
 white-space:nowrap; 
} 
 [class*=tw-colored1] .percent:after,
 [class*=tw-colored1] .tw-change,
 [class*=tw-colored1] .tw-percent{
 color:var(--green);
 white-space:nowrap; 
} 
 [class*=tw-colored2] .percent:after,
 [class*=tw-colored2] .tw-change,
 [class*=tw-colored2] .tw-percent,
.validatory{
 color:var(--red);
 white-space:nowrap; 
} 

.tw-percent:after{
 content:'%';
} 
.tw-percent:before{
 content:'';
 } 

.border-base{
 border:1px solid var(--border-color)!important;
}


}




@media only screen and (max-width:750px){
.hidden-desktop{display:block } 
.sd-none{display:none!important; }
.sd-block{display:block!important; }
.sd-flex{display:flex!important; }

.sd-p-relative{position:relative!important; }
.sd-p-absolute{position:absolute!important; }
.sd-p-sticky{position:sticky!important; }
.sd-p-auto{position:auto!important; }

.sd-w-auto{width:auto!important}
.sd-w-25{width:25%!important}
.sd-w-45{width:45%!important}
.sd-w-49{width:49%!important}
.sd-w-50{width:50%!important}
.sd-w-75{width:75%!important}
.sd-w-100{width:100%!important}

.sd-vw-25{width:25vh!important}
.sd-vw-50{width:50vh!important}
.sd-vw-75{width:75vh!important}
.sd-vw-100{width:100vh!important}


.sd-h-25{height:25%!important}
.sd-h-50{height:50%!important}
.sd-h-75{height:75%!important}
.sd-h-100{height:100%!important}

.sd-vh-25{height:25vh!important}
.sd-vh-50{height:50vh!important}
.sd-vh-75{height:75vh!important}
.sd-vh-100{height:100vh!important}

.sd-h-auto{height:auto!important}
.sd-h-ini{height:initial!important}
.sd-h-fit{height:fit-content!important}
.sd-overflow-auto{overflow:auto!important}
.sd-overflow-hidden{overflow:hidden!important}

.p-center-auto{transform:initial!important}

.sd-left-auto{left:auto!important}
.sd-right-auto{right:auto!important}
.sd-top-auto{top:auto!important}
.sd-bottom-auto{bottom:auto!important}

.sd-left-0{left:0!important}
.sd-right-0{right:0!important}
.sd-top-0{top:0!important}
.sd-bottom-0{bottom:0!important}
.sd-border-0{border:0!important}

.sd-ml-3{margin-left:15px!important; }
.sd-ml-4{margin-left:20px!important; }
.sd-ml-5{margin-left:25px!important; }
.sd-ml-6{margin-left:30px!important; }

.sd-mr-3{margin-right:15px!important; }
.sd-mr-4{margin-right:20px!important; }
.sd-mr-5{margin-right:25px!important; }
.sd-mr-6{margin-right:30px!important; }
.sd-m-auto{margin:auto auto auto auto!important; }
.sd-m-0{margin:0 0 0 0!important; }
.sd-p-0{padding:0 0 0 0!important; }
.sd-p-2{padding:10px!important; }
.sd-left-0{left:0 0 0 0!important;}
.sd-m-1{ margin:5px 5px 5px 5px!important;} 
.sd-p-1{ padding:5px 5px 5px 5px!important;} 
.sd-pt-4{ padding-top:20px!important;} 
 
.sd-vh-40{height:40vh!important; }

}