.page_banner {
     padding: 45px 0;
     text-align: center;
     background: #ffffff21;
 }


 html[data-theme="light"] .page_banner {
     background: #f0faee;
     border-color: #e0dfdf;
 }

 .page_banner h2 {
     text-align: center;
     font-size: 26px;
     margin-bottom: 0;
 }

 .page_banner p {
     margin-bottom: 0;
 }

 .page_title_bar {
     padding: 20px 0 0;
     /* box-shadow: 5px 5px 10px 0px rgba(231, 231, 231, 0.4); */
 }


 .pt_bar_nav {
     border: 0;
     padding: 0;
 }

 .pt_bar_nav .nav-link {
     color: var(--white-color);
     font-size: 15px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     padding: 19px 13px;
     position: relative;
     outline: 0;
     border: 0;
 }

 .pt_bar_nav .nav-link.active {
     background: linear-gradient(62deg, #7ED375 0%, #7ED375 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .pt_bar_nav .nav-link:after {
     content: "";
     width: 100%;
     border-radius: 6px 6px 0px 0px;
     background: linear-gradient(62deg, #7ED375 0%, #7ED375 100%);
     box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
     position: absolute;
     bottom: -1px;
     height: 4px;
     left: 0;
     opacity: 0;
 }

 .pt_bar_nav .nav-link.active:after {
     opacity: 1;
 }

 .pt_bar_right .pbr_link {
     padding: 5px 8px;
     display: inline-flex;
     align-items: center;
     color: var(--white-color);
     font-size: 14px;
     font-weight: 400;
 }

 .pbr_link>i {
     line-height: 18px;
     font-size: 16px;
 }


 .pt_bar_right {
     display: flex;
     align-items: center;
     justify-content: right;
 }



 .flex_rows ul.dropdown-menu {
     /* background: #303234; */
     min-width: 200px;
     top: 0 !important;
     padding: 10px;
 }

 .flex_rows .dropdown-item {
     color: var(--white-color);
     border-radius: 8px;
     padding: 8px 9px;
     font-size: 14px;
 }

 .flex_rows .dropdown-item.active,
 .flex_rows .dropdown-item:active,
 .flex_rows .dropdown-item:hover,
 .flex_rows .dropdown-item:focus {
     /* color: var(--white-color); */
     text-decoration: none;
     background: rgb(145 169 180 / 23%);
 }





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





 .pp_filter_bar {
     margin: 20px 0 20px;
 }


 .card-body-top {
     border-radius: 15px 15px 0px 0px;
     padding: 0px 20px;
     border: 1px solid #ffffff1f;
     background: #ffffff1a;
 }

 .card-body-top.curve {
     border-radius: 15px;
 }

 html[data-theme="light"] .card-body-top {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }


 .buy_sell_btns {
     padding: 0px;
     width: 100%;
     display: flex;
     overflow: hidden;
     margin: 8px 0;
     background: #aaaaaa26;
 }

 .buy_sell_btns li {
     width: 50%;
 }

 .buy_sell_btns li .btn {
     width: 100%;
     text-align: center;
     padding: 8px 36px;
     border-radius: 50px;
     font-size: 14px;
     color: currentColor;
     transition: unset !important;
     border: 0;
 }

 .btn-success_inner.active {
     color: #000 !important;
     background: var(--bs-green) !important;
 }

 .btn-danger_inner.active {
     color: #fff !important;
     background: var(--bs-red) !important;
 }



 .card-body-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .body_right_w_filter .mrt_row {
     margin: 8px 0;
     display: flex;
     overflow: hidden;
     margin: 12px 0;
     border-radius: 50px;
     background: #aaaaaa26;
 }

 .body_left .subtabs_link {
     padding: 12px 25px;
     height: unset;
     position: relative;
     font-size: 14px;
     border-radius: 50px;
     margin: 0 !important;
     color: var(--white-color);
 }

 /* .body_left .subtabs_link:after {
    content: "";
    width: 100%;
    border-radius: 6px 6px 0px 0px;
    background: linear-gradient(62deg, #7ED375 0%, #7ED375 100%);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
    position: absolute;
    bottom: -1px;
    height: 4px;
    left: 0;
    opacity: 0;
} */

 .body_left .subtabs_link.active {}

 .body_left .subtabs_link.active:after {
     opacity: 1;
 }

 .body_left .subtabs_link.active {
     color: #000 !important;
     background: #7ED375 !important;
 }


 .card-body-bottom {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 5px;
     border-radius: 0px 0px 15px 15px;
     padding: 20px;
     border: 1px solid #ffffff1f;
     background: #ffffff1a;
 }

 html[data-theme="light"] .card-body-bottom {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }







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


 /* .froup_feild .feild_input {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px;
    border: 0;
    min-width: 160px;
} */

 /* .froup_feild  input[type="date"] {
    border: 0;
    padding: 6px 6px;
} */

 .froup_feild .feild_input::placeholder {
     color: var(--white-color);
 }

 .shadow-soft {
     color: var(--white-color);
 }

 /* .froup_feild select {
    color: var(--white-color);
    border: 0;
    width: auto;
    border-left: 1px solid rgba(145, 169, 180, 0.50);
    border-radius: 0;
    padding: 0;
    padding: 8px;
    padding-left: 15px;
    outline: 0;
    min-width: max-content;
} */


 label {
     color: var(--white-color);
 }

 .row.gx-1 {
     margin-left: -8px;
     margin-right: -8px;
 }



 .row.gx-1>* {
     padding-left: 8px;
     padding-right: 8px;
 }

 .no-border {
     border: 0 !important;
 }



 .filter_group {
     max-width: fit-content;
 }

 .filter_group .pbr_link {
     max-width: fit-content;
     font-size: 22px;
     color: var(--white-color);
 }

 .filter_group .pbr_link i {
     color: var(--white-color);
 }





 .table-striped>tbody>tr:nth-of-type(odd)>* {
     /* --bs-table-accent-bg: rgb(255 255 255 / 3%); */
     color: var(--white-color);
 }

 .ant-table .table {
     /* width: 100%; */
     /* text-align: left; */
     border-collapse: separate;
     border-spacing: 0;
     border-radius: 15px !important;
     overflow: hidden;
     margin-bottom: 0;
     border: 1px solid #ffffff1f;
     background: #ffffff1a;
 }


 html[data-theme="light"] .ant-table .table {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }


 .thead.ant-table-thead {
     border-radius: 15px 15px 0px 0px !important;
     margin-bottom: 0;
     border-bottom: 1px solid #ffffff1f;
     background: #ffffff1a;
 }

 html[data-theme="light"] .thead.ant-table-thead {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }

 .cst-table {
     /* overflow: hidden; */
     border-radius: 15px;
 }

 .cst-table-thead {
     border-radius: 15px 15px 0px 0px !important;
     /* border-bottom: 2px solid rgba(145, 169, 180, 0.20); */
     /* background: #303234; */
     /* box-shadow: -5px -5px 10px 0px rgba(73, 73, 73, 0.60), 5px 5px 10px 0px rgba(0, 0, 0, 0.40); */
     /* outline: 0px solid #91A9B433; */
     margin-bottom: 10px;
 }

 .cst-table-tbody tr td {
     padding: 20px 21px;
 }


 .cst-table-thead tr th {
     padding: 10px 21px;
 }



 .ant-table .ant-table-thead>.tr {
     display: flex;
 }

 .ant-table .ant-table-thead>.tr>.th {
     padding: 14px 16px !important;
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     color: var(--white-color);
 }

 .ant-table-cell:first-of-type {
     width: 25%
 }

 .ant-table-cell:nth-of-type(2) {
     width: 13%;
 }

 .ant-table-cell:nth-of-type(3) {
     width: 25%;
 }

 .ant-table-cell:nth-of-type(4) {
     width: 24%;
 }

 .ant-table-cell:nth-of-type(5) {
     width: 13%;
     padding-right: 0;
 }

 .advertiseList_tradeTitle__ae016 {
     display: flex;
     align-items: center;
     white-space: nowrap;
 }

 .advertiseList_fee__TDbjz {
     margin-left: 4px;
     padding: 2px 6px;
     border-radius: 5px;
     background: #00de442b;
     border-radius: 4px;
     font-weight: 500;
     font-size: 12px;
     line-height: 16px;
     white-space: nowrap;
     color: #00de44;
 }

 .no-data img {
     width: 50px !important;
     height: auto !important;
     padding: 0;
 }

 .ant-table-row {
     vertical-align: top;
 }



 .ant-table-content .ant-table-cell {
     padding: 29px 16px;
 }


 .advertiseList_avatarContent__uAQHP {
     display: flex;
 }

 .advertiseList_avatar__rEIGv {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     text-align: center;
     line-height: 36px;
     margin-right: 12px;
     font-size: 18px;
     font-weight: 500;
 }

 .advertiseList_adAvatarRight__SbOZP {
     flex: 1;
 }

 .advertiseList_nickName__VI9tJ {
     font-weight: 700;
     font-size: 18px;
     color: var(--white-color);
 }

 .advertiseList_merchantOrder__aO2o_ {
     margin-top: 0;
     color: var(--white-color);
     font-weight: 500;
     font-size: 13px;
     margin-bottom: 4px;
 }

 .advertiseList_tradingOrder__DjoPA {
     margin-left: 6px;
 }

 .advertiseList_tradingLine__swVrO {
     margin: 0 8px -2px;
     height: 13px;
     width: 1px;
     display: inline-block;
     background: #91a9b452;
 }

 .advertiseList_price__ZL3g1 {
     font-weight: 600;
     font-size: 20px;
 }

 .advertiseList_unit__FXgOK {
     margin-left: 4px;
     font-weight: 500;
     font-size: 14px;
 }



 .advertiseList_limit__vjRP2 {
     display: flex;
 }

 .advertiseList_limitTitle__g8wUq {
     font-weight: 500;
     font-size: 14px;
     color: var(--white-color);
     margin-right: 20px;
     margin-bottom: 4px;
 }

 .advertiseList_limitInfo__kSoM7 {
     font-weight: 500;
     font-size: 14px;
     color: var(--white-color);
     margin-bottom: 4px;
 }


 .advertiseList_paymentContent__1oElX {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 8px;
     word-break: break-all;
     display: flex;
     flex-wrap: wrap;
     flex: 1;
 }

 .advertiseList_paymentList__IageJ {
     padding: 2px 8px;
     background: var(--fill-card-modal);
     border-radius: 5px;
     text-align: center;
     font-size: 13px;
 }

 .badge-danger {
     background: rgba(249, 166, 83, 0.10);
     color: #F9A653;
 }

 .badge-success {
     background: rgba(0, 222, 163, 0.10);
     color: #00DEA3;
 }

 .badge-primary {
     background: rgba(45, 163, 229, 0.10);
     color: #2DA3E5;
 }

 .advertiseList_expandIcon__3jNNF.advertiseList_sellExpandIcon__F22Dj {
     border-radius: 6px;
     color: #000;
     background: var(--bs-green);
     font-size: 15px;
     font-weight: 600;
     line-height: normal;
     padding: 8px 20px;
     border-radius: 50px;
     border: 0 !important;
     box-shadow: none !important;
 }

 button.btn.advertiseList_expandIcon__3jNNF.advertiseList_sellExpandIcon__F22Dj.sell_btn {
     background: var(--bs-red);
     color: #fff;
 }




 .ant-table-tbody>.tr>.td {
     border-top: 1px solid rgba(145, 169, 180, 0.20);
 }



 .dropdown .form-check-input[type="checkbox"] {
     border-radius: 5px;
     border: 1px solid rgb(89 112 122 / 69%);
     background-color: #e2e6eb12;
     font-size: 15px;
 }

 .dropdown-menu li.form-check {
     padding: 2px !important;
     padding-left: 28px !important;
 }

 .dropdown .form-check-input:checked[type="checkbox"],
 .dropdown .form-check-input[value="true"] {
     border-color: #f2ae26;
     background-color: #f2ae26;

 }



 .advertiseList_tabContent__If_dq .ant-table-expanded-row {
     box-shadow: var(--shadow-s3-down);
     border-radius: 12px 12px 12px 12px;
     background: var(--bg-modal);
 }





 /* collapse data */

 .advertiseList_expandableContent___v_pW {
     display: flex;
     margin-top: 4px;
 }

 .advertiseList_placeAnOrderLeftContent__LgV_2 {
     flex: 1;
 }

 .advertiseList_merchantInfo__rCCW_ {
     display: flex;
     align-items: center;
 }


 .text-warning {
     color: #FCD53F !important;
 }




 .advertiseList_adLimitInfo__e8oAL {
     /* display: flex; */
     margin-top: 17px;
     margin-left: 46px;
 }

 .advertiseList_adLimitInfo__e8oAL p {
     margin-bottom: 20px;
 }

 .advertiseList_adLimitInfo__e8oAL .advertiseList_adLimitTitle__sGUqF {
     font-weight: 400;
     font-size: 14px;
     margin-right: 8px;
     color: var(--text-secondary);
 }


 .advertiseList_expandPrice__Bgj3_ {
     font-size: 17px;
 }

 .advertiseList_adAvailable__g6RC0 {
     flex: 1;
     margin-left: 48px;
 }


 .advertiseList_expandablePay__7KVVi {
     display: flex;
     align-items: center;
 }

 .advertiseList_adLimitTitle__sGUqF {
     font-weight: 400;
     font-size: 14px;
     margin-right: 8px;
     color: var(--text-secondary);
 }



 .advertiseList_adRemark__afWVG {
     margin-left: 46px;
 }

 .advertiseList_adRemarkTitle__ky3Rq {
     color: var(--white-color);
 }

 .advertiseList_remarkInfo__zSuXX {
     font-size: 14px;
     line-height: 20px;
     margin-top: 8px;
     overflow: auto;
     color: var(--white-color);
 }

 .advertiseList_expandableLine__CDGum {
     width: 1px;
     background: #ffffff14;
     margin-left: 25px;
     margin-right: 20px;
 }



 .advertiseList_placeAnOrderRightContent__tE8rt {
     flex: 1;
     max-width: 450px;
     padding: 0 15px;
 }


 .ant-input-suffix {
     margin-right: 10px;
     margin-left: 0;
     -webkit-margin-start: 8px;
     margin-inline-start: 8px;

     color: var(--white-color);
 }


 .advertiseList_all__aTtrH {
     color: #FCD53F !important;
     margin-right: 16px;
     cursor: pointer;
 }

 .froup_feild.ant-input-affix-wrapper.advertiseList_coinNameInput__1l54d>input.ant-input {
     height: 100%;
     padding: 11px;
     font-size: 14px;
     line-height: inherit;
     background-color: transparent;
     border: 0;
 }

 .advertiseList_tradingAgreement__5tQwy .form-check {
     color: var(--white-color);
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: 1.3;
     text-transform: capitalize;
     display: flex;
     align-items: center;
 }


 .advertiseList_tradingAgreement__5tQwy .form-check-input[type=checkbox] {
     width: 22px;
     height: 22px;
     margin-right: 9px;
     min-width: 22px;
 }






 .modal_requirements .modal-header {
     border-radius: 10px 10px 0 0;
     border-bottom: 1px solid rgba(145, 169, 180, 0.20) !important;
     background: #303234;
     box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.40);
 }


 .modal_requirements .modal-content .card-body {
     padding: 0;
 }

 .modal_requirements .modal-dialog {
     max-width: 525px;
 }

 .modal_requirements .css-ag510y {
     box-sizing: border-box;
     margin: 0px;
     min-width: 0px;
     padding: 24px 40px 8px;
 }

 .css-v0utlj {
     box-sizing: border-box;
     margin: 0px 0px 24px;
     min-width: 0px;
     /* color: rgb(72, 81, 93); */
     line-height: 24px;
 }




 .css-joa6mv {
     box-sizing: border-box;
     margin: 0px 0px 24px;
     min-width: 0px;
 }

 .css-1c6ljq6 {
     box-sizing: border-box;
     margin: 0px;
     min-width: 0px;
     display: flex;
     -webkit-box-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     align-items: center;
     height: 53px;
     border-bottom: 1px solid rgb(234 236 239 / 8%);
     font-size: 16px;
     line-height: 18px;
 }



 .css-vurnku {
     box-sizing: border-box;
     margin: 0;
     min-width: 0;
 }

 .css-9fayl6 {
     box-sizing: border-box;
     margin: 0px;
     min-width: 0px;
     display: flex;
     color: rgb(2, 192, 118);
     font-size: 12px;
     -webkit-box-align: center;
     align-items: center;
 }

 .css-1bwopy1 {
     margin-top: 30px;
     margin-bottom: 30px;
 }


 .btn.btn-sm.btn-warning.css-stohmr {
     color: #000 !important;
     border-radius: 10px;
     background: #F0BD49;
     box-shadow: -5px -5px 10px 0px rgba(73, 73, 73, 0.60), 5px 5px 10px 0px rgba(0, 0, 0, 0.40);
 }





 .CountDown_minutesContent___Z3lA {
     padding: 2px 8px;
     height: 21px;
     background: #333;
     border-radius: 4px;
     font-size: 20px;
     font-weight: 500;
     color: var(--white-color);
     line-height: 28px;
     margin-right: 4px;
 }

 html[data-theme="light"] .CountDown_minutesContent___Z3lA {
     background: #e7e7e7;
 }

 .CountDown_segmentation__1LinY {
     width: 14px;
     font-weight: 500;
     text-align: center;
     height: 16px;
     font-size: 18px;
     font-weight: 400;
     color: var(--white-color);
     line-height: 16px;
     margin-left: -4px;
     display: inline-block;
     margin-top: -5px;
 }


 .bar_title p {
     display: flex;
     align-items: center;
 }

 .bar_title .CountDown_orderCountdown__Gx8IG {
     margin-left: 10px;
 }




 .buy_bar {
     border-bottom: 1px solid #ffffff1f;
     background: #ffffff1a;
     padding: 25px 0;
     margin: 20px 0 20px;
 }

 html[data-theme="light"] .buy_bar {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }

 .bar_row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0;
 }

 .buy_bar h3 {
     font-weight: 600;
     font-size: 26px;
     margin-bottom: 2px;
 }

 .bar_right p {
     margin: 8px 0;
     text-align: right;
 }

 .buy_data {
     margin: 50px 0;
 }

 .timeline {
     position: relative;
 }

 .timeline_data {
     position: relative;
     padding: 0;
     padding-left: 50px;
     padding-bottom: 40px;
     border-left: 1px dashed #91A9B4;
 }

 .timeline_data:last-child {
     border-left: 0;
 }


 .timeline_data::before {
     content: '';
     background-color: #303234;
     border: 3px solid #7ed375;
     width: 22px;
     height: 22px;
     /* box-shadow: -2px -2px 4px rgba(73, 73, 73, 0.20), 2px 2px 4px rgba(0, 0, 0, 0.20); */
     position: absolute;
     border-radius: 50px;
     left: -11px;
 }

 html[data-theme="light"] .timeline_data::before {
     background-color: #ffffff !important;
 }

 .timeline_data h5 {
     color: var(--white-color);
     font-size: 19px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 10px;
 }


 .pay_warning {
     border-radius: 10px;
     background: rgba(252, 213, 63, 0.15);
     color: #FCD53F;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 124.9%;
     padding: 14px;
     margin-bottom: 20px;
 }


 .ac_details {
     border-radius: 15px;
     background: #ffffff1a;
     backdrop-filter: blur(40px);
     -webkit-backdrop-filter: blur(40px);
     border: 1px solid #ffffff1f;
 }

 html[data-theme="light"] .ac_details {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }



 .pay_radio {
     padding: 20px;
 }

 .pay_radio .form-check {
     border-radius: 10px;
     border: 1px solid rgba(145, 169, 180, 0.20);
     padding: 10px !important;
     padding-left: 35px !important;
     margin: 14px 0;
     width: 100%;
 }

 .cursor-none {
     cursor: default !important;
 }


 .form-check.form-checkd {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-left: 15px !important;
 }




 .pay_radio .form-check input {
     border-radius: 24px;
     /* border: 1px solid rgba(145, 169, 180, 0.20); */
     /* background: #c7c1c1; */
     /* box-shadow: -2px -2px 4px 0px rgba(73, 73, 73, 0.20), 2px 2px 4px 0px rgba(0, 0, 0, 0.20); */
 }




 .data_desc {
     margin-top: 40px;
 }

 .data_desc strong {
     font-size: 18px;

 }

 .data_desc ul {
     margin-top: 10px;
 }

 .data_desc ul li {
     color: var(--white-color);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 1.4;
     padding: 4px 0;
     list-style: auto;
     margin-left: 12px;
 }



 .ac_data {
     border-left: 1px solid rgba(145, 169, 180, 0.20);
     padding-left: 25px;
     height: 100%;
     padding: 20px;
 }

 .ac_row small {
     display: block;
     line-height: 1.4;
 }

 .ac_row strong {
     font-size: 17px;
     letter-spacing: 1px;
     margin-bottom: 4px;
     display: block;
 }

 .ac_row:not(:last-child) {
     margin-bottom: 16px;
     display: block;
 }



 .scroll_bar::-webkit-scrollbar {
     width: 3px;
     background-color: transparent;
 }

 .scroll_bar::-webkit-scrollbar-thumb {
     border-radius: 3px;
     background: rgb(106 106 106 / 21%);
     background-color: transparent;
 }

 .scroll_bar:hover::-webkit-scrollbar-thumb {
     background: rgb(106 106 106 / 21%);
 }



 /* chat box */

 .chat_box {
     width: 100%;
     margin: 50px auto;
     /* max-height: 100vh; */
     border-radius: 12px;
     overflow: hidden;
     border-radius: 15px;
     overflow: hidden;
 }

 .chat-header {
     height: auto;
     padding: 16px 16px 16px 16px;
     border-bottom: 1px solid #ffffff1f;
 }

 html[data-theme="light"] .chat-header {
     background: #f5f5f5;
     border-color: #e0dfdf;
 }

 .chat-header h4,
 .chat-header h4 * {
     font-size: 20px;
     font-weight: 500;
 }


 .chat-header .avatar-box {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 0;
 }

 .chat-header .avatar-box>div {
     display: flex;
     align-items: start;
 }

 .avatar {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     color: white;
     line-height: 45px;
     text-align: center;
     margin-right: 15px;
     min-width: 45px;
 }

 .incoming_msg h3 {
    font-size: 17px;
    margin: 11px 0;
}


 .avatar-box .nickName {
     font-weight: 700;
     font-size: 18px;
     color: var(--white-color);
 }

 .avatar>span {
     background: linear-gradient(62deg, #7ED375 0%, #7ED375 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: 600;
 }




 .chat-header .other-box {
     padding-left: 65px;
     padding-top: 4px;
     color: rgb(189, 189, 189);
     font-size: 12px;
 }

 .chat-header .line-info {
     display: flex;
     flex-direction: row;
 }

 .chat-header .line-info>div:nth-child(2) {
     margin-left: 45px;
 }

 .chat-header .line-info .value {
     color: var(--white-color);
     font-size: 14px;
     margin-top: -3px;
 }





 .msg_history {
     padding: 0 20px;
     overflow: overlay;
     position: relative;
     overflow-x: hidden;
 }




 .incoming_msg {
     display: flex;
     align-items: flex-start;
     padding: 12px 0;
 }

 .received_msg,
 .outgoing_msg {
     width: 100%;
 }

 .received_withd_msg {
     border-radius: 0px 10px 10px 10px;
     background: #ffffff1a;
     width: max-content;
     max-width: 75%;
     padding: 12px;
     border: 1px solid #ffffff1f !important;
 }


 .received_withd_msg p,
 .sent_msg p {
     margin-bottom: 0;
 }

 .outgoing_msg {
     display: flex;
     align-items: end;
     justify-content: flex-end;
     padding: 12px 0;
     flex-direction: column;
 }

 .outgoing_msg small, .received_msg .time {
     font-size: 11px;
     opacity: .7;
 }

 .received_msg .time {
    margin-top: 4px;
 }
 .sent_msg {
     border-radius: 10px 10px 0px 10px;
     width: max-content;
     max-width: 75%;
     padding: 12px;
     background: #ffffff1a;
     backdrop-filter: blur(40px);
     -webkit-backdrop-filter: blur(40px);
     border: 1px solid #ffffff1f !important;
 }

 html[data-theme="light"] .sent_msg,
 html[data-theme="light"] .received_withd_msg {
     background: #ffffff;
     border-color: #e0dfdf !important;
 }

 .outgoing_msg .avatar {
     margin-left: 15px;
     margin-right: 0;
 }

 .msg_img {
     max-width: 200px;
 }

 .chat-footer {
     height: auto;
     padding: 16px 16px 16px 16px;
     overflow: hidden;
     background: #ffffff1a;
     backdrop-filter: blur(40px);
     -webkit-backdrop-filter: blur(40px);
     border: 1px solid #ffffff1f !important;
 }

 html[data-theme="light"] .chat-footer {
     background: #ffffff;
     /* border-color: #e0dfdf !important; */
 }

 .chat-footer form {
     display: flex;
     align-items: start;
     justify-content: space-between;
     margin-bottom: 7px;
 }

 .chat_action {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     padding-left: 10px;
     margin-left: 0;
     border-left: 1px solid #ffffff1f;
 }

 html[data-theme="light"] .chat_action {
     border-color: #e0dfdf !important;
 }

 .chat_action .attach_icon {
     font-size: 20px;
     padding: 1px 7px;
     color: #91a9b496;
     overflow: hidden;
     position: relative;
 }


 .chat_action .attach_icon.icon_send {
     font-size: 25px;
     background: linear-gradient(62deg, #7ED375 0%, #7ED375 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

 }



 .chat-footer form .form-control {
     background-color: transparent;
     padding: 11px 0;
     font-size: 16px;
     border: 0;
     color: var(--white-color);
     height: auto;
     border-radius: 0;
 }

 .emoji-section span {
     cursor: pointer;
 }

 .emoji-section span:hover {
     transform: scale(1.4);
 }



 .chat_action .attach_icon>input {
     border: 0;
     opacity: 0;
     position: absolute;
     left: 0;
     top: 0;
     cursor: pointer;
 }

 .chat_action .attach_icon:hover i {
     color: var(--white-color);
 }

 .scroll_y_reverse {
     display: flex;
     flex-direction: column-reverse !important;
 }








 /* new post */


 .post_data {
     margin: 50px 0;
 }


 .post_box {
     margin-bottom: 40px;
 }



 .post_box h5 {
     color: var(--white-color);
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     line-height: 1;
     display: flex;
     align-items: center;
     margin-bottom: 30px;
 }

 .post_box h5 img {
     margin-right: 9px;
 }

 .form-group label {
     color: var(--white-color);
     font-size: 13px;
     font-style: normal;
     line-height: normal;
     margin-bottom: 10px;
 }

 .form_filter .form-group label {
     margin-bottom: 0;
 }

 .form_filter .form-control {
     font-size: 14px;
     padding: 9px 20px;
 }

 .form_filter .dropdown-menu.show {
     transform: translateY(0) !important;
     top: calc(100% + 10px) !important;
     padding: 9px;
 }

 .post_box .form-control {
     color: var(--white-color);
     padding: 11px 15px;
 }


 .post_box .form-group {
     margin-bottom: 20px;
     display: block;
 }




 .pay_success {
     border-radius: 10px;
     background: rgba(0, 222, 163, 0.15);
     color: #00DEA3;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 124.9%;
     padding: 14px;
     margin-bottom: 20px;
 }


 .pay_warning h3 {
     font-size: 20px;
 }

 .pay_warning ul li {
     padding: 2px 0;
     font-size: 14px;
     list-style: circle;
     line-height: 1.4;
 }

 .pay_warning ul {
     padding-left: 20px;
     margin-top: 9px;
     margin-bottom: 0;
 }

 .pay_warning h3 sub {
     bottom: 0;
 }

 .btn-outline-warning {
     color: #FCA22E !important;
     border-color: #FCA22E !important;
     background: transparent !important;
     box-shadow: none !important;
 }

 .pay_radio.pay_select {
     padding: 0;
 }








 ul.prev_body {
     padding: 22px;
 }

 .prev_body li {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 20px;
     font-size: 15px;
 }

 .prev_body li strong {
     font-size: 18px;
 }



 .text_remarks {
     margin-top: 10px;
     border-radius: 10px;
     border: 1px solid rgba(145, 169, 180, 0.20);
     padding: 10px;
     margin-bottom: 0;
 }

 .side_sticky {
     height: 100vh;
     position: sticky;
     top: 0;
     right: 0;
     padding: 10px 0 50px 29px;
     max-height: 600px;
 }



 .text-underline {
     text-decoration: underline;
 }


 .table .tr {
     display: flex;
     color: var(--white-color);
 }


 .cst-table-content.shadow-soft.table-responsive {
     border-radius: 15px;
 }




 .sc_bnk_radio b {
     font-size: 17px;
     font-weight: 400;
     display: block;
 }

 .sc_bnk_radio small {
     display: block;
     opacity: 0.7;
     padding-left: 5px;
 }














































 /* responsive */





 @media (max-width: 991px) {

     .page_banner h2 {
         text-align: left;
         font-size: 18px;
         margin-bottom: 5px;
         line-height: 1.5;
     }

     .page_banner p {
         margin-bottom: 0;
         text-align: left;
         font-size: 14px;
         line-height: 1.5;
         opacity: 0.7;
     }

     .pt_bar_nav .nav-link:after {
         height: 3px;
     }








     .advertiseList_expandableContent___v_pW {
         flex-direction: column;
     }



     .card-body-bottom {
         flex-direction: column;
         align-items: flex-start;
     }


     .pp_filter_bar {
         margin: 20px 0 11px;
     }

     .card-body-top {
         padding: 0px 0;
         flex-direction: column;
     }


     .body_left .subtabs_link {
         width: 100%;
         text-align: center;
     }

     .body_left .scroll-subtabs {
         width: 100%;
         padding: 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.096);
         display: flex;
         align-items: center;
         justify-content: space-evenly;
         margin: 0;
         padding: 12px 16px;
     }

     .body_left {
         width: 100%;
     }

     .body_right .buy_sell_btns {
         margin: 12px 0;
     }


     .form-group label {
         font-size: 14px;
         margin-top: 6px;
     }

     .card-body-bottom {
         padding: 10px 15px;
     }


     .table .tr {
         display: block;
         position: relative;
         padding-bottom: 15px;
     }

     .ant-table-cell {
         display: inline-block;
     }




     .ant-table-tbody>.tr>.td {
         border-top: 0;
     }

     .advertiseList_merchantOrder__aO2o_ {
         line-height: 1.3;
         margin-bottom: 5px;
     }



     .ant-table-cell.patr_data1 {
         width: 100%;
         padding: 15px;
         padding-bottom: 0;
         padding-right: 0;
         max-width: calc(100% - 140px);
     }

     .td.ant-table-cell.patr_data2 {
         padding: 0 15px;
         position: absolute;
         top: 20px;
         right: 0;
         width: auto;
     }

     .td.ant-table-cell.patr_data3 {
         width: 100%;
         padding: 8px 15px 4px;
         max-width: calc(100% - 140px);
         padding-right: 0;
     }

     .td.ant-table-cell.patr_data4 {
         width: calc(100% - 140px);
         padding: 0 15px;
     }

     .td.ant-table-cell.ant-table-row-expand-icon-cell.patr_data5 {
         width: 100%;
         max-width: 140px;
         padding: 0;
         padding-right: 15px;
         text-align: right;
     }

     .advertiseList_expandIcon__3jNNF.advertiseList_sellExpandIcon__F22Dj {
         padding: 10px 18px;
         /* color:var(--white-color); */
         font-size: 14px;
         min-height: unset;
         height: auto;
     }


     .advertiseList_adPrice__fKc28 small {
         display: block;
         text-align: right;
         color: var(--white-color);
         margin-bottom: 0px;
         font-size: 12px;
     }

     .advertiseList_price__ZL3g1 {
         font-size: 17px;
     }

     .advertiseList_unit__FXgOK {
         font-size: 12px;
     }


     .advertiseList_limitTitle__g8wUq,
     .advertiseList_limitInfo__kSoM7 {
         font-size: 13px;
         margin-bottom: 4px;
         line-height: 1.2;
     }


     .ant-table-expanded-row.ant-table-expanded-row-level-1.collapse.show.shadow-soft {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 999;
         height: 100vh;
         overflow-y: auto;
         background: #0d1518;
     }

     html[data-theme="light"] .ant-table-expanded-row.ant-table-expanded-row-level-1.collapse.show.shadow-soft {
         background: #f3f3f3;
     }


     p.advertiseList_placeAnOrderPrompnt__0x9m7 {
         line-height: 1.1;
         margin-bottom: 8px;
     }

     .advertiseList_adLimitInfo__e8oAL {
         margin-left: 7px;
     }

     .advertiseList_adRemark__afWVG {
         margin-left: 7px;
     }

     .advertiseList_expandableLine__CDGum {
         width: calc(100% - 14px);
         background: #ffffff14;
         margin-left: 0;
         margin-right: 0;
         height: 1px;
         margin: 21px auto;
     }

     .advertiseList_placeAnOrderRightContent__tE8rt {
         padding: 0 7px;
     }

     .custom_drop_modal {
         display: none;
     }

     .custom_drop_modal.active {
         display: block;
     }

     .card-body-top-riverse_mobile {
         flex-direction: column-reverse;
     }

     .body_right_w_filter {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: 100%;
         padding: 0 12px;
     }

     .body_right_w_filter .buy_sell_btns {
         margin: 12px 0 0;
     }

     .body_right .buy_sell_btns .btn {
         min-height: unset;
         height: unset;
         padding: 12px 24px;
         font-size: 15px;
     }

     .mob_filter {
         border-radius: 5px;
         margin: 13px 0 0 15px;
         display: block;
         border-radius: 50px;
         padding: 13px 15px;
     }

     /* custom_drop_modal */

     /* .custom_drop_modal {
    position: fixed;
    background: #3032349c;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(1px);
}
 */
     .modal_requirements .css-ag510y {
         padding: 24px 20px 0px;
     }

     .css-1bwopy1 {
         margin-top: 30px;
         margin-bottom: 20px;
     }

     .modal-content .modal-title {
         font-size: 19px;
     }

     .end_in_mobile {
         align-items: end;
     }

     .timeline {
         padding-left: 10px;
     }

     .timeline_data {
         padding-left: 30px;
         padding-bottom: 40px;
     }


     .timeline_data p.col-6.col-md-3 .advertiseList_adLimitTitle__sGUqF {
         line-height: 1;
     }

     .timeline_data p {
         line-height: 1.4;
     }

     .ac_data {
         border-left: 0;
         border-top: 1px solid rgba(145, 169, 180, 0.20);
     }

     .timeline_data button.btn.btn-shadow-soft {
         /* padding: 0 2px; */
         /* max-width: -webkit-fill-available; */
         /* min-width: -webkit-fill-available; */
         text-align: center;
         justify-content: center;
         margin: 5px !important;
         /* margin-bottom: 15px !important; */
     }




     .bar_row {
         flex-direction: column;
     }

     .bar_row .bar_left,
     .bar_row .bar_right {
         width: 100%;
     }




     .CountDown_orderCountdown__Gx8IG {
         display: flex;
     }

     .bar_title p {
         line-height: 1.4;
         margin-top: 10px;
     }

     .CountDown_segmentation__1LinY {
         line-height: 26px;
         margin-left: 0;
         margin-top: 0;
     }

     .bar_right p {
         line-height: 1.2;
         font-size: 14px;
         width: 100%;
         text-align: right;
     }

     .bar_right {
         width: 100%;
         margin-top: 10px;
         border-top: 1px solid #ffffff0d;
         padding-top: 10px;
     }

     .buy_bar {
         /* padding: 25px 0 6px; */
         margin: 10px 0;
     }

     .buy_bar h3 {
         font-weight: 600;
         font-size: 22px;
         margin-bottom: 15px;
     }

     .chat_close_icon {
         color: var(--white-color);
         font-size: 22px;
     }



     .modal_chat_mobile {
         width: 100%;
         position: fixed;
         left: 0;
         top: 0;
         height: 100vh;
         background: #333;
         max-height: 100%;
         z-index: 999;
         padding: 0;
         display: none;
     }

     .modal_chat_mobile.active {
         display: block;
     }

     .modal_chat_mobile .chat_box.card {
         margin: 0;
         border-radius: 0;
         border: 0;
         box-shadow: none;
     }

     .modal_chat_mobile .chat_body.scroll_y.scroll_y_reverse {
         height: calc(100vh - 207px);
     }

     .body_left.body_right_w_filter .mrt_row {
         flex-direction: row;
     }




     .card-body-top {
         border-radius: 15px;
         overflow: hidden;
     }

     .card-body-bottom {
         border-radius: 15px;
         padding: 20px;
     }



 }