.form-select-2{

display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.up .fa-arrow-right{color:#000000 ;}
.coin-list .coin-list__main .flat-tabs .content-tab .content-inner tbody tr td.date_time{font-weight: 600;}
.coin-list .coin-list__main .flat-tabs .content-tab .content-inner tbody tr td.bold{font-weight: 700!important;}
.sent_list .payoneer-font{width: auto;height: 25px;}
.sent_list .sent_name{padding-left: 10px;}
.coin-list .coin-list__main .flat-tabs .content-tab .content-inner tbody tr td.up{color: #3772ff;}
.LatestExchanges{height: 510px;max-height: 510px;overflow: hidden; }
.LatestExchanges_tbody{height: 350px;overflow: hidden; position: relative;position: relative;}
.LatestExchanges_tbody tr{
    /* transition: transform 0.5s ease; */
    transition: opacity 0.5s;

}
.LatestExchanges_cards{display: none;}
.Mobile_LatestExchanges{display: none!important;}
.LatestExchanges .coin-list__main{    height: 350px;
    overflow: hidden;}
.receive_number{color: #1ba27a;}
.sent_number{color: #4a87c2;}
.bg_white{background-color: #fff!important;}
/* register */
.register_header{
    background-color: #3772ff;

}
.register_header .heading,.register_header .breadcrumb li a:hover,.register_header .breadcrumb li a,.register_header .breadcrumb li p{color: #fff;}
.send_code{margin-top: 30px;
    position: relative;
    width: 100%;}
    .send_code input{
        border: 2px solid var(--line);
        border-radius: 90px!important;
        outline: none!important;
        padding: 11px 19px!important;
        width: 100%!important;
    }
    .send_code button {
        /* border: none!important; */
        /* font-size: 14px!important; */
        /* font-weight: 700!important; */
        /* padding: 8px 24px!important; */
        position: absolute!important;
        right: 0px!important;
        top: 0px!important;
        margin-top: 0!important;
        width: 30%!important;
    }
/* buy-crypto-confirm */
.imagePreview {
    width: 100%;
    height: 180px;
    background-position: center center;
  background:url(assets/icon/upimg.png);
  background-color:#fff;
    background-size: 100%;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}
.btn-primary
{
  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;
}
.imgUp
{
  margin-bottom:15px;
  position: relative;
}
.del
{
  position:absolute;
  top:0px;
  right:15px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background-color:rgba(255,255,255,0.6);
  cursor:pointer;
}
.imgAdd
{
  width:30px;
  height:30px;
  border-radius:50%;
  background-color:#4bd7ef;
  color:#fff;
  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
  text-align:center;
  line-height:30px;
  margin-top:0px;
  cursor:pointer;
  font-size:15px;
  display: none;
}
.imgAdd:before{position: relative;right: 6px;}
.buy-crypto .buy-crypto__main .main.details form .form-group .tips_label{
  color: #9e9e9e;
}
.buy-crypto .buy-crypto__main .main.details form .form-group .upload_name{color: #fff;font-weight: bold;}

/* end */


/* register */
/* user-profile */
.wallet-assets .wallet-assets-main .main-right li>.Settled_icon::before {background-color:#58bd7d ;}
.wallet-assets .wallet-assets-main .main-right li>.Pending_icon::before {background-color:#f7931a ;}
.wallet-assets .wallet-assets-main .main-right li>.closed_icon::before {background-color:red ;}
.wallet-assets .wallet-assets-main .main-right li a .fa-angle-right{color: #c8c8c8;font-size: 26px;}
/* user-profile end */
/* team */
.team_banner img{box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);border-radius: 10px;}
.join__images img{width: 100%;border-radius: 10px;}
.team_our .join__content{padding: 20px;}
.about-crypto{margin:30px 0}
.brand  {padding: 0 -24px;}
.brand_cont_main .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.brand_cont_main .carousel-inner {
  background-color: #fff;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  border-radius: 10px;
  padding: 30px ;

}
.brand_cont_main {margin: 30px 0;}
.brand_cont_main .brand-item {
  border-radius: 8px;
  text-align: center;
  flex-shrink: 0;
}

.brand_cont_main .brand-logo {
  width: 150px;
  height: auto;
  padding: 15px 0;
}
.link_img img{width: 100%;border-radius: 10px;}
.link_img{display: flex; align-items: flex-start; justify-content: center; height: 100%;flex-direction: column;}
.faq .flat-accordion .flat-toggle .toggle-content  .a_click{color:#0d6efd ;border: none;font-size: 20px;font-weight: bold;}
.pdt-20{padding-top: 20px;}
.pdt-20 .flat-accordion{margin-top:20px}
.Service_main b{color: #000;}
/* team end */
.buy-crypto__main  #CopyPayonner{
  padding: 7px 20px;
  background: #3772ff;
  color: #fff;
  border-radius: 5px;

}

#feedback {
  color: green;
  display: none;
  font-size: 16px;
  margin-top: 20px;
}

.wallet .coin-list-wallet .traorder_list  .operate_btn  a{cursor: pointer;border-radius: 100px;padding: 5px 10px;font-weight: 100;font-size: 14px;}
.wallet .coin-list-wallet .traorder_list  .operate_btn .details_btn{background-color:#3772ff;color: #fff;}
.wallet .coin-list-wallet .traorder_list  .operate_btn .cancel_btn{background-color:#f39c12;color: #fff;}
.wallet .coin-list-wallet .traorder_list  .Payonner_id{font-size: 14px;color: #777e90;}

.operate_btn .view-button {
  background-color: #00d26a;
}

.operate_btn  .edit-button {
  background-color: #3772ff;
}
.operate_btn  .edit-button.Confirm_btn{
  background-color: #4caf50;
}
.operate_btn  .cancel-button {
  background-color: #f46336;
}
.operate_btn .remove-button-bg{background-color: red;} 
.operate_btn  button{
  display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border: none;
    border-radius: 90px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
}
.operate_btn  button i{padding-right: 3px;}
#orderPages{display: flex
  ;
      padding-left: 0;
      list-style: none;
      flex-direction: row;
      justify-content: center;
      align-items: center;margin: 30px 0;}
.wallet .coin-list-wallet table.table tbody tr .operate_btn{padding: 33px 0.2rem 0;}
.customBootstrap .pagination > li > a {
  margin-right: 5px;
  background: #fff;
  color: #333;
border: 1px solid #ccc;
  padding: 6px 15px;
  border-radius: 5px;
}
.customBootstrap .pagination > li > a:hover,
.customBootstrap .pagination > li > a:focus {
  color: #fff;
  background: #3772ff;
  border-color: #3772ff;
}
.customBootstrap .pagination > .active > a,
.customBootstrap .pagination > .active > a:hover,
.customBootstrap .pagination > .active > a:focus {
  color: #fff;
  background: #3772ff;
  border-color: #3772ff;
}
.customBootstrap .pagination > .disabled > a,
.customBootstrap .pagination > .disabled > a:hover,
.customBootstrap .pagination > .disabled > a:focus {
  color: #999;
  background: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.buy-crypto .buy-crypto__main .main.details  .group_buy_edit{
  /* background-color: #dce4f7;
  border-color: #dce4f7; */
  border: none;
  background: transparent;
}
.buy-crypto .buy-crypto__main .main.details .group_buy_edit li{
  background: #dce4f7;
    padding: 20px;
    border-radius: 10px;
    margin: 2px 0;
}
.order_list_menu .order-left-menu{
  display: flex ;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: 20px;
      flex-direction: row;
      align-items: center;
}
.wallet .wallet-main{margin-bottom: 50px;}
.wallet .coin-list-wallet table.table tbody tr td span.boild{font-weight: 100;}
.wallet .wallet-main .wallet-body .right form .form-group input{}

/*phone mobile css 789px */

@media only screen and (max-width: 789px) {

#feedback {
  color: green;
  display: none;
  font-size: 12px;
}
  .contact_main_center{padding-top: 20px;}
  .brand_cont_main .brand-logo {
    width: 100px;
  }
.xs-block{display: block!important;}
.xs-hidden{
    display: none!important;
}
.buy-crypto .buy-crypto__main .main .form{
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}
.buy-crypto .buy-crypto__main .main .form .form-field{
    width: 100%;
    margin: 0;
}
.xs-mrt-20{margin-top: 20px!important;}
.home-2 .crypto__main{padding: 20px}
.xs-crypto .crypto__main{background-color: #fff;}
.buy-crypto .buy-crypto__main .main{margin-top: 0;}

.LatestExchanges_cards {

    color: #fff;
}
.LatestExchanges_cards .icon-star:before{color: #8444d5;}

.LatestExchanges_cards .card {
    background: linear-gradient(216.56deg,#383fde 5.32%,#8444d5 94.32%);
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 10px 0;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.LatestExchanges_cards .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    color: #5541db;
}

.LatestExchanges_cards .card-user {
    font-weight: bold;
}

.LatestExchanges_cards .card-body {
    margin-top: 10px;
}

.LatestExchanges_cards  .card-row {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

.LatestExchanges_cards  .card-row span {
    display: inline-block;
}

.LatestExchanges_cards .payoneer-font{
    width: auto;
    height: 25px;
    display: inline-block;
}
.LatestExchanges_table{display: none;}
.LatestExchanges_cards  .unit{
    margin-left: 9px;
    color: #777e90;
    font-size: 14px;
}
.LatestExchanges_cards  .sent_name{padding-left: 5px;}
.LatestExchanges_cards span.up{
color: #3772ff;
}
.LatestExchanges_cards .date_time{color: #212529;}
.home-2 .banner{padding-top: 25px;}
h3, .h3{font-size: 28px;}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
 .mbSwiper .swiper-wrapper{padding: 0;}
 .mbSwiper  .swiper-button-next,.mbSwiper  .swiper-button-prev,.swiper-button-next:after, .swiper-button-prev:after{
    width: 20px;
    height: 20px;
    font-size: 20px!important;
    top: 95%;
 }
 .LatestExchanges_cards .card-row span{color: #fff;}
 .buy-crypto .buy-crypto__main .main.details  .group_buy_edit li{
  display: flex
  ;
      align-items: center;
      justify-content: space-between;
      flex-direction: column;
 }
 .buy-crypto .buy-crypto__main .main.details  .group_buy_edit p{margin: 10px 0;}
 #notificationMenu.show{width: auto!important;}
 .header .header__left .left__main{display: none;} 

 .order-left-menu li {
  padding: 8px 5px;
}

.order-left-menu h6 {
  font-size: 0 !important; /* 隐藏文字 */
}

/* 为每个菜单项添加图标 */
.order-left-menu li[onclick="showOrder(1,0)"] h6::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.order-left-menu li[onclick="showOrder(1,1)"] h6::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.order-left-menu li[onclick="showOrder(1,2)"] h6::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.order-left-menu li[onclick="showOrder(1,3)"] h6::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.order-left-menu li[onclick="showOrder(1,4)"] h6::before {
  content: "\f057";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.order-left-menu li[onclick="showOrder(1,5)"] h6::before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}

.order-left-menu li[onclick="showOrder(1,6)"] h6::before {
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
}
}
/* mobile css 789px end */