.market-transaction { padding:40px 0px 110px;background: var(--v-white);position: relative;z-index: 9; }
  .market-transaction h1.home-h2-title { font-size:var(--hm-fs-84); line-height: 1.22;}
  .market-transaction h2.home-h2-title { font-size:var(--hm-fs-84);}
  html[lang='kk-KZ'] .market-transaction h1.home-h2-title { font-size:var(--hm-fs-74);}
  html[lang='kk-KZ'] .market-transaction h2.home-h2-title { font-size:var(--hm-fs-74);}

  .market-transaction .title-msg{ font-size:var(--fs-22); text-align: center;color: var(--v-black); }

	.loading-box {display:flex;justify-content:center;position:absolute;background:rgba(255,255,255,.3);width:100%;top:0px;bottom:0px;z-index:10;display:none;}
  .loading-img {width:20%;max-height: min-content;position:absolute;top:50%;transform:translateY(-50%);}
  .loading-img img{animation: rotate 1s infinite linear;}
  @keyframes rotate{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg); }
  }

  .market-transaction .title-box {overflow: hidden;}
  .market-transaction .title-box .title_move {transition: .8s;}
  .market-transaction .title-box .title_move.action {transform: translateY(150%);}
  .market-transaction .nav-list {display: flex;flex-wrap:wrap;justify-content: center;color: var(--v-black);margin:60px 0px 45px; position: relative;user-select: none;}
  .market-transaction .nav-list p {font-size:var(--hm-fs-34);margin: 0px 20px;cursor: pointer;margin-bottom:5px;user-select: none; font-weight:600; line-height: 1.22;}
  .market-transaction .nav-list p:hover {color: var(--v-grey);}
  .market-transaction .nav-list p:first-child{margin-left: 0px;}
  .market-transaction .nav-list p:nth-child(7) {margin-right: 0px !important;}
  .market-transaction .nav-list p.active {color: var(--v-orange);}
  .market-transaction .nav-list .wire {position: absolute;left:0px;top:48px;height: 4px;background: var(--v-orange);transition: .4s;}
  .market-transaction .productData {display: flex;flex-wrap: wrap;}
  .market-transaction .data-list {width: 53%;background:var(--v-white);padding-right: 30px;}
  .data-list .table-box {box-shadow: 0px 15px 30px #0000001A;border-radius: 13px;overflow-x: auto;margin-bottom:20px;position: relative;}
  .data-list .table-box .phone-show {display:none;}
  .data-list table {width: 100%;text-align:center;}
  .data-list table p {margin-bottom:0px;}
  .data-list table  {border-radius:0 0 13px 13px;}
  .data-list tbody {display:none;}
  .data-list tbody.active{display:table-row-group;}
  .data-list table tr{border-bottom:1px solid var(--v-grey-light4);}
  .data-list table tr:last-child {border-bottom:0px;}
  .data-list tbody tr:hover {background-color: var(--v-grey-light2);}
  .data-list table th{background: var(--v-grey) !important;color:var(--v-white);padding:15px 0px;font-weight: 300;text-transform: capitalize;}
  .data-list table th:first-child {border-radius: 13px 0px 0px 0px;}
  .data-list table th:last-child {border-radius: 0px 13px 0px 0px;}
  .data-list table th:last-child p{border-right:0px;}
  .data-list table th p {margin: 0px;line-height: 1; border-right: 1px solid var(--v-grey-dark);}
  .data-list table .symbol {width:31%;}
  .data-list table th,
  .data-list table td {width:23%;font-size: var(--fs-20);background: transparent;}
  .data-list table td {padding:30px 15px;}
  .data-list table td .flickering {margin:0px auto;padding:0px 5px; max-width: max-content;border-radius: 3px;transition: .3s;}
  .data-list table td .flickering.red::after,
  .data-list table td .flickering.green::after {border-bottom-color:var(--v-white) !important;}
  .data-list table td .flickering.red {background-color: var(--v-red); color:var(--v-white);}
  .data-list table td .flickering.green {background-color: var(--v-green); color:var(--v-white);}

  .data-list table td.symbol {padding-left:30px;text-align:left;font-size:var(--hm-fs-22);color: var(--v-black);font-weight: 600;text-decoration: none;}

  .data-list table .arrow-box{margin:0px auto;position: relative;padding-left: 25px !important;max-width: max-content;}
  .data-list table .arrow-box::after {content:'';display: block;position: absolute;width: 0px;height: 0px;left: 5px;top: 50%;transform: translateY(-50%);transition: .4s;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 12px solid var(--v-green);transform-origin: center 30%;}
  .data-list table .deficit .arrow-box::after {transform: rotateX(180deg);border-bottom-color: var(--v-red);}
  .data-list table .unbound .arrow-box::after {border-bottom-color: var(--v-grey);}

  .data-list .symbol .symbol_box{white-space: nowrap;}
  .data-list .symbol .product_img {background-image: url(https://d21u74ttq7jqzf.cloudfront.net/image/public_icons_new.svg?v=4); background-repeat: no-repeat; display: inline-block;width: 30px; height:30px;margin-right:20px;}

  .market-transaction .profit {color:var(--v-green) !important;}
  .market-transaction .deficit {color: var(--v-red) !important;}
  .market-transaction .unbound {color: var(--v-grey) !important;}
  .market-transaction .data-message {width: 45%;padding:40px 0px 10px 70px;position: relative;overflow: hidden;}
  .data-message .item-text {display:none;transition: 0.5s;}
  .data-message .item-text.active {display:block;}

  .market-transaction .data-message h4{font-size:var(--hm-fs-26);color: var(--v-black);margin-bottom:10px;}
  .market-transaction .data-message .p-msg{font-size:var(--hm-fs-24); color: var(--v-black);}
  .market-transaction .data-message p{font-size:var(--fs-18); color: var(--v-grey);}
  .market-transaction .data-message .btn-box{margin-top:50px;}
  .market-transaction .productData .data-message .item-text p a {text-decoration: underline;}
  html[lang='ar-AE'] .market-transaction .data-message h4,
  html[lang='ar-AE'] .market-transaction .data-message p{text-align: right;}
  html[lang='ar-AE'] .market-transaction .data-message .btn-box{float: right;}

  @media (max-width: 1440px) {
    .market-transaction .nav-list p{font-size: var(--hm-fs-34-sm);}
  }
  @media (max-width: 1400px) {
    .market-transaction .nav-list {margin-top:45px;}
    .market-transaction .data-list{width: 60%;}
    .market-transaction .data-message {width: 40%;}
    .data-message .item-text{left: 30px;}
    .data-list table th,
    .data-list table td.symbol,
    .data-list table td {font-size:16px;}
  }

  @media (max-width:1200px) {
    .data-list table td.symbol{padding-left: 15px;}
  }
  @media (max-width:1080px) {
    .market-transaction .data-list,
    .market-transaction .data-message {width: 100%;padding: 0px;}
    .market-transaction .data-message {margin-top:20px;}
    .data-message .item-text {left:0px;top:0px;}
    .data-list table td.symbol{padding-left: 30px;}
    .data-list table td {padding:20px 0px;}
  }
  @media (max-width:1024px) {
    .market-transaction { padding:40px 0px 80px; }
    .data-list table td.symbol{padding-left: 15px;}

    .market-transaction .data-message{margin-top:5px;}
    .market-transaction .data-message .btn-box {display: flex;justify-content: center;margin-top:20px;}
    .orangeButton {padding: 15px 30px;}
    .market-transaction .title-msg {display:none;}
    .market-transaction .nav-list {display:block;padding: 0px 20px 4px;overflow-x:auto;white-space:nowrap;margin:0px -20px 15px ;scrollbar-width: none;}
    .market-transaction .nav-list::-webkit-scrollbar {display:none;}
    .market-transaction .nav-list p {display: inline-block;margin: 0px 10px;}
    .data-list .table-box {min-height:300px;}
    .data-list table {height: 300px;}
    .data-list table th,
    .data-list table td {padding:15px 0px;}
    .data-list .symbol .product_img {margin-right:5px;}
    .data-list .updatedTime {display:none;}
    .data-list table .arrow-box::after {border-left-width: 6px;border-right-width: 6px;border-bottom-width: 8px;}
    .market-transaction .nav-list .wire {height: 3px;}
    .home-h2-title {margin-bottom: 20px;}
  }
  @media (max-width:768px) {
    .market-transaction .pc-br{display: none;}
  }
  @media (max-width:510px) {
    .market-transaction { padding:0px 0px 30px; }
    .market-transaction .data-message h4 {font-size: 20px;}

    .data-list .table-box .pc-show {display:none;}
    .data-list .table-box .phone-show {display:inline;}
    .data-list table {height:365px !important;}
    .data-list table th,
    .data-list table td {font-size: 14px;padding:10px 0px;}
    .data-list table .change,
    .data-list table .percentage {display:none;}

    .data-list table td.symbol {font-size: 16px;}
    .data-list table .symbol {padding-left: 20px !important;width: 50%;}
    .data-list table th.symbol p {text-align: left;}
    .data-list table td .flickering {margin:0px;}
    .data-list table .bid {text-align: right;padding-right: 20px;width: 50%;}
    .data-list table .bid .bid-box {width: 100%;display:flex;flex-direction:column;align-items:flex-end;}
    .data-list table th p {border:0px !important;}
    .data-list table .bid-value {font-size: 16px;font-weight: 500;}
    .data-list table .change-value,
    .data-list table .percentage-value{font-weight: 500;}
  }