:root {
    --primary-color: #fff;
    /* try #212121 also for dark mode */
    --background-color: #212121;
    --font: sans-serif;
}


@font-face {
    font-family: Sora;
    src: url(/assets/font/sora/Sora-Bold.ttf);
}

@font-face {
    font-family: Sora-regular;
    src: url(/assets/font/sora/Sora-Regular.ttf);
}

@font-face {
    font-family: Inter;
    src: url(/assets/font/inter/Inter-Regular.otf);
}

#rate_for_today {
    font-weight: bold;
}

#final_step {
    /*display: none;*/
}

#convert-two {
    display: none;
}

.convert-receiving-am {
    background: #D4D5FF !important;
    border: 1px solid #5400EC !important;
    border-radius: 8px !important;
}

.convert-receiving-am-convert {
    background: #F4F2FD !important;
    border: 1px solid #7253F5 !important;
    border-radius: 8px !important;
}

.convert-rec-text {
    color: #5400EC !important;
}

.f-18 {
    font-size: 18px !important;
}

.cac-section-two {
    display: none;
}

.cancel-cac {
    display: flex;
    width: 48%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    text-decoration: none;
    color: #000000;
    padding: 15px 0;
    cursor: pointer;
    border: 1px solid #303030;
    border-radius: 4px;
    background: #ffffff;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
}

.main-container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.link-title {
    color: #000;
    text-align: center;
    font-family: Sora;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.expired-text {
    display: flex;
    align-items: center;
    margin-top: 14px;
    color: #858585;
    text-align: center;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    justify-content: center;
    margin-bottom: 28px;
}

.margin-top-56 {
    margin-top: 56px;
}

.text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 300;
    font-size: 11.774px;
    line-height: 15px;
    color: #B0B0B0;
    margin-right: 5px;
}

.to-home {
    border-radius: 4px;
    background: #7D55E5;
    display: flex;
    align-items: center;
    margin-top: 44px;
    padding: 12px 32px;
    color: #FFF;
    text-align: center;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
}

.to-home:hover {
    color: #FFF;
}

.main-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75vh;
}

.powered-by-wrapper {
    margin-top: auto;
    position: sticky;
    bottom: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 5vh;
}

.powered-by-wrapper-qr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-content-breakdown-border-qr {
    border-radius: 25px;
    border: 1px solid #DCDCE2;
    background: #FFF;
    padding: 48px 71px 121px 71px;
    margin-top: 68px;
}

.method-qr {
    border-radius: 8px;
    border: 1px solid #D5D5DE;
    background: #FFF;
    width: 48%;
    display: flex;
    height: 59px;
    padding: 20px;
    align-items: center;
}

.main-content-wrapper-qr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-checkbox {
    margin-right: 8px;
}

.qr-labels {
    color: #000;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 143.5%;
}

.pay-qr {
    display: flex;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin: 42px 0;
    border-radius: 8px;
    color: var(--grey-50, #F7F8F9);
    font-family: 'Sora';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    border: none;
    background: #c6c7c7;
    cursor: pointer;
}

.field-wrapper {
    margin-top: 48px;
}

.field-label {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 9px;
}

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

.qr-amount {
    border-radius: 8px;
    border: 1px solid #D5D5DE !important;
    background: #FFF;
    padding: 13px;
    color: #000000;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 143.5%;
}

.qr-img {
    /*text-align: center;*/
}

.long-table {
    overflow-x: auto;
    white-space: nowrap;
    display: block;
}

.scroll-table-main {
    /*overflow: hidden;*/
    /*overflow-x: scroll;*/
    overflow-x: auto;
}

.powered-by-wrapper-broken {
    margin-top: auto;
    position: sticky;
    bottom: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 25vh;
}

.main-content-breakdown {
    height: 95vh;
}

.t-breakdown-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    display: flex;
    align-items: center;
    color: #A3ACA3;
}

.t-value-breakdown {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 4px;
}

.transaction-breakdown {
    padding: 28px 35px;
    border-radius: 9px;
    border: 1px solid #D2C4F6;
    background: #FBFCFD;
}

.transaction-breakdown-cancel {
    background: #FAF8F7;
    border: 1px solid #F8B44E;
    border-radius: 9px;
    padding: 28px 35px;
}

.t-breakdown-btn {
    width: 202px;
}

.t-breakdown-btn-canceled {
    width: 236px;
}

.t-breakdown-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.t-btn-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-cac {
    width: 48%;
    flex-direction: row;
    justify-content: center;
    background: #000000;
    border-radius: 4px;
    margin-top: 32px;
    text-decoration: none;
    padding: 15px 0;
    cursor: pointer;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.final-submission {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px;
}

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

/* @font-face {
    font-family: Sora;
    src: url(/brace/joinceda/assets/font/sora/Sora-Bold.ttf);
}

@font-face {
    font-family: Sora-regular;
    src: url(/brace/joinceda/assets/font/sora/Sora-Regular.ttf);
}

@font-face {
    font-family: Inter;
    src: url(/brace/joinceda/assets/font/inter/Inter-Regular.otf);
} */

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: inherit;
}

.hidden {
    display: none;
}

/*toast*/
.flexBar {
    display: none;
}

#close {
    display: none;
}

.show-on {
    display: none;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 2000;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

.otp-section-convert {
    display: none;
}

.success-section-convert {
    display: none;
}

.w-700 {
    font-weight: 700;
}

.w-500 {
    font-weight: 500;
}

.soraFont {
    font-family: 'Sora', sans-serif;
}

.interFont {
    font-family: "Inter", sans-serif;
}

.buttonText {
    font-size: 12px !important;
    line-height: 14px !important;
}

.bgPurple {
    background: #5E3EEB !important;
}

.bgBlue {
    background: #2e74cc !important;
}

.full-height {
    height: 100vh;
}

#snackbar.showToast {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.nav-item-ceda a:hover {
    font-weight: 700 !important;
    color: #000000;
}

a.nav-bold:hover {
    font-weight: 700 !important;
    color: #000000;
}

