/* Encode sans Font */
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* * {
    padding: 0;
    margin: 0;
} */
:root{
    --black:#000;
    --white:#fff;
}

body {
    font-family: 'Encode Sans', sans-serif;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.z-index-1 {
    z-index: 1;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-btn {
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
    border-radius: 5px;
}

.form-select:focus,
input:focus,
.form-control:focus {
    box-shadow: none;
    border-color: #000;
}

/* register css start */

/* .register-section{
    height: 100vh;
    overflow: hidden;
} */

.register-section .banner-box {
    height: 100vh;
    width: 100%;
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.register-section .banner-box::after {
    content: '';
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.register-section .regi-logo {
    width: 250px;
    position: relative;
    display: block;
    margin: auto;
    margin-bottom: 1rem;
}

.register-section .reg-left-text h1 {
    font-size: 56px;
    color: #e7e7e7;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}

.register-section .reg-left-text p {
    color: #e7e7e7;
    font-size: 28px;
    text-align: center;
}

.register-section .form-box {
    padding: 40px 80px;
    /* height: 100vh; */
    /* overflow: auto; */
    position: relative;
    background-color: #f5f5f5;
    margin: 40px 20px;
    border-radius: 10px;
}

.register-section .form-box .form::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.register-section .form-box .form::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.register-section .form-box .form::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.register-section .form-box .form::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.register-section .form-box h2 {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 14px;
}

.register-section .form-box .form-group label {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.register-section .form-box .form-group .form-control {
    height: 50px;
    border-radius: 5px;
    background-color: #fff;
    color: #656565;
    border: none;
}

.register-section .form-box .form-group .form-control::placeholder {
    color: #b6b6b6;
}

.register-section .form-box .form-check .form-check-label {
    color: #000;
    font-weight: 500;
}

.register-section .form-box .or-hr{
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-section .form-box .or-hr::after{
    content: '';
    border: 1px solid #dfdfdf;
    max-width: 150px;
    width: 100%;
    display: inline-block;
    margin-left: 10px;
}

.register-section .form-box .or-hr::before{
    content: '';
    border: 1px solid #dfdfdf;
    max-width: 150px;
    width: 100%;
    display: inline-block;
    margin-right: 10px;
}

.passkey-btn .btn{
    text-decoration: underline;
    text-underline-offset: 4px;
}

.passkey-btn img{
    width: 25px;
    height: 25px;
    mix-blend-mode: darken;
}

.register-section .ac-log {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #000;
}

.register-section .forget-btn {
    font-size: 16px;
}

/* .forget-section.register-section .regi-logo {
    margin-bottom: 220px;
} */

/* register css end */


/* Dashboard css start */

.dash-header {
    display: none;
    z-index: 1;
    position: sticky;
    top: 0;
    background-color: #fff;
    width: 100%;
    padding: 10px;
    padding: 15px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-header .head-profile img{
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 50%;
}
.dash-header .head-profile span{
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.dash-header .head-profile{
    display: flex;
    align-items: center;
    gap: 10px;
}

.dash-header .navbar-toggler img{
    height: 20px;
}

.dashboard-sec {
    display: flex;
    /* grid-template-columns: 15% 85%; */
    min-height: 100vh;
}

.dashboard-sec .collapsing{
    transition: unset;
}

.dashboard-sec .fix-left-side {
    background-color: #fff;
    padding: 10px;
    width: 300px;
    flex-shrink: 0;
    border-right: 1px solid #cfcfcf;
    position: fixed;
    height: 100%;
    z-index: 2;
    top: 0;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
}
.dash-header.collapsing{
    transition: unset;
}
.mobile-toggle{
    display: none;
    text-align: end;
    font-size: 20px;
}

.dashboard-sec .fix-left-side .inner-box .box {
    background-color: #000;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 7px 9px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    display: block;
}

.dashboard-sec .fix-left-side .inner-box .box:last-child {
    margin: 0;
}

.dashboard-sec .fix-left-side .logo {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.dashboard-sec .fix-left-side .logo img {
    width: 180px;
    height: auto;
    margin: auto;
    object-fit: contain;
}

.dashboard-sec .fix-left-side .inner-box .user-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-sec .fix-left-side .inner-box .user-box i {
    font-size: 20px;
    color: #fff;
}

.dashboard-sec .fix-left-side .inner-box .user-box .image-box {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.dashboard-sec .fix-left-side .inner-box .user-box h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.dashboard-sec .fix-left-side .menu-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
    height: 70vh;
    overflow: auto;
    padding: 0 5px;
}

.dashboard-sec .fix-left-side .menu-list::-webkit-scrollbar {
    width: 5px;
}

.dashboard-sec .fix-left-side .menu-list::-webkit-scrollbar-track {
    background-color: #cfcfcf;
    border-radius: 5px;
}

.dashboard-sec .fix-left-side .menu-list::-webkit-scrollbar-thumb {
    background-color: #000;
}

.dashboard-sec .fix-left-side .menu-list .menu-link {
    display: flex;
    align-items: center;
    gap: 10px 15px;
    color: #000;
    padding: 10px;
    transition: 0.5s all;
}
.dashboard-sec .fix-left-side .menu-list .menu-link-power{
position: absolute;
bottom: 10px;
left: 1.5rem;
}
.dashboard-sec .fix-left-side .menu-list .menu-link:hover {
    background-color: var(--black);
    border-radius: 5px;
    color: var(--white);
}

.dashboard-sec .fix-left-side .menu-list .menu-link i {
    font-size: 18px;
}
.dashboard-sec .fix-left-side .menu-list .menu-link svg{
 width: 20px;
}
.dashboard-sec .fix-left-side .menu-list .menu-link.active svg path{
    fill: white;
    stroke: #fff;
}

.dashboard-sec .fix-left-side .menu-list .menu-link span {
    font-size: 16px;
}

.dashboard-sec .main-right-box {
    width: 100%;
    padding: 40px;
    background-color: #f7f7f7;
    margin-left: 300px;
    overflow: hidden;
}
table tr, table th, table td{
    min-width: 160px;
}

.dashboard-sec .table-responsive .table-btn{
    background: var(--white);
    border: 1px solid var(--black);
    padding: 4px 11px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    color: var(--black);
    margin-left: 10px;
}
.dashboard-sec .main-right-box .sec-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    /* justify-content: center; */
    /* border-radius: 50%; */
    /* overflow: hidden; */
    /* background-color: #000; */
    /* background-color: var(--black); */
    /* flex-shrink: 0; */
}



.max-width {
    max-width: 700px;
    margin: auto;
}

.dashboard-sec .account-verify .account-activation-box {
    /* border: 1px solid #000; */
    border-radius: 10px;
    padding: 15px 20px;
    background-color: #fff;
    /* box-shadow: 0px 7px 9px 0 rgba(0,0,0,0.5); */
}

.dashboard-sec .account-verify .account-activation-box h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #000;
}

.dashboard-sec .account-verify .account-activation-box .step-box {
    /* padding: 5px 10px; */
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
}

.dashboard-sec .account-verify .account-activation-box .step-box progress {
    width: 100%;
    accent-color: #000;
}

.dashboard-sec .account-verify .add-details {
    /* border: 1px solid #000; */
    /* border-radius: 5px; */
    /* padding: 10px; */
    margin-top: 30px;
}

.dashboard-sec .account-verify .add-details .box {
    /* border: 1px solid #000; */
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.dashboard-sec .account-verify .add-details .box:last-child {
    margin: 0;
}

.dashboard-sec .account-verify .add-details .box h3 {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

.dashboard-sec .account-verify .add-details .box p {
    font-size: 16px;
    color: #000;
}

.dashboard-sec .account-verify .add-details .box i {
    color: #000;
    font-size: 16px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    border-radius: 50%;
    /* box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.5); */
    transition: 0.5s all;
}

.dashboard-sec .account-verify .add-details .box i:hover {
    background-color: #000;
    color: #fff;
}

.dashboard-sec .account-verify .main-btn {
    margin-top: 30px;
}

.back-btn {
    color: #000;
    margin-bottom: 15px;
    display: block;
    border: none;
}

.back-btn i {
    font-size: 18px;
    margin-right: 10px;
}

.back-btn span {
    font-size: 18px;
    font-weight: 500;
}

.main-card .card {
    padding: 15px 20px;
    border: none;
    border-radius: 10px;
}

.main-card .card h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #000;
}

.form .form-group label {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.form .form-group .form-control {
    height: 50px;
    border-radius: 5px;
    background-color: #fff;
    color: #656565;
    border: none;
}

.loader {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    z-index: 1;
}

.loader img {
    height: 200px;
}

/* Dashboard css end */

/* page not found */
.page-note-found {
    padding: 50px 0;
    height: 100vh;
    text-align: center;
}

.page-note-found .image-box {
    max-width: 800px;
    width: 100%;
    height: fit-content;
    margin: 0 auto 20px;
}

.page-note-found .image-box img {
    width: 70%;
    height: 70%;
    object-fit: contain;
}

.page-note-found .btn {
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    max-width: 300px;
    width: 100%;
    text-decoration: none;
    font-size: 24px;
    font-weight: 500;
    display: block;
    text-align: center;
    margin: auto;
}

.status {
    /* background-color: #d2ffe8; */
    color: #00391c;
    border-radius: 10px;
    padding: 6px;
    text-align: center;
}

.phone-input .PhoneInputInput {
    height: 35px;
    border: none;
    padding: 5px 10px;
}

.phone-input .PhoneInputInput:focus,
.phone-input .PhoneInputInput:focus-visible {
    border: none;
    outline: none;
}

/* new dashboard */

.card {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.card .card-header {
    padding: 15px 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.card .card-header .card-title , .p-datatable .p-datatable-header h4 {
    font-size: 18px;
    font-weight: 600;
}

.p-datatable-header{
    background-color: #fff;
    border-top: 0;
}

.p-datatable .p-datatable-thead > tr > th{
    background-color: #fff;
}

.p-datatable .p-datatable-header .p-inputtext{
    padding: 6px 10px 6px 40px;
}

.card .card-header .form-select {
    width: fit-content;
}

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

.card .card-footer {
    background-color: #fff;
    padding: 15px 20px;
}

.common-layout-top .card {
    height: 100%;
}

.common-layout-top .image-box {
    height: 100%;
    width: 100%;
}

.common-layout-top ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    width: 100%;
    /* justify-content: center; */
}

.common-layout-top ul li:last-child {
    margin: 0;
}

.common-layout-top ul li i {
    background-color: #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
}

.common-layout-top ul li span {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.common-layout-top ul li span i{
    color: #000;
    background-color: #fff;
}
/* .common-layout-top .balance-box .form-select {
    width: fit-content;
    border: none;
    color: #000;
} */

.common-layout-top .balance-box {
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.common-layout-top .balance-box h2{
    font-size: 24px;
    font-weight: 700;
}

.common-layout-top .balance-box span {
    font-weight: 600;
}

.common-layout-top .balance-box .money-count {
    font-size: 20px;
    font-weight: 600;
    gap: 5px;
    margin-top: 10px;
}

.common-layout-top .balance-box .money-count i {
    font-size: 18px;
}

.g-10 {
    gap: 10px;
}

.more-btn {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    width: fit-content;
    margin: auto;
}

.more-btn:hover {
    color: #000;
}

table tr,
table th,
table td {
    border: none;
}

table .ac-name {
    display: flex;
    align-items: center;
    gap: 15px;
}

table .ac-name .image-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
}

table .ac-name .text {
    font-size: 18px;
}

table .ac-name .label {
    background-color: #dfdfdf;
    color: #000;
    font-size: 14px;
    padding: 3px 7px;
    border-radius: 5px;
}

table .ac-name p {
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.card .no-data-card {
    height: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #a5a5a5;
}

.payment-nav {
    background-color: #fff;
    padding: 0 20px;
    border: none;
    margin-bottom: 30px;
    border-radius: 10px;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden;
}

.payment-nav .nav-item .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #a5a5a5;
    font-size: 18px;
    font-weight: 500;
    white-space: pre;
}

.payment-nav .nav-item .nav-link.active {
    border-color: #000;
    color: #000;
}

.r-opt {
    display: flex;
    align-items: center;
    gap: 15px;
}

.r-opt .bar-filer {
    width: 20px;
    height: auto;
    cursor: pointer;
}

.r-opt i {
    font-size: 20px;
    color: #000;
    cursor: pointer;
}

.pagination {
    justify-content: end;
    gap: 40px;
    align-items: center;
}

.pagination .item-per-page {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pagination .item-per-page span {
    font-size: 16px;
    color: #000;
}

.pagination .item-per-page .form-select {
    width: fit-content;
}

.pagination .pagi-arrow {
    display: flex;
    gap: 40px;
}

.pagination .pagi-arrow i {
    cursor: pointer;
}

.user-show {
    padding: 30px;
    text-align: center;
}

.user-show i {
    font-size: 28px;
    margin-bottom: 15px;
}

.user-show h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

.user-show p {
    font-family: 22px;
    font-weight: 400;
    margin-bottom: 0px;
}

.card .details-box .box {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.card .details-box .box:last-child {
    margin-bottom: 0px;
}

.card .details-box .box .image-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #000;
    flex-shrink: 0;
}


.card .details-box .box .image-box i {
    color: var(--white);
    font-size: 20px;
}

.card .details-box .box h3 {
    font-size: 14px;
    color: #a5a5a5;
    margin-bottom: 5px;
}

.card .details-box .box p {
    color: #000;
    font-size: 18px;
}

.edit-btn {
    cursor: pointer;
}

.card .card-header .nav-pills .nav-link {
    color: #a5a5a5;
    font-size: 18px;
    font-weight: 500;
}

.card .card-header .nav-pills .nav-link.active {
    background-color: transparent;
    color: #000;
}

.card .card-body .loader{
    height: 20vh !important;
}

.card .card-body .loader svg{
    width: 30px;
}

/* .card .card-body .text-center{
    text-align: center!important;
} */

.btn-primary {
    background-color: #000;
    border-color: #000;
}

.btn-primary:hover {
    background-color: #3f3f3f;
    border-color: #3f3f3f;
}

.modal .form-group label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
}

.dashboard-sec .account-verify .add-details.kyc-suc .box i{
    background-color: transparent;
    font-size: 20px;
    color: #008000;
    width: unset;
    height: unset;
    cursor: text;
}

.modal-title{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0px 
}

.modal-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.modal-btn-group button{
    border: 1px solid #ced4da;
    background: none;
    border-radius: 6px;
    padding: 20px 40px;
    font-size: 18px;
    font-weight: 600;
}
.money-transfer-modal .modal-dialog{
  max-width: 650px;
}
.money-transfer-modal.modal-option-wrp .modal-dialog{
    max-width: 1100px;
}
.money-transfer-modal.modal-option-wrp{
    padding: 0 15px !important;
}
.money-transfer-modal .modal-body{
    padding: 30px;
}
.money-transfer-modal .modal-header{
    padding: 15px 30px;
}
.option-title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.money-form-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}
/* .money-transfer-box label{
    font-size: 15px;
    color: #000;
    margin-bottom: 8px;
} */
.money-transfer-box .form-control , .money-transfer-box select {
    padding: 10px 15px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #ced4da;
    width: 100%;
    min-height: 42px;
    list-style: none;
}
.money-transfer-box input::placeholder{
    color: #000;
}
.money-transfer-box {
    border: 1px solid #ced4da;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
}
.money-transfer-box textarea{
    max-height: 350px;
    overflow: auto;
}
.money-transfer-modal .form-group label{
    display: block;
}
.payment-btn button{
    border: 1px solid var(--white);
    background: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 600;
    background: var(--black);
    color: var(--white);
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.p-button{
    border: 1px solid var(--white);
    background: var(--black);
    color: var(--white);
    font-weight: 500;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.p-button-label{
    font-weight: 500;
}

.custom-radio .form-check{
    padding: 0;
}

.custom-radio .form-check input{
    display: none;
}

.custom-radio .form-check input:checked + label{
    background-color: #000;
    color: #fff;
}

.custom-radio .form-check label{
    margin: 0;
    padding: 10px 20px;
    border: 1px solid transparent;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer;
}

/* .p-component-overlay{
    background-color: unset !important
} */

.loading-circle .p-datatable-wrapper{
    min-height: 200px;
}

.loading-circle.p-datatable .p-datatable-loading-overlay{
    height: auto;
    top: 50%;
    background-color: #fff;
}

.modal-dropdown-panel{
    z-index: 1100 !important;
}


.dashboard-sec .fix-left-side .menu-list .accordion-button{
    background-color: transparent;
    border: none;
    box-shadow: none !important;
    cursor: pointer;
}

.dashboard-sec .fix-left-side .menu-list .accordion-button:hover{
    background-color: transparent !important;
    color: #000 !important;
}

.dashboard-sec .fix-left-side .menu-list .accordion-body{
    padding: 10px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.money-transfer-box .border-box{
    border: 1px solid #000;
    padding: 10px;
    border-radius: 5px;
    margin: auto;
    max-width: 200px;
    max-height: 200px;
}


.money-transfer-box .border-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dashboard-sec .fix-left-side .menu-list .accordion-button:not(.collapsed)::after{
    filter: grayscale(1);
}

.document-box .view-box{
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    margin-right: 10px;
}

.document-box .inner-box{
    width: 80%;
}

.document-box .view-box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.document-box span{
    word-break: break-word;
}
.document-box button{
    width: 30px;height: 30px;
}

.security-box .box{
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    align-items: center;
    gap: 15px;
}

.security-box .box:last-child{
    margin: 0;
    padding: 0;
    border: none;
}

.security-box .box .left{
    gap: 15px;
}

.security-box .box .left .fa-key{
    font-size: 22px;
    margin-top: 7px;
}

.security-box .box .left h3{
    font-size: 20px;
}

.security-box .box .left p{
    font-size: 15px;
}

.card-main-title .sec-title{
    margin-bottom: 15px !important;
}

.card-main-title p{
    font-size: 18px;
    margin-bottom: 20px;
}

.lsit-fill{
 display: flex;
 justify-content: space-between;
 align-items: center;
 background-color:  #e5e7eb;
 padding: 15px 10px;
 border: none;
 flex-wrap: nowrap;
 overflow: auto;
 overflow-y: hidden;
}
.lsit-fill .payment-nav{
    background-color: transparent;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.lsit-fill  .payment-nav .nav-item .nav-link{
    font-size: 16px;
    padding: 5px 10px;
}
.payment-nav .nav-item .nav-link.active{
    border: 0;
    background-color: transparent;
}
.filt-drp .all-acc{
    appearance: auto;
}
.filter-div{
    display: flex;
    gap: 15px;
    align-items: center;
}
.search-inp{
   position: relative;
}
.serc-icon{
    position: absolute;
    right: 11px;
    top: 7px;
}
.payment-new .card{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.payment-new .card .card-header{
padding: 15px;
}
.payment-new .card .card-header .headername{
    font-size: 15px;
    font-weight: 600;
}
.payment-new .table{
    margin-bottom: 0;
}
.payment-new table tr,.payment-new table th,.payment-new table td{
border: 1px solid #f5f5f5;
padding: 10px;
border-collapse: collapse;
font-size: 15px;
color: #4b5563;
}
.payment-new tr:nth-child(even) {
background-color: #f8f8fa;
}
.payment-new  .icon-stat{
    text-align: center;
    vertical-align: middle;
}
.payment-new  .table>tbody{
    vertical-align: middle;
}
.payment-new  .icon-stat img{
    width: 25px;
    height: auto;
}
.payment-new .action-icon{
    display: flex;
    align-items: center;
    gap: 10px;
}
.payment-new .action-icon .view-icon {
    border: 1px solid #ddd;
    padding: 8px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.payment-new .action-icon .view-icon img{
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.payment-new .accot-detail .name{
    font-weight: 600;
    margin-bottom: 10px;
}
.payment-new .accot-detail .acc-no
{
    margin-bottom: 10px;
}
.payment-new .acc-label .internal-label{
    background-color: #22c55e;
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    padding: 0.25rem 0.4rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.payment-new .acc-label .external-label{
    background-color: #f97316;
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    padding: 0.25rem 0.4rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
/* .payment-new .table>:not(caption)>*>*{
    padding: 0;
} */
.payment-new  .card .card-body{
    padding: 0;
}
.react-datepicker-wrapper .react-datepicker__input-container input:focus-visible {
    outline: none;
}
.react-datepicker-wrapper .react-datepicker__input-container input{
    display: block;
    width: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* 6 digit input otp */
#otp-input {
    display: flex;
    gap: 0.5em;
}
#otp-input input {
    width: 2.5em;
    padding: 0.5em 0;
    font-family: monospace;
    font-size: 1em;
    text-align: center;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}
/* hide spinner */
#otp-input input::-webkit-outer-spin-button,
#otp-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#otp-input input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
#otp-input input:focus-visible 
{
outline: none;
}
.two-auth .two-num{
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: #e1e1e1;
    color: #000;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.money-transfer-modal .two-auth .form-group{
    display: flex;
    margin-bottom: 10px;
}
.money-transfer-modal .two-auth .form-group img{
    width: 200px;
    height: auto;
}
.money-transfer-modal .two-auth .form-group label{
    margin-bottom: 15px;
}

.tab-content .card-main-title .sec-title{
    font-size: 22px;
    font-weight: 600;
}
.card-border{
    border: 1px solid #dddddd;
}
.authentication-section{
padding:30px;
border-radius: 10px;
border: 1px solid #ddd;
}
/* .money-trs-border li{
    display: block !important;
} */
.common-layout-top ul li span{
    font-size: 15px;
    min-width: 159px;
}
.common-layout-top .balance-box h2 {
font-size: 16px;
}
.common-layout-top .balance-box span{
    font-size: 15px;
}
.common-layout-top ul li p{
    font-size: 13px;
}
.copy-number{
    display: flex;
    align-items: center;
    gap: 2px;
}
.copy-number a i{
    background: none !important;
    color: #000 !important;
    height: auto !important;
}
/* .money-trs-border{
    border-right: 1px solid #000;
} */
.border-wrp:last-child .money-trs-border{
    border: 0;
}
.common-layout-top .money-trs-border li{
  margin-bottom: 0;
}
/* .p-dialog .p-dialog-footer{
    text-align: left !important;
  }
  .dashboard-sec .table-responsive .table-btn:disabled{
    cursor: not-allowed;
  } */
  /* .p-dialog .p-dialog-footer button{
    margin-right: 10px;
    background: transparent;
    border: 1px solid;
    padding: 4px 11px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
  }
  .p-dialog .p-dialog-footer .p-button.p-button-danger{
    color: #ffffff;
    background: #ef4444;
    border: 1px solid #ef4444;

  } */

  .custom-spinner {
    width: 100px; 
    height: 100px; 
    border: 6px solid rgba(181, 174, 174, 0.2); 
    border-radius: 50%;
    border-top: 6px solid transparent; 
    animation: spin 1.5s linear infinite;
    margin-left: 26%;
  }
  
  @keyframes spin {
    100% {
      transform: rotate(360deg);
    }
  }
  
  .brand-logo {
      margin-bottom: 1rem;
      text-align: center;
  }
  .brand-logo.powerd-by-text .powered-by {
    font-size: 15px;
}
.brand-logo.powerd-by-text img {
    width: 80px;
}

.radio-select-boxes input[type="radio"] {
    display: none;
}
.radio-select-boxes label {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
}
.money-transfer-modal .radio-select-boxes input[type="radio"]:checked+label {
    border: 1px solid #000;
    color: #000;
}
.money-transfer-modal .radio-select-boxes .form-check{
    padding-left: 0;
    width: 100%;
}