@font-face {
    font-family: Gotham;
    src: url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Semibold.woff') format('woff'), url('../fonts/Sentinel-Semibold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Semibold.woff') format('woff'), url('../fonts/Sentinel-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Light.woff') format('woff'), url('../fonts/Sentinel-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Medium.woff') format('woff'), url('../fonts/Sentinel-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

body {
    color: #364a63;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    margin: 50px;
    background-image: url("../../storage/logos/Splash\ screen-13.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.menu-sidebar__content {
  max-height: 100vh;
  overflow-y: auto;
}

.container {
    max-width: 1660px;
    padding: 0;
    margin: 0 auto !important
}

.flex-md-equal>* {
    flex: 1
}

.logo img {
    width: 170px;
    border-radius: 10px;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;            /* Medium */
  font-style: normal;
  font-display: swap;
}



.add-filter,
.card-cre input,
.chart-note select,
.text-ali p,
body {
    font-family: 'Gilroy';
}

.burj-ai-pool-text p,
.button_three_card button,
.first-na-text h5,
.front-id-text,
.merbox span,
.merbox-case p,
.showdet-left span {
    text-transform: uppercase
}

#close-id,
.al-sal p,
.cardholder .cardhold-top img,
.dot-al-m,
.help-light-btn,
.help-light-btn-45,
.ops-payroll p {
    float: right
}

.bg_background {
    background: url('../../storage/logos/Splash\ screen-14.jpg') top center/100% no-repeat;
    height: 100vh;
    background-size: cover;
}

 .btn-gradient {
      background: linear-gradient(90deg, #0C2E47 0%, #74C0A6 100%);
      color: #fff;
      border: 0;
      border-radius: 12px;
      padding: 12px 20px;
      box-shadow: 0 12px 24px rgba(12, 46, 71, 0.35);
      /* navy tinted shadow */
      transition: transform .05s ease, filter .15s ease, box-shadow .15s ease;
    }

    .btn-gradient:hover {
  filter: brightness(1.06);
  box-shadow: 0 14px 28px rgba(12, 46, 71, 0.45); 
}

.btn-gradient:active {
  transform: translateY(1px);
}

.btn-gradient:focus {
  outline: none;
  box-shadow: 
    0 0 0 4px rgba(116, 192, 166, 0.35), /* teal glow */
    0 12px 24px rgba(12, 46, 71, 0.35);  /* navy shadow */
}

.btn-gradient:disabled {
  opacity: .6;
  cursor: not-allowed;
}


.img_new,
.month-box-d,
.sti-ch,
.text-safe-pay {
    padding-top: 50px
}

.bg-light1 {
    padding-top: 200px
}

.form_container span {
    background: #f5f6fa;
    border: none;
    padding-left: 30px;
    border-radius: 0
}

.form_container input {
    background: #f5f6fa;
    border: none;
    height: 60px;
    font-weight: 600;
    color: #364a63;
    font-size: 16px;
    border-radius: 0
}

.form_container span img {
    width: 20px
}

.gredient_bg {
    background: #ff0c83;
    background: linear-gradient(180deg, #ff0c83 0, #ff00d8 100%);
    color: #fff !important;
    font-size: 18px;
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 15px;
    margin-top: 50px
}

.gredient_bg img {
    width: 30px;
    padding-right: 10px
}

.add-filter {
    border-radius: 5px;
    background: #fff;
    border: 2px solid #d320bb;
    color: #364a63;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: 500
}

.cercle1,
.cercle2,
.cercle3,
.cercle4 {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100px;
    padding: 6px;
    display: inline-block;
    font-size: 13px
}

.add-filter-style {
    font-style: italic
}

.search-fil-icon img {
    width: 23px;
    vertical-align: -7px
}

.cercle1,
.cercle2,
.cercle3,
.cercle4,
.table_trans th {
    vertical-align: middle
}

.ad-f span {
    color: #364a63;
    padding-left: 20px;
    font-weight: 500
}

.cercle1 {
    background-color: #87f5e2
}

.cercle2 {
    background-color: #a6f9f9
}

.cercle3 {
    background-color: #acdfef
}

.cercle4 {
    background-color: #ced2fd
}

.arrow_icon,
.bo_n,
.button_bottom_card,
.date-b h4,
.disable_n,
.float-right-2,
.heading-issuing-buttons,
.move_money-2,
.paid_text,
.pla-right,
.text-right-user {
    text-align: right
}

.table_trans th {
    font-weight: 500;
    font-size: 13px
}

.post-money-fill span,
.table_trans td {
    font-size: 15px
}

.pay-m img {
    border: 1px solid #364a63;
    padding: 3px;
    color: #364a63;
    border-radius: 100%;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.card-box-table {
    box-shadow: 0 0 40px #f1f1f1;
    border-radius: 5px;
    margin-left: 30px;
    padding: 20px;
    margin-right: 15px
}

.table-2 .table-hover tbody tr:hover {
    background-color: #eaf4fe
}

.card-box-table h2 {
    font-size: 30px;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 30px
}

.card-box-table span {
    font-size: 13px;
    margin-bottom: 13px;
    display: block
}

.box-bottom-bordre {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px
}

.notest textarea {
    border: none;
    box-shadow: inset 0 0 30px #ededed;
    border-radius: 5px;
    margin-top: 10px;
    height: 100px;
    margin-bottom: 20px
}

.new-pay,
.progress,
.progress-bar {
    border-radius: 30px
}

#formFile {
    text-indent: -999
}

.add-attch {
    position: absolute
}

.bold-trans,
.card-ho-de p,
.card-ho-de table th,
.cardhold-mid span,
.he-tb,
.par-b p,
.radio_box_type_credit label,
.return-treasury h5,
.rnuber p,
.shd-cont p,
.shpping-box-input label,
.table_trans,
.tr-frokm i {
    font-weight: 500
}

.btn-attt {
    color: #364a63;
    background-color: #fff;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 500
}

.bank-bx p,
.heading-issuing,
.pay-repo h3,
.sti-ch p {
    padding-bottom: 20px
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 28px;
    opacity: 0
}

.bottm-attract {
    border-top: 1px solid #dee2e6;
    padding-top: 15px;
    margin-top: 20px
}

#close-id,
.model_box_open {
    cursor: pointer
}

.progress-bar {
    background: #70f;
    background: linear-gradient(280deg, #70f 0, #db2379 100%)
}

.pay-nbo,
.pay-nbo h5 {
    background-color: #fff
}

.noti__item .quantity {
    background: #7b4397;
    background: linear-gradient(180deg, #7b4397 0, #dc2430 100%)
}

.pay-repo h3 {
    padding-top: 7px;
    font-size: 18px;
    font-weight: 500
}

.nav-tabs .nav-link.active,
.tabing-box .nav-tabs .nav-item.show .nav-link {
    border-top: none;
    border-left: none;
    border-right: 0;
    font-weight: 500;
    border: none;
    color: #ff00d8
}

#myTab,
.all-time-review-table td,
.card-ho-de .table>:not(caption)>*>* {
    border: none
}

.tabing-box .nav-tabs .nav-item {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500
}

.nav-tabs .nav-link:hover,
.tabing-box .nav-tabs .nav-link:focus {
    border-top: none;
    border-left: none;
    border-right: none
}

.tabing-box .nav-tabs .nav-link {
    border: none;
    margin-right: 35px;
    padding: 5px 0;
    font-size: 16px
}

#myTabContent,
.buttons-b,
.two-btn-go-back {
    margin-top: 40px;
    padding-bottom: 50px;

}

.tabing-box .nav-link {
    color: #364a63;
    padding: 10px
}

.view-det,
.view-det:hover {
    color: #ab69b3
}

.tabing-box .card-box-noin {
    background: 0 0;
    border-radius: 10px
}

.payment-re-creation select:not(:checked),
.tabing-box .card-box-noin p {
    color: #364a63;
    font-weight: 500
}

.credit-payment-amo,
.tabing-box h4 {
    font-size: 17px;
    font-weight: 600
}

.view-det {
    text-decoration: none;
    font-weight: 500
}

.icon-n img {
    filter: opacity(.5);
    margin: 0 10px
}

.tab_table_box thead th {
    font-size: 13px;
    font-weight: 500;
    border-bottom: none
}

.modla-box .modal-content {
    border-radius: 15px
}

.add-funds-account,
.aed-export-map,
.card-act,
.cardhold-mid,
.cash-invest-money,
.chart-liner,
.check-picture-img,
.checkbox_terms,
.credit-payment,
.disputes-remaining-step-1,
.investor-det,
.modla-box .modal-header,
.tab-activity-treasury,
.text-ali {
    padding-top: 30px
}

.aed-export-map-p p {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    padding-top: 10px;
    margin-bottom: 40px;
}

.search input {
    width: 300px;
    margin-left: 10px;
    color: #364a63
}

.ad-f b,
.bil-link:hover {
    color: #e010e3
}

.new_dropdow {
    border: none;
    border-radius: 10px;
    box-shadow: 0 8px 15px #0000001f
}

.new_dropdow .dropdown-item {
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 500
}

.dropdown-item:active,
.new_dropdow .dropdown-item.active {
    color: #000;
    background: 0 0
}

.nav_new_mod .nav-link {
    color: #a1adbd
}

.nav-pills .show>.nav-link,
.nav_new_mod .nav-pills .nav-link.active {
    background: #70f;
    background: linear-gradient(280deg, #70f 0, #db2379 100%)
}

.pay-nbo {
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    border: 2px solid #e3e3e3
}

.pay-nbo h5 {
    padding: 8px;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    margin-top: 7px;
    border: 1px solid #ccc
}

.button-back {
    background-color: #f1f1f1;
    padding: 10px 40px;
    border-radius: 30px
}

.button-next {
    background: #ff0c83;
    background: linear-gradient(180deg, #ff0a80 0, #ff00d8 100%);
    color: #fff !important;
    font-size: 18px;
    padding: 10px 50px;
    border: none;
    border-radius: 30px
}

.bank-detal img {
    background: #e4f6ff;
    padding: 10px;
    border-radius: 10px
}

.amt-source,
.img-cont-tick,
.we-reviewing {
    padding-bottom: 50px
}

.text-amt span {
    padding-bottom: 10px;
    display: block
}

.pay-nbo:hover {
    background: #f1f1f1
}

.box_am {
    border: 2px solid #ced4da;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 50px
}

.black_sumbt_sub,
.submit-btn-bx {
    padding: 10px 30px;
    font-weight: 700
}

.box_am p {
    padding-top: 5px
}

.box_am:hover {
    border: 2px solid #364a63
}

.memo-rec textarea {
    padding: 20px;
    font-weight: 500;
    border-radius: 8px
}

.radios_box ul {
    padding-left: 0
}

.gredient-round-2 h5,
.pla-left span,
.pla-right span {
    font-weight: 500;
    font-size: 14px
}

.radios_box ul li {
    list-style: none;
    display: inline-block;
    background-color: #f1f1f1;
    padding: 10px 25px;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 6px
}

.sedn-oin span {
    padding-top: 5px;
    display: block
}

.account-wrap .dropdown-toggle::after {
    color: #364a63
}

.account-wrap .dropdown-toggle {
    color: #364a63;
    text-decoration: none;
    font-size: 11px;
    font-weight: 500
}

.account-wrap .dropdown-toggle img {
    padding-right: 15px
}

.noti__item .dropdown-toggle {
    color: #364a63;
    text-decoration: none
}

.login_bg {
    background: #fff;
    margin: 0
}

.button_three_card .dropdown-toggle::after,
.noti__item .dropdown-toggle::after {
    display: none
}

.account-item .dropdown-menu,
.button_round2 .dropdown-menu,
.button_roundbox .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 8px 15px #0000001f;
    font-size: 13px
}

.noti__item .dropdown-menu {
    border: none;
    border-radius: 10px;
    margin-top: 20px !important;
    box-shadow: 0 8px 15px #0000001f
}

.text-right-user .btn-success {
    font-size: 15px;
    background: #ff0c83;
    background: linear-gradient(180deg, #ff0a80 0, #ff00d8 100%);
    border: none;
    border-radius: 50px;
    font-weight: 700;
    padding: 10px 20px
}

.bg_color-thead {
    background-color: #364a63;
    color: #fff
}

.bg_color-thead th {
    border-bottom: none;
    font-size: 13px
}

.bg_color-thead a {
    color: #fff;
    text-decoration: none
}

.tbody-bs tr td,
.tbody-ho tr td {
    border-top: none
}

.tbody-bs tbody td,
.tbody-ho tbody td {
    border-top: none;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle
}

.tbody-ho .edit {
    background: #ff0c83;
    background: linear-gradient(180deg, #ff0a80 0, #ff00d8 100%);
    border: none;
    border-radius: 100%
}

.tbody-bs .btn-danger,
.tbody-ho .btn-danger {
    background: #364a63 !important;
    border: none;
    border-radius: 100%
}

.pagination .page-item.active .page-link {
    background-color: #364a63;
    border: none
}

.tbody-bs .btn-dark {
    background: #ff0c83;
    background: linear-gradient(180deg, #ff0a80 0, #ff00d8 100%);
    border: none;
    border-radius: 25px
}

.submit-btn-bx {
    background: #ff0c83;
    background: linear-gradient(180deg, #ff0a80 0, #ff00d8 100%);
    border: none;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
}

.black_sumbt_sub {
    border-radius: 30px
}

.billpllc h4,
.paid_text p,
.receiving-amount-select-card,
.rnuber,
.rou,
.tal,
.upload-text-doc {
    padding-top: 10px
}

.button_three_card,
.tr-frokm {
    padding-bottom: 15px
}

.tr-frokm p {
    padding-bottom: 5px
}

.ecash-demo-from span,
.wir,
.wire-transfer-card p {
    font-size: 14px
}

.paid_text h4,
.pink-cant-d,
.reveal:hover,
.spedn-lim {
    color: #ff00d8
}

.billpllc,
.billpllc2 {
    padding-top: 30px;
    border-bottom: 2px solid #ff80ec;
    padding-bottom: 30px
}

.billpllc h4 {
    font-weight: 500
}

.box_id {
    border: 2px solid #ccc;
    min-height: 200px
}

.box_id_sign {
    border-bottom: 1px solid #ff80ec;
    padding-top: 40px
}

.billpllc2 h3,
.e-limited h3 {
    font-weight: 600;
    font-size: 18px
}

.billpllc2 h4 {
    font-weight: 500;
    font-size: 13px
}

.apply-link a {
    font-size: 13px;
    color: #364a63;
    text-decoration: none
}

.bil-link {
    font-size: 15px;
    color: #e010e3;
    text-decoration: none;
    font-weight: 600;
    display: block;
    padding-top: 10px
}

.card-cre input {
    background: #f5f6fa;
    padding: 10px;
    border: none;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
    color: #364a63
}

.billing_card input,
.name_card input {
    background: #f5f6fa !important;
    color: rgba(54, 74, 99, .5);
    font-style: normal;
    font-weight: 325;
    font-family: Gotham
}

.radio_box_type p {
    font-family: Gotham;
    font-size: 14px;
    line-height: 20px
}

.card-type span,
.fixed_header-table thead tr {
    display: block
}

.card-type,
.cardholder .cardhold-top h3,
.estimated_d,
.getting-start-tab-in img,
.move_money .account-item,
.ops-pay-img,
.radio_box_type-debit,
.text-ali .button-round {
    display: inline-block
}

.card-type {
    margin-right: 40px
}

.radio_box_type input {
    vertical-align: top;
    margin-top: 5px
}

.radio_box_type,
.table-treasury {
    padding-top: 20px
}

.audit-tr {
    font-size: 10px;
}

.slider_fade_up .carousel-inner {
    width: 47%;
    margin: auto;
    max-height: 500px;
}

.slider_fade_up .carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}

.create-card-button {
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%) !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
}

.kyc-approve-card-button {
    background: #faf9ff;
    color: #000;
    border: none !important;
    font-size: 10px;
    border-radius: 10px;
    padding: 15px 30px;
    font-weight: 500;
    letter-spacing: 1px;
}

.kyc-approve-card-button:hover {
    background: rgb(255, 12, 12);
    background: linear-gradient(162deg, rgba(255, 12, 12, 1) 0%, rgba(255, 0, 216, 1) 100%);
    color: #fff !important;
}

.kyc-approve-card-button.active {
    background: rgb(255, 12, 12);
    background: linear-gradient(162deg, rgba(255, 12, 12, 1) 0%, rgba(255, 0, 216, 1) 100%);
    color: #fff !important;
}

.kyc-reject-card-button {
    background: #FAF9FF;
    color: #000;
    border: none !important;
    font-size: 10px;
    border-radius: 10px;
    padding: 15px 30px;
    font-weight: 500;
    letter-spacing: 1px;
}

.kyc-reject-card-button:hover {
    background: rgb(255, 12, 12);
    background: linear-gradient(162deg, rgba(255, 12, 12, 1) 0%, rgba(255, 0, 216, 1) 100%);
    color: #fff !important;
}

.kyc-reject-card-button.active {
    background: rgb(255, 12, 12);
    background: linear-gradient(162deg, rgba(255, 12, 12, 1) 0%, rgba(255, 0, 216, 1) 100%);
    color: #fff !important;
}

.heading-issuing-buttons .btn {
    border-radius: 8px;
    border: none;
    color: #364a63;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 15px;
    width: 100px;
    flex-shrink: 0;
    background: #faf9ff
}

.heading-edit-buttons-p .btn {
    width: auto;
    padding: 7px 11px 1px 5px;
    border: 2px solid rgba(54, 74, 99, .5);
    color: #364a63
}

.button_bottom_card .cancle,
.button_bottom_card .create_card {
    font-weight: 500;
    padding: 5px;
    flex-shrink: 0;
    font-size: 14px;
    width: 100px;
    height: 30px
}

.heading-edit-buttons-p .btn:hover {
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
    padding: 7px 11px 1px 5px;
    border: none
}

.heading-issuing-buttons .btn:hover {
    border-radius: 8px;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
    color: #fff
}

.heading-issuing-buttons .btn:hover img {
    filter: invert()
}

.heading-issuing-buttons .btn img {
    width: 25px;
    margin-bottom: 4px
}

.heading-issuing-buttons .dropdown,
.pay-roll-checking {
    display: inline-block;
    margin-left: 20px
}

.button_bottom_card .cancle {
    background: 0 0;
    border-radius: 8px;
    border: 1px solid #313346;
    color: #364a63;
    margin-right: 20px
}

#card-holders,
.modal-card-v,
.pay-graph-count {
    margin-top: 10px
}

.transaction-table tr,
.transaction-table-4 tr {
    height: 46px;
    vertical-align: middle
}

.edit-ic-n img,
.edit_box .btn img,
.issue-ca img {
    vertical-align: text-top
}

.button_bottom_card .create_card {
    border-radius: 8px;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
    color: #fff
}

.button_bottom_card {
    padding-top: 50px
}

.cardholder {
    color: #364a63;
    background: rgba(245, 246, 250, .8)
}

.cardholder .modal-body {
    padding: 25px;
    border: none
}

.cardholder .modal-content {
    border: none;
    border-radius: 10px;
    background: #fff;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, .05)
}

.cardhold-top {
    border-bottom: 1px solid #ff00d8;
    padding-bottom: 30px
}

.cardhold-mid p {
    font-size: 14px;
    font-family: Gotham
}

.card-act p a,
.cardhold-mid p a,
.customize-text p a,
.dropzone-wrap-padding .drop-file-text a,
.rev-bank-det h3 a {
    color: #36c;
    text-decoration: none
}

.button_round2,
.mar-top-tr,
.name_card,
.payment-prog-bar,
.shd-cont .table {
    margin-top: 20px
}

.name_card p {
    font-size: 14px;
    font-family: Gotham;
    padding-bottom: 8px
}

.billing_card input,
.billing_card select,
.name_card input {
    padding: 5px;
    width: 380px;
    font-size: 13px
}

.name_card input {
    border-radius: 5px;
    border: none
}

.billing_card select {
    margin-top: 10px
}

.billing_card input {
    border-radius: 5px;
    border: none;
    margin-top: 8px
}

.phone_numb .input-group-text {
    background: #f5f6fa;
    border: none;
    padding: 10px
}

.phone_numb input {
    width: 310px
}

#canclecard .modal-dialog,
.phone_numb .input-group {
    width: 380px
}

.govtid .btn-file {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid rgba(54, 74, 99, .5);
    background: 0 0;
    color: #364a63;
    font-size: 13px
}

.govtid .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    outline: 0;
    cursor: inherit;
    display: block
}

.checkbox_terms label {
    font-size: 13px;
    font-family: Gotham
}

.checkbox_terms label a,
.getting-start-tab-in a,
.name_card p a,
.tems-c a {
    text-decoration: none;
    color: #36c
}

.button-round,
.select-usvisa {
    background: 0 0;
    border-radius: 8px;
    border: 2px solid rgba(54, 74, 99, .5);
    color: #364a63;
    font-size: 14px;
    font-weight: 400;
    padding: 4px;
    width: 100px;
    height: 30px
}

.text-ali .button-round {
    margin-top: 10px
}

.card-act p,
.customize-text p,
.meta-data-text span,
.shipping-service p,
.tal p {
    font-family: Gotham;
    font-size: 14px
}

.box_shipping-ser {
    padding: 20px;
    border-radius: 5px;
    border: .3px solid rgba(54, 74, 99, .5);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .05);
    width: 900px;
    flex-shrink: 0;
    margin-top: 20px
}

.estimated_d {
    padding-right: 140px;
    padding-left: 24px;
    padding-top: 15px
}

.radio_box_type .form-check-input {
    background: url(../images/gray-radio.svg) 0 0/100%;
    width: 15px;
    height: 15px;
    border: none
}

.radio_box_type .form-check-input:checked[type=checkbox] {
    background: url(../images/pink-radio.svg) 0 0/100%
}

.radio_box_type .form-check-input:focus {
    box-shadow: none
}

.radio_box_type .form-check-input:checked {
    background: url(../images/pink-radio.svg) 0 0/100%;
    width: 15px;
    height: 15px
}

.box_ne .box_shipping-ser {
    width: 100%;
    min-height: 190px
}

.nav-pills .show>.nav-link,
.tab_new_one .nav-pills .nav-link.active {
    background: #f5f6fa;
    color: #364a63;
    font-weight: 500;
    border-radius: 0
}

.autorization_table tr td,
.tab_new_one li {
    font-family: Gotham;
    font-size: 13px
}

.tab_new_one li span {
    background: #f5f6fa;
    color: #364a63;
    border-radius: 30px;
    padding: 6px 20px;
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 14px
}

.avtive_bn,
.cont-tab_one h2 span {
    padding: 7px 20px;
    border-radius: 30px;
    font-family: Gotham;
    background: #f5f6fa;
    color: #ff00d8
}

.cont-tab_one h2 {
    font-size: 25px;
    color: #364a63;
    padding-top: 5px;
    font-weight: 500
}

.approv,
.approv2,
.edit_box .btn,
.medta h5 {
    font-weight: 400
}

.cont-tab_one h2 span {
    font-size: 14px;
    margin-left: 20px;
    font-weight: 400
}

.disable_n {
    margin-top: 3px
}

.issuing-talb {
    padding: 20px;
    box-shadow: 0px 0px 15px #dddddd;
    border-radius: 10px;
}

.card-ho-de span {
    width: 200px;
    font-size: 14px;
    font-family: Gotham
}

.card-ho-de {
    font-size: 14px;
    line-height: 30px
}

.avtive_bn {
    font-size: 14px
}

.approv,
.approv2,
.decline {
    border-radius: 8px
}

.decline {
    background: #f5f6fa;
    padding: 6px 15px
}

.autorization_table .table {
    border-color: #fff
}

.autorization_table .table tr:hover {
    background: #f5f6fa
}

.approv {
    background: #f5f6fa;
    padding: 6px 10px;
    color: #ff00d8
}

.approv2 {
    background: #fff;
    padding: 4px 10px;
    color: #ff00d8;
    border: 1px solid #ff00d8;
    font-size: 14px;
    height: 30px;
    margin-top: 3px
}

.issuing-talb h3 {
    padding: 0
}

.tal span {
    font-size: 13px;
    width: 120px
}

.edit_box .btn {
    background: 0 0;
    border-radius: 8px;
    border: 2px solid rgba(54, 74, 99, .5);
    color: #364a63;
    font-size: 14px;
    padding: 3px 9px 0 2px;
    height: 30px
}

.medta h5 {
    color: #364a63;
    font-size: 16px
}

.error {
    color: #c50000;
    font-size: 12px;
}

label#resolve_dispute-error {
    position: absolute;
    unicode-bidi: isolate;
    display: inherit;
    left: 75px;
    margin-top: 9px;
}

label#is_transaction_amount_correct-error {
    position: absolute;
    unicode-bidi: isolate;
    display: inherit;
    left: 75px;
    margin-top: 9px;
}

label#is_authorize_transaction-error {
    position: absolute;
    unicode-bidi: isolate;
    display: inherit;
    left: 75px;
    margin-top: 9px;
}

label#is_stolen-error {
    position: absolute;
    unicode-bidi: isolate;
    display: inherit;
    left: 75px;
    margin-top: 9px;
}

label#is_anyone_else_authorized-error {
    position: absolute;
    unicode-bidi: isolate;
    display: inherit;
    left: 75px;
    margin-top: 9px;
}

.ref-pre-2 {
    margin-top: 33px;
}

.button_round,
.issue-ca span {
    font-size: 14px;
    font-weight: 500
}

.issue-ca p {
    margin-top: 30px;
    font-weight: 500
}

.issue-ca span {
    margin-top: 30px;
    display: block
}

.visa_img_tab {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 120px;
    width: 40px
}

.dotted_vis {
    position: absolute;
    top: 18px;
    right: 60px;
    width: 33px
}

.text-boxright {
    text-align: right;
}

.button_round {
    background: 0 0;
    border-radius: 6px;
    color: #364A63;
    padding: 10px 20px;
    height: 40px;
    background-color: #FAF9FF;
}

.back-card,
.front-card {
    width: 360px;
    height: 230px;
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(54, 74, 99, .25);
    display: inline-block;
    background: #fff
}

.reveal {
    text-decoration: none;
    color: #ff00d8;
    font-weight: 500
}

.new-sp-con span {
    padding-right: 40px
}

.new-sp-con p {
    display: inline-block;
    padding-right: 50px;
    font-weight: 400
}

.card_branding p {
    font-weight: 400;
    font-size: 15px;
    color: #364a63
}

.exp-date p,
.exp-date span {
    font-size: 12px;
    text-align: left
}

.card_branding h3 {
    padding-bottom: 0
}

.front-card {
    padding: 20px
}

.exp-date {
    text-align: left;
    padding-bottom: 50px
}

.exp-date p {
    font-weight: 500;
    display: inline-block
}

.exp-date span {
    font-weight: 400;
    padding-left: 10px
}

.card-text-s h5,
.every-sec-day {
    font-size: 17px
}

.back-card {
    padding: 20px 0
}

.gray-strip {
    background: rgba(54, 74, 99, .3);
    padding: 15px;
    width: 100%
}

.cvv-b {
    padding-bottom: 84px !important
}

.platinmu-card-box {
    border-radius: 10px;
    box-shadow: 0 0 10px 3px rgba(25, 20, 81, .08);
    padding: 20px;
    position: absolute;
    top: 0;
    width: 380px;
    right: 0;
    min-height: 100%
}

.platinmu-card-box2 {
    border-radius: 10px;
    box-shadow: 0 0 3px 0px #d3d3d385;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 380px;
    right: 0;
    min-height: 100%
}

.edit-marchant-btn-role,
.refund-btn-card .btn-primary {
    width: 100%;
    text-shadow: 0 1px 1px rgba(250, 249, 255, .25)
}

.overlay_box {
    opacity: .2
}

.jumerah-box-1 {
    background-color: #faf9ff;
    padding: 20px;
    border-radius: 10px;
}

.aed-box-card {
    padding: 30px 0
}

.aed-box-card h2 {
    font-size: 35px
}

.aed-box-card p {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0
}

.aed-box-card span,
.rec-fourty span,
.return-treasury .fa-circle-question,
.tran-text {
    font-size: 13px
}

.status-pen-card {
    background-color: #ffffff8c;
    padding: 20px
}

.baraka-pa-card {
    padding: 8px 0;
    font-size: 11px
}

.total-box-aed h4 {
    font-weight: 800
}

.burj-ai-pool-text p,
.edit-marchant-btn-role {
    font-weight: 600;
    color: #000;
    letter-spacing: 1px
}

.burj-ai-pool-text p {
    background-color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    border-radius: 0 0 20px 20px;
    
}

.burj-ai-pool-text-arab p {
    /* padding: 20px 0; */
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    margin: 0px 0px 20px 0px;
}

.edit-marchant-btn-role {
    border-radius: 10px;
    border: 1px solid #ff00d8;
    background: #ffffff8c;
    margin-top: 20px;
    padding: 15px 10px;
    font-size: 11px
}

.edit-marchant-btn-role:hover {
    border: 1px solid #ff00d8;
    background: #fff;
    color: #000
}

.wallest-text-card {
    color: #313346;
    margin: 15px 10px;
    font-size: 10px
}

.refund-btn-card .btn-primary {
    border-radius: 10px;
    opacity: .8;
    background: linear-gradient(136deg, #ff0c0c 0, #ff00d8 81.06%);
    color: #faf9ff;
    padding: 17px 10px;
    border: none;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px;
    letter-spacing: 1px
}

.pla-left p {
    font-weight: 400;
    font-size: 12px
}

.pla-right p {
    font-weight: 400;
    font-size: 12px;
    text-align: right
}

.lmt-right span,
.showdet-left span,
.shp-card span {
    font-weight: 500;
    font-size: 12px
}

.pink-gred {
    padding: 15px 0 5px
}

.showdet-left span {
    cursor: pointer
}

.platinum_card {
    padding: 25px;
    border-radius: 12px;
    background: url(../images/card-bg.svg) 0 0/cover;
    height: 199px;
    width: 315px;
    margin: auto
}

.platinum_card_mar {
    vertical-align: 0
}

.card-pro-det img {
    width: 40px
}

.platinum_card h3 {
    text-shadow: 0 2px 1px rgba(0, 0, 0, .25);
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 20px;
}

.platinum_card p {
    color: #fff;
    text-align: right;
    font-size: 12px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .25);
    font-weight: 500;
    letter-spacing: 1px
}

.alic h4,
.cardnmber p {
    font-family: 'Sentinel';
    font-weight: 600;
}

.cardnmber {
    text-align: right;
    padding: 30px 0
}

.cardnmber p {
    font-size: 14px
}

.alic h4 {
    color: #fff;
    font-size: 12px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .4);
    padding-top: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.active-card {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.merbox,
.merbox2,
.pay-ac-1,
.rev-bank-det,
.safe-pay-text {
    padding-top: 15px
}

.active-card span {
    color: #0ec71e;
    font-size: 13px;
    font-weight: 500
}

.button_three_card button {
    background: #f5f6fa;
    padding: 7px;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 500;
    color: #364a63;
    width: 103px
}

.merbox {
    border-bottom: 1px solid #e8e9f1;
    border-top: 1px solid #e8e9f1;
    padding-bottom: 15px
}

.merbox p {
    font-weight: 500;
    font-size: 14px;
    margin-top: 20px
}

.merbox span {
    font-size: 13px;
    font-weight: 500;
}

.merbox2 p {
    font-weight: 500;
    font-size: 12px
}

.first-na-text,
.merbox-pa,
.our-tm-w {
    padding-bottom: 20px
}

.scroll-pus {
    overflow-x: scroll;
}

.merbox2 span {
    font-weight: 500;
    font-size: 13px
}

.edit-ic-n img {
    width: 17px;
    margin-right: 5px
}

.issuing-tansc table tr th {
    font-weight: 400;
    color: #364a63;
    font-size: 14px;
    vertical-align: middle
}

.cardholder-active {
    background: #f5f6fa;
    border-left: 4px solid #ff00d8 !important;
}

.cardholder-active th {
    font-weight: 500 !important;
}


/* .ali-box {
    border-left: 5px solid #fff
} */

.active-box {
    border-left: 4px solid #ff00d8;
    background: #f5f6fa;
    vertical-align: middle
}

.burj {
    border-left: 2px solid #ff00d8
}

.burj td {
    font-weight: 500 !important;
    color: #364a63;
    font-size: 14px;
    background: #f5f6fa
}

.cardholder-transaction-row,
.transaction-row {
    border-left: 2px solid #fff;
}

.active-transaction {
    border-left-color: #ff00d8 !important;
    background: #f5f6fa;
    vertical-align: middle;
}

.freeze-card {
    opacity: .5;
}

.acount-b a {
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
    color: #364a62;
}

.acount-b a img {
    margin-right: 5px;
    width: 13px;
    vertical-align: text-bottom;
}

.box-e-bal h4 img,
.view_more_button button img {
    vertical-align: top;
}

.w-70 {
    width: 66% !important;
}

.w-serachbox {
    width: 68.7% !important;
    padding-top: 30px;
}

.w-30 {
    width: 30% !important;
}

.change-edit {
    background: #fff;
    box-shadow: 0 4px 8px 3px rgba(24, 43, 79, .08);
    padding: 25px;
    border: none;
    position: absolute;
    top: 30%;
    left: 5.3%;
    width: 89%;
}

.change-edit input,
.shp-card {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .08);
}

#canclecard h5,
.change-edit h4 {
    font-weight: 500;
    padding-bottom: 15px;
}

.change-edit h6,
.shp-card p {
    font-size: 11px;
    font-weight: 100;
}

.change-edit input {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: .3px solid #364a63;
    font-weight: 500;
}

.shp-card {
    border-radius: 5px;
    border: .3px solid #364a63;
    padding: 15px 15px 0;
}

.back-btn,
.save-btn {
    padding: 5px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    font-weight: 500;
}

.change-edit::placeholder {
    color: #364a63;
}

.change-edit::-ms-input-placeholder {
    color: #364a63;
}

.back-btn {
    background: 0 0;
    border-radius: 8px;
    border: 1px solid #313346;
    color: #364a63;
}

.save-btn {
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px;
}

.change-editbox {
    background: rgba(255, 255, 255, .8);
}

.acount-b a:hover {
    color: #ff00d8;
    background: 0 0;
}

.box-lat-date span,
.ml-59-pay a:hover {
    background: 0 0 !important;
}

.card-cn-cle {
    padding: 25px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.e-pr-d {
    font-size: 9px;
}

.acc-no-place label,
.al-sal span,
.due-dec-date h4,
.email-pay-gude label,
.re-ci-pt-3 label,
.who-paying-money p {
    font-size: 14px;
    font-weight: 500;
}

.pink-gred .progress-bar {
    border-radius: 2px;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%)
}

.pink-gred .progress {
    border-radius: 2px;
    height: 11px;
}

.au-card {
    min-height: 1300px;
}

.shd-box {
    border-radius: 10px;
    background: #fff;
    text-align: left;
    box-shadow: 1px 1px 8px 2px rgba(31, 55, 92, .1);
    /* height: 440px; */
}

.shd-box-2 {
    height: 400px !important;
}

.invite-own-team-sec input,
.shd-cont .radio_box_type,
.two-button-pay .btn-round-box,
.what-hepp {
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
}

.button-pay-m {
    margin-top: 26px;
}

.shd-cont h3 {
    padding-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
}

.shd-cont table tr td {
    border-top-width: 1px;
    border-bottom-width: 1px;
    font-size: 14px;
    color: #364a63;
    padding: 17px 0;
}

.view_more_button {
    text-align: right;
    margin-top: 30px;
}

.button_round2 .but-r,
.button_roundbox .but-r2,
.view_more_button button {
    border-radius: 8px;
    border: .3px solid #364a63;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    font-weight: 500;
    color: #364a63;
    font-size: 13px;
    padding: 8px 22px;
    background-color: #FAF9FF;
}

.header-wrap h5 {
    color: #364a63;
    font-weight: 500;
    font-size: 14px;
}

.box-e-bal h4 {
    font-weight: 500;
    color: #364a63;
    font-size: 15px;
}

.box-e-bal h4 img {
    width: 14px;
    margin-left: 5px;
}

.box-e-bal h3 {
    margin-top: 28px;
    font-size: 26px;
}

.box-lat-date span img {
    width: 12px;
    vertical-align: baseline;
}

.box-lat-date span {
    font-weight: 500;
    color: #364a63;
    font-size: 15px;
}

.button_continue_dis button,
.pay-btn-am .btn-primary {
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
}

.chart-liner {
    border-top: 1px solid #f1f1f1;
}

.clr-change-treasury,
.color-change-tre,
.frozen-t,
.transcation-pink-active {
    color: #ff00d8 !important;
}

.shd-cont-pad {
    padding: 30px;
}

.shd-count-p {
    padding: 30px;
}

.dis-trn {
    margin-top: 30px;
}

.shd-cont .radio_box_type {
    border-radius: 8px;
    border: .3px solid #364a63;
    padding: 5px 15px !important;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 6px;
    margin-right: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.what-hepp {
    border-radius: 8px;
    border: .3px solid #364a63;
    padding: 15px;
    margin-top: 20px;
    width: 100%;
    height: 100px;
}

.feel-fe {
    font-size: 14px;
    padding-top: 8px;
    display: block;
    margin-bottom: 20px;
}

.drop-zone {
    border-radius: 5px;
    border: .5px dashed #313346;
    background: #faf9ff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 30px 50px;
    margin-bottom: 30px;
}

.rec-fourty,
.two-button-pay {
    border-top: 1px solid #f1f1f1;
}

.drop-zone-text {
    text-align: left;
    font-size: 14px;
    color: #364a63;
    font-weight: 500;
    padding-left: 30px;
}

.drop-zone-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-icon {
    height: 48px;
    width: 48px;
    margin-bottom: 10px;
}

.button_continue_dis button {
    border-radius: 8px;
    padding: 8px 25px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.cash-current-acc h4,
.rec-fourty h4,
.sti-ch span {
    font-size: 15px;
    font-weight: 500;
}

.button_continue_dis img {
    width: 16px;
    vertical-align: -5px;
}

.img-cont-tick img {
    width: 65px;
}

.make-stm {
    margin-bottom: 40px;
    display: block;
}

.back-step {
    background: #faf9ff !important;
    color: #364a63 !important;
    margin-right: 20px;
}

.what-hepp2 {
    border-bottom: 1px solid #364A6380;
    /* margin-bottom: 40px; */
    padding-top: 15px
}

.ref-par {
    padding: 20px;
    background: #faf9ff;
    font-size: 13px;
    color: #364a63;
    font-weight: 400 !important;
    margin-bottom: 30px;
}

.chart-liner2 {
    border-bottom: 1px solid #f1f1f1;
}

.rec-fourty {
    padding: 20px 40px;
}

.rec-fourty img {
    margin-right: 15px;
    width: 30px;
    padding-top: 4px;
}

.rec-fourty h4 {
    color: #36c;
}

.box-lat-date a {
    color: #36c;
    text-decoration: none;
    font-weight: 500;
}

.chart-liner img {
    height: 189px;
}

.shd-box-2 {
    padding-bottom: 8px !important;
    text-align: left;
}

.month-date-1 {
    padding: 10px 20px;
    font-weight: 400;
    color: #364a63;
    text-align: center;
}

.box-lat-date {
    text-align: right;
}

.progress-box-card {
    margin-top: 30px;
    text-align: left;
    border-radius: 10px;
    background: #fff;
    padding: 40px;
    box-shadow: 1px 1px 8px 2px rgba(31, 55, 92, .1);
}

.cash-current-acc h4 {
    padding-top: 30px;
    text-transform: uppercase;
}

.progr-price {
    padding-left: 10px;
}

.prog-count {
    padding-top: 30px;
    font-size: 26px;
}

.money-last-days-count {
    font-size: 15px;
    color: #364a63;
}

.ecash-p-bx h3 img {
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 14px;
}

.ecash-p-bx span {
    background: #f5f6fa;
    font-size: 13px;
    font-weight: 500;
}

.par-b {
    padding-top: 20px;
    padding-bottom: 20px;
}

.two-button-pay .btn-round-box {
    border-radius: 8px;
    border: .3px solid #364a63;
    font-weight: 500;
    color: #364a63;
    font-size: 14px;
    padding: 5px 22px;
}

.two-button-pay .btn-round-box img {
    vertical-align: -4px;
    margin-right: 10px;
}

.ecash-p-bx,
.ecash-p-bx2 {
    padding: 30px;
}

.two-button-pay {
    padding: 30px 40px;
}

.table-heading-recent img {
    width: 23px;
    vertical-align: sub;
    padding-right: 8px;
}

.shd-box-treasury {
    border-radius: 10px;
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
    text-align: left;
}

.button_round img {
    vertical-align: -5px;
}

.ahmad-ml,
.button_round-padding,
.gredient-round-2 {
    margin-left: 20px;
}

.treasury-balence-req p {
    padding-top: 40px;
    font-weight: 500;
}

.treasury-balence-req h4 {
    padding-top: 5px;
    font-size: 26px;
    font-weight: 700;
}

.treasury-balence-req span {
    padding-top: 10px;
    color: #ff00d8;
    display: inline-block;
}

.total-balence-treasury p {
    font-weight: 500;
    margin-top: 20px;
    padding-right: 30px;
}

.current-portfolio-treasury {
    border: 1px solid #364a63;
    border-radius: 10px;
    padding: 20px;
    margin-top: 30px;
}

.current-portfolio-1 p {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 20px;
}

.gredient-round-1 svg,
.month-box-d img,
.two-btn-go-back svg {
    vertical-align: -2px
}

.gredient-round-2 svg {
    vertical-align: 1px;
    margin-right: 5px;
}

.mulsx-p {
    padding-top: 16px;
}

.horigental-line hr {
    width: 410px;
    margin: 10px 0;
    color: #364a63;
}

.edit-portfolio-btn button {
    margin-top: 65px;
    color: #364a63;
    background: #faf9ff
}

.edit-portfolio-btn button i {
    margin-right: 7px;
    color: #364a63;
}

.nav-pills .show>.nav-link,
.tab-activity-treasury-wrap .nav-link.active {
    background-color: transparent;
    border-bottom: 2px solid #ff00d8;
    color: #364a63;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0;
    padding: 0;
    margin-right: 30px;
}

.tab-activity-treasury-wrap .nav-link {
    padding: 0;
    margin-right: 30px;
    color: #364a63;
    font-weight: 400;
    font-size: 17px;
}

.daily-btn {
    margin-left: 50px;
}

.mar-acc-hol,
.table-heading-treasury button,
.table-heading-treasury-2 button {
    margin-left: 30px;
}

.daily-btn img {
    padding-left: 7px;
}

.daily-btn-2 img,
.table-heading-treasury i,
.table-heading-treasury-2 i {
    padding-right: 7px;
}

.table-heading-treasury th {
    color: #364a63;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 600;
    width: 320px;
}

.table-heading-treasury td {
    color: #364a63;
    padding: 15px 0;
    width: 320px;
    font-weight: 400;
    font-size: 14px;
}

.table-heading-treasury-2 th {
    color: #364a63;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 600;
    width: 550px !important;
}

.table-heading-treasury-2 td {
    color: #364a63;
    padding: 15px 0;
    width: 550px !important;
    font-weight: 400;
    font-size: 14px;
}

.fixed_header-table tbody {
    display: block;
    width: 100%;
    overflow: auto;
    height: 600px;
}

.tablet-credit tr img {
    width: 12px;
    vertical-align: -1px;
    margin-right: 10px;
}

.month-box-size-po-2::-webkit-scrollbar {
    display: none;
}

.prices-increase-icon img {
    width: 20px;
    margin-right: 10px;
    vertical-align: -4px;
}

.move-money-icon-treasury img {
    width: 17px;
    margin-right: 10px;
}

.move-money-icon-treasury li {
    padding: 3px 0;
}

.move-money-icon-treasury li button {
    padding: 10px 39px 10px 20px;
    font-weight: 500;
    color: #364a63;
}

.pay-btn-am .btn-primary {
    border: none;
    border-radius: 10px;
    padding: 4px 20px;
}

.pending-bal {
    padding-left: 15px;
}

.credit-payment-balence svg {
    padding-left: 4px;
}

.autopay-text-box {
    margin-top: 40px;
    border: 1px solid #364a63;
    padding: 10px 15px;
    border-radius: 5px;
}

.autopay-text img {
    width: 15px;
    vertical-align: -2px;
    margin-right: 10px;
}

.pay-graph-png img,
.reg-bg-debit-card,
.view-all-pay-req-btn {
    margin-top: 50px;
}

.pay-graph-count p {
    font-size: 15px;
    padding-left: 26px;
}

.input_plac {
    background: #f5f6fa;
    padding: 14px 20px;
    border-radius: 8px;
    font-weight: 500;
    color: #364a63;
    width: 250px;
}

.new-ca-s .par-b {
    padding-top: 0;
    padding-bottom: 8px;
}

.month-box-d h4 {
    color: #364a63;
    font-size: 18px;
    font-weight: 500;
    padding-right: 30px;
    display: inline-block;
}

.ecash-pa-drop .dropdawn-menu-width-3 {
    width: 280px;
    border-radius: 20px !important;
    border: none !important;
    inset: 0px auto auto 33px !important;
    padding: 15px 0 0 !important;
    box-shadow: 4px 0 10px 0 rgba(0, 0, 0, .15);
    transform: translate3d(0, -449px, 0) !important;
}

.ecash-pa-drop .dropdawn-menu-width-3 li a {
    padding: 10px 20px;
}

.e-switch-case-dro {
    transform: translate3d(270px, -310px, 0) !important;
    border: none;
    border-radius: 25px;
}

.bor-er:focus {
    background: #f5f6fa !important;
}

.dropdown-divider-e-cash {
    margin-bottom: 0;
}

.switch-e-cash-acc {
    padding: 6px 10px;
    font-weight: 500;
    font-size: 12px;
}

.ecash-pa-drop .e-cash-limit-dro p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
}

.switch-e-cash-acc img {
    width: 27px;
    vertical-align: -5px;
    margin-left: 12px;
}

.ecash-pa-drop .e-cash-limit-dro span {
    font-size: 12px;
    color: #ff00d8;
    font-weight: 500;
}

.ml-59-pay a {
    padding-left: 90px !important;
}

.ecash-pa-drop hr {
    color: #ddd;
}

.e-cash-limit-dro h3 {
    font-size: 18px;
    font-weight: 700;
}

.e-switch-case-dro li a {
    color: #364a63 !important;
}

.link-exisiting p {
    font-weight: 500 !important;
    font-size: 12px;
}

.link-exisiting img {
    width: 28px;
    vertical-align: text-bottom;
    margin-left: 20px;
}

.e-img-cash-logo img {
    width: 50px;
    vertical-align: 25px;
}

.all-time-review-table-2 {
    color: #364a62;
}

.review-table-w {
    width: 421px;
}

.he-tb-3 {
    text-align: end;
}

.front-id-text,
.he-tb-4 {
    text-align: center;
}

.search-icon-wrap-iss input {
    background-color: #f3f2f9;
    border-radius: 10px;
    padding: 12px 18px 12px 49px !important;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.acc-no-place,
.search-icon-wrap-iss {
    position: relative;
}

.search-icon-wrap-iss img {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 19px;
}

.mar-card-mar-2 img {
    width: 60px;
}

.card-kyc-wrap {
    padding: 50px 50px 0px 50px;
}

.acc-holder-det h3 {
    margin: 40px 0;
}

.mar-acc-hol {
    margin-top: 60px;
}

.mar-left-back-id {
    margin-left: 24px;
}

.front-id-text {
    color: #000;
    font-size: 11px;
    padding: 20px 0 10px;
    letter-spacing: 1px;
}

.live-selfi-img img {
    height: 169px;
}

.kyc-doc-coll .card {
    border: none;
    margin-top: 30px;
}

.doc-kyc-slider .carousel-indicators {
    bottom: -30px;
    left: 11px;
}

.doc-kyc-slider .carousel-indicators [data-bs-target] {
    border-radius: 23px;
    border: none;
    width: 20px;
    height: 7px;
    background: linear-gradient(180deg, #FF0C0C 0, #FF00D8 100%);
}

.doc-kyc-slider .carousel-indicators button.active {
    width: 20px !important;
}

.doc-kyc-slider .carousel-indicators button {
    width: 7px !important;
}

.carbox-ind img {
    width: 97%;
}

.kyc-month-card p {
    font-size: 13px;
    color: #000;
    margin-top: 7px;
}

.acc-holder-det h3 {
    padding-top: 34px;
    font-weight: 800;
    color: #364a63;
}

.first-na-text h5 {
    color: #000;
    letter-spacing: 1px;
    font-size: 13px;
}

.first-na-text p {
    color: #ff00d8;
    font-size: 14px;
    text-align: right;
}

.value_cont {
    padding-right: 30px;
}

.indicate_bx .kyc-month-card p {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.account-tn {
    font-weight: 800;
    font-size: 17px;
}

.acc-holder-det .vertical-devider hr {
    color: #ff00d8;
    margin: 30px 0;
}

.first-na-text-2 h5 {
    color: #000;
    font-size: 18px;
    font-weight: 800;
}

.search-btn-card {
    border-radius: 8px;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
    padding: 5px 26px;
    color: #fff;
    font-size: 15px;
    margin-left: 10px;
    font-weight: 500;
    display: inline-block;
}

.first-acc-hol-det {
    overflow-y: scroll;
    height: 450px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.card-holder-width {
    border-bottom: 0;
}

.active-card-holder-tab {
    width: 273px;
}

.th-width-box th {
    width: 500px;
}

.user-cardholder-tab {
    width: 70%;
}

.active-user-card-holder {
    width: 69%;
}

.alitext-box-w {
    width: 200px;
}

.platinmu-card-box-3 {
    top: auto;
    right: auto;
    min-height: auto;
}

.platinmu-card-box-height {
    min-height: 600px
}

.inactive-img-circle svg {
    margin-right: 5px;
    vertical-align: 0;
}

.inactive-img-circle {
    width: 23px;
    line-height: 13px;
    padding: 0px 10px 0px 30px;
}

.inactive-text {
    font-size: 10px;
    padding-left: 5px;
    width: fit-content;
    width: 109px !important;
}

.cif-cardholder-width {
    width: 78px;
    padding-left: 20px;
}

.pay-tab-someone .nav-link,
.payment-request-tab .nav-link {
    text-align: left;
    padding: 0 0 0 19px;
    margin-bottom: 16px;
    color: rgba(61, 84, 112, .5);
    font-size: 18px;
    font-weight: 500;
}

.pay-tab-someone .nav-pills .nav-link.active,
.payment-request-tab .nav-pills .nav-link.active {
    color: #ff00d8;
    background-color: transparent;
    background-image: url("https://codeplayjam.com/ecash/public/admin_themes/images/chevron-down-standard.svg");
    background-repeat: no-repeat;
}

.add-funds-account h3,
.payment-re-creation h3,
.who-paying-money h3 {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 30px;
}

.who-paying-money a {
    text-decoration: none;
}

.who-paying-money .dropdown-content {
    position: absolute;
    overflow: auto;
    width: 100%;
}

.who-paying-money .dropdown-content a {
    color: #364a63;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.who-paying-money .dropdown a:hover {
    background-color: #ddd;
}

.who-paying-money .show {
    display: block !important;
}

.who-paying-money .dropdown-values {
    display: none;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 0 0 5px 5px;
    padding: 10px 0 20px;
}

.dropdown-content-option-2 input,
.dropzone-wrapper {
    border-radius: 10px;
}

.option-flex-search {
    font-size: 12px;
    font-weight: 400;
    color: rgba(54, 74, 99, .7);
}

.align-items-start-right hr {
    color: #bbb;
}

.rec-pa h5 {
    margin-top: 80px;
    font-size: 16px;
    font-weight: 500;
}

.dropzone-wrapper {
    position: relative;
    height: 80px;
    border: .5px dashed #bbb;
    background: #faf9ff;
    width: 100%;
    margin-top: 20px;
}

.dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 30px;
    right: 0;
    width: 100%;
    top: 21px;
    font-size: 16px;
}

.dropzone,
.dropzone:focus {
    position: absolute;
    outline: 0 !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

.dropzone-wrapper.dragover,
.dropzone-wrapper:hover {
    background: #ecf0f5;
}

.drop-file-icon {
    width: 52px;
}

.drop-file-icon img {
    vertical-align: -11px;
}

.preview-zone .box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.drop-file-text h6 {
    color: #364a63;
    font-size: 16px;
    font-weight: 500;
}

.drop-file-text p {
    color: #364a63;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.help-light-btn h4 {
    border-radius: 4px;
    background: #faf9ff;
    font-size: 15px;
    color: #364a63;
    padding: 10px;
    margin-top: 140px;
    margin-right: 2px;
    text-align: center;
    font-weight: 500;
}

.buss-radio-btn {
    margin-left: -35px;
}

.invite-own-team-sec label {
    color: #364a63;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
}

.invite-own-team-sec input {
    border-radius: 5px;
    border: .3px solid #bbb;
}

.invite-own-team-sec-2 input {
    padding: 12px;
}

.invite-own-team-sec p {
    color: #364a63;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

.border-btm-2 {
    border: .1px solid #bbbbbb26;
    width: 618px;
    margin-top: 50px;
}

.nespresso-logo,
.re-ci-pt-2 {
    margin-top: 7px;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
}

.invite-own-team-sec-2 select {
    border-radius: 5px;
    border: .3px solid #bbb;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    padding: 12px;
    color: #364a63;
    font-size: 16px;
    font-weight: 500;
}

.help-light-btn-2 h4 {
    border-radius: 4px;
    background: #faf9ff;
    font-size: 15px;
    color: #364a63;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    margin-top: 35px;
    margin-right: 2px;
}

.go-back-btn-light {
    color: #364a63;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    background-color: #faf9ff;
    padding: 7px 15px;
}

.next-btn-gra {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
    padding: 7px 22px;
}

.pay-det-card h3 {
    font-size: 28px;
    font-weight: 500;
}

.nespresso-logo img {
    border-radius: 100%;
    width: 40px;
}

.nespresso-logo h5,
.pay-link-text {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
}

.nespresso-logo {
    border-radius: 5px;
    border: .3px solid #bbb;
    padding: 10px 20px;
}

.re-ci-pt-2,
.recipient-bank-card {
    border-radius: 5px;
    border: .3px solid #bbb;
    padding: 20px;
}

.re-ci-pt-2 h5 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 18px;
}

.spinner_icon {
    /* color: #fff;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 22px; */
        position: absolute;
        bottom: 50px;
        left: 35%;
        z-index: 5;
        border: 1px solid #a900f0;
        padding: 7px 20px;
        border-radius: 3px;
        font-weight: 500;
        background: #ff0a2d;
        background: linear-gradient(to right, #f000dd 43%, #7f00fd 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: #7e00fc5c;
}

.form-switch-repeat .form-switch .form-check-input,
.valuation-cap .form-switch .form-check-input {
    width: 43px;
    height: 22px;
    border: none;
    background-image: url("https://codeplayjam.com/ecash/public/admin_themes/images/switch_round_circel3.svg");
}

.form-switch-repeat .form-check-input {
    background-color: #eee;
}

.form-switch-repeat .form-check-input:checked,
.valuation-cap .form-check-input:checked {
    background-color: #36c;
    background-image: url("https://codeplayjam.com/ecash/public/admin_themes/images/switch_round_circel3.svg");
}

.form-switch-repeat .form-switch .form-check-label {
    margin-left: 15px;
    margin-top: 5px;
}

.invite-own-team-sec textarea {
    border-radius: 5px;
}

.pay-det-card h4 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}

.only-visible-mode {
    font-weight: 400 !important;
}

.reg-bg-debit-card hr {
    color: #b1b7bf;
}

.debit-card-type-over-flow {
    overflow: scroll;
    height: 600px;
}

.debit-card-type-over-flow::-webkit-scrollbar {
    display: none;
}

.standard-card-box {
    padding: 15px;
}

.standard-card-box .card-title {
    color: #364a63;
    font-size: 16px;
}

.standard-card-box .card-text {
    color: #364a63;
    font-size: 15px;
}

.standard-two-card-box .card {
    border-radius: 10px;
    border: .3px solid #364a63;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
}

.standard-two-card-box h3 {
    color: #364a63;
    font-size: 30px;
    font-weight: 700;
}

.credit-card-pla h4 {
    font-size: 16px;
    color: #364a63;
    font-weight: 500;
}

.alic-text-salamat h4,
.platinum_card-2-debit h3,
.platinum_card-2-debit p {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.platinum_card-2-debit h3 {
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 15px;
    letter-spacing: .45px;
}

.platinum_card-2-debit p {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px
}

.alic-text-salamat h4,
.cardnmber-platinum p {
    font-family: Sentinel;
    font-size: 14px;
    font-weight: 700;
}

.cardnmber-platinum p {
    padding-top: 20px;
}

.golden-chip-card {
    padding-top: 12px;
}

.platinum_card-2-debit {
    padding: 25px;
    border-radius: 12px;
    background: url(https://codeplayjam.com/ecash/public/admin_themes/images/card-bg.svg) 0 0/cover;
    height: 199px;
    width: 315px;
    margin: 13px 0;
}

.alic-text-salamat h4 {
    letter-spacing: .12px;
    padding-top: 16px;
}

.dropzone-wrapper2,
.e-cash-card-logo-w-h img {
    width: 100%;
}

.golden-chip-card-no {
    padding: 29px 0;
}

.platinum_card-3-debit {
    background: url(https://codeplayjam.com/ecash/public/admin_themes/images/red-debit-platim-card.svg) no-repeat
}

.issue-credit-card-btn,
.veiw-card-det {
    color: #fff;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
}

.create-fixed-card h4 {
    color: #364a63;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}

.card-for-this-p .form-select,
.limits-box select,
.shpping-box-input input {
    padding: 10px;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    font-weight: 500;
    color: #364a63;
}

.boder-top-btm {
    padding: 32px 0;
    border-bottom: 1px solid #b1b7bf38;
}

.radio_box_type_credit {
    border: 1px solid rgba(54, 74, 99, .3);
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    border-radius: 5px;
    padding: 9px 14px 8px;
}

.radio_type2 .form-check-input {
    margin: 5px;
}

.reg-bg-debit-card h3 {
    font-size: 16px;
    padding-top: 10px;
    font-weight: 500;
}

.limits-box select,
.shpping-box-input input {
    border-top: 1px solid #b1b7bf;
    border-radius: 5px;
    font-size: 15px;
}

.card-moment-text,
.copy-payment-req,
.nicknname-text-lable,
.wire-inst-btn {
    margin-top: 30px;
}

.nicknname-text-lable label,
.nicknname-text-lable-2 label {
    color: #364a63;
    font-weight: 500;
    margin-left: 12px;
}

.nicknname-text-lable label span,
.nicknname-text-lable-2 label span {
    color: #364a63;
    font-size: 13px;
    font-weight: 400;
}

.nicknname-text-lable .form-check-input:checked {
    border-color: #364a63;
}

.issue-credit-card-btn {
    font-weight: 500;
    border-radius: 5px;
    padding: 5px 15px;
    width: 100%;
}

.card-all-set-sec h3 {
    font-size: 30px;
    color: #364a63;
    font-weight: 500;
    text-align: center;
    padding: 50px 0 20px;
}

.card-all-set-sec p {
    font-size: 16px;
    color: #364a63;
    font-weight: 500;
    text-align: center;
}

.veiw-card-det {
    font-weight: 500;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 45px;
}

.link-creat-other-card a {
    text-decoration: none;
    color: #36c;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}

.account-payment-making-card,
.desi-acc textarea {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    padding: 20px;
}

.notes-payment-textarea textarea,
.rev-pay-det {
    border-radius: 5px;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
}

.account-payment-making-card .card-text {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.account-payment-making-card .card-link {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    margin: 20px 60px 0;
}

.notes-payment-textarea textarea {
    border: .3px solid #8d97a3;
}

.upload-text-doc a {
    font-size: 13px;
    color: #36c;
    margin-left: 5px;
}

.help-light-btn-4 {
    border-radius: 4px;
    background: #faf9ff;
    font-size: 15px;
    color: #364a63;
    padding: 10px;
    margin-right: 2px;
    text-align: center;
    font-weight: 500;
}

.searchSelect3 {
    position: relative;
    color: #000;
}

.searchSelect3_Input {
    width: 100%;
    border: 1px solid #b1b7bf38;
    border-radius: 5px;
    color: #364a63;
    font-weight: 500;
    padding: 11px;
    font-size: 14px;
}

.searchSelect3_Caret_Down {
    position: absolute;
    top: 10px;
    right: 18px;
    cursor: pointer;
}

.searchSelect3_Times {
    position: absolute;
    top: 10px;
    right: 30px;
    cursor: pointer;
    display: none;
}

.searchSelect3_List {
    list-style-type: none;
    margin: 0;
    width: 100%;
    position: absolute;
    border: 1px solid #b1b7bf;
    border-radius: 0 0 5px 5px;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    padding-left: 0;
    background: #fff;
    border-top: none;
}

.searchSelect3_List li {
    list-style-type: none;
    color: #364a63;
    padding: 9px 24px;
}

.searchSelect3_List li:hover {
    cursor: pointer;
    background: #f5f6fa;
    color: #364a63;
}

.searchSelect3_List li label {
    cursor: pointer;
    font-weight: 500;
    padding: 0 10px;
}

.searchSelect3_List li:hover label {
    color: #364a63;
    padding: 0 10px;
}

.searchSelect3_Input:focus {
    border: 1px solid transparent;
    border-image: linear-gradient(269deg, #9437FF -3.69%, #FF00D8 121.99%);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
}

.searchSelect3_Input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.searchSelect3_Input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.searchSelect3_Input::-webkit-search-cancel-button,
.searchSelect3_Input::-webkit-search-decoration,
.searchSelect3_Input::-webkit-search-results-button,
.searchSelect3_Input::-webkit-search-results-decoration {
    display: none;
}

.rev-pay-det {
    border: .3px solid #8d97a3;
    padding: 20px 0;
}

.desc-acco-box h5,
.internal-tran-card .card-title h5,
.rev-amount-fill label,
.rev-pay-det h5,
.send-mail-check-box .form-check-label a b,
.wire-transfer-card h6 {
    font-size: 16px;
    font-weight: 500;
}

.ach-gode .light-scheduled-light-btn {
    border-radius: 5px;
    background: #faf9ff;
    padding: 5px 15px;
    font-size: 15px;
    border: none;
}

.ach-gode .light-scheduled-light-btn img {
    margin-right: 8px;
}

.ach-gode h2 {
    font-size: 40px;
    font-weight: 500;
    margin: 10px 0 25px;
}

.ach-gode {
    padding: 0 20px;
}

.pay-once-nov {
    padding: 20px 20px 10px;
}

.ach-delivery-text {
    padding: 20px 0;
    font-weight: 400 !important;
}

.rec-bank-det h4 {
    font-size: 16px;
    font-weight: 500;
    width: 300px;
    padding: 7px 0;
}

.rec-bank-det h5 {
    font-size: 18px;
    font-weight: 500;
    padding: 7px 0;
}

.e-cash-checking p {
    font-size: 12px;
    font-weight: 400 !important;
}

.clr-change-maketext,
.rev-amount-fill label:hover {
    color: #36c;
}

.wire-transfer-card {
    border-radius: 10px;
    border: .3px solid #8d97a3;
    background: #fff;
    box-shadow: 0 10px 15px 2px rgba(31, 55, 92, .1);
    padding: 25px 30px;
}

.re-commended {
    font-size: 12px;
    border-radius: 5px;
    background: #faf9ff;
    padding: 5px 10px;
}

.wire-transfer-card h5 {
    font-size: 14px;
    font-weight: 500;
    padding-top: 20px;
}

.receiving-amount-select-card label {
    color: #364a63;
    font-size: 18px;
    font-weight: 500
}

.receiving-amount-select-card .form-select {
    color: #364a63;
    font-size: 14px;
    padding-top: 36px;
}

.receiving-amount-select-card select {
    word-wrap: break-word;
    padding: 12px;
}

.form-floating>.form-control-plaintext,
.form-floating>.form-select,
.receiving-amount-select-card .form-floating>.form-control {
    height: auto
}

.acc-no-place-img {
    position: absolute;
    right: 15px;
    top: 45px;
}

.acc-no-place .form-control {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    padding: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #364a63;
}

.acc-no-place ::placeholder {
    color: #364a63;
    font-weight: 600;
}

.acc-no-place-2 .form-control {
    padding: 12px 12px 12px 73px;
}

.bank-transfer-card,
.transer-your-acc {
    margin-top: 60px;
}

.bank-transfer-card .standard-card-box {
    border-radius: 10px;
    border: .3px solid #8d97a3;
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    padding: 0 30px;
    height: 90px;
}

.safe-investment-pa {
    padding-top: 19px;
}

.wire-inst-btn button {
    font-weight: 500 !important;
}

.payment-request-wrap .tabing-box .nav-link {
    text-align: left
}

.payment-re-creation h4 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px;
}

.payment-re-creation label {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 8px;
}

.payment-re-creation .form-select,
.payment-re-creation input {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    padding: 12px;
}

.payment-re-creation option {
    color: #364a63;
    font-size: 14px;
    font-weight: 500;
}

.send-payment-req-money ::placeholder {
    color: rgba(54, 74, 99, .5);
    font-size: 14px;
    font-weight: 500;
}

.amount-due-date h4,
.margin-rev-box,
.post-invest-acc,
.send-payment-req-money {
    padding-top: 25px;
}

.desi-acc p,
.due-date-form p,
.ops-pay-img p {
    padding-top: 5px;
    font-size: 14px;
}

.due-date-form ::placeholder {
    color: #364a63;
    font-weight: 500;
    font-size: 14px;
}

.due-date-form p {
    font-weight: 500;
}

.desi-acc {
    padding-top: 36px;
}

.desi-acc select:not(:checked) {
    color: rgba(54, 74, 99, .5);
    font-weight: 500;
    padding: 30px;
}

.payment-alram-text {
    border-radius: 10px;
    border: .3px solid #8d97a3;
    background-color: #faf9ff;
    margin-top: 27px;
    padding: 20px;
}

.due-dec-date,
.email-pay-gude-box {
    border-radius: 5px;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
}

.note-attach-text {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.note-attach-wrap h4 {
    font-size: 20px;
    font-weight: 500;
    padding: 30px 0 20px;
}

.invoice-pay-det ::placeholder {
    color: rgba(54, 74, 99, .5);
    font-size: 14px;
    font-weight: 500;
}

.attach-drop-file .dropzone-wrapper {
    height: 62px;
    width: 100%;
    margin-top: 10px;
}

.drop-file-icon-3 img {
    margin-right: 10px;
}

.attach-drop-file .rec-pa h5,
.send-mail-check-box {
    margin-top: 25px;
}

.help-light-btn-5 h4 {
    border-radius: 4px;
    background: #faf9ff;
    font-size: 15px;
    color: #364a63;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    float: right;
}

.help-light-btn-5 {
    padding-top: 60px;
}

.request-review-tab h3,
.tran-by-clicking h3 {
    font-size: 30px;
    font-weight: 500;
}

.request-review-tab h2 {
    font-size: 50px;
    font-weight: 500;
    padding: 20px 0;
}

.ecash-demo-from p,
.ops-pay-img h5,
.request-review-tab p,
.rev-bank-det h3 {
    font-size: 18px;
    font-weight: 500;
}

.rec-bank-det2 h3,
.request-review-tab span {
    font-size: 18px;
    font-weight: 400;
}

.due-dec-date {
    border: .3px solid #8d97a3;
    margin: 25px 0 20px;
    padding: 20px;
}

.copy-payment-req p,
.desc-acco-box p {
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
}

.desc-acco-box {
    padding: 15px 20px;
}

.send-mail-check-box .form-check-label a {
    font-size: 16px;
    font-weight: 400;
    color: #364a63;
    text-decoration: none;
}

.copy-link-tab-wrap h4 {
    font-size: 30px;
    font-weight: 500;
    padding: 30px 0 15px;
}

.copy-link-tab-wrap a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #364a63;
}

.amount-total-re h2,
.transer-your-acc input {
    font-size: 50px;
    font-weight: 500;
}

.by-clicking-text,
.email-pay-gude {
    padding-top: 40px;
}

.email-pay-gude-box {
    border: .3px solid #8d97a3;
    padding: 15px 10px;
    margin-top: 5px;
}

.payment-checking {
    font-size: 12px;
    border-radius: 5px;
    background: #faf9ff;
    padding: 5px;
    margin-bottom: 0;
    margin-left: 10px;
}

.demo-cash-w {
    width: 89%;
}

.demo-cash-w-img img {
    width: 60px;
    margin-left: 20px;
}

.create-ano-pay-link {
    text-decoration: none;
    color: #36c;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}

.transer-your-acc input {
    border-top: 0;
    border-left: 0;
    border-right: 0px;
    border-radius: 0;
    padding: 20px 0 5px;
    color: #364a63;
}

.transer-your-acc .form-control:focus {
    box-shadow: none;
    border-color: #8d97a3;
}

.transer-your-acc ::placeholder {
    color: #364a63;
    font-size: 50px;
    font-weight: 500;
}

.next-btn-gra-next {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    background: linear-gradient(180deg, #ff00d8 0, #9437ff 100%);
    padding: 7px 22px;
    opacity: .5;
}

.review-and-tran-tab p {
    padding: 30px 0 0;
}

.border-btm-review hr {
    margin: 30px 0;
}

.ecash-demo-from h6 {
    font-size: 16px;
    font-weight: 500;
    width: 263px;
}

.ecash-demo-from {
    padding: 13px 0;
}

.go-back-btn-width {
    width: 385px;
}

.tran-by-clicking {
    margin: 40px 0 30px;
}

.internal-tran-card .card {
    border-radius: 10px;
    border: .3px solid #8d97a3;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
}

.internal-tran-card .card-title span {
    font-size: 16px;
    font-weight: 400;
}

.internal-tran-card .card-title-2 {
    font-size: 40px;
    font-weight: 500;
    padding: 10px 0;
}

.internal-tran-card .card-body-wrap {
    padding: 30px 20px 20px;
}

.internal-tran-card .card-body-wrap-2 {
    background-color: #faf9ff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.internal-tran-card hr {
    margin: 0;
}

.card-body-wrap-2 h5 {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}

.card-body-wrap-2 p {
    font-size: 14px;
    margin: 20px 0;
}

.internal-tran-card .card-link {
    color: #36c;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.getting-start-tab-wrap h3 {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
}

.getting-start-tab-in p {
    font-size: 16px;
    font-weight: 500;
    margin-left: 25px;
    display: inline-block;
}

.getting-start-tab-in {
    padding: 16px 0;
}

.rev-amount-fill input {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    padding: 10px;
}

.add-note-ur-self .form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 100%;
}

.add-note-ur-self select:not(:checked) {
    padding: 38px 0 13px 65px;
    font-size: 14px;
    font-weight: 400;
}

.ver-align-img-card img {
    vertical-align: -45px;
}

.ver-align-img-card-2 img {
    vertical-align: -55px;
}

.dropzone-wrap-padding {
    padding-top: 9px;
}

.ops-pay-roll h4 {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
}

.ops-pay-roll {
    padding: 25px 0;
}

.img-upload-box {
    border-radius: 10px;
    background: #f5f6fa;
    width: 160px;
    height: 90px;
    margin-right: 20px;
}

.we-reviewing h3 {
    font-size: 30px;
    font-weight: 500;
    padding: 50px 0 0;
}

.we-reviewing p {
    font-size: 18px;
    padding-top: 25px;
}

.check-deposite-card .card-body-wrap-2 {
    padding: 20px;
}

.check-deposite-card .card-body-wrap-2 img {
    margin-right: 15px;
    display: inline-block;
}

.check-deposite-card .card-body-wrap-2 p {
    margin-top: 0;
    display: inline-block;
    width: 448px;
}

.border-btm-we-reviwing {
    border-bottom: 2px dotted rgba(54, 74, 99, .5);
    width: 333px;
}

.platinum_card-2-debit-m-auto {
    margin: 13px auto;
}

.safe-invest-det h2 {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 25px;
}

.safe-invest-det p {
    font-size: 16px;
}

.post-money-fill {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    padding: 15px;
}

.post-money-fill label {
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
}

.post-invest-acc h3 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
}

.post-invest-acc input {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    padding: 13px;
}

.post-invest-acc label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
}

.post-invest-acc .plceholder-clr-1 ::placeholder {
    color: rgba(54, 74, 99, .5);
    font-size: 14px;
    font-weight: 500;
}

.post-invest-acc .plceholder-clr-2 ::placeholder {
    color: #364a63;
    font-size: 14px;
    font-weight: 500;
}

.post-invest-acc .form-control:focus {
    box-shadow: none;
    border: .3px solid #364a63;
}

.n-ops-pay label {
    padding: 21px 14px;
    font-weight: 500 !important;
    color: #364a63 !important;
    font-size: 20px;
}

.post-money-fill .radio_box_type {
    padding-top: 0
}

.valuation-cap .form-check-input {
    background-color: #eee;
    border: .2px solid #d5d5d5 !important;
}

.valuation-cap .form-switch .form-check-label {
    margin-left: 15px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
}

.valuation-cap {
    padding-top: 38px;
}

.valuation-cap i {
    color: #707e8f;
    margin-left: 5px;
    width: 14px;
    height: 14px;
}

.dis-hr-light {
    color: #bcc2ca;
    margin-top: 50px;
}

.company-det-sec a {
    color: #364a63;
}

.rec-bank-det2 h4 {
    font-size: 18px;
    font-weight: 500;
    width: 300px;
}

.rec-bank-det2 {
    padding: 30px 0 50px;
}

.payment-re-creation3 h4 {
    font-size: 18px;
    font-weight: 500;
    padding: 30px 0 25px;
}

.card-body-wrap-3 h3,
.card-body-wrap-3 p,
.rev-bank-det h4 {
    font-size: 16px;
    font-weight: 500;
}

.rev-bank-det h4,
.routing-text {
    padding-bottom: 21px;
}

.investor-dein ::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #364a63;
}

.investor-dein2 ::placeholder {
    font-size: 16px;
    font-weight: 500;
}

.investor-dein2 textarea {
    border-radius: 5px;
    border: .3px solid #8d97a3;
}

.internal-tran-card .card-body-wrap-3 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rev-bank-det h4 {
    width: 227px;
}

.cc-reveiw h3 {
    border-radius: 5px;
    border: .3px solid #8d97a3;
    color: rgba(54, 74, 99, .5);
    padding: 12px;
    font-size: 14px;
}

.payment-sent-succ p {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    padding-top: 15px;
}

.merchant-acc-setting {
    background-color: #faf9ff;
    padding: 30px;
}

.merchant-acc-setting h4 {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

.merchant-acc-setting p {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    padding-top: 17px;
}

.floating-select-checking .form-floating>.form-select {
    padding: 54px 20px 21px 18px;
}

.floating-select-checking .form-floating>label {
    top: 12px;
    left: 6px;
}

.table-card-holder-p {
    padding-right: 50px;
}

.card-det-flex-wrap {
    width: 160px;
}

.card-det-flex-wrap h4 {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 16px;
}

.card-det-flex-wrap p {
    font-size: 14px;
}

.card-exp-sec {
    flex-wrap: wrap;
}

.ad-f .add-filter-style {
    padding: 4px;
}

.al-baraka-bank h4 {
    font-size: 14px;
}

.al-baraka-cif h5 {
    font-size: 14px;
    color: #000;
}

.al-baraka-cif h6 {
    font-size: 14px;
    color: #FF00D8;
}

.al-baraka-cif2 {
    padding: 36px;
}

.al-baraka-cifno h3 {
    font-size: 18px;
    color: #000;
    text-decoration: underline;
    padding: 0px;
}

.al-baraka2 {
    margin-bottom: 13px;
}

.mb-al-bracka {
    margin: 50px 0px;
}

.vertical-devider2 hr {
    color: #FF00D8;
    margin: 42px 0px 23px 0px;
}

.vertical-devider3 hr {
    color: #FF00D8;
    margin: 42px 0px 23px 0px;
}

.app-received-status p {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    width: 185px;
    margin-bottom: 10px;
}

.app-received-status span {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    width: 185px;
    color: #0EC71E;
}

.points_ic {
    background: rgb(255, 12, 12);
    background: linear-gradient(180deg, rgba(255, 12, 12, 1) 0%, rgba(255, 0, 216, 1) 100%);
    padding: 3px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
}

.check-b-ico {
    padding-left: 30px;
    vertical-align: -8px;
}

.box_top_border {
    border-top: 3px solid #FF00D8;
    padding-top: 25px;
    margin-top: 40px;
}

.al-baraka-bank {
    border-bottom: 1px solid #ffc1f4;
    margin: 0px;
    padding-bottom: 30px;
    min-height: 145px;
}

.card-det-no p {
    width: auto;
}

.boto_b {
    padding-top: 40px;
}

.app-received-status h6 {
    color: #FF00D8;
    font-weight: normal;
}

.app-received-status h5 {
    font-size: 14px;
    color: #000;
}

.card-det-no p {
    font-size: 12px;
    font-weight: 500;
    color: #000;
}

.card-det-no a {
    color: #000;
}

.card-det-no {
    padding-top: 15px;
}

.arrow {
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    cursor: pointer;
    float: left;
    height: 10px;
    margin: 0 auto;
    text-indent: -9999px;
    transform: rotate(45deg);
    margin-top: 3px;
    width: 10px;
    text-align: center;
}

.active123 .arrow {
    transform: rotate(225deg);
    margin-top: 8px;
}

.sub-table-wrap {
    display: none;
    background: #fff;
}

.full-sub-table {
    background: #fdf5f8;
    padding: 20px;
}

.info-wrapper {
    display: inline-block;
    margin: 10px 0px;
    width: 24%;
}

.full-sub-table span {
    font-weight: bold;
    color: #364A63;
}

.info-wrapper p {
    color: #364A63;
    padding-top: 5px;
}

.dec-dat-status th {
    width: 90px;
}

.paid_text p {
    font-size: 13px;
}

.reg-bg-debit-card h3 br {
    display: none;
}

.custom-cad-text {
    font-size: 15px;
}

.email-search-box input {
    padding: 10px;
    box-shadow: 2px 2px 8px 2px rgba(31, 55, 92, .05);
    font-weight: 500;
    color: #364a63;
    width: 100%;
    border: 0.3px solid #b1b7bf;
    border-radius: 4px;
}

.card-aed-pupop {
    top: 235px;
    right: 43px;
    min-height: auto;
}

.search-consol input {
    width: 250px;
    border-radius: 10px;
    background: #FAF9FF;
    border: none;
    padding: 12px;
    font-size: 15px;
    color: #364A63;
    font-weight: 400;
    padding-left: 49px;
}

.search-consol img {
    position: absolute;
    top: 109px;
    margin-left: 15px;
    height: 18px;
}

.merchant-search-btn button {
    background: linear-gradient(180deg, #FF00D8 0%, #9437FF 100%);
    text-align: center;
    font-size: 14px;
    color: #fff;
    width: 100px;
    border-radius: 5px;
    padding: 4px;
    margin: 10px 0px 10px 30px;
    font-weight: 500;
}

.au-card-p-40 {
    padding: 50px 40px 40px 40px;
}

.personal-det-decoration {
    text-decoration: none;
}

.setting-boxes-tab {
    padding-top: 30px;
}

.active-text-clr h4 {
    color: #FF00D8;
}

.setting-boxes-2 {
    padding: 17px 0px;
}

.done-per-button {
    margin-top: 95px;
}

.done-per-button button {
    font-size: 12px;
    padding: 6px;
}

.merchant-acc-wrap {
    padding-top: 18px;
}

.drop-serch-filter-wrap .dropbtn {
    background-color: #fff;
    color: #000;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.drop-serch-filter-wrap .dropbtn:hover,
.dropbtn:focus {
    background-color: #fff;
}

#myInputdro {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 10px 0px 10px 15px;
    border: none;
    border: 1px solid #b1b7bf;
    border-radius: 5px;
    width: 100%;
    font-weight: 500;
    color: #364a63;
}

#myInputdro:focus {
    border-bottom: 1px solid #f003ad;
    outline: none;
    border-top-color: #ddd;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.drop-serch-filter-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100%;
    overflow: auto;
    border: 1px solid #ddd;
    border-top: 0px;
    z-index: 1;
    padding: 5px 0px 15px 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.drop-serch-filter-wrap .dropdown-content a {
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    color: #364a63;
    font-size: 16px;
    font-weight: 500;
}

.drop-serch-filter-wrap .dropdown-content a p {
    color: #364a63;
    font-size: 12px;
    font-weight: 400;
}

.drop-serch-filter-wrap a:hover {
    background-color: #F5F6FA;
}

.show {
    display: block;
}

.dropdawn-content-iteam a p {
    margin: 0px;
}

.dawn-arrow-serch-fil i {
    position: absolute;
    right: 17px;
    top: 16px;
}

.user-administration-link a {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

.user-administration-link {
    padding: 12px 0px;
    list-style: none;
}

.user-administration-link img {
    vertical-align: -4px;
    margin-right: 4px;
}

.add-new-user-toggle.active:active {
    color: #f003ad;
}

.shortcut-links {
    font-size: 25px;
    color: #000;
    font-weight: 500;
}

.roles-box {
    background-color: #FAF9FF;
    padding: 30px;
    margin-bottom: 25px;
}

.roles-box p {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.user-boxes-card {
    margin-top: 50px;
}

.user-add-marging .nav-link {
    margin-bottom: 25px !important;
}

#user-drop-box {
    margin-top: 15px;
}

.fillter-text {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 35px 0px;
}

.user-ser-btn {
    background: linear-gradient(180deg, #FF00D8 0%, #9437FF 100%);
    border-radius: 5px;
    padding: 8px;
    width: 50px;
    margin-top: 33px;
    border: none;
    margin-left: 10px;
}

.user-ser-btn img {
    vertical-align: -4px;
}

.filter-input-box label,
h5 {
    font-size: 15px;
    font-weight: 500;
}

.filter-input-box input {
    border-radius: 5px;
    padding: 11px;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
    color: #000 !important;
    font-weight: 500;
}

.radio-input-box {
    border-radius: 5px;
    padding: 11px;
    border: 1px solid #ced4da;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
}

.text-area-check-menus {
    padding: 70px 0px;
    width: 1100px;
}

.text-area-check-menus label {
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.text-area-check-menus textarea {
    border-radius: 5px;
    padding: 11px;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
    padding: 38px;
    color: #000;
}

.action-btn-access {
    background: linear-gradient(180deg, #FF00D8 0%, #9437FF 100%);
    border-radius: 5px;
    padding: 10px 20px;
    border: none;
    width: 200px;
    color: #fff;
}

.action-btn-access img {
    vertical-align: -3px;
}

.group-btn-action {
    padding-top: 40px;
}

.adduser-tab span {
    font-size: 16px;
    color: #FF00D8;
    font-weight: 500;
    padding: 40px 0px 20px 0px;
    display: block;
}

.role-w {
    width: 462px;
}

.show-hide-search-filter {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    padding-top: 30px;
}

.users-list-filter .card {
    padding: 20px 10px;
}

.role-w2 {
    width: 338px;
}

.filter-btn {
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
}

.filter-btn:hover {
    color: #fff;
}

.filter-btn-group {
    padding: 30px 0px 15px 0px;
}

.user-list-table table {
    border-radius: 5px !important;
}

.user-list-table .scroling-input {
    margin: 12px 0px;
    border-radius: 5px;
}

.user-list-table .list-name th {
    font-size: 12px;
    color: #000;
    padding: 25px 0px;
}

.user-list-table .current-serach-text th {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
}

.user-list-table table caption {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.role-listing-data {
    padding-top: 30px;
}

.user-list-table td {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
}

.roles-list-data {
    padding-top: 70px;
}

.reset-pass-box .form-check-input:checked {
    background-color: #e7e9ec;
    border-color: #e7e9ec;
}

.radio-input-box input {
    padding: 9px;
}

.file-dropzone-acc-creation input[id="et_pb_contact_brand_file_request_0"] {
    display: none;
}

.file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"] {
    width: 850px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 120px 0px;
    position: relative;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
}

.file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
    display: block;
    content: '+ Add file';
    background: linear-gradient(180deg, #FF00D8 0%, #9437FF 100%);
    width: 200px;
    position: absolute;
    bottom: 90px;
    left: 318px;
    color: white;
    text-align: center;
    padding: 11px;
    border-radius: 5px;
}

.file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"] {
    cursor: pointer;
    transition: 400ms ease;
}

.file-dropzone-acc-creation .file_names {
    display: block;
    position: absolute;
    color: black;
    left: 0;
    bottom: -30px;
    font-size: 13px;
    font-weight: 300;
    display: none;
}

.file-dropzone-acc-creation .file_names {
    text-align: center;
}

.preview-box {
    width: 850px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 110px 0px;
    margin-top: 30px;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
}

.preview-box h4 {
    font-size: 15px;
    font-weight: 500;
    color: #808080;
}

.card-holder-field-agency label {
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}

.card-holder-field-agency input {
    border-radius: 5px;
    padding: 5px 11px;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
    color: #000 !important;
    font-weight: 500;
}

.user-ser-bt2 {
    padding: 6px;
    width: 35px;
    height: 33px;
    margin-top: 35px;
}

.user-ser-bt2 img {
    height: 23px;
}

.role-w3 {
    width: 350px;
}

.cardholder-oprtaions .card {
    padding: 20px;
}

.card-holder-field-agency {
    margin-bottom: 20px;
}

.card-opration-serch span {
    font-size: 12px;
    font-weight: 500;
    color: #808080;
    text-align: center;
    padding: 20px 0px;
}

.btn-all-dro {
    padding: 8px 10px !important;
}

.btn-all-dro img {
    vertical-align: -5px;
}

.max-rec {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    width: 186px;
    padding-top: 28px;
}

.preview-box2 {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 110px 0px;
    margin-top: 30px;
    box-shadow: 2px 2px 8px 2px #1F375C0D;
}

.preview-box2 h4 {
    font-size: 15px;
    font-weight: 500;
    color: #808080;
}

.role-w4 {
    width: 396px;
}

.mar-v-w {
    margin-left: 70px;
}

.agency-top {
    padding-top: 40px;
}

.add-file-sec .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.add-file-sec .btn {
    background: linear-gradient(180deg, #FF00D8 0%, #9437FF 100%);
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    width: 200px;
    border: none;
    margin-top: 50px;
}

.add-file-sec .upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 43px;
    opacity: 0;
    width: 200px;
}

.super-agency-check input {
    margin: 10px 0px;
    width: 30px;
    height: 30px;
}

.active-rounded2 .form-select {
    width: 100%;
    background-color: #fff;
    text-align: left;
    padding: 12px;
    font-weight: 500;
    font-size: 15px;
}

.sup-agen-p {
    margin-left: 50px;
}

.choose-dawnload img {
    background: linear-gradient(180deg, #9437FF 0%, #FF00D8 100%);
    padding: 12px;
    border-radius: 10px;
    height: 50px;
    width: 50px;
}

.file-select-form option {
    text-align: center;
}

.file-select-form {
    text-align: center;
    color: #808080;
    font-size: 15px;
    font-weight: 500;
    padding: 12px;
    margin-top: 40px;
}

.form-dawnload-sec .card {
    padding: 100px;
}

.action-btn-access:hover {
    color: #fff;
}

.help-light-btn-add a {
    border-radius: 4px;
    background: #faf9ff;
    font-size: 15px;
    color: #364a63;
    padding: 5px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    width: 50px;
    float: right;
}

.float-endcard {
    float: right;
}

.live-selfi-img2 img {
    height: 106px;
}

.drag-drop-file-sec {
    height: 74px !important;
}

.mc-card-icon img {
    padding-top: 20px;
    width: 124px;
}

.card-holder-width {
    width: 150px;
}

.syria-img img {
    width: 150px;
    padding-top: 1px;
}

.card-sriya-icon {
    width: 110px;
}

.syria-img1 img {
    width: 150px;
}

.back-icon-svg img {
    cursor: pointer;
}

.user-status-fill {
    margin-left: 25px;
}

.mar-right-btn {
    margin-left: 20px;
}

.editnote-btn a {
    border: none;
    padding: 0px 7px;
}

.get-user-det-btn {
    margin-top: 30px;
}

.sync-debit-card-det {
    margin: 15px 0px;
}

.card-pro {
    padding-top: 19px;
}

.syriya-in-logo img {
    width: 150px;
}

.syria-img-logo img {
    vertical-align: -18px;
}

.pal-card-pt {
    padding-top: 4px;
}

.card-cif-no {
    font-family: 'Sentinel';
    font-size: 16px !important;
    letter-spacing: 3% !important;
    font-weight: 500;
}

.pl-card-no p {
    padding: 37px 0 !important;
    letter-spacing: 10% !important;
    font-family: Gotham;
    font-weight: 400 !important;
    color: #fff;
}

.change-limitedit h6 {
    color: #364A63;
    font-weight: 300;
    margin-bottom: 10px;
}

.change-limitedit .spedn-lim {
    color: #ff00d8 !important;
    padding-top: 15px;
}

.change-limitedit select,
input {
    color: #364A63;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-radius: 5px;
    border-color: #364a63;
}

.acc-height-fixed {
    height: 70px;
}

.check-id-cif .check-cif {
    font-size: 14px;
    margin-bottom: 18px;
    width: 31%;
}

.check-id-cif .check-cif:hover {
    color: #fff;
}

.economic-sector-lable {
    font-size: 14px;
}

.country-code-no {
    font-size: 14px;
    font-weight: 500;
}

#tel-error {
    width: 100%;
    padding-top: 6px;
}

.tansiction-dropdawn-user-acc select {
    padding: 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #000000;
    margin-right: 15px;
    font-weight: 500;
    border: 0.3px solid #364A63;
    width: 320px;
}

.tansiction-dropdawn-user-acc input {
    padding: 8px;
    border-radius: 5px;
    font-size: 16px;
    color: #000000;
    margin-right: 15px;
    font-weight: 400;
    border: 0.3px solid #364A63;
    width: 205px;
}

.tansiction-dropdawn-user-acc object {
    font-size: 14px;
}

.tansiction-dropdawn-user-acc {
    padding: 30px 0px;
    display: flex;
    justify-content: space-between;
}

.sync-tra-color {
    background: linear-gradient(180deg, #FF00D8 0%, #9437FF 100%);
    border: none;
    border-radius: 5px;
}

.qr-code-card-holder img {
    width: 30px;
}

.circle-w img {
    width: 23px;
}

.circle-w {
    width: 23px !important;
    padding-left: 10px;
}

.cif-padding {
    padding: 23px 0px !important;
}

.kyc-status {
    padding-right: 20px;
    font-weight: 500;
    width: 190px;
}

#is_kyc {
    border-radius: 5px;
    padding: 5px 15px;
    height: 34px;
    font-size: 15px;
}

.is-kyc-status select,
option {
    font-weight: 400;
    color: #364A63;
    border-radius: 4px;
    border: 1px solid #364a63;
}

.is-kyc-status select {
    font-weight: 500;
}

.select-kyc-item {
    position: relative;
    width: 300px;
    border: 1px solid #364A63;
    border-radius: 5px;
}

.select-kyc-item .selectBtn {
    padding: 9px;
    font-weight: 500;
    font-size: 15px;
}

.select-kyc-item .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transition: 0.2s ease;
}

.select-kyc-item .selectBtn.toggle {
    border-radius: 3px 3px 0 0;
}

.select-kyc-item .selectBtn.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

.select-kyc-item .selectDropdown {
    position: absolute;
    top: 95%;
    width: 300px;
    left: -1px;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    border-top: 1px solid #eee;
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: visible;
}

.select-kyc-item .selectDropdown .option {
    padding: 0px 10px 10px 10px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
}

.select-kyc-item .selectDropdown .option:hover {
    background: #f8f8f8;
}

.select-kyc-item .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    border: 1px solid #364A63;
    border-radius: 0px 0px 5px 5px;
    border-top-color: #ff00d8;
    padding-top: 9px;
}

.card-overflow-cardholder {
    overflow: scroll;
}

.card-overflow-cardholder::-webkit-scrollbar {
    display: none;
}

.account-trx-row {
    background: #f5f6fa;
    font-weight: 500;
}

.selfi-id-image img {
    height: 164px;
    border-radius: 10px;
    object-fit: cover;
}

.live-selfi-image img {
    width: 135px;
}

.qr-code-card-holder {
    padding: 35px 0px;
}

.user-id-overveiw {
    padding-right: 15px;
    width: 55px;
}

.card-holder-width-logo {
    vertical-align: -2px;
    padding-left: 20px;
    width: 125px;
}

.issuing-tansc {
    border-left: 4px solid #fff;
}

.siib-digital-page-width {
    width: 70%;
}

.green-check {
    vertical-align: 10px;
}

.account-holder-profile {
    width: 90px;
    height: 90px;
    border: double 12px transparent;
    border-radius: 50%;
    background-image: linear-gradient(180deg, #47D874 0%, #7700FF 100%);
    background-origin: border-box;
}

.edit-delete-btn {
    padding-right: 0px;
}

.back-edit-btn {
    background: linear-gradient(180deg, hsl(331, 100%, 52%) 0%, rgba(255, 0, 216, 1) 100%) !important;
    padding: 13px;
    color: #fff;
    border-radius: 100%;
    margin-right: 13px;
    cursor: pointer;
}

.edit-branch-back-tbn {
    margin-left: 12px;
    padding-top: 12px !important;
}

.load-btn {
    font-size: 15px;
    background: linear-gradient(180deg, #ff0a80 0, #ff00d8 100%);
    border: none;
    border-radius: 50px;
    font-weight: 500;
    padding: 6px 20px;
    width: 121px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}

.tickets-tabing-table {
    padding-top: 50px;
}

.ticket-tabing-box .nav-tabs .nav-link {
    margin-right: 70px;
}

.input_gbg_b input {
    background: #FAF9FF;
    padding: 23px 30px;
    border-radius: 15px;
    width: 100%;
    font-weight: 400 !important;
    color: #000 !important;
    font-size: 13px !important;
}

.box_inrer_d {
    border-top: 3px solid #FF00D8;
    border-bottom: 3px solid #FF00D8;
    padding: 30px 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.approvbnk {
    color: #FF00D8;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

.text-bank-bot {
    font-size: 9px;
    padding-top: 15px;
    display: block;
}

.img-container {
    text-align: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.img-container img {
    width: 100%;
    height: 100%;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
}

.btn-board {
    width: 100%;
    position: absolute;
    top: 15px;
    right: -14px;
    display: block;
    box-sizing: border-box;
    padding: 0;
    text-align: left;
    z-index: 11;
}

.cboxRight {
    background: #fff;
    padding: 10px;
    border-radius: 100%;
}

.rt-btn {
    padding: 5px;
    background: rgb(255 255 255 / 73%);
    font-size: 10px;
    border: 0;
    outline: 0;
    color: #000;
    border-radius: 4px;
    user-select: none;
}

.rt-btn:hover {
    background: #ffe4fd;
}

input[name="rotate"] {
    display: none;
    opacity: 0;
}

.imagebox img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.btn-right-arrow {
    width: 40px;
}

.btn-left-arrow {
    width: 40px;
}

.image-container {
    margin-top: 40px
}

.image-container img {
    width: 100%;
    max-width: 300px;
    transition: transform 0.3s ease;
    border-radius: 20px;
}

.image-container .controls {
    text-align: left;
}

.rotate_btn {
    background: rgb(255, 12, 12);
    background: linear-gradient(162deg, rgba(255, 12, 12, 1) 0%, rgba(255, 0, 216, 1) 100%);
    color: #fff !important;
    border: none;
    border-radius: 100%;
    display: inline-block;
    width: 35px;
    height: 35px;
    padding: 7px;
    margin-top: 15px;
    margin-bottom: 40px;
    z-index: 5;
    position: relative;
}

.arrows_buttons .btn-left-arrow {
    position: absolute;
    left: 0;
    top: 40%;
}

.arrows_buttons .btn-right-arrow {
    position: absolute;
    right: 0;
    top: 40%;
}

@media screen and (min-width: 1601px) and (max-width: 1700px) {
    .active-user-card-holder {
        width: 66%;
    }
}

@media (max-width:1600px) {
    .card-overflow-cardholder {
        width: 790px;
    }
    .active-user-card-holder {
        width: 100%;
    }
    .front-id-text {
        font-size: 10px;
    }
    .tansiction-dropdawn-user-acc input {
        width: 151px;
    }
    .tansiction-dropdawn-user-acc select {
        width: 260px;
    }
    .search-icon-wrap-iss img {
        left: 13px;
    }
    .app-received-status p {
        font-size: 10px;
    }
    .live-selfi-img img {
        height: 164px;
    }
    .al-baraka-cifno h3 {
        font-size: 16px;
    }
    .al-baraka2 {
        margin-bottom: 23px;
    }
    .al-baraka-bank h4 {
        font-size: 11px;
    }
    .rec-bank-det h5 {
        font-size: 16px;
    }
    .first-na-text-2 h5 {
        font-size: 15px;
    }
    .pay-det-card h3 br {
        display: none;
    }
    .pay-det-card h3 {
        padding-bottom: 6px;
    }
    .user-add-tabing .nav-link {
        font-size: 16px;
    }
    .card-holder-field-agency label {
        font-size: 13px;
    }
    .card-holder-width img {
        padding-right: 5px;
    }
    .platinmu-card-box-3 {
        right: 40px;
    }
    .w-70 {
        width: 61% !important;
    }
    .platinmu-card-box {
        width: 340px;
    }
    .issuing-tansc table tr th {
        font-size: 11px;
    }
    .lmt-right span,
    .showdet-left span {
        font-size: 10px;
    }
    .button_three_card button {
        margin: 0 3px;
    }
    .platinum_card_mar {
        width: auto;
    }
}

@media (max-width:1580px) {
    .al-baraka2 {
        margin-bottom: 0px;
    }
    .card-overflow-cardholder {
        width: 685px;
    }
    .card-kyc-wrap {
        padding: 50px 0px;
    }
    .two-button-pay .btn-round-box {
        padding: 5px 10px;
    }
    .two-button-pay {
        padding: 30px 20px;
    }
}

@media (max-width:1548px) {
    .pl-card-no p {
        padding: 30px 0 !important;
    }
    .qr-code-card-holder {
        padding: 35px 0px;
    }
    .write-ecash-demo p br {
        display: none;
    }
    .write-ecash-demo p {
        width: 300px;
    }
    .vr-align-img img {
        vertical-align: 41px !important;
    }
    .heading-edit-buttons-p {
        text-align: left;
    }
    .tabing-box .nav-tabs .nav-link {
        margin-right: 20px;
    }
    .heading-issuing-buttons .dropdown {
        margin-left: 0;
    }
    .cardnmber {
        padding: 15px 0;
    }
    .live-selfi-img img {
        height: 124px;
    }
    .heading-issuing-buttons {
        text-align: start;
    }
    .platinum_card_mar {
        margin: 0 10px;
    }
    .dec-dat-status th {
        font-size: 13px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1569px) {
    .rec-bank-det h5 {
        font-size: 12px;
    }
    .dep-check-fill .getting-start-tab-in p {
        width: 336px;
    }
    .ver-img-1 img {
        vertical-align: 17px !important;
    }
    .check-deposite-card .card-body-wrap-2 p {
        width: 100%;
    }
}

@media (max-width:1440px) {
    .image-container img {
        max-width: 250px !important;
    }
    .card-overflow-cardholder {
        height: auto;
        width: 635px;
    }
    .al-baraka-cifno h3 {
        font-size: 12px;
    }
    .first-na-text h5 {
        font-size: 10px;
    }
    .live-selfi-img img {
        height: 165px;
    }
    .al-baraka-cif3 {
        padding: 0px;
    }
    .id-back-space {
        padding-right: 0px;
    }
    .al-baraka-cif {
        padding: 41px 0px;
    }
    .app-received-status {
        padding-top: 0px;
    }
    .vertical-devider2 hr {
        margin: 20px 0px;
    }
    .tansiction-dropdawn-user-acc input {
        width: 135px;
    }
    .tansiction-dropdawn-user-acc select {
        width: 157px;
    }
    .check-deposite-card .card-body-wrap-2 p {
        width: 100%;
    }
    .schre-ach h3 br {
        display: none;
    }
    .schre-ach h3 {
        padding-bottom: 0px;
    }
    .month-box-d h4 {
        font-size: 15px;
        padding-right: 10px;
    }
    .dec-dat-status th {
        font-size: 13px;
    }
    .alitext-box-w {
        width: 161px;
    }
    .treasury-balence-req p {
        font-size: 14px;
    }
    .tra-img-drop-icon {
        width: 19px;
    }
    .button_round-padding,
    .heading-issuing-buttons .dropdown {
        margin-left: 0;
    }
    .box-lat-pa {
        margin-left: 15px;
    }
    .platinum_card h3 {
        font-size: 18px;
    }
    .menu-sidebar__content {
        height: 580px;
    }
    .table_trans td {
        font-size: 13px;
        padding: 8px;
        vertical-align: middle;
    }
    .pay-m {
        width: 160px;
    }
    .analytics-text span {
        width: 200px;
    }
    .bg-light1 {
        padding-top: 100px;
    }
    .w-trans-2 {
        margin-top: 10px;
    }
    .button_three_card button {
        margin-bottom: 10px;
    }
    .issuing-tansc table tr th,
    .merbox2 p {
        font-size: 11px;
    }
    .account-payment-making-card .card-link {
        margin: 20px 10px 0;
    }
    .payment-re-creation h3 {
        font-size: 28px;
    }
}

@media screen and (min-width: 1299px) and (max-width: 1499px) {
    .card-holder-width {
        width: 76px;
    }
    .issuing-tansc table tr th,
    .merbox2 p {
        font-size: 12px;
    }
    .platinmu-card-box2 {
        width: 355px;
    }
}

@media (max-width:1350px) {
    .acount-b {
        flex-wrap: nowrap;
    }
    .button_three_card button {
        margin-right: 10px;
    }
    .dec-dat-status-2 {
        font-size: 25px;
    }
}

@media (max-width:1299px) {
    .role-w5 {
        width: 146px;
    }
    .platinm-card-ali {
        width: auto !important;
    }
    .platinmu-card-box2 {
        margin: auto;
    }
    .table-widthstatus {
        width: 100% !important;
    }
    .w-serachbox {
        width: 100% !important;
    }
    .w-30 {
        width: 50% !important;
        margin: auto;
    }
    .platinmu-card-box-3 {
        right: auto;
        margin-top: 30px;
    }
    .au-card {
        min-height: 1600px;
    }
    .al-baraka-bank {
        min-height: auto;
    }
    .card-holder-width {
        width: 200px;
    }
}

@media (max-width:1499px) {
    .user-add-tabing .nav-link {
        font-size: 13px;
    }
    .preview-box {
        width: 100%;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"] {
        width: 100%;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 113px;
        left: 213px;
    }
    .role-w2 {
        width: 216px;
    }
    .role-w3 {
        width: 222px;
    }
    .mar-v-w {
        margin-left: 0px;
    }
    .role-w4 {
        width: 359px;
    }
    .text-area-check-menus {
        width: 100%;
    }
}

@media (max-width:1450px) {
    .card-holder-width {
        width: 85px;
    }
    .card-kyc-wrap {
        padding: 30px 0px;
    }
}

@media (max-width:1400px) {
    .card-overflow-cardholder {
        width: 575px;
    }
    .shortcut-links {
        font-size: 20px;
    }
    .al-baraka-cifno h3 {
        font-size: 13px;
    }
    .role-5w {
        width: 465px;
    }
    .app-received-status {
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 1299px) and (max-width: 1399px) {
    .role-w {
        width: 273px;
    }
}

@media (max-width:1399px) {
    .card-overflow-cardholder {
        width: 500px;
    }
    .float-endcard {
        float: none;
    }
    .marendcard {
        margin: auto;
    }
    .table-widthstatus {
        width: 60%;
    }
    .table-widthstatus th {
        font-size: 13px;
    }
    .cont-tab_one {
        margin-top: 20px;
    }
    .heading-issuing-buttons {
        margin-top: 14px;
    }
    .heading-issuing-buttons .dropdown {
        margin-right: 18px;
    }
    .buss-radio-btn {
        margin-left: 0;
    }
    .border-btm-2 {
        width: auto;
    }
    .cont-cre-card {
        text-align: center;
        padding: 22px 0px 10px 0px;
    }
    .shd-box-2 {
        height: auto !important;
    }
    .role-w3 {
        width: 360px;
    }
    .role-w {
        width: 463px;
    }
}

@media (max-width:1370px) {
    .box-e-bal h3 {
        margin-top: 37px;
        font-size: 16px;
    }
    .box-e-bal h4 {
        font-size: 13px;
    }
    .role-w5 {
        width: 220px;
    }
    .sup-agen-p {
        margin-left: 0px;
    }
    .form-dawnload-sec .card {
        padding: 45px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 113px;
        left: 169px;
    }
}

@media (max-width:1300px) {
    .cont-cre-card {
        text-align: start;
        padding: 0px 0px 10px 0px;
    }
    .shd-cont p {
        font-size: 15px;
    }
    .platinum_card-2-debit {
        margin: 0;
    }
    .credit-card-pla {
        margin-top: 30px;
    }
    .credit-card-pla h4 {
        padding-bottom: 10px;
    }
    .dropzone-wrapper {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .card-overflow-cardholder {
        width: 360px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 105px;
        left: 293px;
    }
    .progr-price p {
        font-size: 12px;
    }
    .cash-current-acc h4 {
        font-size: 13px;
    }
    .money-last-days-count {
        font-size: 13px;
    }
    .progress-box-card {
        padding: 20px;
    }
    .au-card {
        padding: 35px 15px;
    }
    .we-reviewing h3 br {
        display: none;
    }
    .we-reviewing h3 {
        font-size: 25px;
    }
    .amount-total-re h2 {
        font-size: 40px;
    }
    .getting-mar-top {
        margin-top: 35px;
    }
    .box-e-bal h3 {
        font-size: 26px;
    }
    .box-e-bal h4 {
        font-size: 16px;
    }
    .rec-pa h5 {
        margin-top: 24px;
    }
    .who-pay-money-drop {
        margin-top: 50px;
    }
    .account-payment-making-card .card-link {
        margin: 20px 0 0 60px;
    }
    .rec-bank-det h4 {
        width: 149px;
    }
    .current-portfolio-1 p {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .all-time-review-table-2 {
        font-size: 13px;
    }
    .search-consol img {
        top: 98px;
    }
}

@media (max-width:1099px) {
    .treasury-balence-req h4 {
        font-size: 21px;
    }
    .treasury-balence-req p {
        padding-top: 17px;
    }
}

@media (max-width: 1062px) {
    .drop-file-text h6 {
        font-size: 13px;
    }
}

@media (max-width:1044px) {
    .tabing-box .nav-tabs .nav-link {
        font-size: 14px;
    }
    .drop-file-icon {
        width: 31px;
    }
    .table-heading-treasury th {
        padding: 15px 10px 10px 0px;
        font-size: 13px
    }
}

@media (max-width:991px) {
    .dropdown-content {
        width: 100%;
    }
    .drop-serch-filter-wrap {
        width: 100%;
    }
    #dropbtn {
        width: 100%;
    }
    #myInputdro {
        width: 100%;
    }
}

@media (max-width:992px) {
    .header-mobile .navbar-mobile .navbar-mobile__list li a:hover {
        background-color: #f5f6fa;
        color: #364a63;
    }
    .routing-text {
        padding-bottom: 9px;
    }
    .rec-bank-det2 h3 br {
        display: none;
        font-size: 14px;
    }
    .rec-bank-det2 h3 {
        font-size: 14px;
        padding-top: 10px;
    }
    .rev-bank-det h3 {
        font-size: 13px;
        text-align: end;
    }
    .body-mar-buttom {
        margin-bottom: 120px;
    }
    .we-reviewing h3 br {
        display: none;
    }
    .shd-box-2 {
        height: auto !important;
    }
    .current-portfolio-1 p {
        padding-bottom: 0px;
        padding-top: 10px;
        font-size: 16px;
    }
    .switch-e-cash-acc img {
        width: 13px !important;
    }
    .month-date-1 {
        font-size: 12px;
    }
    .shd-cont p {
        font-size: 14px;
    }
    .header-mobile {
        background: #fff;
        border-radius: 20px 20px 0 0;
    }
    .header-desktop {
        border-radius: 0;
    }
    .header-mobile .navbar-mobile .navbar-mobile__list {
        background: #fff;
        box-shadow: 0 14px 25px #00000029;
        padding: 10px;
        border-radius: 10px;
    }
    .header-mobile .navbar-mobile .navbar-mobile__list li a {
        padding: 15px;
        border: none;
        font-weight: 500;
        text-decoration: none;
    }
    .navbar-mobile__list li a img {
        width: 22px;
        margin-right: 15px;
        margin-left: 15px;
    }
    .who-paying-money h3 {
        margin-top: 20px;
    }
    .who-paying-money .dropdown-content {
        width: 100%;
    }
    .pay-det-justify,
    .who-paying-justify-center {
        justify-content: center;
    }
    .payment-re-creation h3 {
        padding-top: 20px;
    }
    .table-card-holder-p {
        padding-right: 0px;
    }
    .refund-btn-card .btn-primary {
        padding: 13px 10px;
    }
}

@media (max-width:768px) {
    .card-overflow-cardholder {
        width: 100%;
    }
    .platinmu-card-box2 {
        visibility: hidden;
    }
    .user-administration-link a {
        font-size: 14px;
    }
    .user-status-fill {
        margin-left: 0px;
    }
    .parent-agency-pa {
        padding-top: 15px;
    }
    .role-w5 {
        width: 176px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 94px;
        left: 229px;
    }
    .we-reviewing p {
        font-size: 14px;
    }
    .border-btm-review hr {
        margin: 10px 0px;
    }
    .attach-drop-file .dropzone-wrapper {
        height: 84px;
    }
    .last-mont-btn-w .daily-btn-2 {
        margin-top: 15px;
    }
    .table-right-width {
        width: 100% !important;
    }
    .table-right-width .platinum_card_mar {
        margin: auto;
    }
    .table-right-width .platinum_card {
        width: 315px;
    }
    .done-per-button {
        margin-top: 0px;
    }
    .card-all-set-sec p br {
        display: none;
    }
    .platinum_card-2-debit {
        margin: auto;
    }
    #DataTables_Table_0_length {
        margin-bottom: 10px;
    }
    .ecash-pa-drop .dropdawn-menu-width-3 {
        transform: translate3d(0, 47px, 0) !important;
        width: 100%;
        inset: 0px auto auto 1px !important;
        box-shadow: none !important;
        overflow: scroll;
        height: 640px;
        border-radius: 0px !important;
    }
    .header-mobile .navbar-mobile .navbar-mobile__list {
        height: 90.5vh;
        overflow: scroll;
    }
    .e-switch-case-dro {
        transform: translate3d(0px, 46px, 0) !important;
        width: 100%;
        box-shadow: none !important;
        border-radius: 0px !important;
    }
    .lock-scroll {
        overflow: hidden;
    }
    .request-review-tab h3,
    .tran-by-clicking h3 {
        font-size: 20px;
        font-weight: 500;
    }
    body {
        margin: 15px;
    }
    .bg_background {
        height: 500px;
    }
    .bg-light1 {
        padding-bottom: 100px;
    }
    .mar-acc-hol {
        margin-top: 60px;
        margin-left: 0;
    }
    .standard-card-body .card-body {
        padding-left: 0;
    }
    .ver-align-img-card img,
    .ver-align-img-card-2 img {
        vertical-align: 0;
    }
    .credit-card-pla {
        margin-top: 30px;
    }
    .credit-card-pla h4 {
        padding-bottom: 10px;
        text-align: center;
    }
    .dropzone-wrapper,
    .go-back-btn-width {
        width: 100%;
    }
    .drop-file-text h6 {
        text-wrap: balance;
    }
    .transer-your-acc {
        margin-top: 0;
    }
    .check-deposite-card .card-body-wrap-2 p {
        width: 100%;
    }
    .mar-left-back-id {
        margin-left: 0px;
    }
    .platinmu-card-box5454 {
        position: static !important;
    }
    .print-card-box tr,
    th {
        min-width: 127px;
    }
}

@media (max-width:767px) {
    .heading-issuing-buttons {
        margin-bottom: 20px;
    }
    .role-w3 {
        width: 538px;
    }
    .role-w {
        width: 596px;
    }
    .role-w5 {
        width: 613px;
    }
}

@media (max-width:678px) {
    .two-button-pay .btn-round-box {
        padding: 5px 6px;
    }
    .role-w5 {
        width: 452px;
    }
}

@media (max-width:618px) {
    .move-money-dropdawn button {
        width: 100%;
        margin-top: 10px;
    }
    .action-btn-access {
        width: 100%;
    }
    .group-btn-action a {
        margin-left: 0px !important;
        width: 100%;
        margin-bottom: 15px;
    }
    .filter-btn-group a {
        margin-left: 0px !important;
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width:610px) {
    .add-found-grp-btn .but-r2,
    .add-found-grp-btn .button_roundbox {
        width: 100%;
    }
    .two-button-pay {
        flex-wrap: wrap;
        width: 100%;
    }
    .two-button-pay .btn-round-box {
        width: 100%;
        margin-bottom: 12px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 94px;
        left: 100px;
    }
}

@media (max-width:580px) {
    .role-w5 {
        width: 334px;
    }
    .pay-det-card h3 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .account-payment-making-card .card-link {
        margin: 20px 10px 0;
    }
    .rec-bank-det h4 {
        width: 210px;
        font-size: 13px;
    }
    .who-paying-money h3 {
        font-size: 20px;
    }
    .save-and-count-btn2 button {
        width: 100%;
    }
    .save-and-count-btn2 {
        flex-wrap: wrap;
    }
    .save-and-count-btn2 .go-back-btn-light {
        margin-top: 15px;
    }
    .add-funds-account h3 {
        font-size: 25px;
    }
}

@media (max-width:575px) {
    .search-per-wrap img {
        top: 154px;
    }
    .account-wrap .dropdown-toggle img {
        padding-right: 9px;
        width: 35px;
        vertical-align: -7px;
    }
    .dep-check-fill .getting-start-tab-in p {
        width: 100%;
        margin-left: 0px !important;
    }
    .we-reviewing h3 {
        font-size: 24px;
    }
    .write-ecash-demo p {
        width: 100%;
        margin-left: 0px !important;
    }
    .business-redio-check {
        margin-top: 15px;
    }
    .setting-boxes-2 {
        flex-wrap: wrap;
    }
    .width-wrap {
        width: 100%;
        margin-top: 20px;
    }
    .bank-transfer-card .standard-card-box {
        height: auto;
        padding: 20px;
    }
    .edit-portfolio-btn button {
        margin-top: 30px;
    }
    .arrivers-img img {
        vertical-align: 0 !important;
    }
    .safe-investment-pa {
        padding-top: 0;
    }
    .standard-card-box .card-text {
        font-size: 12px;
    }
    .standard-card-body .card-body {
        padding: 0 0 5px;
    }
    .getting-start-tab-in br {
        display: none;
    }
    .getting-start-tab-in img {
        vertical-align: 0px !important;
    }
    .getting-start-tab-in p {
        margin-left: 10px;
    }
    .first-na-text-2 h5 {
        font-size: 12px;
        margin-left: 0px;
    }
    .export-btn-daily-pa {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width:575px) {
    .ad-f span {
        padding-left: 5px;
        font-size: 12px;
    }
    .add-fil-btn-tra .add-filter {
        width: 100%;
        margin-bottom: 15px;
    }
    .seacrh-22 button {
        margin-left: 10px;
    }
}

@media (max-width:500px) {
    .dropzone-desc {
        left: 13px;
    }
    .drop-file-icon {
        width: 38px;
    }
    .pay-link-text {
        font-size: 13px;
    }
    .drop-file-text h6 {
        font-size: 12px;
    }
    .upload-file-zone h6 {
        font-size: 12px !important;
    }
    .request-review-tab h3 {
        font-size: 27px;
    }
    .ecash-demo-from h6 {
        width: 97px;
    }
    .next-btn-gra {
        font-size: 14px;
        padding: 7px 7px;
    }
}

@media (max-width:525px) {
    .save-and-count-btn-2 button {
        width: 100%;
        margin-bottom: 15px;
    }
    .card-det-flex-wrap {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width:416px) {
    .ecash-p-bx-wrap {
        flex-wrap: wrap;
    }
    .box-e-bal h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .ecash-p-bx span {
        font-size: 16px;
        padding: 0;
    }
    .box-lat-date {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    .button_round2 .but-r {
        width: 100%;
    }
    .invite-own-team-sec label,
    .money-last-days-count {
        font-size: 15px;
    }
    .attach-drop-file .dropzone-wrapper {
        height: 53px;
    }
    .table-card-holder-p th {
        width: 100% !important;
    }
}

@media (max-width:480px) {
    .pagination{ overflow: scroll;}
    .pagination .page-link{padding: 10px 17px;}
    .move-money-icon-treasury .button_round img {
        margin-right: 0px;
    }
    .platinmu-card-box {
        width: 100%;
    }
    .platinum_card {
        height: auto;
    }
    .mar-acc-hol {
        margin-right: 0px;
    }
    .al-baraka-bank {
        margin: 0px;
    }
    .issuing-tansc {
        border-left: none;
    }
    .platinmu-card-box {
        position: inherit;
    }
    .input_plac img {
        width: 40px !important;
        vertical-align: 3px;
        margin-right: 7px;
    }
    .button_round2 .but-r,
    .button_roundbox .but-r2,
    .view_more_button button {
        padding: 8px;
    }
    .audit-tr {
        width: 100%;
        padding-top: 10px;
    }
    .acc-holder-det .vertical-devider hr {
        margin: 15px 0;
    }
    .approvbnk {
        width: 100%;
        text-align: right;
        padding-top: 20px;
    }
    .al-baraka2 {
        padding-top: 0px !important;
    }
    .al-baraka-cif3 {
        padding-bottom: 20px;
    }
    .app-received-status {
        margin-bottom: 0;
        margin-top: 25px;
    }
    .page-container {
        top: auto;
    }
    .header-mobile {
        position: inherit;
    }
    .au-card {
        margin-bottom: 10px;
    }
    .page-container {
        min-height: auto;
    }
    .ssibfont {
        font-size: 20px !important;
    }
    .tabing-box .nav-tabs .nav-link {
        margin-right: 18px;
    }
    .card-holder-width {
        width: 200px;
        padding-top: 10px;
    }
    .acc-holder-det h3 {
        margin-bottom: 0px;
    }
    .doc-kyc-slider {
        padding-top: 30px;
    }
    .feel-fe br {
        display: none;
    }
    .drop-zone {
        padding: 30px 34px;
    }
    .shd-cont p {
        font-size: 11px;
    }
    .drop-zone-text {
        font-size: 12px;
    }
    .internal-tran-card .card-title-2 {
        font-size: 35px;
    }
    .ecash-demo-from p,
    .ops-pay-img h5,
    .request-review-tab p,
    .rev-bank-det h3 {
        font-size: 15px;
    }
    .max-rec {
        padding-top: 16px;
    }
    .role-w3 {
        width: 179px;
    }
    .role-w5 {
        width: 218px;
    }
    .request-review-tab h3 {
        font-size: 23px;
    }
    .safe-invest-det p {
        font-size: 14px;
        padding-top: 25px;
    }
    .safe-invest-det h2 {
        font-size: 22px;
    }
    .demo-cash-w {
        width: 80%;
    }
    .demo-cash-w-img img {
        margin-left: 10;
        margin-top: 10px;
        width: 45px;
    }
    .internal-tran-card .card-title span {
        font-size: 13px;
    }
    .search-per-wrap img {
        top: 138px !important;
    }
    .search-consol input {
        width: 100%;
    }
    .search-consol img {
        top: 84px;
    }
    .shd-cont-flex {
        flex-wrap: wrap;
    }
    .move-mony-dropdawn-btn button {
        width: 100%;
    }
    .search-btn-card {
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
    }
    .date-beneficiary h4 {
        text-align: left !important;
    }
    .ml-59-pay a {
        padding-left: 50px !important;
    }
    .ecash-p-bx,
    .ecash-p-bx2,
    .rec-fourty {
        padding: 20px;
    }
    .box-cash,
    .tab-ns {
        overflow: scroll;
    }
    .button_round2 {
        margin-top: 6px;
    }
    .billing_card input,
    .billing_card select,
    .box-lat-dat-pp,
    .button_round-padding,
    .chart-note-sty,
    .input_plac,
    .last-mont-btn-w,
    .move-money-icon-treasury button,
    .name_card input,
    .phone_numb .input-group {
        width: 100%;
    }
    .chart-liner img {
        height: auto;
    }
    .last-mont-btn-w .daily-btn-2 {
        width: 100%;
        margin-top: 20px;
    }
    .month-box-size h4 {
        padding: 5px 10px;
    }
    .horigental-line hr {
        width: 308px;
    }
    .return-treasury h5 {
        padding: 10px 0;
    }
    .export-btn-daily-pa {
        width: 100%;
        margin-top: 10px;
    }
    .box-lat-dat-pp .daily-btn-p {
        width: 100%;
        margin-left: 0;
    }
    .pay-graph-count p {
        font-size: 11px;
        padding-left: 19px;
    }
    .box-e-bal h4,
    .box-lat-date a,
    .email-pay-gude label,
    .month-date-1,
    .rec-bank-det h5,
    .tab_table_box tr td {
        font-size: 13px;
    }
    .ad-f span,
    .nav_new_mod ul {
        padding-left: 0;
    }
    .rou {
        width: 130px;
    }
    .ecash-p-bx {
        margin-bottom: 30px;
    }
    .box-e-bal h3 {
        margin-top: 10px;
    }
    .month-date-1 {
        padding: 14px;
    }
    .header-desktop {
        border-radius: 0 0 20px 20px;
    }
    .two-button-pay {
        padding: 30px 20px;
    }
    .header-mobile {
        background: #fff;
        border-radius: 20px 20px 0 0;
    }
    .tabing-box .nav-tabs .nav-link {
        font-size: 13px;
    }
    #myTabContent {
        margin-top: 30px;
    }
    .cardhold-top h3 {
        font-size: 18px;
    }
    .cardholder .cardhold-top h3 {
        padding-top: 5px;
    }
    .cardhold-top,
    .heading-issuing {
        padding-bottom: 20px;
    }
    .checkbox_terms a br,
    .date_box,
    .table-right-part {
        display: none;
    }
    .checkbox_terms a {
        display: inline;
    }
    .heading-issuing-buttons {
        text-align: left;
        width: 100%;
    }
    .apply-link,
    .billpllc,
    .bo_n,
    .date-b h4 {
        text-align: center;
    }
    .heading-issuing-buttons .dropdown {
        margin-left: 0;
        width: 100%;
    }
    .heading-issuing-buttons .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .cont-tab_one h2 span {
        margin-left: 0;
        display: inline-block;
        margin-top: 15px;
    }
    .card-ho-de span {
        width: 100px;
    }
    .card-ho-de {
        display: block !important;
        padding-top: 10px;
    }
    .disable_n,
    .header-button {
        margin-top: 9px;
    }
    .tab-ns {
        color: #000;
        width: 730px;
        display: inline-grid;
    }
    .cash-coll {
        padding: 20px !important;
    }
    .box_id img {
        height: 300px !important;
    }
    .billpllc2 h3 {
        font-size: 14px;
    }
    .date-b h4 {
        padding-top: 0;
        font-size: 13px;
    }
    .billpllc2 h4 {
        font-size: 12px;
    }
    .button-next {
        font-size: 16px;
        padding: 10px 31px;
    }
    .nav_new_mod .nav-pills {
        margin-bottom: 20px;
        border-bottom: 5px solid #a1adbd;
        width: 100%;
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }
    #exampleModal h2 {
        font-size: 20px;
    }
    .nav_new_mod {
        padding: 0 !important;
        display: block !important;
    }
    .ad-f span,
    .search {
        padding-top: 15px;
    }
    .last-pay,
    .viede-pay {
        width: 250px;
    }
    .name-first {
        width: 400px;
    }
    .dataTables_info {
        padding-bottom: 10px;
        font-size: 15px;
    }
    .ned {
        display: block;
        width: 80px;
    }
    .arrow_icon {
        position: absolute;
        right: 25px;
    }
    .search input {
        width: 100%;
        margin-left: 10px;
        color: #364a63;
        font-size: 13px;
    }
    .au-card {
        padding: 20px 15px;
    }
    .ad-f span {
        font-size: 14px;
        display: block;
    }
    .w-limit {
        max-height: 43px;
        line-height: 1.8em;
        line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .pay-m,
    .to-from {
        display: inline-block;
    }
    .to-from {
        width: 160px !important;
    }
    .ri-b,
    .table-2,
    .table-right-part {
        width: 100% !important;
    }
    .card-box-table {
        margin: 15px;
        box-shadow: 0 0 40px #ebebeb;
    }
    .table_trans td {
        vertical-align: middle;
        padding: 8px 3px;
    }
    .table_trans th {
        border: none !important;
    }
    .pay-m {
        width: 160px;
    }
    .box-nn {
        padding: 0 10px;
    }
    .analytics-text span p,
    .bg-light1 {
        padding-top: 0;
    }
    .navbar-mobile__list li a img {
        width: 18px;
        margin-right: 15px;
        margin-left: 0px;
        vertical-align: -2px;
    }
    .header-wrap h5 {
        color: #364a63;
        margin-top: 20px;
    }
    .bg_background {
        height: 340px;
        background-position: 0px -60px;
    }
    .bg-light1 {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    
    .img_new {
        padding-top: 20px;
    }
    .header-mobile .navbar-mobile .navbar-mobile__list {
        background: #fff;
        box-shadow: 0 14px 25px #00000029;
        padding: 0px;
        border-radius: 10px;
    }
    .header-mobile .navbar-mobile .navbar-mobile__list li a {
        color: #364a63;
        padding: 15px;
        border: none;
        font-weight: 500;
        text-decoration: none;
        font-size: 14px;
    }
    .main-content {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .header-desktop {
        height: 100px;
    }
    .header-desktop .section__content {
        top: 35%;
    }
    .title-2 {
        padding-top: 10px;
        margin-right: 0;
    }
    .box_im img,
    .box_im2 img {
        vertical-align: top;
    }
    .analytics-text span {
        width: 145px;
    }
    .bor-bot,
    .new-ca-s .par-b,
    .opspayroll-wrap {
        flex-wrap: wrap;
    }
    .box-e-bal h4 {
        margin-top: 5px;
    }
    .ach-gode .light-scheduled-light-btn {
        margin-top: 10px;
        width: 100%;
    }
    .payment-re-creation h3 {
        font-size: 25px;
    }
    .copy-link-tab-wrap h4 {
        font-size: 23px;
    }
    .dropzone:focus,
    .rec-pa .dropzone {
        height: 56px;
    }
    .search-icon-wrap-iss input {
        width: 100%;
    }
    .demo-text-link {
        font-size: 10px !important;
    }
    .move-money-icon-treasury {
        margin-top: 10px;
    }
    .cont-tab_one h2 {
        font-size: 17px;
    }
    .pending-bal {
        padding-left: 0px;
    }
}

@media (max-width:470px) {
    .search-per-wrap {
        width: 100%;
    }
    .seacrh-22 {
        width: 100%;
    }
    .seacrh-22 button {
        width: 100%;
        margin-left: 0px;
    }
}

@media (max-width:460px) {
    .demo-cash-w,
    .drop-file-icon,
    .drop-file-text,
    .save-and-count-btn button {
        width: 100%;
    }
    .drop-file-icon img {
        vertical-align: 0;
    }
    .dropzone-wrapper {
        height: 85px;
    }
    .save-and-count-btn {
        flex-wrap: wrap;
    }
    .save-and-count-btn .go-back-btn-light {
        margin-bottom: 20px;
    }
    .invite-own-team-sec-2 select,
    .rev-pay-det h5 {
        font-size: 13px;
    }
    .who-paying-money h3 {
        font-size: 19px;
    }
    .rec-bank-det h4 {
        width: 127px;
    }
    .sch-btn-p {
        padding: 7px 14px;
    }
    .ach-gode h2 {
        font-size: 27px;
        margin: 10px 0 9px;
    }
    .request-review-tab h3 {
        font-size: 20px;
    }
    .request-review-tab h2 {
        font-size: 44px;
    }
    .tran-by-clicking h3 {
        font-size: 21px;
    }
    .receiving-amount-select-card label {
        font-size: 16px;
    }
    .platinmu-card-box {
        width: 100%;
    }
    .disputute-text span br {
        display: none;
    }
    .disputute-text span {
        font-size: 12px;
    }
}

@media (max-width:440px) {
    .box-nn {
        padding: 0 10px;
    }
    .table-right-width .platinum_card {
        width: 100%;
    }
    .drop-zone-icons {
        flex-wrap: wrap;
    }
    .search-per-wrap img {
        top: 130px !important;
    }
    .search-consol {
        width: 100%;
    }
    .merchant-search-btn {
        width: 100%;
    }
    .merchant-search-btn button {
        margin-left: 0px;
        width: 100%;
    }
    .wrap-flex {
        flex-wrap: wrap;
        justify-content: left !important;
    }
    .search-consol input {
        width: 100%;
    }
    .search-consol img {
        top: 75px;
    }
    .dropdawn-grp-btn .btn {
        width: 100%;
    }
    .acount-b {
        flex-wrap: wrap;
    }
    .button_three_card button {
        width: 100%;
    }
    .acount-b .w-more {
        width: 100%;
        margin-right: 13px;
    }
    .title-3 {
        font-size: 16px;
    }
}

@media (max-width:420px) {
    .check-b-ico {
        padding-left: 10px;
    }
    .approvbnk {
        width: 100%;
        text-align: right;
        padding-top: 20px;
    }
    .shd-cont .radio_box_type {
        margin-right: 0px;
    }
    .pay-repo h3 {
        font-size: 16px;
    }
    .rec-fourty img {
        margin-right: 41px;
    }
    .note-attach-text,
    .rec-fourty h4 {
        font-size: 14px;
    }
    .rec-fourty span {
        font-size: 12px;
    }
    .dropzone-desc {
        top: 10px;
    }
    .drop-file-text p {
        font-size: 11px;
    }
    .re-commended {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    .platinum_card-2-debit {
        width: 100%;
    }
    .dropzone-wrapper2 {
        height: 63px;
    }
    .dotted_vis {
        right: 40px;
        width: 33px;
    }
    .visa_img_tab {
        right: 80px;
        width: 28px;
    }
    .tabing-box .nav-link {
        font-size: 10px;
    }
    .tab_new_one li span {
        padding: 6px 9px;
        font-size: 11px;
    }
    .arrow_icon12 {
        position: static;
    }
    .what-hepp {
        font-size: 14px;
    }
}

@media (max-width:400px) {
    .drop-zone {
        flex-wrap: wrap;
    }
    .drop-zone-icons img {
        width: 19px;
    }
    .drop-zone-text {
        font-size: 11px;
        text-align: center;
        padding-top: 7px;
        padding-left: 0px;
    }
    .feel-fe {
        font-size: 13px;
    }
    .merbox-pa {
        flex-wrap: wrap;
        padding-bottom: 15px;
    }
    .merbox-pa p {
        width: 100%;
    }
    .platinum_card_mar {
        margin: 0px;
    }
    .platinum_card_mar22 {
        padding: 16px;
    }
    .platinum_card_mar22 .alic h4 {
        font-size: 10px;
    }
    .platinum_card_mar22 .mar-card-mar-2 img {
        width: 52px;
    }
    .platinum_card_mar22 .cardnmber {
        padding: 9px 0;
    }
    .pla-left p {
        font-size: 10px;
    }
    .pla-right p {
        font-size: 10px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        left: 33px;
    }
    .w-h-all {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .form-dawnload-sec .card {
        padding: 15px;
    }
}

@media (max-width:375px) {
    .box-nn {
        padding: 0 10px;
    }
    .pay-by-invoice {
        font-size: 19px !important;
    }
    .autopay-text,
    .every-sec-day {
        width: 100%;
        text-align: center
    }
    .view_more_button button {
        width: 100%;
    }
    .total-box b {
        font-size: 17px;
    }
    .title-2 {
        padding-top: 10px;
    }
    .shd-cont p,
    .who-paying-money h3 {
        font-size: 15px;
    }
    .shd-cont table tr td {
        padding: 17px 2px;
        font-size: 11px;
    }
    .ecash-p-bx {
        padding: 20px 11px;
        margin-bottom: 0;
    }
    .box-e-bal h4 {
        font-size: 11px;
    }
    .box-e-bal h4 img {
        width: 9px;
    }
    .all-time-review-table-2 td,
    .current-portfolio-1 p {
        font-size: 13px;
    }
    .analytics-text span {
        width: 125px;
        font-size: 12px;
    }
    .month-box-d h4 {
        font-size: 15px;
    }
    .autopay-text-box,
    .pay-ac-1 {
        flex-wrap: wrap;
    }
    .pay-btn-am h5 {
        margin-top: 15px;
    }
    .every-sec-day {
        margin-top: 3px;
    }
    .payment-re-creation h3 {
        font-size: 20px;
    }
    .request-review-tab h2 {
        font-size: 34px;
    }
    .nespresso-logo img {
        width: 26px;
        height: 100%;
    }
    .tran-by-clicking h3 {
        font-size: 18px;
    }
    .internal-tran-card .card-title-2 {
        font-size: 27px;
    }
    .getting-start-tab-in img {
        display: block;
    }
    .getting-start-tab-in p {
        display: block;
        padding-top: 11px;
        font-size: 13px;
    }
}

@media (max-width:373px) {
    .next-btn-gra {
        font-size: 14px;
        padding: 10px 13px;
    }
    .gredient-round-2 h5 {
        font-size: 13px;
        padding: 7px 21px;
    }
    .create-ano-pay-link {
        font-size: 13px;
    }
    .cash-current-acc h4,
    .shd-cont p {
        font-size: 13px
    }
    .box-e-bal h3 {
        margin-top: 11px;
        font-size: 20px;
    }
    .ecash-p-bx span {
        font-size: 13px;
        padding: 10px 10px;
        display: inline-block;
    }
    .box-lat-p,
    .button_round2 .but-r {
        width: 100%;
    }
    .button_round2 {
        margin-top: 5px;
    }
    .month-date-1 {
        font-size: 9px;
        padding: 10px 7px;
    }
    .prog-count {
        font-size: 22px;
    }
    .progress-box-card,
    .shd-box-treasury {
        padding: 25px;
    }
    .gredient-round-2 {
        margin: 0px 0 0 10px;
    }
    .credit-payment-amo h3 {
        font-size: 17px;
        margin-top: 5px;
    }
    .golden-chip-card-no {
        padding: 10px 0;
    }
    .platinum_card-2-debit {
        max-height: 164px;
        padding: 17px;
    }
    .payment-request-tab .nav-link {
        font-size: 14px;
    }
    .getting-start-tab-wrap h3 {
        font-size: 26px;
    }
}

@media (max-width:370px) {
    .show-hide-search-filter {
        font-size: 11px;
    }
    .fillter-text {
        font-size: 14px;
    }
    .text-area-check-menus label {
        font-size: 11px;
    }
}

@media (max-width:360px) {
    .aed-box-card p {
        font-size: 11px;
    }
    .aed-box-card h2 {
        font-size: 29px;
    }
    .pay-repo h3 {
        font-size: 14px;
    }
    .pay-repo h3 br {
        display: none;
    }
    .status-pen-card {
        padding: 5px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 94px;
        left: 11px;
    }
    .role-w5 {
        width: 177px;
    }
    .action-btn-access {
        width: 89px;
    }
    .button_continue_dis button {
        font-size: 12px;
        margin-bottom: 10px;
        padding: 8px 23px;
        width: 100%;
    }
}

@media (max-width:351px) {
    .shd-cont p {
        font-size: 12px;
    }
    .shd-cont-flex,
    .two-btn-grp {
        flex-wrap: wrap;
    }
    .money-last-days-count {
        font-size: 12px;
    }
    .chart-note {
        margin-top: 15px;
    }
    .noti__item {
        margin-right: 8px;
    }
    .input_plac br {
        display: none;
    }
    .two-btn-grp button {
        width: 100%;
    }
    .two-btn-grp .go-back-btn-light {
        margin-bottom: 20px;
    }
    .account-payment-making-card .card-link {
        margin: 20px 0 0 9px;
    }
    .wire-transfer-card p {
        font-size: 11px;
    }
    .save-and-count-btn2 button {
        padding: 7px 0;
        font-size: 14px;
    }
    .issue-ca b {
        font-size: 21px;
    }
    .wallest-text-card {
        margin: 15px 0px;
    }
    .shortcut-links {
        font-size: 17px;
    }
    .file-dropzone-acc-creation label[for="et_pb_contact_brand_file_request_0"]:after {
        bottom: 94px;
        left: 9px;
    }
    .card-holder-field-agency label {
        font-size: 14px;
    }
    .action-btn-access {
        width: 100%;
    }
    .form-dawnload-sec .card {
        padding: 3px;
    }
    .role-w {
        width: 209px;
    }
    .role-w2 {
        width: 135px;
    }
    .cardholder-oprtaions .card {
        padding: 8px;
    }
    .preview-box2 h4 {
        font-size: 12px;
    }
    .shortcut-links {
        font-size: 15px;
    }
}

@media (max-width:320px) {
    .box-nn {
        padding: 0 10px;
    }
    .approvbnk {
        font-size: 10px;
    }
    .we-reviewing h3 {
        font-size: 22px;
    }
    .getting-start-tab-wrap h3 {
        padding-bottom: 0;
    }
    .create-card-btn {
        width: 100%;
        margin-top: 10px;
    }
    .button_bottom_card .create_card {
        width: 100%;
    }
    .edit-marchant-btn-role {
        font-size: 10px;
    }
}