/* The Modal (background) */
.mymodal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    margin: 0 auto;
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.mymodal-h {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    margin: 0 auto;
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */


.modal-content {
    background-color: #FFFFFF;
    margin: auto;

    /*padding: 20px;*/
    border: 1px solid #888;
    width: 40%;
    border-radius: 8px;
}

.modal-content-h {
    background-color: #FFFFFF;
    margin: auto;

    /*padding: 20px;*/
    border: 1px solid #888;
    width: 50%;
    border-radius: 0px;
}

.modal_head {
    background: #EFECFD;
    text-align: center;
    padding-bottom: 42px;
    padding-top: 42px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.modal_head-h {
    background: url('/assets/images/modal-bg.png'), #EFECFD;
    padding: 42px 90px;
}

.modal-title-h {
    padding: 47px 90px;
    padding-right: 80px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 160%;
    color: #000000;
}


.modal-flex {
    display: flex;
    justify-content: space-between
}

.modal-heading-h {
    font-family: 'Sora';
    font-weight: 600;
    font-size: 44.1055px;
    line-height: 93.1%;
    padding-top: 10px;
}

.modal-text-h {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    margin-top: 16px;
}

.modal-heading {
    font-family: 'Sora';
    font-size: 24px;
}

.icon-faq {
    /* : normal; */
    font-weight: 600;
    font-size: 24px;
    line-height: 93.1%;
}

.modal-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 93.1%;
    margin-top: 16px;
}

.modal_body-h {
    padding: 0px 50px;
    padding-bottom: 103px;
}

.modal_body {
    padding: 36px 71px;
}

.coming-soon-img {
    width: 100%;
    margin-top: 25px;
}

.title-input-h {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 3px !important;
}

.mt-20 {
    margin-top: 2px !important;
}

.mt-price {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.font-10 {
    font-size: 10px;
    line-height: 14px;
}

.mt-30 {
    margin-top: 30px !important;
}

.mtb-30 {
    margin: 30px 0;
}

.title-input {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.complete-t {
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
}

.text-14 {
    font-size: 14px !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.img-center {
    margin-top: 30px;
    margin-left: 15px;
}

.sign-img3 {
    width: 120px;
}

.sign-img2 {
    width: 80px;
}

.account-no-h {
    border: 1px solid #DDDDDD !important;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    margin-bottom: 8.9px;
}

.account-no-h::placeholder {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 143.5%;
}

.account-no {
    border: 1px solid #DDDDDD !important;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

.account-no::placeholder {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 143.5%;
}

.share-main-wrapper {
    display: none;
}

/* The Close Button */
.close-modal-h {

    background: #C6BEE9;
    color: #000000;
    cursor: pointer;
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    font-size: 48px;
    font-weight: 400;

}

.close-modal-h span {

    position: relative;
    top: -7px;
}

.close-modal {

    background: rgba(255, 255, 255, 0.5);
    color: #000000;
    border-radius: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 400;
}

.close-modal span {

    position: relative;
    top: -7px;
}

.close,
.closeDepositModal {
    float: right;
    font-size: 1.0rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.cross-bt-ty {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin-bottom: 30px;
    border: 0;
    padding: 5px 7px;
}

.closeSign {
    margin-bottom: 30px;
    cursor: pointer;
    background-color: #fff !important;
    border-radius: 50%;
}

.cedaMoney {
    background: #E5EBF5;
    border-radius: 18px;
    padding: 10px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #1E1E1E;
}

th.blt {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #1E1E1E;
}

.withdraw-third-part {
    display: none;
}

.acc-info-withdraw {
    text-align: center;
}

.withdraw-second-part {
    display: none;
}

.confirmation_code {
    padding: 12px;
    border-radius: 10px;
}

.content-wrapper-withdraw {
    padding: 100px 116px 59px 116px;
    background-color: #F8F9FD;
}

.confirm-withdraw {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #1E1E1E;
    text-align: center;
    margin-bottom: 24px;
}

.estimate {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10.6721px;
    line-height: 13px;
    text-align: right;
    color: #5400EC;
}

.withdraw-final- {
    display: none;
}

.receiving-info {
    border: 1px solid #B1B4BF;
    border-radius: 8px;
    padding: 20px 28px;
    margin-bottom: 40px;
}

.code-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #1E1E1E;
    margin-bottom: 24px;
}

.receive-text-withdraw {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    text-align: center;
    margin-bottom: 12px;
}

.receiving-amount-withdraw {
    background: #F8F9FD;
    border: 1px solid #B1B4BF;
    border-radius: 8px;
    text-align: center;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 30.0723px;
    line-height: 38px;
    color: #000000;
    padding: 20px;
    margin-bottom: 24px;
}

.acc-and-name-withdraw {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #1E1E1E;
    margin-bottom: 8px;
    margin-top: 16px;
}

.bank-name-withdraw {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #9A9A9A;
}

.withdraw-final-part {
    display: none;
}

.cac-done-wrapper {
    margin: 70px 150px;
}

.cac-done {
    display: none;
}

.cac-wrapper {
    background-color: #ffffff;
    padding: 129px 210px;
    border-radius: 8px;
}

.success-wrapper {
    text-align: center;
}

.success-img {
    margin-bottom: 15px;
}

.check-dash {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #A2A2A2;
    margin-top: 4px;
}

.complete-trans-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
}

.withdraw-final- {
    display: none;
}

.content-info {
    background: #fff;
    padding: 30px 116px;
}

.content-info-deposit {
    background: #fff;
    padding: 48px 119px;
}

.title_deposit_amount {
    color: #B1B5C8;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/*toast end*/
.container {
    max-width: 1440px;
    padding-left: 184px;
    padding-right: 184px;
}

.acc_ {
    position: relative;
    text-align: center;
    font-size: 20px;
    background: #cce5ff;
    padding: 20px;
    border-radius: 10px;
    font-weight: bold;
    font-family: 'Sora';
    cursor: pointer;
}

.next-deposit-amount {
    background: #000000;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
}

.next-deposit-amount-gen {
    background: #000000;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
}

.cancel-deposit {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    margin-top: 12px;
}

.cancel_deposit_amount {
    cursor: pointer;
}

.cancel_deposit_amount_req {
    cursor: pointer;
    background: none;
    border: none;
}

.cancel_deposit_amount_req:hover {
    cursor: pointer;
    background: none;
    border: none;
}

.content-withdraw {
    padding: 80px 243px !important;
}

.click_to_copy {
    font-size: 11px;
    font-weight: normal;
    font-family: 'Sora';
}

.acc_:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.acc_ .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 48%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
}

.acc_number {
    display: none;
}

.confirm_it {
    display: none;
}

.acc_ {
    font-size: 24px;
    font-weight: bold;
}

.description-gl {
    background: none;
    padding: 20px;
    border: 1px solid #eee !important;
    font-size: 12px;
}

.acc_ .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.container-header {
    /*max-width: 1440px;*/
    padding-left: 104px;
    padding-right: 104px;
    margin-left: auto;
    margin-right: auto;
}

.privacy-footer {
    justify-content: left;
}

.convert-wrapper-main {

    margin: 0 25px;
}

.convert-most-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-main {
    text-align: center;
}

.convert-right-most {
    text-align: center;
}

.convert-title {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #313131;
    width: 15%;
    justify-content: center;
}

.convert-right-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
}

.currency-name {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #313131;
}

.dropdown-convert-wrapper {
    width: 15%
}

.my-header {
    padding-left: 0px;
    padding-right: 0px;
}

.live-chat {
    padding-left: 6px;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
}

* {
    font-family: sans-serif;
}

.ceda-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 16.19px;
}

.start-justify {
    justify-content: flex-start !important;
}

.items-center {
    justify-items: center;
}

.estimated-deli {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #858585;
}

.estimated-time {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10.6721px;
    line-height: 13px;
    margin-top: 6px;
    padding: 10.75px 8.62px;
    background: #D5D5FF;
    border-radius: 64.7951px;
}

.estimated-time-convert {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10.6721px;
    line-height: 13px;
    margin-top: 6px;
    padding: 10.75px 8.62px;
    background: #FFF4DF;
    border-radius: 64.7951px;
}

.et-text-convert {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #858585;
    margin-right: 6px;
}

.estimate-time-convert {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ceda-rate-in-percent {
    width: 99px;
    height: 35px;
    background: #F4F2FD;
    border-radius: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.estimate-convert {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10.6721px;
    line-height: 13px;
    text-align: right;
    color: #C77E00;
}

.estimated-time img {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10.6721px;
    line-height: 13px;
    color: #5400EC;
}

.et-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #858585;
    margin-right: 6px;
}

.estimate-time-withdraw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 29px;
    margin-top: 22px;
}

.getting-am-wrapper {
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    background: #fff;
    padding: 10px 16px;
}

.receiving {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9A9A9A;
}

.actual_amount {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    padding-top: 10px;
}

.cancel-withdraw {
    padding: 16px;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    font-family: Sora;
    border: 1px solid #949494;
    border-radius: 4px;
    margin-top: 12px !important;
    text-align: center;
    background: #fff;
    color: #000000;
}

footer {
    margin-top: auto;
}

.required {
    color: red;
    font-size: 16px;
}

.ref-td {
    border: none !important;
}

/*******************Header********************/
.logo-wrapper {
    width: 20%;
    padding-left: 104px;
}

.mt-convert {
    margin-top: 8px !important;
}

.mt-convert-i {
    margin-top: 11px !important;
}

.convert-content {
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    width: 49%;
    display: flex;
    align-items: center;
    padding: 18px 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.auth-field-withdraw {
    width: 39px;
    height: 28px;
    margin-right: 4px;
    text-align: center;
}

.field-wrapper-auth-withdraw {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.auth-field-withdraw {
    width: 52px;
    height: 57px;
    border: 1px solid #000000;
    border-radius: 8px;
    margin-right: 10px;
}

.field-wrapper-auth-withdraw {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0rem;
}

.dropdown-header-main {
    width: 100%;
    border: none;
    background: #FFFFFF;
    box-shadow: 0px 44px 97px rgb(0 0 0 / 8%);
    padding: 55px 0;
}

.dropdown-list-item-ceda {
    display: flex;
    align-items: center;
}

.alc {
    align-items: center;
}

.list-name-ceda {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #313131;
}

.header-main-ceda {
    padding: 1rem 8rem 1rem 8rem !important;
    align-items: center;
    width: 100%;
    position: fixed;
}

.login-account {
    text-decoration: none;
    width: 160.38px;
    background-color: #ffffff;
    border-radius: 4.75983px;
    padding: 12px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 13.4753px;
    line-height: 143.5%;
    text-align: center;
    border: 2px solid #DEDBEC;
    border-radius: 4px;
    color: #1E1E1E;
    transition: 1s;
}

.login-account:hover {
    color: #8275EB;
}

.nav-ceda,
a.nav-ceda {
    font-family: Sora-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;

    color: #313131;
    cursor: pointer;
}

.sora-bold {
    font-family: Sora !important
}

/*.nav-ceda:hover, a.nav-ceda:hover {*/
/*    font-weight: 500;*/
/*    color: #000000;*/
/*}*/

.collapse-wrapper {
    width: 80%;
}

.navbar-wrapper {
    display: flex;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
}

.nav-item-ceda {
    padding: 0px 10px;
}

.convert-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hero-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hero-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/***************Footer**************/
.main-footer {
    background: #ffffff;
    padding: 104px 0;
}

.bottom-row-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 66px;
    flex-wrap: wrap;
}

.left-content-footer {
    display: flex;
    align-items: center;
    width: 80%;
    flex-wrap: wrap;
}

.footer-right {
    cursor: pointer;
    width: 12%;
}

.footer-rightr {
    cursor: pointer;
    width: 16%;
}

.link-item {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 93.1%;
    display: flex;
    align-items: center;
    color: #1E1E1E;
}

.footer-left {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.right-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 154.6%;
    color: #1E1E1E;
}

.footer-border {
    border-top: 1px solid #9F9F9F;
    margin-top: 75px;
    padding-bottom: 75px;
}

.border-bottom {
    padding-bottom: 75px;
}

.footer-img {
    margin-left: 20px;
}

a.footer-nav {
    font-family: 'Sora';
    text-decoration: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 93.1%;
    display: flex;
    align-items: center;
    color: #1E1E1E;
}

/***********Save and earn styles *********/
.ste-title {
    color: #000;
    font-family: Sora;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 8px;
    background: var(--shade-white, #FFF);
    margin-bottom: 22px;
    padding: 19px 24px;
}

.total-saving-wrapper {
    display: flex;
    justify-content: space-between;
}

.border-right-saving {
    border-right: 1px solid #E2E6EB;
}

.total-saving-content {
    width: 32%;
    padding: 20px 24px;
}

.border-none {
    border: none !important;
}

.se-successful {
    display: inline-flex;
    padding: 5px 8px;
    align-items: flex-start;
    border-radius: 10px;
    background: #F5FFF5;
    color: #009F06;
    font-family: Sora;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.se-pending {
    display: inline-flex;
    padding: 5px 8px;
    align-items: flex-start;
    border-radius: 10px;
    background: #E7EBEE;
    color: #1E1E1E;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.load-all {
    color: #1E1E1E;
    text-align: center;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 143.5%;
    margin-top: 22px;
    cursor: pointer;
}

.mr-7 {
    margin-right: 7px;
}

#chart {
    /*max-width: 650px;*/
    /*margin: 35px auto;*/
    max-width: 70%;
}

.transaction-wrapper {
    margin-top: 64px;
    border-radius: 8px;
    background: var(--shade-white, #FFF);
    padding: 43px 61px;
}

.filters-and-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 44px;
}

.selected-se {
    padding: 4px 12px;
    border-radius: 4px;
    background: var(--grey-100, #E7EBEE);
}

.saving-and-interest {
    background-image: url(/assets/images/saving-and-interest.svg);
    border-radius: 8px;
    background-color: #6B4EE9;
    background-size: cover;
}

.show-details-si {
    color: #FFF;
    font-family: Sora;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.show-details-i {
    color: #000000;
    font-family: Sora;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.view-detail {
    margin-right: 3px;
}

.saving-interest-title {
    margin-bottom: 28px;
    color: #FFF;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.filter-item {
    color: var(--grey-600, #4E606E);
    font-family: 'Sora-regular';
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-left: 22px;
    cursor: pointer;
}

.se-transaction-title {
    color: #000;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.chart-wrapper {
    display: flex;
    align-items: center;
}

.total-saving-interest {
    margin-bottom: 28px;
    color: #7A7A7A;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.interest-section {
    border-radius: 8px;
    background: var(--shade-white, #FFF);
}

.chart-title {
    color: #7A7A7A;
    font-family: Sora;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.5%;
    /* 14.35px */
}

.se-btn-wrappers {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}

.saving-amount {
    margin-bottom: 26px;
    color: #1E1E1E;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.28px;
}

.saving-interest-amount {
    color: #FFF;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.28px;
}

.saving-btn {
    border-radius: 4px;
    border: 2px solid #6B4EE9;
    cursor: pointer;
    width: 100%;
    padding: 10px 15px;
    margin-top: 16px;
    background: none;
    color: #6B4EE9;
    text-align: center;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.otp-section-se {
    display: none;
}

.ct-se {
    display: none;
}

.success-section-se {
    display: none;
}

.otp-section-se-withdraw {
    display: none;
}

.ct-se-withdraw {
    display: none;
}

.success-section-se-withdraw {
    display: none;
}

.save-btn-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

/***********Referral styles *********/


.main-ref-wrapper {
    display: flex;
    justify-content: space-between;
}

.ref-left-content {
    width: 59%;
}

.ref-right-content {
    width: 39%;
    border-radius: 8px;
    background: var(--shade-white, #FFF);
    height: 50%;
}

.ref-upper-content-wrapper {
    border-radius: 8px;
    background: var(--shade-white, #FFF);
    padding: 31px 30px;
    margin-bottom: 33px;
}

.saving-main-wrapper {
    /*border-radius: 8px;*/
    /*background: var(--shade-white, #FFF);*/
    /*padding: 52px 40px;*/
    margin-bottom: 33px;
}

.ref-img-wrapper {
    width: 100%;
}

.breakdown-wrapper {
    padding: 22px 24px;
}

.ref-breakdown {
    color: #000;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 143.5%;
    margin-bottom: 24px;
}

.breakdowns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EFEFEF;
    padding: 7px 0px;
}

.invited-avail-reward {
    color: #8D9298;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.5%;
}

.total-ref-earned {
    color: #333;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 143.5%;
}

.progress-meter-title {
    color: var(--secondary-800, #512E04);
    font-family: 'Sora';
    font-size: 12.832px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

.progress-meter-wrapper {
    border-radius: 6.416px;
    background: var(--warning-50, #FBF0DF);
    padding: 10.426px 13px 15.525px 13px;
    margin-top: 20px;
}

.ref-mr {
    margin-right: 80px;
}

.progress-meter-div {
    width: 300px;
    max-width: 300px
}

.ref-range {
    width: 100%;
}

.progress-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    font-family: 'Sora';
    font-size: 8.822px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.ref-goal {
    color: #8D9298;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 143.5%;
}

.breakdown-description {
    color: #8D9298;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.5%;
    margin-top: 13px;
}

.ref-img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ref-code-title {
    border-radius: 3px;
    border: 1px solid #EFEBF8;
    background: #F5F4F8;
    padding: 5px 16px;
    color: #5E3EEB;
    font-family: 'Sora';
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 5px;
    display: inline-block;
}

.ref-info {
    color: #000;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 11px;
}

.ref-info-description {
    color: #8D9298;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 143.5%;
    margin-bottom: 40px;
    width: 60%;
}

.ref-breakdown {
    background-color: #fff;
}

.ref-flex {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.ref-div {
    gap: 8px;
    justify-content: start;
    flex-wrap: nowrap
}

@media (max-width: 600px) {
    .ref-div {
        gap: 8px;
        justify-content: start;
        flex-wrap: wrap
    }
}

@media (max-width: 1200px) {
    .ref-info-description {
        width: 80%
    }
}

.ref-code {
    color: #000;
    font-family: Poppins;
    font-size: 36.545px;
    font-style: normal;
    font-weight: 600;
    line-height: 143.5%;
}

.share-ref-link {
    color: #000;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 143.5%;
    margin-bottom: 5px;
}

.link-wrapper {
    display: block;
    border-radius: 4px;
    border: 1px solid #E2E6EB;
    padding: 8px 12px;
    height: auto;
    /* Adjust the height as needed */
    color: #7A7A7A;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.5%;
    text-align: center;
    overflow: hidden;
    /* or overflow: auto; */
    word-wrap: break-word;
    /* Add this line to enable text wrapping */
}

.copy-wrapper_referral {
    border-radius: 4px;
    border: 1px solid #191919;
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: Sora;
    font-size: 8.063px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.1%;
    height: 35px;
    cursor: pointer;
}


.share-icons-img-referral {
    width: 9.924px;
    height: 9.924px;
    margin-right: 5px;
}

.share-wa-referral {
    border-radius: 4px !important;
    border: 1px solid #48CF5D !important;
}

.link-info-share-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.referred-users-wrapper {
    border-radius: 8px;
    background: var(--shade-white, #FFF);
    padding: 33px 34px;
    height: 450px;
    overflow-y: scroll;
}

.referred-users {
    color: #000;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 143.5%;
    margin-bottom: 18px;
}

.blt-ref {
    color: #7A7A7A;
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.5%;
}

.user-ref {
    width: 55%;
}

.sn {
    width: 15%;
}

.ref-am {
    width: 30%;
    text-align: right;
}

.ref-tr {
    border-bottom: 1px solid #E2E6EB;
}

.break {
    word-break: break-word;
}

.ref-body-tf {
    color: #000;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.5%;
}

.withdraw-to-wallet {
    border-radius: 4px;
    background: #000;
    width: 100%;
    color: #ffffff;
    padding: 10px 30px;
    margin-top: 10px;
    color: #FFF;
    text-align: center;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    border: none;
}

/* Custom styling for the custom range */
.custom-range {
    width: 100%;
    height: 6px;
    background-color: #ffffff;
    border-radius: 5px;
    position: relative;
    margin-top: 14px;
    margin-bottom: 6px;
}

/* Styling for the range fill */
.custom-range .range-fill {
    height: 100%;
    background-color: #F28A0F;
    border-radius: 5px;
    width: 0%;
    /* Default fill percentage */
}

/***********Referral styles end *********/

/**********Hero Section***********/
/* .hero-section {
    background: #FFFFFF;
    background-image: url(./assets/images/ceda-girl.png);
    background-repeat: no-repeat;
    background-position: 93%;
    background-size: auto 90%;
} */

.hero-image {
    display: none;
}

.hero-heading {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 66px;
    align-items: center;
    color: #313131;
}


.hero-content {
    /*padding-top: 117px;*/
    padding: 0;
}

/*.side-img{*/
/*    position: relative;*/
/*    left: 13.5% !important; */
/*    width: 120%;*/
/*}*/
.currency_wrapper {
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    padding: 27px 6px;
    width: 49%;
}

.hero-description {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    /*display: flex;*/
    align-items: center;
    color: #313131;
}

.hero-about {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20.02px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 48px;
}

.side-img {
    height: 370px;
}

.hero-login a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16.9549px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
    text-decoration: none;
    margin-top: 32px;
}

.hero-login a img {
    margin-left: 8.5px;
}

a.btn.btn-get-start-cta {
    width: 209px;
    height: 52px;
    background: #5E3EEB;
    border-radius: 4px;
    padding: 16px 32px;
    justify-content: center;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.hero-row {
    align-items: center;
    justify-content: center;
}

.row-sb {
    align-items: center;
    justify-content: space-between;
}

.hero-bg {
    padding: 70px 0;
}

.coverage {
    /*border-right: 1px solid #DEE2E6;*/
    padding-left: 104px;
}

.join-ceda {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-top: 38px;
}

.mb56 {
    margin-bottom: 56px;
}


.right-sec-drop {
    padding-right: 104px;
}

.right-sec-row {
    border-top: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
    padding: 35px 0;
}

.coverage-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    padding-bottom: 23px;
    border-bottom: 1px solid #DEE2E6;
}

.coverage-area-wrapper {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.coverage-areas {
    width: 49%;
    display: flex;
    margin-bottom: 24px;
}

.coverage-list {
    display: flex;
    align-items: center;
}

.coverage-active {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 150%;
    color: #000000;
    width: 43px;
    height: 20px;
    background: #EFECFD;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
}

.coverage-inactive {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 150%;
    color: #707070;
    background: #EEF3F6;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 20px;
    margin-left: 6px;
}

.country-name-active {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    margin-left: 6px;
    color: #000000;
}

.country-name-in {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    opacity: 0.5;
    margin-left: 6px;
}

a.btn.btn-get-hiw-cta {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    /* width: 49%; */
    padding: 10px 23px;
    margin-left: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
    height: 64px;
    border: 1.119px solid #000000;
    box-sizing: border-box;
    border-radius: 5.65162px;
}

.btn-arrow {
    padding-left: 10px;
}

.digital-service-section {
    background: #FBF9FC;
    padding: 70px 0px;
    background-image: url(./assets/images/digital-service.png);
    background-repeat: no-repeat;
    background-position: 15%;
    background-size: auto 78%;
}

.digital-services-image {
    display: none;
}

.hero-login {
    margin-bottom: 0px;
}

.section-heading {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    align-items: center;
    color: #000000;
}

.section-description {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    align-items: center;
    color: #000000;
}

/* <!------------Convert Section-------------> */


.convert {}

.convert-header {
    font-family: "Sora";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;

}

.convert-img {
    margin-bottom: 15px;
}

.convert-text {
    font-family: "Sora";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    letter-spacing: 0em;
    text-align: left !important;
    color: #727272;
    margin-top: 6px;

}


/* <!------------WHy choose Ceda-------------> */

.why-choose-header {
    font-family: "Sora";
    font-size: 38px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 43px;

}

.why-col-1,
.why-col-2,
.why-col-3 {
    background-color: #EEF1F6;
    padding: 43.58px;
    border-radius: 16px;

}

.why-title {
    font-family: "Sora";
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #000000;

}

.why-text {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 20px;

}

.why-top {
    margin-top: 62.76px;
}

/* .globe{
    width: 100%;
} */

.why-1 {
    background-color: #FFFFFF;
    box-shadow: 0px 9.26985px 97.6899px rgba(0, 0, 0, 0.07);
    border-radius: 17.1136px;
    padding: 28.52px;
}

.why-1a,
.why-1b {
    background: #F2F3F4;
    border-radius: 2.64098px;
    padding: 9.24px 10.56px;
    border-radius: 2.64098px;


}

.why-1b {
    margin-top: 31.72px;
}

.why-1-title {
    font-family: "Inter";
    font-size: 9px;
    font-weight: 500;
    line-height: 11px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;

}

.flex {
    display: flex;
    justify-content: space-between;
}

.justify-content-fe {
    justify-content: flex-start !important;
}

.why-1-amount {
    font-family: "Sora";
    font-size: 15.84px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #1E1E1E;
    width: 60%;
    border: none;
    box-shadow: 0;
    box-shadow: none;

}

.why-1-select {
    background: #DADEE2;
    border-radius: 2.64098px;
    padding-top: 3.96px;
    padding-bottom: 3px;
    padding-left: 5.72px;
    padding-right: 5.72px;
}

.why-1-currency {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 7.92295px;
    line-height: 10px;
    color: #000000;
}

.why-currency {
    position: relative;
    top: 1px;
}

.flags {
    /* width: 20px; */
}

.why-arrow-down {
    padding-left: 3px;
}

.btn-con-trans {
    background-color: #404040;
    width: 100%;
    margin-top: 26.28px;
    border: 0;
    border-radius: 2.64098px;
    padding-top: 9.9px;
    padding-bottom: 9.9px;
}

.btn-con-trans a {
    color: #FFFFFF;
}

.why-2a {
    background-color: #FFFFFF;
    border-radius: 17.0421px;
    padding-top: 18.32px;
    padding-bottom: 21.75px;
    padding-inline: 24.41px;
}

.why-p {
    padding-left: 4px;
}

.text-below-section {
    text-align: right;
}

.why-2-amount {
    font-family: "Sora";
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    background-color: #F2F3F4;
    padding-top: 10.41px;
    padding-bottom: 8.38px;
    padding-left: 12.67px;
    padding-right: 12.67px;
    border-radius: 6.97176px;
    margin-top: 11.82px;

}

.why-2-down {
    display: flex;
    justify-content: center;
    margin-top: 12.07px;
    margin-bottom: 12.07px;
}

.why-3 {
    padding-top: 38.91px;
    padding-bottom: 37.31px;
    padding-left: 29.83px;
    padding-right: 29.83px;
    background: #FFFFFF;
    box-shadow: 0px 10.7646px 118px rgba(0, 0, 0, 0.07);
    border-radius: 19.8731px;


}

/* what do you get section */

.what-you-get {
    margin-top: 70px;
}

.ipad-img {
    width: 100%;
}

.what-title {
    font-family: "Sora";
    font-size: 38px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;

}

.what-text {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    margin-bottom: 35px;
    margin-top: 14px;

}

.what-list {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    margin-bottom: 41px;

}

.what-list img {
    width: 35px !important;
}

.what-btn {
    width: 39% !important;
}


/* faq */
.faq-sec {
    background-color: #F3F6F8;
    padding-top: 98px;
    padding-bottom: 82.19px;
    margin-top: 54.77px;
}

.icon-faq {
    color: #000000;
}

.minus {
    display: none;
}

.plus {
    display: flex;
}

.flag-landing {
    width: 32px;
    height: 24px;
    border-radius: 10px;
}

.todays-rate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 32px;
}

.today {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #717171;
}

.rate {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #5E3EEB;
    margin-right: 9px;
}

.lower-drop {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #717171;
    margin-top: 16px;
    margin-left: 8px;
}

.titles-sub {
    display: flex;
    align-items: center;
}

.right-title-drop {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    margin-left: 8px;
}

.w36px {
    width: 36px
}

.price-from-landing {
    font-family: 'Sora-regular' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 24px !important;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #313131;
    width: 75%;
    border: none;
    display: block !important;
}

.currency-name {
    width: 20%;
}

.line-convert {
    width: 5%;
}

.payments {
    margin: 122px 0;
}

.below-text-payment {
    margin-top: 32px;
}

.bellow-sec-heading {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    display: flex;
    align-items: flex-end;
    color: #000000;
}

.bellow-sec-info {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 24px;
}

.show-data {
    font-family: 'Sora-regular';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    color: #2D2D2D;
}

.hero-text {
    /*display: inline-block !important;*/
    position: relative;
    transition: all 1s ease;

    /*animation: animate infinite 8s;*/


}

.hero-text::before {

    content: " Freelancers";
    position: relative;
    animation: animate 25s ease infinite;

}

@keyframes animate {

    0% {
        content: " Freelancers";

    }


    50% {

        content: " Remote Working";

    }

    75% {

        content: "Microbusinesses";

    }


}

.below-section-imgs {
    width: 100%;
}

.below-section {
    margin-bottom: 82px;
}

.show-faq {
    background-color: #ffffff;
    border: 1px solid #E0E5E9;
    border-radius: 8px;
    padding-top: 32.2px;
    padding-bottom: 20px;
    padding-left: 34.05px;
    padding-right: 34.05px;
    box-shadow: 0px 13px 33px rgba(0, 0, 0, 0.03);
    margin-bottom: 15.59px;
    cursor: pointer;
    list-style: none;
}

.faq-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    color: #000000;
    margin-bottom: 32px !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faqQues {
    font-family: 'Sora';
    font-style: normal;
    font-size: 16px;
    line-height: 93.1%;
    color: #2D2D2D;
    font-weight: 700;
}

.faqAns {
    font-family: "Sora";
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    list-style: none;
    padding: none;

}

.ceda-charge {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #303030;
    background: #F4F2FD;
    border-radius: 61px;
    padding: 10px;

}

.mt-10 {
    margin-top: 10px;
}

.mt-60 {
    margin-top: 60px;
}

.value-after {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.receive-text-convert-new {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.receive-convert-new {
    border-top: 1px solid #E4E4E4;
    padding-top: 28px;
    padding-bottom: 48px;
}

.value-after span {
    font-size: 24px;
    line-height: 44px;
}

.withdraw-h2 {
    font-family: Sora;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
}

.cedaBlack {
    font-family: Sora;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0em !important;
    margin: 0 !important;
}

.flexCenter {
    display: flex;
    justify-items: center;
    align-items: center;
}

.modalDepo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.minh-80vh {
    min-height: 80vh !important;
}

.content-wrapper-add-curr2 {
    padding: 45px 70px 120px 45px;
}

.moneySign {
    margin-right: 15px;
}

.complete-text {
    font-family: Sora;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
}

.br8 {
    border-radius: 8px;
}

.depositPick {
    align-items: center;
    border: 1px solid #F2EDFB;
    margin-bottom: 20px !important;
}

.depositPick:hover,
.depositPick:active {
    border: 1px solid #B598E8;
    cursor: pointer;
}

.modalBodyDepo {
    border: 0 !important;
    border-radius: 8px;
}

.gap-20 {
    gap: 20px;
}

.bg-gray {
    background-color: #F2F0F0 !important;
    color: #000 !important;
}

.weight-600 {
    font-weight: 600 !important;
}

.receive-text {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #1E1E1E;
}

.receive-div {
    font-family: Sora;
    font-size: 32px;
    font-weight: 600;
    line-height: 41px;
    background-color: #f3f3f2;
    padding: 7px 14px;
    border-radius: 11px;
    color: black;
    margin-bottom: 30px;
}

.withdraw-border {
    border: 1px solid #F2F2F2;
    padding: 30px 20px 0;
}

.contact-bg {
    background-color: #E1F9E2;
    border-radius: 50%;
    padding: 5px;
}

.assist-text {
    font-family: Sora;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px !important;
    margin-top: 40px !important;
}

.modal_body_new {
    padding: 36px 30px;
    text-align: center;
}

.bankName {
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: #9A9A9A;
}

.success-border {
    padding: 50px;
    border: 10px solid #000;
    border-radius: 50%;
}

/* .fa-plus,
.fa-minus {
    color: #a4b1cd;
    position: absolute;
    top: 40px;
    right: 0;
} */


.convert-1,
.convert-2 {
    border-right: 1px solid #9F9F9F;
}

.convert-1,
.convert-2,
.convert-3 {
    padding-right: 20px;
}

.currency-exchange-row {
    display: flex;
    align-items: center;
}

.section-sub-heading {
    padding-left: 45px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    align-items: center;
    color: #000000;
    position: relative;
}

.currency-exchange-image {

    display: none;
}

.currency-exchange-section {
    padding: 140px 0px;
    background-image: url(./assets/images/IconBusiness.png);
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: auto 68%;
}

.currency-image-wrapper {
    text-align: right;
}

.section-sub-description {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    align-items: center;
    color: #000000;
    padding-left: 45px;
}

h3.section-sub-heading::before {
    content: "";
    background-image: url(./assets/images/mdi_finance.png);
    width: 25px;
    height: 25px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0px;
    top: 0px;
}

img.section-image {
    width: 100%;
    height: auto;
}

.trans {
    width: 100%;
    display: none;

}

.trans-wrapper {
    padding: 56px 0;
    padding-bottom: 38px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.trans-image-wrapper {
    border: 1px dashed #9CACCB;
    box-sizing: border-box;
    border-radius: 23px;
    text-align: center;
    padding: 45px 0;
    width: 50%;
}

.separator {

    text-align: center;
    background-color: #fff;
    position: relative;
    top: -12px;
    max-width: 71px;
    left: 43%;
}

/* .separator::before,
.separator::after {
    content: '';
    flex: 1;
    border: 1px solid #DADDE4;
} */
.spWrapper {
    /* display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 55px;
    */

    position: relative;
    /* width: 100%; */
    border-top: 1px solid #E6EAF6;
    margin: 0 150px;
}

.trans-id-wrapper {
    display: flex;
    align-items: center;
    margin: 30px 150px 0px;
    justify-content: center;
}

.trans-id {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.id-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
}

.id-input {
    width: 62%;
    height: 50px;
    border: 1px solid #A0AEC9;
    box-sizing: border-box;
    border-radius: 4px;
}

.mlr-55 {
    margin: 0 150px;
}

.w40 {
    width: 48% !important;
}

.jc {
    justify-content: space-between;
    margin-top: 40px;
}

/*.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}*/
/********************/
/****************Login Page*****************/
.login-service-section {
    font-family: sans-serif;
    /*width: 1440px;*/
}

.left-col {
    background-color: #EFECFD;
    /*background: url('/assets/images/sign-img.png'), #EFECFD;*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto;*/
    /*background-attachment: fixed;*/
    height: auto;
    min-height: 100vh;
    padding: 195px 0px;
    padding-bottom: 0px !important;
}

.left-col-img {
    margin-top: 48px;
    width: 100%;
}

.right-col {
    background-color: #FFFFFF;
    /*height: 100vh;*/
    padding: 118px 0px;
}

.form-page-logo {
    width: 158.46px;
    height: 43px;
}

.show {
    cursor: pointer;
    /*display: none;*/
}

.ffS {
    font-family: 'Sora' !important;
    font-weight: 700;
}

.angleup-convert {
    display: none;
    margin-left: 8px;
}

.angleup-int {
    display: none;
    margin-left: 8px;
}

.angledown-convert {
    margin-left: 8px;
}

.angledown-int {
    margin-left: 8px;
}

.dropdown-btn-convert {
    border: 0;
    background-color: #ffffff !important;
    color: #000 !important;
    align-items: center;
    display: flex;
    /* justify-content: center; */
}

.hide {
    cursor: pointer;
}

.left-col .inner-col {
    padding-left: 90px;
    padding-right: 90px;
}

.left-content {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 139.6%;
    color: #000000;
    margin-top: 16px;
}

.left-content-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 16px;
}

.hl-178 {
    height: 178vh !important;
}

h2.form-heading {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 56px;
    color: #000000;
}

.header-right {
    align-items: center;
    justify-content: flex-end;
    padding-right: 104px;
}

#reg-form {
    margin-top: 50px;
}

.header-row-drop {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.header-row-drop2 {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

p.contact-form-sub-heading {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
    margin-top: 16px;
}

.method {
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    width: 100%;
    padding: 13px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 143.5%;
    align-items: center;
    color: #919191;
    background: #FFFFFF;
}

.title-res-amount {
    margin: 22px 0 8px 0px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.convert-display {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9A9A9A;
    margin-right: 6px;
}

.convert-dis-wrap {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    margin-bottom: 42px;
}

.right-form {
    margin-top: 40px;
}

.right-col .inner-col {
    padding-left: 115px;
    padding-right: 115px;
}

.input-login {
    padding: 16px;
    /*width: 221px;*/
    height: 50px !important;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 143.5%;
    color: #919191;
    font-family: 'Inter';

}

.mb-0 {
    margin-bottom: 0 !important;
}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked+label {
    background-color: #000000;
    border-color: #000000;
}

.round input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

/*steps form*/
.progressbar {
    display: flex;
    /* align-items: center; */
    /* position: relative; */
    counter-reset: step;
    padding: 0;
    margin: 0;

}

.progressbar li {
    /*width: 25%;*/
    list-style-type: none;
    position: relative;
    float: left;
    width: 33.33%;
    color: #C6C9D0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    /*text-align: center;*/
}

.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    /*margin:0 auto 0 auto;*/
    border-radius: 50%;
    background-color: #F0F1F3;
    color: #C6C9D0;
}

.progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    top: 15px;
    left: 15%;
    color: #C6C9D0;
}

.progressbar li:last-child:after {
    content: none
}

.progressbar li.active {
    color: #000000;
}

.progressbar li.active:before {
    background-color: #000000;
}

.progressbar li.active+li:after {
    background-color: #000000;

}

/**********/
.checbox-container {
    margin-right: 10px;
}


.checkbox-container {
    margin: 0 auto;
}

.btn-wrapper-choice {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.btn-cancel {
    width: 48%;
    height: 50px;
    background: #F0F0F2;
    border-radius: 4px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    border: 0;
}

.btn-continue {
    width: 48%;
    height: 50px;
    background: #000000;
    border-radius: 4px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.input-login-bellow {
    font-family: 'Inter';
    padding: 16px;
    height: 50px;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 143.5%;
    color: #919191;
}

.input-wrapper {
    padding: 0;
    margin-top: 24px
}

.pass-wrapper {
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    align-items: center;
    padding-left: 13px;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}

.iti__selected-flag {
    padding: 0 6px 0 0px !important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100% !important;
    padding-left: 10px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-0 {
    padding-left: 0px;
}

.input-group-addon {
    padding-right: 10px;
}

.mt-24 {
    margin-top: 24px !important;
}

/*.hl-150 {
    height: 150vh !important;
}*/
.two {
    display: none;
    padding-top: 81px !important;
}

.three {
    /*display: none;*/
    padding-top: 60px !important;
    padding-right: 56px !important;
    padding-left: 56px !important;
}

.gateway-btn-wrapper {
    display: flex;
    align-items: center;
}

.notify {
    width: 214px;
    height: 48px;
    background: #000000;
    border-radius: 4px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}

.notify.cancel-order {
    margin-left: 15px;
    background: #F0F0F2;
    color: #000000;
}

/* Timeline Container */
.timeline {
    background: var(--primary-color);
}

/* Outer Layer with the timeline border */
.outer {
    border-left: 2px dashed #DDDDDD;
}

/* Card container */
.card {
    margin: 0 0 47px 27px;

    border: 0;
}

.share-icons-img {
    margin-right: 9px;
}

.copy-wrapper {
    cursor: pointer;
    border: 0;
    background: none;
}

.copy-wrapper_ {
    ursor: pointer;
    border: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49%;
    border-radius: 8px;
    border: 1px solid #191919;
    padding: 9px 26px;
    height: 42px;
}

.general-account {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 30px;
    cursor: pointer;
}

.inactive-acc-type {
    background: #EDEEEF;
    color: #98A2AB;
    text-align: center;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.1%;
}

.active-acc-type {
    color: #000;
    text-align: center;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 93.1%;
    border-bottom: 3px solid #5E3EEB;
    margin: 0 10px;
}

.bank-account-tab-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copy-wrapper:focus {
    outline: 0;
}

.info-payment-method {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notify_us {
    background: #5E3EEB !important;
}

.convert-order-info-data {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

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

.tobe_paid {
    background: #EFECFD;
    border-radius: 8px;
    font-family: 'Sora' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #5E3EEB !important;
    display: flex;
    align-items: center;
    /*width: 105px;*/
    padding: 5px !important;
    height: 40px;
    margin-top: 10px !important;
}

.ywr {
    background: #F2F2F2;
    border-radius: 8px;
    font-family: 'Sora' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    color: #000000 !important;
    display: flex;
    align-items: center;
    padding: 5px !important;
    height: 40px;
    margin-top: 10px !important;
}

.data-wrapper {
    width: 25%;
}

.value-col {
    color: #009F06 !important;
}

.status-col {
    color: #B5BBC7 !important;
}

.info-amount {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0;
    padding-top: 9px;
}

.info-title-convert {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #A3ABBC;
    margin: 0
}

/* Title of the card */
.title-convert {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 0;
    padding-bottom: 12px;
    text-align: center;
}

.fund-acc-info {
    border: 1px solid #A3ABBC;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 10px;
}

#main-acc-info-wrapper {
    display: none;
}

#breakdown_sec {
    display: none;
}

.expires_in {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #000000;
}

.deposit-timer {
    font-weight: bold;
}

.acc-title {
    margin: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 10px;
    color: #A3ABBC;
}

.breakdown-detail-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.left-sec {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #808080;
}

.right-sec {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    color: #000000;
}

.breakdown-deposit {
    padding: 30px !important;
}

.info-acc-fund-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
}

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

.verified-text {
    background: #E5EBF5;
    border-radius: 58px;
    text-align: center;
    padding: 5px 10px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 10.2069px;
    line-height: 12px;
    color: #486EBD;
    margin-right: 3px;
}

.name-fund {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    color: #000000;
    margin: 0;
}

/* Timeline dot  */
.timeline-indi {
    width: 14px;
    height: 14px;
    left: -35px;
    border: 4px solid #000000;
    box-sizing: border-box;
    border-radius: 10px;
    position: absolute;
}

.timeline-indi2 {
    width: 14px;
    height: 14px;
    left: 35px;
    border: 4px solid #000000;
    box-sizing: border-box;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
}

#final_step {
    padding: 20px;
}

#ref_number {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px !important;
    text-align: center;
}

.imp-msg {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    margin-top: 10px !important;
    margin-bottom: 0;
}

.transfer-detail {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 15.3px;
    line-height: 19px;
    color: #000000;
    text-align: center;
}

.trans-amount {
    font-weight: bold;
}

.bene-name {
    font-weight: bold;
}

.expires_in {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #000000;
}

.timeB {
    left: -35px !important;
}

.cedaMoneyText {

    font-size: 17px;
    line-height: 24px;
}

.transferT {
    font-size: 13px;
    line-height: 16px;
}

.blackBorder {
    background: #FFF7D6;
    border: 0.812133px solid #FFC700;
    border-radius: 6.49706px;
    margin-top: 28px;
}

.deposit-acc-details {
    /*border: 1px solid #B1B4BF;*/
    /*border-radius: 8px;*/
    /*text-align: center;*/
    /*padding: 20px;*/
    /*margin-top: 23px;*/
    padding: 40px;
}

.deposit-acc-number-new {
    border-radius: 8px;
    background: #FAFAFA;
    padding: 27px 33px;
    margin-top: 20px;
}

.section-ba-title {
    color: #A7ADB4;
    font-family: Sora;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.1%;
    margin-bottom: 10px;
    display: flex;
}

.no-acc-found {
    color: #000000;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.acc-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.acc-ba-info {
    color: #000;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 93.1%;
    text-align: left;
    width: 80%;
}

.section-ba-wrapper {
    margin-bottom: 20px;
}

.copy-info-wrapper {
    cursor: pointer;
    width: 20%;
    text-align: right;
}

.receive-payment-title {
    color: #000;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 93.1%;
}

.important-info-wrapper {
    border-radius: 8px;
    border: 1px solid var(--warning-100, #F6DEB7);
    background: var(--warning-50, #FBF0DF);
    margin: 0px 0px 32px 0;
    padding: 12px 16px;
    display: flex;
}

.info-texts {
    margin-left: 8px;
}

.imp-info-title {
    color: var(--warning-700, #99681A);
    font-family: 'Sora';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

.imp-info-content {
    color: var(--warning-600, #BF8221);
    font-family: 'Sora';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.deposit-acc-details-convert {
    /*border: 1px solid #B1B4BF;*/
    /*border-radius: 8px;*/
    /*!*text-align: center;*!*/
    /*padding: 20px;*/
    /*margin-top: 23px;*/
}

.transfer-detail {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 15.3px;
    line-height: 19px;
    color: #000000;
    text-align: center;
}

.transfer-detail-convert {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #9A9A9A;
}

.show-all-details {
    background: #FFFFFF;
    box-shadow: 0px 12px 19px rgb(132 131 131 / 25%);
    padding: 10px 15px;
    margin-top: 24px !important;
    cursor: pointer;
}

.show-all-wrapper {
    text-align: center;
    margin-top: 24px;
}

.show-all-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 143.5%;
    text-transform: uppercase;
    color: #5E3EEB;
}

.deposit-acc-number {
    background: #F8F9FD;
    border: 1px solid #B1B4BF;
    border-radius: 8px;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
}

.deposit-acc-number-convert {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F8F9;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
}

.deposit-bank-number-convert {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.deposit-bank-name {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 20.0482px;
    line-height: 25px;
    color: #000000;
}

.deposit-bank-number {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 30.0723px;
    line-height: 38px;
    color: #000000;
    margin-top: 10px;
}

.reserve-acc {
    font-family: 'Sora';
    font-style: normal;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 32px;
}

.share-wa {
    cursor: pointer;
}

.share-wa-gen {
    cursor: pointer;
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #48CF5D;
    height: 42px;
    padding: 9px 26px;
}

.copy-text {
    color: #000;
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.1%;
}

.reserve-title {
    font-size: 18px;
    font-weight: 600;
}

.b_details {
    padding: 25px 70px 45px;
}

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

.main-share {
    font-family: 'Sora';
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.b_details2 {
    padding: 5px 75px 45px;
}

.support-wrapper {
    display: flex;
    align-items: center;
    margin-top: 38px;
    justify-content: center;
    margin-bottom: 0;
}

.ml-35 {
    margin-left: -35px;
}

.needsupport {
    margin: 0;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    margin-right: 8px;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.complete-trans {
    display: none;
}

.complete-trans {
    width: 100%;
    text-align: center;
    margin-top: 68px;
}

.steps {
    border-top: 1px solid #DDDDDD;
    margin-top: 40px;
    border-bottom: 1px solid #DDDDDD;
    padding: 24px 0;
    width: 100%
}

.trans-complete-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-top: 12px;
}

#return-to-dashboard {
    margin-top: 24px;
}

.trans-complete-text-bellow {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #000000;
    margin-top: 4px;
}

.complete-trans-btn-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    margin-right: 100px;
    margin-left: 100px;
}

.method-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    text-align: center;
}

.chose {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
}

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

.payoneer-text {
    margin: 0;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-left: 10px;
}

.mt-13 {
    margin-top: 13px !important;
}

.p-0 {
    padding: 0;
}

.ht-50 {
    height: 50px;
}

.line {
    color: #909090;
}

.login-pass {
    border: 0px !important;
}

.col-md-7.right-col.others.micro {
    background-color: #FFFFFF;
    /* height: 100vh; */
    padding: 211px 0px;
}

.name-wrapper {
    width: 100%;
}

.name-col {
    padding: 0;
    width: 100%;
}

i {
    color: black
}

.form-labels {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 143.5%;
    color: #000000;
}

.forgot-pass {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    margin-top: 16px;
}

.forgot-password-login {
    color: #000000;
    text-decoration: none;
}

button.btn-submit {
    border: none;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border-radius: 4px;
    width: 100%;
    background: #000000;
    color: #ffffff;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-top: 71px;
    cursor: pointer;
    font-family: Sora;
}

.register-redirect {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    margin-top: 24px;
    text-align: center;
}

.acc-type {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
}

.bellow-content-wrapper {
    margin-top: 47px;
}

.type-name {
    display: flex;
    align-items: center;
    margin-top: 19.5px;
}

.checkbox-type {
    box-sizing: border-box;
    margin-right: 17px;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #909090;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.checkbox-type:checked {
    background: #000000;
    padding: 1px;
}

.type-actual {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
}

.bellow-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    margin-top: 6px;
    color: #000000;
}

.mt-24 {
    margin-top: 24px;
}

.col-md-7.right-col.others {
    background-color: #FFFFFF;
    /* height: 100vh; */
    padding: 198px 0px;
}

/*********************************/


/**************sidebar*************/
.ceda-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.sidebar-wrapper {
    min-height: 100%;
    padding-top: 41px;
    padding-left: 20px;
    padding-right: 20px;
    background: #1E1E1E;

}

.w100 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.sidebar-header {
    padding-bottom: 66px;
}

.sidebar-nav {
    display: flex;
    align-items: center;
    padding: 12px;
}

.sidebar-title-active {
    font-family: Sora;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0px 0px 0px 21px;
    /* width: 93%;*/
}

.sidebar-title {
    font-family: Sora;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #C8C8C8;
    margin: 0px 0px 0px 21px;
    /*width: 93%;*/
}

.selected {
    background: #5E3EEB;

}

#changePass,
#changeAuth {
    cursor: pointer;
}

.nav-li {
    margin-top: 16px;
}

.nav-icons {
    /*width: 7%;*/
    text-align: center;
    width: 20px;
    height: 20px;
}

.coming-soon {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 7.36px;
    text-align: center;
    color: #000000;
    background: #EBEEF4;
    border-radius: 39px;
    padding: 3px 4.4px;
    margin-left: 20px;
}

/***********Home**********/
.content-wrapper.bottom-content {
    padding-top: 50px;
}

.user-name {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #1E1E1E;
    float: right;
}

/********Right Content***********/
.content-wrapper {
    padding: 100px 116px 59px 116px;
    background-color: #F8F9FD;
}

.body-padding {
    background-color: #F8F9FD;
    padding: 41px 116px 59px 116px;
}

.bg-right {
    background: #F8F9FD;

}

p.accept {
    margin: 0;
}

a.link-to {
    color: #0000EE;
}

.bg-main {
    background-color: #e3ebf3;
}

.pr_pl {
    padding-left: 33px !important;
    padding-right: 33px !important;
}

.pt_pb_94 {
    padding-top: 94px !important;
    padding-bottom: 94px !important;
}

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

.btns_top {
    border: 1px solid #000000;
    border-radius: 31px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    margin-right: 10px;
    cursor: pointer;
}

.from_type_wrapper {
    display: flex;
    margin-bottom: 40px;
    padding: 16px 14px;
}

.from_type_img {
    width: 14%;
}

.from_type {
    width: 86%;
}

.from_type_estime {
    display: flex;
    align-items: center;
    background: #DDD7F4;
    border-radius: 8px;
    width: 145.25px;
    padding: 2px 7px;
    margin-top: 10px;
}

.from_type_wrapper:hover {
    background: #F8F8F8;
}

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

.type_name_deposit {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 93.1%;
    color: #000000;
}

.cac-content {
    background-color: #ffffff;
    padding: 38px 50px;
    margin: 12px 200px;
    border-radius: 12px;
}

.header-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 13px;
}

.cac-content-section {
    border-bottom: 0.5px solid #000000;
    padding-bottom: 32px;
    padding-right: 15px;
    padding-left: 15px;
}

.pl-pr15 {
    padding-right: 15px;
    padding-left: 15px;
}

.cac-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #303030;
    margin-bottom: 30px;
}

.cac-timeline-wrapper {
    padding: 17px 15px;
    border-top: 0.5px solid #000000;
    border-bottom: 0.5px solid #000000;
    margin-bottom: 32px;
}

.cac-sec-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    color: #303030;
    margin-bottom: 24px;
}

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

.chose-file-btn {
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #919191;
    padding: 3px 10px;
}

.cac-choose-file-wrapper {
    background: #F5F5F5;
    border-radius: 4px;
    height: 50px;
    padding: 0 16px;
    display: flex;
    align-items: center;
}

.w-48 {
    width: 48%;
}

.estimated-time-deposit {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    color: #4D35B7;
    margin-left: 3px;
}

.easy_send {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #8F8F8F;
    margin-top: 8px !important;
}

.head_deposit_modal {
    background-color: #FFFFFF !important;
}

.deposit-padding {
    padding-left: 90px !important;
    padding-right: 90px !important;
    /*padding-top: 0px !important;*/
}

.deposit_ {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-right: 13px;
}

.add_cur {
    background: #4D35B7;
    color: #ffffff;
    border-color: #4D35B7;
}

.currencies_ {
    display: flex;
    align-items: center;
    margin-top: 50px;
    flex-wrap: wrap;
}

.added_currency {
    background: #FAFAFC;
    border: 1px solid #F0F2F8;
    border-radius: 8px;
    margin-bottom: 12px;
    margin-right: 8px;
    padding: 14px 20px;
    width: 24%;
}

.acc_pay_td {
    border-bottom: 1px solid #D2D8DE;
}

th.acc_pay_th {
    border-top: 0px !important;
    border-bottom: 1px solid #919CA6 !important;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #1E1E1E;
}

.wallet-am-new {
    font-weight: 700 !important;
}

.rate-wrapper_ {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #B0B4C4;
}

.bank-input-details-address-usd {
    display: none;
}

.fs-14 {
    font-size: 14px !important;
}

.confirm-transaction-convert {}

.modal-body-thankyou {
    padding: 44px 55px;
    background: #ffffff !important;
    border-radius: 0 0px 8px 8px !important;
}

.h-500 {
    height: 650px !important;
}

.h-50 {
    height: 50px !important;
}

#destination-usd {
    display: none;
}

.bank-acc-cs {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 14px;
}

.modal-wh {
    width: 555px;
    /*height: 759px;*/
    background: none !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-body-acc {
    padding: 0px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #888;
    width: 555px;
}

.modal-body-acc-vir {
    padding: 20px !important;
}

.head_currency {
    text-align: center;
    padding: 36px;
    padding-bottom: 0;
    background: #EFECFD;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.choose_curr {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.content-wrapper-add-curr {
    padding: 45px 70px;
}

.add_currency_ {
    align-items: center;
    padding: 15px;
    width: 426px;
    background: #5E3EEB;
    border-radius: 4px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border: 0;
    color: #FFFFFF;
    margin-top: 47px;
}

.currency_dropdown {
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    height: 50px !important;
    margin-top: 8px;
}

td.acc_pay_td.det_ref {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #8F8F8F;
}

td.acc_pay_td.total_col {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1E1E1E;
}

.p-20 {
    padding: 49px 70px !important;
}

.cname {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 13px;
    color: #000000;
}

.balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.blnc {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    color: #000000;
}

.money {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: right;
    color: #000000;
}

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

.bg-img {
    background-image: url(https://cedamoney.com/assets/images/form_img.png);
    background-size: cover;
    background-position: center;
    height: 160px;
    width: 100%;
    margin: 10px 0;
    border-radius: 5px;
}

.maxW {
    height: 100vh;
}

.minH {
    min-height: 100vh;
}

.float-r {
    margin-left: 42%;
}

.border-header {
    border-bottom: 1px solid #E6EAF6;
    margin-top: 18px;
}

.welcome {
    font-family: Sora-regular;
}

.ceda-container {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 26px;
}

.ceda-rate {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #1E1E1E;

}

.rate-wrapper {
    margin-top: 16px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
}

.rate-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    font-family: "Inter";
}

.divider {
    color: #E6EAF6;
    height: 25px;
    padding-right: 21px;
    padding-left: 11.2px;
    border-right: 1px solid #E6EAF6;

}

.single-rate {
    border: 1px solid #E6EAF6;
    border-radius: 8px;
    font-family: "Inter";
    padding: 15px 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

.single-rate img {
    width: 27px;
    margin-top: -5px;
}

.price {
    padding-left: 21px;
}

.row-item-right {
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 13.6241px;
    line-height: 16px;
    color: #000000;
}

.row-item-left {
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 13.6241px;
    line-height: 16px;
    color: #000000;
}

.rate-row-td {
    box-sizing: border-box;
    padding: 15px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row-item-left-td {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 500;
    font-size: 13.6241px;
    line-height: 16px;
    color: #000000;
}

.row-item-right-td {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 500;
    font-size: 13.6241px;
    line-height: 16px;
    color: #000000;
}

.bb-dd {
    border-bottom: 1px solid #DDDDDD;

}

.convert-local-currency {
    margin-top: 30px;
    background-color: #ffffff;
    padding: 26px;
    border-radius: 8px;

}

.currency {
    display: flex;
    width: 45%;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E6EAF6;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px 12px;
    height: 60px;
}

.upper-covert {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.price-from {
    font-family: 'Sora';
    width: 78%;
    border: none;
    color: #000000;
    line-height: 26px;
    font-size: 32px;
    box-shadow: none;
}

.price-from-withdraw {
    font-family: 'Sora';
    width: 78%;
    color: #000000;
    line-height: 26px;
    /*padding-left: 5px;*/
    font-size: 24px;
    box-shadow: none;
    border: 0;
    font-weight: 600;
}

.withdraw-con-header {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
}

.withdraw-con-header-ct {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.back-btn-wrapper {
    /*width: 20%;*/
}

.modal-input-label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.amount-overview {
    background: #F4FFF9;
    border: 1px solid #1EC677;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28.5px 20px;
}

.main-modal-with-con {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
}

.modal-section-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #12AF65;
}

.modal-amount {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.detail-divider {
    margin: 0;
    border: 1px solid #E2E6F7;
}

.bank-details-new {
    margin-top: 60px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 24px;
}

.detail-section {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}

.detail-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #A0A4B2;
}

.detail-title-value {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #A0A4B2;
}

.time-new {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 10.6721px;
    line-height: 13px;
    color: #0B67F2;
}

.estimate-time-new {
    width: 93.54px;
    height: 30.49px;
    background: #F7F8FD;
    border-radius: 64.7951px;
}

.detail-value {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #A0A4B2;
}

.modal-input-with-con {
    background: #F7F8FD;
    border-radius: 8px;
    padding: 13px;
    border: 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 143.5%;
    color: #A0A4B2;
}

.confirm-transaction {
    display: none;
}

.otp-section {
    display: none;
}

.success-section {
    display: none;
}

.confirm-transaction-usd {
    display: none;
}

.otp-section-usd {
    display: none;
}

.success-section-usd {
    display: none;
}

.success-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 160%;
    text-align: center;
    color: #000000;
}

.success-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #617889;
    margin-top: 20px;
    margin-bottom: 18px;
}

.gif-modal {
    width: 70%;
    height: 300px;
}

.gif-modal-se {
    height: 250px;
}

.success-confetti {
    width: 100%;
    text-align: center;
}

.otp-text {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    color: #1E1E1E;
    margin-bottom: 24px;
}

.mt-32 {
    margin-top: 32px;
}

.modal-btn {
    background: #000000;
    border-radius: 4px;
    width: 100%;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    padding: 15px;
    margin-top: 60px;
}

.withdraw-amount-to {
    box-sizing: border-box;
    padding: 18px 23px;
    margin-bottom: 28px;
    background: #F7F8FD;
    border-radius: 8px;
}

.price-from-deposit {
    font-family: 'Sora';
    width: 78%;
    padding-left: 5px;
    color: #000;
    font-family: Sora;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    border: none;
    line-height: normal;
}

.currency_ {
    padding: 7px 22px;
    border-radius: 64.795px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    color: #191919;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

input[type=number]:focus {

    outline: none !important;
    border: none;
    box-shadow: none;
}

input[type=number] {
    background-color: transparent;
}

.converted_to_img {
    width: 20px;
    margin-right: 10px;
}

.no-border {
    border: 0;
    box-shadow: none;
}

.capita {
    text-transform: capitalize !important;
}

.price_to {
    font-size: 12px;
    width: 21%;
    padding: 4px;
    border: none;

}

.same-currency {
    display: none;
}

.price_to-convert {
    font-size: 12px;
    width: 20%;
    padding: 9px 6px;
    border: 1px solid #DDDDDD;
    background: #fff;
    border-radius: 8px;
}

.price_to-withdraw {
    width: 20%;
    padding: 9px 6px;
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    border-radius: 64.7951px;
    font-size: 16px;
    line-height: 20px;
    color: #191919;
}

.title-withdraw {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #B0B4C4;
}

.convert_currency_dropdown_cp-withdraw {
    width: 20%;
    padding: 9px 6px;
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    border-radius: 64.7951px;
    font-size: 16px;
    line-height: 20px;
    color: #191919;
}

.convert_currency_dropdown {
    font-size: 12px;
    width: 20%;
    padding: 9px 6px;
    border: 1px solid #DDDDDD;
    background: #fff;
    border-radius: 8px;
    border: none;
}

.convert_currency_dropdown_cp {
    background: #EBECEF;
    border-radius: 64.7951px;
    border: none;
    padding: 10px;
}

.trans-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    font-family: 'Inter';
}

.pending-left {
    font-size: 16px;
    color: #1E1E1E;
    font-weight: 500;
}


.buttons {
    background-color: rgb(248, 249, 253);
    cursor: pointer;
    height: 43.66px;
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgb(0, 0, 0);
    font-family: Sora;
    font-size: 15.876px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    outline: none;
    padding: 10px 12px;
    border-radius: 4.961px;
    border-width: 0.992px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
}

.dashboard-banner {
    width: 100%;
    background-image: url(https://cedamoney.com/assets/images/dashboard-banner-img.png);
    background-size: cover;
    margin-bottom: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    padding: 41px;
}

.dash-text {
    width: 70%;
}

.u-name {
    color: rgb(255, 255, 255);
    font-family: Sora;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.u-name-sub {
    color: rgb(255, 255, 255);
    font-family: Sora;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.trans-types-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.mr {
    margin-right: 10px;
}

.bgCross {
    background-color: #5E3EEB;
    width: 25px !important;
    height: 25px;
    padding: 5px;
}


.actionIcon {
    /*width: 15px;*/
    margin: 0 5px 0 10px;
}

.total {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
}

.inner-left {
    display: flex;
    justify-content: space-between;
}

.trans-box-left {
    padding: 16px 26px;
    background: #F1F2F6;
    border-radius: 8px;
    width: 48%;
}

.trans-box-right {
    padding: 16px 26px;
    background: #1E1E1E;
    border-radius: 8px;
    color: #FFFFFF;
    width: 48%;
}

.in-naira-left {
    font-size: 10px;
    color: #898989;
    font-weight: 500;
    padding-left: 5px;
    top: -2px;
    position: relative;
}

.in-naira-right {
    font-size: 10px;
    color: #CACACA;
    font-weight: 500;
    padding-left: 5px;
    top: -2px;
    position: relative;
}

.trans-price-left {
    color: #1E1E1E;
    font-size: 38.33px;
    font-style: normal;
    font-weight: 700;
}

.trans-price-right {
    color: #FFFFFF;
    font-size: 38.33px;
    font-style: normal;
    font-weight: 700;
}

.timer {
    background-color: #FFFFFF;
    padding: 7.36px;
    color: #828790;
    font-size: 12.85px;
    border-radius: 40px;
    position: relative;
    top: -7px;
}

.trans-btn {
    margin-top: 24px;
    padding: 15px;
    height: 50px;
    background: #000000;
    color: #ffffff !important;
    width: 276px;
    border-radius: 4px;
    font-family: Sora;
}

.trans-btn-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*********Privacy*********/
.hero-title {
    background: #fff;
    text-align: left;
    padding: 114px 0;
}

.page-title {
    font-family: Sora;
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    margin: 0;
    line-height: 56px;
    color: #000000;
}

section.ceda-content-wrapper {
    padding: 69px 0;
    background: #F3F6F8;
}

.content-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 56px;
    color: #000000;
}

p.content-detail {
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 139.6%;
    color: #000000;
}

.content-section {
    margin-bottom: 21px;
}

.table {
    /* margin-top: 33.5px; */
    margin-left: -9px !important;
}

.table-borderless .bl {
    border: 0 !important;
}

.table-borderless .blt {
    border-top: 0 !important;
    border-bottom: 1px solid #C8C8C8;
    margin-bottom: 33.5px;
    /* margin-top: ; */
}

.blt {
    font-family: 'Sora-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #272727;
}

td.bl {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.convert-local-currency.pd-table {
    padding: 26px 38px;
}

.search-box {
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 12px 17px;
    display: flex;
    justify-content: space-between;
}

.search-input {

    font-family: 'Sora';
    font-size: 16px;
    color: #000000;
    border: 0;
    background-color: transparent;
    width: 95%;

}

.search-input:focus {

    outline: none !important;
    border: none;
    box-shadow: none;
}


.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.previous {
    padding-right: 40px;
}

.previous-img {
    padding-right: 19px;
    position: relative;
    top: -2px;
}

.next-img {
    padding-left: 19px;
    position: relative;
    top: -2px;
}


.successful {
    background: #E0FFE2;
    border-radius: 39px;
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #009F06;
    padding: 4px 6px;
}

.failed {
    background: #FEEBEB;
    border-radius: 39px;
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #F70F0F;
    padding: 4px 6px;
}

.pending {
    background: #ECEFF3;
    border-radius: 39px;
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #929CAF;
    padding: 4px 6px;
}

th.bl {
    font-family: Sora-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.time-text {
    font-family: 'Sora-regular';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #97A5BF;
}

/**********Setting********8*/
.setting-wrapper {
    padding: 65px 193px 65px 193px;
    background-color: #ffffff;
    border-radius: 8px;
}

.info {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 143.5%;
    align-items: center;
    text-transform: uppercase;
    color: #949494;
    margin-bottom: 0;
}

.info-wrapper {
    margin-top: 16px;
    margin-bottom: 40px;
}

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

.info-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin: 0;
}

.info-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #949494;
    margin: 4px 0 0 0;
}

.edit-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    background: #F0F1F3;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    width: 86px;
    height: 32px;
}

.sign-img {
    width: 100px;
}

.no-border {
    border: 0 !important;

}

.change {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
}

.mt16 {
    margin-top: 16px
}

.mt40 {
    margin-top: 40px
}

.action-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #000000;
    margin: 0;
}

.action-sub {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #8C8C8C;
    margin: 4px 0 0 0;
}

.security {
    width: 145px;
    height: 32px;
}

.info-detail-text {
    width: 60%;
}

.status {
    /*width: 30%;*/
}

.twofactor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.page-link {
    background: #1E1E1E !important;
    color: #ffffff !important;
    border: none !important;
}

.light-theme .current {
    background: #5E3EEB !important;
    color: #ffffff !important;
    border: none !important;
}

.disabled_ {
    padding: 3px 4px;
    height: 20px;
    background: #F9DDDD;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 143.5%;
    display: flex;
    width: 51px;
    align-items: center;
    color: #FF1C1C;
}

/*!* toggle in label designing *!
.toggle {
    position : relative ;
    display : inline-block;
    width: 20px;
    height: 12px;
    background-color: #F0F1F3;
    border-radius: 30px;
    border: 2px solid #000000;
    margin: 0;
}

!* After slide changes *!
.toggle:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000000;
    top: 1px;
    left: 1px;
    transition: all 0.5s;

}

!* Checkbox checked effect *!
.checkbox:checked + .toggle::after {
    left : 10px;

}

!* Checkbox checked toggle label bg color *!
.checkbox:checked + .toggle {
    background-color: #009F06;
    border: 2px solid #009F06;
}

!* Checkbox vanished *!
.checkbox {
    display : none;
}*/
#onPass {
    display: none;
}

#on2FA {
    display: none;
}

#showPassView {
    padding: 29px 21px;
    background: #F0F1F3;
    margin-top: 14px;
}

#show2FaView {
    padding: 29px 21px;
    background: #F0F1F3;
    margin-top: 14px;
}

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

.input-field {
    width: 160px;
    height: 32.18px;
    left: 105px;
    top: 338px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 10.2979px;
    line-height: 143.5%;
    color: #919191;
    padding-left: 13px;
    margin-right: 10px;
}

.upd-btn {
    width: 105px;
    height: 32px;
    background: #000000;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    text-align: center !important;
    color: #FFFFFF;
    /* display: flex; */
    padding: 8px;
    cursor: pointer;
}

.auth-field {
    width: 39px;
    height: 28px;
    margin-right: 4px;
}

.field-wrapper-auth {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-authentication {
    width: 75px;
    height: 28px;
    background: #000000;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resend-otp {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 143.5%;
    display: flex;
    align-items: center;
    color: #5400EC;
    justify-content: center;
    margin: 4px 0 0 0;
}

.enabled {
    padding: 3px 4px;
    height: 20px;
    background: #E1F9DD;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 143.5%;
    display: flex;
    width: 51px;
    align-items: center;
    color: #1EB636;
    display: none;
}

/*::-webkit-file-upload-button {
    background: #FFFFFF;
    color: #000000;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    padding: 8px 25px;
    border-radius: 20px;
    outline: none;
    cursor: pointer;
    border: 0
}*/
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;

    color: #000000;
}

/****************Convert to local*******************/
.convert-wrapper {
    background-color: #ffffff;
    padding: 80px 210px;
    border-radius: 8px;
}

.amount-to-convert {
    box-sizing: border-box;
    padding: 11px 16px;
    margin-bottom: 48px;
    background: #F8F8F9;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
}

.rate-and-wallet-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.ceda-rate-and-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    margin-bottom: 29px;
}

.wallet-am-convert {
    color: #000000;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
}

.exchange_rate_on_convert {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #B0B4C4;
}

.amount-to-convert2 {
    background: #F8F9FD;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 14px 23px;
    margin-bottom: 28px;
}

.amount-pay {
    padding: 30px 23px;
}

.black-border {
    border: 1px solid #000000 !important;
}

.bank-tra {
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 10px;
    font-weight: 500;
}

.title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9A9A9A;
}

.receive-convert {
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 10px 16px;
}

.receive-text_ {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 17px;
    color: #9A9A9A;
}

.convert-from-rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mb0 {
    margin-bottom: 0;
}

.top-header {
    background: #EFECFD;
    padding: 19px 0;
}

.top-header-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #5E3EEB;
}

.career {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #5E3EEB;
}

.top-img {
    margin-left: 15px;
}

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

.m0 {
    margin: 0 !important;
}

.m40 {
    margin-top: 40px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.box.ha .box__dragndrop,
.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box.has-advanced-upload {
    background-color: white;
    outline: 2px dashed black;
    outline-offset: -10px;
}

.box.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box.is-dragover {
    background-color: grey;
}

.image-wrapper {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 26px;
    margin-top: 16px
}

.kyc-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #1E1E1E;
}

.kyc-sub-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1E1E1E;
}

.solid-box {
    border: 1px solid #E6EAF6;
    border-radius: 7.524px;
    margin-top: 32px;
    padding: 17.89px;
}

.box__input {
    border: 1px dashed #D3D6DC;
    box-sizing: border-box;
    border-radius: 15.0483px;
    padding: 62px 0;
    text-align: center;

}

.b-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 33px;
}

.border-below {
    border: 0.5px solid #000000;
    opacity: 0.22;
}

.b-section-title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}

.b-btn-text {
    margin-right: 5px;
}

.img-wrapper-checkout {
    width: 100%;
    text-align: center;
}

.check-out-img {
    width: 85%;
}

.cancel-gen {

    border: 1px solid #949494;
    border-radius: 4px;
    padding: 15px;
}

h2.form-heading {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 56px;
    color: #000000;
}

.b-section-reg-btn {
    background: #5E3EEB;
    border-radius: 8px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 160%;
    color: #FFFFFF;
    padding: 9px 12px;
    cursor: pointer;
}

.businesses-wrapper {
    margin-top: 42px;
    margin-bottom: 100px;
    display: flex;
    /*align-items: center;*/
    flex-wrap: wrap;
    justify-content: space-between;
}

.businesses-wrapper.last-row-two-items {
    justify-content: flex-start;
}

.business-info {
    border: 0.836374px solid #E6E6E6;
    border-radius: 6.69099px;
    padding: 18.4px 9.78px 8.23px 11.71px;
    margin-bottom: 25px;
    width: 24%;
}

#next-of-amount-generate {
    margin-top: 32px
}

.business-name {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 18.4002px;
    line-height: 142%;
    color: #191919;
    height: 52px;
}

.business-description {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10.8729px;
    line-height: 160%;
    display: flex;
    align-items: center;
    color: #A2A2A2;
    margin-top: 3.5px;
    margin-bottom: 22px;
}

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

.successful-b {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10.8729px;
    line-height: 160%;
    display: flex;
    align-items: center;
    background: #F4FEF8;
    border-radius: 38.4732px;
    color: #0A8D3E;
    padding: 4px 8px;
}

.download {
    background: #F8F9FD;
    border-radius: 2px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 10.87px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #5400EC;
    padding: 4px 8px;
}

.business-registration-wrapper {
    margin: 124px 116px;
    padding: 41px 52px !important;
    background: #FFFFFF;
    border-radius: 8px;
}

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

label.m0.label-kyc {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #000000;
    cursor: pointer;
}

.size-limit {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 160%;
    color: #000000;
    margin-top: 16px !important;
}

.small-upload {
    margin-right: 20px
}

/*.payoneer{
    display: none;
}
.bank{
    display: none;
}*/
.method-title.banktranfer {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #000000;
}

.bank-details {
    margin-top: 32px;
}

.bank_section {
    margin-top: 32px;
}

.bank-box {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 26px;
    margin-top: 16px;
}

.select-bank {
    padding-right: 20px;
}


.bank-name {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 143.5%;
    color: #000000;
    margin-bottom: 16px !important;
}

.cac-input {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #919191;
    height: 50px !important;
}

.bank_name_wrapper {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 143.5%;
    color: #919191;
}

.btn-send {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    left: 502px;
    top: 973px;
    background: #000000;
    border-radius: 4px;
    margin-top: 32px;
    text-decoration: none;
    font-family: Sora;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 15px 0;
    cursor: pointer;
}

.sub-btn-kyc {
    margin-left: 13px;
}

/*kyc*/
.pb-27 {
    padding-bottom: 27px !important;
}

.back {
    margin-right: 24px;
}

/*******get freelance Advice*******/
.content {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 22px 35px;
    margin-bottom: 32px;
}

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

}

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

.arrow-down {
    display: none;
    cursor: pointer;
}

.arrow-right {
    cursor: pointer;
}

.arrow-down-email {
    display: none;
    cursor: pointer;
}

.arrow-right-email {
    cursor: pointer;
}

.arrow-down-later {
    display: none;
    cursor: pointer;
}

.arrow-right-later {
    cursor: pointer;
}

.reqcall {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    margin-left: 18px !important;
}

.sendreq-btn {
    margin-left: 65px;
    margin-top: 5px;
    width: 155px;
    height: 43.81px;
    background: #000000;
    border-radius: 3.86871px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 10.9525px;
    line-height: 143.5%;
    text-align: center;
    display: none;
    color: #FFFFFF;
}

.gen-next-btn {
    margin-top: 32px;
}

.gen-link-inputs {
    border: 1px solid #DDD;
    padding: 13px;
    color: #909090;
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 143.5%;
    border-radius: 8px;
    background: #F7F8FD;
}

.gen-textarea {
    height: 120px;
}

.sec-text {
    color: #808080;
    text-align: center;
    font-size: 12.999px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 37px;
}

.gen-breakdown {
    padding: 31px 29px;
    border-radius: 4px;
    border: 1px solid #CFCFCF;
}

.breakdown-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.gen-t {
    color: #A0A4B2;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.gen-value {
    color: #6C7286;
    text-align: right;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.gen-text {
    color: #000;
    font-size: 14px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.second-gen {
    display: none;
}

.third-gen {
    display: none;
}

.fourth-gen {
    display: none;
}

.emailuson {
    margin-left: 65px;
    margin-top: 5px;
    display: none;
}

.emailto {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #5B5B5B;
}

.email-address {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60%;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin-top: 5px;
    padding: 13px;
}

.email-address-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #5B5B5B;
}

.licences-wrapper {
    margin-top: -60px;
}

.dottedBorder {
    border-left: 1px dashed #E6EAF6;
    margin-left: -30px;
    padding-left: 30px;
}

.div-center {
    margin: 0 auto;
    text-align: center;
}

.mt-0 {
    margin-top: 0 !important;
}

.uploadInput {
    border: 1px solid #E6EAF6;
    border-radius: 4px;
    outline: none;
    padding: 5px;
}

.transactId {
    font-size: 14px;
    line-height: 16px;
    color: #1E1E1E;
}

.uploadBorder {
    width: 90%;
    border: 1px dashed #E6EAF6;
    border-radius: 7px;
    text-align: center;
    padding: 30px 10px;
}

.lineO {
    width: 40%;
    height: 1px;
    background-color: #e6eafe;
}

.w-35 {
    width: 35%;
}

.w-60 {
    width: 60%;
}

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

.marginAuto {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.uploadImg {
    font-size: 17px;
    line-height: 21px
}

.browseText {
    font-size: 10px;
    line-height: 12px;
}

.top-10 {
    top: 10%;
}

.transferInput {
    width: 100%;
    border: 1px solid #A3ABBC;
    border-radius: 4px;
    outline: none;
    padding: 7px;
    margin-top: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 2px 0px;
}

.cardText {
    font-size: 14px;
    line-height: 16px;
    color: #8F8F8F;

}

.wrap {
    flex-wrap: wrap;
}

.launchAlert {
    background-color: #ffdb00;
    padding: 9px 12px;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cac-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    background: #FEF3B2;
    border-radius: 5px;
}

.launchAlert>p {
    margin-bottom: 0 !important;
    font-family: Sora, "sans-serif" !important;
}

.bold {
    font-weight: bold;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.modalArrow {
    position: absolute;
    left: 30px;
    width: 40px;
    top: 30px;
    cursor: pointer;
}

.modalArrow_ {
    width: 40px;
    /* top: 25px; */
    left: 27%;
    cursor: pointer;
    position: absolute;
}

.deposit-content {
    padding: 100px 235px 59px 235px;
}

.stat-si {
    color: #FFF;
    text-align: center;
    font-family: Sora;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.stat-i {
    color: #1EC677;
    text-align: center;
    font-family: Sora;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.interest_only {
    margin-right: 16px;
}

#saving_interest {
    margin-right: 16px;
}

.title_payment_payment {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #808080;
    margin-bottom: 8px;
}

.sec_title {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #000000;
    text-align: center;
}

.sec_title-gen {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 93.1%;
    color: #000000;
    text-align: center;

}

.gen-link {
    background: #F8F9FD;
    border: 1px solid #B1B4BF;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #000;
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.amount-to-convert2-deposit {
    box-sizing: border-box;
    padding: 18px 16px;
    margin-bottom: 28px;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    margin-top: 34px;
    background: #F7F8FD;

}

.gap-12 {
    gap: 12px;
}

.new-dashboard-wrapper {
    display: flex;
    width: 100vw;
    justify-content: center;
    max-width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}

.trans-box-sizing,
.dashboard-banner-box {
    box-sizing: border-box;
}

.w-full {
    width: 100%;
}

.mt-20 {
    margin-top: 20px;
}

/*Auth page*/
.left-content-wrapper{
    background-color: #7E56E5;
}
.w-45{
    width:45%;
}
.auth-logo-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 65px;
}
.myProgress {
    width: 20%;
    background-color: rgb(255, 255, 255, 0.5);
    height: 2px;
}

#myBar1,
#myBar2,
#myBar3,
#myBar4 {
    width: 0%;
    height: 2px;
    background-color: #ffffff;
}

.pwrapper {
    width: 100%;
    height: 500px;
    background: #7E56E5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img-wrapper-auth {
    width: 100%;
}
.auth-img {
    width: 100%;
}
@media only screen and (max-width: 1465px) {
    .content-wrapper {
        padding: 41px 80px 59px 80px;
    }

    .content-wrapper2 {
        padding: 41px 0px 59px 0px;
    }

    .content-withdraw {
        padding: 80px 170px !important;
    }

    .deposit-content {
        padding: 100px 200px 59px 200px;
    }

    .price_to {
        width: 26%;
    }

    .id-input {
        width: 53%
    }

    .maxW {
        height: 100%;
    }

    .side-img {

        /*left: 6.5% !important; */
        /*width: 120%;*/
    }


    .why-choose-header {
        margin-top: 52px;
        font-size: 28px;
    }

}

@media only screen and (max-width: 1380px) {
    .content-wrapper-withdraw {
        padding: 100px 70px 59px 70px;
    }

    .body-padding {
        padding: 41px 80px 59px 80px;
    }

    .cac-done-wrapper {
        margin: 70px 55px;
    }

    .price_to {
        width: 30%;
    }

    .id-input {
        width: 53%
    }

    .convert-wrapper {
        background-color: #ffffff;
        padding: 79px 135px;
        border-radius: 8px;
    }
}

@media only screen and (max-width: 1320px) {
    .link-wrapper {
        width: 100%;
    }
}


@media only screen and (max-width: 1200px) {
    .buttons {
        width: 48%;
        margin-bottom: 20px
    }

    .business-registration-wrapper {
        margin: 124px 40px;
        padding: 41px 20px !important;
    }

    .content-wrapper-withdraw {
        padding: 100px 70px 59px 70px;
    }

    .content-withdraw {
        padding: 80px 100px !important;
    }

    /*Tablets [601px -> 1200px]*/
    .logo-wrapper {
        width: 30%;
        padding-left: 15px;
    }

    .header-right {
        padding-right: 0px;

    }

    .coverage {
        padding-left: 0px;
    }

    .right-sec-drop {
        padding-right: 0px;
    }

    /* .navbar-expand-lg .navbar-collapse {
         display: none!important;
     }
     .navbar-expand-lg .navbar-toggler {
         display: block !important;
     }*/
    .coverage-areas {
        width: 100%;
    }


    .modal-content {
        width: 60%;
    }

    .modal-content-h {
        width: 60%;
    }

    .modal_head-h {

        padding: 42px 80px;
    }

    .hero-bg {
        padding: 15px 0;
    }

    .what-btn {
        width: 58% !important;
    }

    .globe {
        width: 100%;
    }

    .left-col {
        min-height: 100vh;
    }

    .float-r {
        margin-left: 0%;
        margin-top: 20px;
    }

    .why-col-1,
    .why-col-2,
    .why-col-3 {
        margin-top: 32px;

    }

    .hero-image {
        display: block;
        width: 100%;
        height: auto;
    }

    .btn-send {
        display: flex;
        width: 100%;
    }

    .hero-section {
        background-image: none;
    }

    .side-img {
        margin-top: 10px;
        /* width: 127%; */

        left: 3% !important;
        width: 100%;
    }

    .convert-1,
    .convert-2 {
        border-right: none;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .plr {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .hero-content {
        padding-top: 30px;
    }

    a.btn.btn-get-start-cta {
        padding: 10px 8px;
    }

    .header-main-ceda {
        padding: 1rem 1rem 1rem 1rem !important;
        align-items: center;
    }

    .currency-exchange-section {
        padding: 30px 0px;
        background-image: none;
    }

    .currency-exchange-image {

        display: block;
        width: 100%;
    }

    .digital-services-image {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .digital-service-section {
        background: #FBF9FC;
        padding: 30px 0px;
        background-image: none;
    }

    .footer-logo {
        margin-bottom: 60px !important
    }

    .convert-wrapper {
        padding: 50px;
    }

    .setting-wrapper {
        padding: 65px 35px 65px 35px;
    }

    .notify.cancel-order {
        margin-left: 0 !important;
        margin-top: 12px;
    }

    .notify {
        width: 100%;
    }

    .w40 {
        margin: 0px !important;
    }

    .id-input {
        margin-top: 12px;
        width: 100%;
    }
}

@media only screen and (max-width: 1011px) {
    .re-mt-5 {
        margin-top: 0px;
        margin-left: 5px;
    }

    .main-ref-wrapper {
        margin-top: 80px;
    }

    .trans-wrapper-page {
        padding-top: 120px !important;
    }

    .p-20 {
        padding: 49px 25px !important;
    }

    .deposit-content {
        argin-top: 70px;
    }

    .content-wrapper-withdraw {
        margin-top: 50px;
        padding: 100px 20px 59px 20px;
    }

    .flexBar {
        display: flex;
        position: fixed;
        z-index: 50;
        justify-content: space-between;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        padding: 35px 15px !important;
        box-sizing: border-box;
        align-items: center;
    }

    .modal-content-h {
        width: 80%;
    }

    .coming-soon-img {
        margin-bottom: 30px;
    }

    .side-img {
        margin-top: 10px;
        left: 1% !important;
        width: 100%;
    }

    .trans-box {
        display: block;

    }

    .modal-heading-h {
        font-family: 'Sora';
        font-weight: 600;
        font-size: 34.1055px;
        line-height: 93.1%;
        padding-top: 10px;
    }

    .join-ceda {
        display: block;

    }

    .btn-get-hiw-cta {
        margin-top: 32px;
        width: 100%;
        margin-left: 0px !important;
    }

    .trans-box-left {

        width: 100%;
    }

    .trans-box-right {

        width: 100%;
        margin-top: 20px;
    }

    /* .pending-left{
      width: 40px;
    } */
    .inner-left {
        display: block;
    }

    .timer {
        width: 50%;
        margin-top: 10px;
    }

    .rate-row {
        display: block;
    }

    .single-rate {
        margin-top: 10px;
    }

    .price_to {
        width: 30%;
    }

    .hide-on {
        display: none
    }

    .col-9-ceda {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .content-wrapper {
        padding: 50px 15px 50px 15px;
    }

    .sidebar-wrapper {
        padding-top: 115px;
    }

    .pt150 {
        padding-top: 150px
    }

    .sidebar-wrapper {
        padding-bottom: 20px;
    }

    .inner-col {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    /* .hl-150 {
        height: 200vh !important;
    } */
    .left-col {
        min-height: 100vh;
    }
}

@media only screen and (max-width: 992px) {
    .dropdown-list-item-ceda {
        display: block;
    }

    .dropdown-header-main {
        padding: 20px 0;
    }

    .list-name-ceda {
        justify-content: center;
    }

    .btn-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 900px) {
    .convert-row {
        display: block
    }

    .convert-content {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-content {
        flex-direction: column-reverse!important;
        order: 2; /* Change the order to display below on smaller screens */
    }
    .main-ref-wrapper {
        margin-top: 30px;
    }
    .w-45 {
        width: 100%;
        padding-bottom: 30px;
    }
    /*.re-mt-5{*/
    /*    margin-top: 5px;*/
    /*    margin-left: 0px;*/
    /*}*/
    .main-ref-wrapper {
        display: block;
    }

    .total-saving-content {
        width: 100%;
        margin-top: 20px;
    }

    .total-saving-wrapper {
        display: block;
    }

    .transaction-wrapper {
        padding: 20px;
    }

    .ref-left-content {
        width: 100%;
    }

    .ref-right-content {
        width: 100%;
        margin-top: 30px;
    }

    .b-section-header {
        display: block;
    }

    .cac-content {
        margin: 12px
    }

    .cac-done-wrapper {
        margin: 123px 12px;
    }

    .cac-wrapper {
        padding: 20px;
    }

    .businesses-wrapper {
        display: block;
    }

    .business-info {
        width: 100%;
    }

    .content-withdraw {
        padding: 80px 70px !important;
    }

    .convert-local-currency {
        padding: 15px;
    }

    .mb56-mob {
        margin-bottom: 56px;
    }

    .hero-heading {
        font-size: 32px;
        line-height: 40px;
    }

    a.btn.btn-get-start-cta {
        width: 100%;
    }

    .top-header-text {
        text-align: center;
    }

    .top-right-content {
        justify-content: center;
    }

    .left-content-footer {
        width: 100%;
    }

    .modal_head-h,
    .modal-title-h {

        padding: 42px 50px;
    }

    .footer-right {
        width: 20%;
    }

    .footer-left {
        width: 100%;
        margin-top: 30px;
        justify-content: center;
    }

    .text-below-section {
        text-align: inherit;
    }

    .upper-covert {
        display: block;
    }

    .convert-most-left {
        display: block;
    }

    .payments {
        margin: 70px 0;
    }

    .below-section-imgs {
        margin: 40px 0;
    }

    .mobile-view-payment {
        margin-bottom: 30px;
    }

    .currency {
        width: 100%;
    }

    .trans-btn {
        width: 100%;
    }

    .loop {
        text-align: center;
        margin: 12px 0;
    }

    .col-rev-ceda {
        flex-flow: column-reverse;
    }

    .left-col {
        padding: 40px 0px;
    }

    .hl-150 {
        height: 40vh !important;

    }

    .left-col {
        min-height: 100vh;
    }

    .right-col {
        padding: 40px 0px !important;
    }

    .inner-col {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .trans-image-wrapper {
        width: 100%;
    }

    .spWrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .trans-id-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .mlr-55 {
        margin-left: 0;
        margin-right: 0;
    }
}

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

    .buttons {
        width: 100%;
        margin-bottom: 20px;
    }

    .content-info-deposit {
        padding: 48px 20px;
    }

    /*Big smartphones [426px -> 600px]*/
    /*******************Header********************/
    .logo-wrapper {
        width: 30%;
    }

    .footer-right {
        width: 50%;
        margin-bottom: 20px;
    }

    .modal-content {
        width: 70%;
    }

    .hero-image {
        display: block;
        width: 100%;
        height: auto;
    }

    .side-img {
        display: block;
        margin-top: 10px;
        left: 1% !important;
        width: 100%;
    }

    .hero-section {
        background-image: none;
    }

    .hero-content {
        padding-top: 30px;
    }

    a.btn.btn-get-start-cta {
        padding: 10px 8px;
    }

    .header-main-ceda {
        padding: 1rem 1rem 1rem 1rem !important;
        align-items: center;
    }

    .currency-exchange-section {
        padding: 30px 0px;
        background-image: none;
    }

    .currency-exchange-image {

        display: block;
        width: 100%;
    }

    .digital-services-image {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .digital-service-section {
        background: #FBF9FC;
        padding: 30px 0px;
        background-image: none;
    }

    .footer-logo {
        margin-bottom: 60px !important
    }

    .hl-150 {
        height: 58vh !important;
    }

    .setting-wrapper {
        padding: 65px 15px 65px 15px;
    }

    .pass-view {
        flex-wrap: wrap;
    }

    .input-wrapper-settings {
        width: 49%;
    }

    .input-field {
        width: 100%
    }

    .upd-btn {
        width: 100%;
        justify-content: center;
        margin-top: 12px;
    }

    .auth-field {
        width: 35px;
    }

    .data-wrapper {
        width: 50%;
    }

    .three {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .modal_body {
        padding: 36px 31px;
    }

    .modal_head {
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media only screen and (max-width: 480px) {
    .content-withdraw {
        padding: 80px 5px !important;
    }

    /*Small smartphones [325px -> 425px]*/
    /*******************Header********************/
    .logo-wrapper {
        width: 30%;
    }

    .modal-content {
        width: 95%;
    }

    .mobile-view {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .convert-right-content {
        width: 100%;
    }

    .convert-title {
        width: 50%;
        justify-content: flex-start;
    }

    .side-img {
        width: 100%;
        margin-top: 20px;
        left: 0% !important;
    }

    .header-main-ceda {
        padding: 1rem 1rem 1rem 1rem;
        align-items: center;
    }

    .convert-wrapper {
        padding: 50px 10px;
    }

    .three {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

}

@media only screen and (max-width: 338px) {
    .trans-btn {
        height: 75px;
    }
}

@media only screen and (max-width: 1000px) {
    .currencyBox:nth-child(2) {
        margin-top: 20px;
    }

    .mt-val {
        margin-top: 80px;
    }
}

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

    .b_details2 {
        padding: 5px 70px 45px;
    }
}

@media only screen and (max-width: 450px) {
    .currencyBox:nth-child(2) {
        margin-top: 20px;
    }

    .b_details2 {
        padding: 5px 10px 45px;
    }

    .modal-body-acc {
        width: 100%;
    }

    .mlP {
        margin-left: 0px !important;
    }

    .dottedBorder {
        padding-left: 10px;
    }

    .timeline-indi2 {
        left: -25px;
    }

    .content-wrapper-add-curr2 {
        padding: 45px 20px 120px 20px !important;
    }
}

.m-0 {
    margin: 0 !important;
}

.font-sora {
    font-family: 'Sora' !important;
}

.new-dashboard {
    width: 100%;
}

.ceda-wrapper-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.max {
    max-height: 30px;
    max-width: 300px;
}

.my-20 {
    margin: 20px 0;
}

@media only screen and (min-width: 1200px) {
    .new-dashboard {
        width: 70%;
    }
}

@media only screen and (min-width: 1800px) {
    .new-dashboard {
        width: 50%;
    }
}

/* email css */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap");

.emailA {
    text-decoration: none;
    color: inherit;
}

.emailMaxBody {
    background-color: #f9fafb;
    padding: 50px 0;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (min-width: 600px) {
    .emailMaxBody {
        max-width: 600px;
    }
}

.emailh4 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.emailHeaderDiv {
    background-color: #117144;
    height: 88px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 60px;
}

.emailText {
    color: #5d5c63;
    font-size: 14px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
}

.emailFrame {
    float: right;
}

.emailBody {
    background-color: #fff;
    padding: 30px 60px;
}

.emailFooter {
    background-color: #f1f8f1;
    height: 130px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 60px;
    margin: 0;
}

.emailUnsubscribe {
    padding-right: 60px;
}

.emailContact {
    color: #1763f5;
    font-weight: 600;
    border-bottom: 1px solid #1763f5;
    text-decoration: none;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.emailCode {
    border: 1px solid #117144;
    padding: 20px 30px;
    letter-spacing: 15px;
    font-size: 17px;
    color: #117144;
    font-family: "Inter", sans-serif;
    display: inline-block;
}

.emailLink {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 600px) {
    .emailHeaderDiv {
        padding-left: 10px;
    }

    .emailFooter {
        padding: 0 30px;
    }

    .emailBody {
        padding: 30px 30px;
    }
}



.emailTextBold {
    font-weight: 600;
}


.mb70 {
    margin-bottom: 70px;
}

.emailButton {
    background-color: #1aa865;
    color: #fff;
    padding: 16px 60px;
    font-size: 12px;
    font-family: "Plus Jakarta Sans", sans-serif;
    display: inline-block;
    border-style: none;
    cursor: pointer;
    text-decoration: none;
}

.mb70 {
    margin-bottom: 70px;
}

.emailTextBold {
    font-weight: 600;
}



/* email css  ends here*/