.market-transaction { padding:95px 0px 95px;background: var(--v-grey-light1);position: relative;z-index: 9; }

	.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 { padding: 50px 20px; border-radius:20px; background:url(/wp-content/themes/vantage/images/lp-forex-trading-market-transaction-bg.webp?v=4) center top no-repeat; background-size:cover; min-height:585px; display: flex; align-items: center; align-items: center; justify-content: center;}
  .market-transaction .updatedTime{ font-size:var(--hm-fs-14); color: var(--v-black-light); padding-top: 20px; padding-left: 20px; position: relative;}
  .market-transaction .updatedTime::after{ content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background: var(--v-black-light); position: absolute; left: 10px; top: 30px;}
  .market-transaction .data-list {width: 800px; max-width: 100%; margin: 0 auto;}
  .data-list .table-box { background:var(--v-white); box-shadow: 0px 15px 30px #0000001A;border-radius: 8px;overflow-x: auto;margin-bottom:20px;position: relative;}
  .data-list .table-box .phone-show {display:none;}
  .data-list table {width: 100%;text-align:center; border-radius:0;}
  .data-list table p {margin-bottom:0px;}
  .data-list tbody {display:none;}
  .data-list tbody.active{display:table-row-group;}
  .data-list table tr{border-bottom:1px solid #d6d6d6;}
  /* .data-list table tr:last-child {border-bottom:0px;} */
  .data-list tbody tr:hover {background-color: var(--v-grey-light2);  box-shadow: 0px 4px 4px 0px #00000040 inset;}
  .data-list table .symbol {width:25%; text-align:left; padding-left:32px;}
  .data-list table th,
  .data-list table td {width:18%;font-size: var(--fs-18);background: transparent; font-weight: 500;}
  .data-list table td {padding:15px 5px;}
  .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-dark); color:var(--v-white);}
  .data-list table td .flickering.green {background-color: var(--v-green); color:var(--v-white);}

  .data-list table th{background: #646464 !important;color:var(--v-white);padding:12px 0px;font-size:var(--fs-16);font-weight: 400;text-transform: capitalize;}
  .data-list table th:first-child {border-radius: 8px 0px 0px 0px;}
  .data-list table th:last-child {border-radius: 0px 8px 0px 0px;}
  .data-list table th:last-child p{border-right:0px;}
  .data-list table th p {margin: 0px;line-height: 1.2; border-right: 1px solid var(--v-grey-dark);}
  .data-list table th.trade-link{ padding-left:32px; padding-right:32px;}

  .data-list table td.symbol {padding-left:32px;text-align:left;font-size:var(--fs-18);color: var(--v-black);font-weight: 500;text-decoration: none;}
  .data-list table td.symbol a{ text-decoration: underline;}
  .data-list table td a.trade-link-text{ font-size:14px; font-weight:600; color: #007FFF; font-style: italic;}

  .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-dark) !important;}
  .market-transaction .unbound {color: var(--v-grey) !important;}

  .market-transaction .productData .data-message .item-text p a {text-decoration: underline;}

  @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;}
    .data-message .item-text{left: 30px;}
    .data-list table th,
    .data-list table td.symbol,
    .data-list table td {font-size:16px;}
    
    .market-transaction .productData{ min-height:auto;}
  }

  @media (max-width:1200px) {
    .data-list table td.symbol{padding-left: 15px;}
  }
  @media (max-width:1080px) {
    .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:60px 0px; }
    .market-transaction .productData{ padding-top: 50px; padding-bottom: 50px;}
    .data-list .table-box{ min-height: auto; margin-bottom: 0;}
    .data-list table td.symbol{padding-left: 15px;}

    .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 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 { padding:50px 0px; }
    .market-transaction .productData{ padding-top: 20px; padding-bottom: 20px;}
    .market-transaction .pc-br{display: none;}
  }
  @media (max-width:510px) {    
    .market-transaction { padding:32px 0px; }
    .market-transaction .productData{ padding: 0; border-radius:none; background: none;}
    .market-transaction .updatedTime::after{ top: 28px;}
    .market-transaction .updatedTime{ list-style: 1.3;}
    .data-list .table-box{border-radius: 13px;}
    .data-list .table-box .pc-show {display:none;}
    .data-list .table-box .phone-show {display:inline;}
    .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; position: relative; padding-right: 8px;}
    .data-list table .bid .bid-box::after{content: "\f105"; display: block; font-family: 'FontAwesome'; font-size: 20px; position:absolute; right: -5px; top: 4px; color: #848484; }
    .data-list table th p {border:0px !important; line-height: 1.4;}
    .data-list table .bid-value {font-size: 16px;font-weight: 500;}
    .data-list table .change-value,
    .data-list table .percentage-value{font-weight: 500;}

    .data-list table th.trade-link,
    .data-list table td.trade-link,    
    .data-list table th.ask,
    .data-list table td.ask{ display: none;}
  }

/* ! vantagemarcouk|2025-10-21 15:10:00 ! */