html {
    font-size: 14px;
}

.wpwl-apple-pay-button {
    -webkit-appearance: -apple-pay-button !important;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    font-size: 15px;
    opacity: .7;
}
.black-color {
    color: #000;
}

.modal-body-overflow {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 15px;
}

.p-relative {
    position: relative;
}

h2 {
    font-size: 28px;
}
.font-10 {
    font-size: 10px;
}
.color-red {
    color: #d00000 !important;
}
.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}
.font-18 {
    font-size: 18px;
}
.gap-2 {
    gap: 5px;
}

.table-light {
}

    .table-light thead tr th {
        font-size: 14px;
        padding: 11px 7px !important;
        color: #555;
        background-color: #F1FCF7;
    }

    .table-light.table-light-green-header thead tr th {
        color: #1C9CAB;
    }

    .table-light.table-light-gray-header {
        background-color: #F5F6FA;
    }

        .table-light.table-light-gray-header thead tr th {
            background-color: #F5F6FA;
            color: #A3A6B4;
            font-size: 12px;
        }

    .table-light tbody tr:nth-of-type(even) {
        background-color: #fafafa;
    }

    .table-light tbody tr:nth-of-type(odd) {
        background-color: #fff;
    }

    .table-light.table-light-dark thead tr th {
        font-size: 12px;
        padding: 11px 7px !important;
        color: #fff;
        background-color: #17a2b8;
    }

    .table-light.table-light-green-header tbody tr td {
        background-color: #ceece7 !important;
    }

.notifyjs-corner {
    z-index: 99999 !important;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

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

.input-group-end .input-group-text {
    border-color: #1db9c3;
    background-color: #d4d4d4;
    color: #000;
}

.form-control:focus {
    box-shadow: unset;
}

.select2-container .select2-dropdown .select2-search {
    position: relative;
}

    .select2-container .select2-dropdown .select2-search .search-icon {
        position: absolute;
        margin: 8px 9px;
        color: #999;
    }

    .select2-container .select2-dropdown .select2-search input {
        font-size: 14px;
    }

.height-page {
    min-height: calc(100vh - 115px);
}

.height-45 {
    height: 45px;
}

.height-50 {
    height: 50px;
}

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

.p-0-5 {
    padding: 0 5px;
}

.relative-10px {
    position: relative;
    top: -10px;
}

.text-danger {
    font-size: 12px;
}
offer_condition_required.text-danger {
    position: relative;
    top: -3px;
}
    .theme-color {
    color: #1DB9C3;
}

.hint-text {
    color: #888;
    font-size: 12px;
}

.small-input {
    width: 150px;
}

.bs-actionsbox button {
    font-size: 12px !important;
}

.attribute-container .headnote {
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0;
}

.attribute-container {
    margin-bottom: 10px;
}

.font-14 {
    font-size: 14px;
}

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

/*========= end bootstrap select ===========*/
.form-label .form-group label {
    position: relative;
    margin: 0 10px;
    font-size: 12px;
    top: 10px;
    z-index: 999;
    display: block;
    text-align: start;
}

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

.form-label .add-account-check .form-check {
    display: flex;
    align-items: center;
}

.modal .alert-warning {
    color: #ffb301;
}

.alert-warning-payment {
    color: #E5A000;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    width: calc(100% - 30px);
    margin: 10px auto;
    font-size: 13px;
    padding: 7px 15px;
    justify-content: flex-start;
    text-align: start;
}

    .alert-warning-payment.no-bg {
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        font-size: 11px;
    }

    .alert-warning-payment.no-bg {
        padding: 13px 8px;
    }

information_container .alert-warning-payment.no-bg {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    margin: auto !important;
    width: 400px;
}

.alert-warning-payment.no-bg .black-title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

    .alert-warning-payment.no-bg .black-title.font13.bold {
        font-size: 13px;
        font-weight: 600;
    }

.bankIban-check label {
    display: flex;
    justify-content: center;
    gap: 5px;
}

    .bankIban-check label input {
        width: 18px;
    }

.form-label .add-account-check {
    height: 46px;
    border-radius: 2px;
}

    .form-label .add-account-check .form-check label {
        top: 7px;
    }

    .form-label .add-account-check .form-check input {
        width: 22px;
        height: 15px;
        position: relative;
        top: 4px;
    }

.form-label .form-group input[type=checkbox] ~ label {
    display: inline-block;
    top: unset;
    margin: 0;
    font-size: 14px;
}

.form-label .form-group label span {
    background-color: #fff;
    display: inline-block;
    padding: 0 4px;
    line-height: 2px;
}

.form-label .form-group .bootstrap-select > .dropdown-toggle,
.form-label .form-group .form-control {
    border: 1px solid #D5E1F1;
    border-radius: 3px;
    height: 45px;
    background-color: #fff;
}

    .form-label .form-group .form-control.new-form-input {
        display: flex;
        padding: 15px;
    }

        .form-label .form-group .form-control.new-form-input label {
            display: flex;
            gap: 5px;
            align-items: center;
        }

            .form-label .form-group .form-control.new-form-input label input {
                width: 21px;
                height: 17px;
            }

.form-label .form-group .select2.select2-container {
    border: 1px solid #D5E1F1;
    border-radius: 3px;
    height: 45px;
}

.select2-container {
    z-index: 99999;
}

select ~ .select2-container {
    z-index: 996;
}
    select ~ .select2-container + .select2-container {
        display: none !important;
    }
    .select2-results__option {
        font-size: 14px;
    }

    .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected],
    .select2-container--default .select2-results__option--highlighted[aria-selected],
    .select2-results__option:hover {
        background-color: #1ab0ba;
    }

.add-IBAN-input .field-validation-error {
    width: 100%;
}

.btn-title {
    border: 1px solid #D5E1F1;
    border-radius: 3px;
    height: 35px;
    font-size: 20px;
    text-align: center
}

.form-label .form-group .select2.select2-container .select2-selection {
    height: 42px;
    border: none;
}

    .form-label .form-group .select2.select2-container .select2-selection .select2-selection__rendered {
        color: #3a3a3a;
        font-size: 14px;
        line-height: 45px;
    }

.step-car .form-label .form-group .select2.select2-container .select2-selection .select2-selection__rendered {
    line-height: 32px;
}

.form-label .form-group .select2-selection__arrow:after {
    font-size: 14px;
    line-height: 44px;
}

.form-label .form-group .select2.select2-container .select2-selection .select2-selection__arrow {
    text-align: center;
}

.form-label .form-group .bootstrap-select.form-control {
    border: none;
}
.form-label .form-group .bootstrap-select > .dropdown-toggle:after,
.form-label .form-group .date-container:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    color: #000;
    opacity: .75;
    font-weight: 900;
    position: absolute;
    display: block !important;
    border: none !important;
    top: 10px;
}

.form-label .form-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    line-height: 39px;
}

.form-label .form-group .select2.select2-container .select2-selection .select2-selection__rendered {
    line-height: 33px;
    padding: 8px 15px 3px;
}

.form-label.form-label-car .form-group .select2.select2-container .select2-selection .select2-selection__rendered {
    padding: 7px 20px 4px;
    line-height: 36px;
}

.form-label .form-group.large-size .form-control {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    background-color: #fff;
}

    .form-label .form-group.large-size .form-control::-webkit-outer-spin-button,
    .form-label .form-group.large-size .form-control::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.form-label .cutom-top-label {
    margin-top: 25px;
}

.form-label .large-btn {
    margin-top: 17px;
}

    .form-label .large-btn .btn {
        height: 45px;
    }

.payment-container {
    text-align: center;
    font-family: ChangaRegular;
}

.prev-btn {
    min-width: 116px;
    height: 48px;
    border: unset;
    background-color: #E8EFF9;
    color: #2C3E50;
    border-radius: 5px;
}

.payment-container .payment-box,
.wpwl-target {
    background-color: #fff;
    border-radius: 15px;
    width: 550px;
    max-width: 98%;
    margin: 15px auto;
    box-shadow: 0 0 10px #cecece;
}

.wpwl-target {
    height: unset !important;
}

.payment-container .payment-box {
    position: relative;
}

    .payment-container .payment-box .head-box {
        padding: 20px 15px;
        border-bottom: 1px solid #fff;
    }

        .payment-container .payment-box .head-box h5 {
            padding: 10px 0;
            font-size: 18px;
        }

.tooltip-btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 11px;
    border-radius: 50%;
    color: #fff;
    background-color: #1DB9C3;
    line-height: 18px;
}

.payment-container .payment-box .head-box .payment-checked {
    display: flex;
    justify-content: center;
    margin: 10px auto;
}

    .payment-container .payment-box .head-box .payment-checked .form-check {
        margin: 0;
        padding: 0;
        margin-left: -10px;
    }

        .payment-container .payment-box .head-box .payment-checked .form-check .form-check-input {
            display: none
        }

        .payment-container .payment-box .head-box .payment-checked .form-check .form-check-label img {
            height: 29px;
            /* max-width: 80px; */
            max-height: 38px;
        }

        .payment-container .payment-box .head-box .payment-checked .form-check .form-check-label {
            background-color: #fff;
            color: #000;
            padding: 7px 10px;
            gap: 5px;
            border-radius: 10px;
            font-size: 14px;
            margin: 0;
            min-width: 120px;
            cursor: pointer;
            border: 4px solid #ebebeb;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 57px;
        }

        .payment-container .payment-box .head-box .payment-checked .form-check .form-check-input:checked ~ .form-check-label {
            background-color: #fff;
            color: #000;
            position: relative;
            z-index: 2;
            border: 4px solid #1DB9C3;
        }

.payment-container .payment-box .body-box {
}

    .payment-container .payment-box .body-box .promo-code {
        border-bottom: 1px solid #fff;
    }

        .payment-container .payment-box .body-box .promo-code .promo-input {
            display: flex;
            padding: 15px;
            gap: 5px;
            width: 450px;
            max-width: 100%;
            margin: auto;
        }

        .payment-container .payment-box .body-box .promo-code.accepted .promo-input {
            display: none;
        }

        .payment-container .payment-box .body-box .promo-code .promo-data {
            display: none;
        }

            .payment-container .payment-box .body-box .promo-code .promo-data h6 {
                font-size: 13px;
                padding: 10px 0;
                margin: 0;
            }
                .payment-container .payment-box .body-box .promo-code .promo-data h6 a {
                    cursor: pointer;
                }
                .payment-container .payment-box .body-box .promo-code .promo-data h6 span {
                    color: #28cdbb;
                    font-weight: 600;
                    margin: 0 5px;
                }

                    .payment-container .payment-box .body-box .promo-code .promo-data h6 span.code {
                        text-decoration: underline;
                    }

                    .payment-container .payment-box .body-box .promo-code .promo-data h6 span i {
                        font-size: 16px;
                    }

        .payment-container .payment-box .body-box .promo-code.accepted .promo-data {
            display: block;
        }

        .payment-container .payment-box .body-box .promo-code .promo-input .promo-input-container {
            width: calc(100% - 120px);
            text-align: start;
        }

            .payment-container .payment-box .body-box .promo-code .promo-input .promo-input-container .error-label {
                font-size: 12px;
                color: #af0000;
            }

            .payment-container .payment-box .body-box .promo-code .promo-input .promo-input-container input {
                height: 50px;
                border-radius: 5px;
            }

        .payment-container .payment-box .body-box .promo-code .promo-input button {
            height: 50px;
        }

        .payment-container .payment-box .body-box .promo-code .promo-input button,
        .payment-container .payment-box .body-box .pay-btn {
            font-size: 13px;
            width: 120px;
            border: none;
            background-color: #1DB9C3;
            border-radius: 5px;
            color: #fff;
            font-weight: 600;
        }

            .payment-container .payment-box .body-box .promo-code .promo-input button:hover,
            .payment-container .payment-box .body-box .pay-btn:hover {
                opacity: 0.8;
            }

    .payment-container .payment-box .body-box .pay-btn {
        height: 50px;
        width: calc(100% - 30px);
        margin: 10px auto 30px;
        border-radius: 25px;
    }

    .payment-container .payment-box .body-box .row-price {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        font-size: 15px;
    }

        .payment-container .payment-box .body-box .row-price.total-row-border {
            border-top: 1px solid #f7f7f7;
        }

        .payment-container .payment-box .body-box .row-price span {
            font-weight: 600;
        }

            .payment-container .payment-box .body-box .row-price span.price-promo {
                color: #cf2c5b;
            }

            .payment-container .payment-box .body-box .row-price span.promo-code-price {
                color: #28cdbb;
            }

            .payment-container .payment-box .body-box .row-price span.total-price {
                font-size: 18px;
            }
.dotlottie-coupon {
    width: 200px;
    margin: 0px auto;
}
.promo-data .large-width {
    margin: auto;
    display: block;
    height: 45px;
    min-width: 200px;
    border-radius: 25px;
    margin-top: 20px;
}
.header-section {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #e7e7e7;
    width: calc(100% - 15px);
    justify-content: space-between;
}

.back-btn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 10px;
    position: relative;
    min-height: 30px;
}

    account_form .back-btn,
    .back-btn.end {
        justify-content: end;
    }

.header-section h6 {
    margin: 0;
}

.back-btn a.btn,
.header-section a.btn {
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #000;
    text-decoration: none;
}

ul.payment-hint {
    padding: 10px 0px;
}

    ul.payment-hint li {
        font-size: 13px;
        text-align: start;
        padding: 5px 15px;
        position: relative;
    }

.payment-hint li:before {
    content: '';
    background-color: #1DB9C3;
    width: 10px;
    display: inline-block;
    height: 10px;
    border-radius: 50%;
    position: relative;
    top: 2px;
    margin: 0 5px;
}

.payment-form .wpwl-form {
    background-color: #fff;
    margin: 30px auto;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 0 9px #ddd;
}

.mada-payment .wpwl-brand-card {
    position: absolute;
    margin: 17px 10px;
}

.mada-payment .wpwl-form-card {
    min-height: 0px !important;
}

.mada-payment .wpwl-label-brand {
    display: none !important;
}

.mada-payment .wpwl-control-brand {
    display: none !important;
}

.mada-payment .wpwl-brand-card {
    display: block;
    visibility: visible;
    position: absolute;
    top: 40px;
    width: 67px;
    z-index: 10;
}

.mada-payment .wpwl-brand-MASTER {
    margin-top: -10px;
    margin-right: -10px;
}

.First-step.Payments-page .loginSection .grid-center {
    padding: 10px 30px !important;
}

.fail-content {
    text-align: center;
    padding-bottom: 30px;
}

    .fail-content dotlottie-player {
        width: 220px;
        height: 220px;
        margin: -15px auto 0px;
    }

    .fail-content h5 {
        margin-bottom: 10px;
    }

    .fail-content a {
        color: #0d6efd;
        padding: 0 3px;
        padding-bottom: 0px;
        text-decoration: none;
    }

    .fail-content p {
        padding: 5px 0;
        width: 355px;
        margin: auto;
        max-width: 100%;
    }

.notifyjs-bootstrap-base {
    background-size: 30px;
    min-width: 370px;
    position: relative;
}

    .notifyjs-bootstrap-base.notifyjs-bootstrap-danger {
        background-color: #fff3cd !important;
        border: 1px solid #fff3cd !important;
        color: #c29800;
    }

    .notifyjs-bootstrap-base.notifyjs-bootstrap-success {
        color: #468847 !important;
        background-color: #DFF0D8 !important;
        border: 1px solid #DFF0D8 !important;
    }

.notifyjs-bootstrap-danger {
    background-image: url(../../assets/img/warning.png);
}

@media (min-width: 768px) {
    .payment-form .wpwl-form {
        padding: 15px 75px;
    }
}

.payment-form .wpwl-form .wpwl-label {
    display: block;
    float: unset;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 15px;
}

.payment-form .wpwl-form .wpwl-wrapper {
    width: 100%;
    padding: 0;
}

.payment-form .wpwl-form .wpwl-control {
    height: 45px;
    border-radius: 10px;
    padding: 5px 10px;
    text-align: center !important;
    border: 2px solid #1db9c3;
    font-size: 15px;
    font-family: 'changa-regular' !important;
}

.payment-form .wpwl-button-pay {
    background-color: #1db9c3;
    border-color: #1db9c3;
    border-radius: 10px;
    height: 45px;
    width: 100%;
    margin-top: 10px;
}

.visa-payment .wpwl-group-brand {
    position: relative;
}

    .visa-payment .wpwl-group-brand .wpwl-brand-card {
        position: absolute;
        margin: 10px 5px;
    }

.wpwl-has-error ~ .wpwl-hint {
    color: #ff0500 !important;
    font-size: 13px;
}

.customer-profile-notComplete {
    padding: 0;
}

@media (min-width: 768px) {

    html {
        font-size: 16px;
    }

    .attribute-container .text-danger {
        display: block;
        padding-right: 18.5%;
        font-size: 13px;
        margin-bottom: 5px;
    }

    .form-flex .form-group {
        display: flex;
        align-items: center;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.full-width {
    padding: 0;
    margin: 0;
    width: 100%;
}

p {
    font-size: 1rem;
    line-height: 1.5;
}

.text-theme {
    color: #47a4ad;
}

.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
    background: linear-gradient(to right, #ffbf96, #fe7096) !important;
}

.bg-gradient-info {
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important;
}

.bg-gradient-success {
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
    background: linear-gradient(to right, #84d9d2, #07cdae) !important;
}

.bg-gradient-theme {
    background: -webkit-gradient(linear, left top, right top, from(#1DB9C3), to(#1DB9C3)) !important;
    background: linear-gradient(to right, #1DB9C3, #1DB9C3) !important;
}

.card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    height: 100%;
}

.card-img-holder {
    border: none;
    box-shadow: 0 0 8px #d7d7d7;
    margin: 10px 0 !important;
}

.gap-3 {
    gap: 3px;
}

.bold {
    font-weight: 600;
}

.title-with-line:after {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #dadada;
    top: 13px;
}

.title-with-line {
    position: relative;
    margin-bottom: 15px;
}

    .title-with-line span {
        display: inline-block;
        background-color: #fff;
        position: relative;
        z-index: 2;
        padding-inline-end: 15px;
        font-size: 17px;
        color: #000;
    }

.tab-content {
    width: 100%;
}

.dropdown-menu {
    padding: 0;
    text-align: start;
}

    .dropdown-menu a {
        padding: 4px 10px;
        font-size: 14px;
    }

.dropdown-item.active, .dropdown-item:active {
    background-color: #47a4ad;
}

.padding-page {
    padding: 10px 15px 0;
    width: calc(100%);
    margin: auto;
}

.btn i {
    font-size: 13px;
}

.page-loading {
    display: none;
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
}

    .page-loading:before {
        content: '';
        left: 0;
        right: unset;
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed;
        z-index: 9998;
        background-color: #000;
        opacity: 0.25;
    }

    .page-loading img {
        transform: translate(-50%, -50%);
        display: block;
        left: 50%;
        right: unset;
        top: 50%;
        position: fixed;
        z-index: 9999;
        width: 100px;
    }
    .page-loading.active {
        display: block !important;
    }
    .box-shadow-style {
        box-shadow: 0 0 4px #d7d7d7;
    }

.form-flex .form-group {
    margin-bottom: 10px
}

.header-fixed.toolbar-fixed .wrapper {
    padding-top: 65px;
}

.flex-gap-center {
    align-items: center;
    align-content: center;
    display: flex;
    gap: 15px;
    padding: 0 15px;
    margin-bottom: 10px;
}

.form-control {
    border-radius: 0;
    font-size: 14px;
}
/*=============== login ===============*/
.LoginForm {
    height: 100vh;
    overflow: hidden;
}

    .LoginForm .imgSec {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 70%;
        float: right;
    }

        .LoginForm .imgSec img {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: auto;
            left: 0;
            top: 12%;
            transform: scale(0.4);
        }

        .LoginForm .imgSec .overLayBlueLogin {
            position: absolute;
            z-index: 3;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: #1AAFED;
            opacity: 0.2;
        }

    .LoginForm .FormSec {
        background-color: #fff;
        width: 30%;
        display: inline-block;
        height: 100vh
    }

        .LoginForm .FormSec .FormSec-container {
            height: 100%;
            display: grid;
        }

        .LoginForm .FormSec .TopMask {
            width: 100%;
            margin-bottom: 10px;
            max-width: 100%;
        }

        .LoginForm .FormSec form .SecInput {
            margin-bottom: 25px;
            background-color: #e9e9e9;
            border-radius: 0px;
            color: #999;
            padding: 11px 20px;
        }

        .LoginForm .FormSec form {
            padding: 0px 50px;
            text-align: center;
        }

            .LoginForm .FormSec form label.checkbox {
                text-align: start;
                padding: 0 10px;
            }

        .LoginForm .FormSec img {
            margin: auto;
            margin-bottom: 20px;
            max-width: 90%;
        }

        .LoginForm .FormSec form .SecInput i {
            width: 25px;
            margin: 0 5px;
        }

        .LoginForm .FormSec form .SecInput .form-control {
            display: inline-block;
            width: 100%;
            background-color: transparent;
            border: none;
            box-shadow: none;
            outline: none;
        }

        .LoginForm .FormSec form .LoginBtn,
        .LoginForm .FormSec form .LoginBtn:hover,
        .LoginForm .FormSec form .LoginBtn:focus {
            display: block;
            width: 100%;
            padding: 16px;
            background-color: #1AAFED;
            color: #fff;
            text-decoration: none;
            border: none;
            border-radius: 0px;
        }

.account-form .form-group {
    margin-bottom: 20px;
}

.account-form .field-validation-error {
    width: 100%;
    display: inline-block;
    text-align: start;
}

    .account-form .field-validation-error > span {
        width: 100%;
        display: inline-block;
        line-height: 26px;
        font-size: 12px;
        padding: 0 5px;
    }

.account-form .form-check {
    text-align: start
}

.account-form .btn-form {
    background: -webkit-gradient(linear, left top, right top, from(#63dfea), to(#4a8fb4));
    background: linear-gradient(to right, #63dfea, #4a8fb4);
    border: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 100%;
    height: 40px;
}

.symbol.symbol-lg-160px.symbol-fixed > img {
    width: 90px;
    height: 90px;
}

.btn-icon-split {
    align-items: stretch;
    justify-content: center;
    display: inline-block;
    color: #fff;
    padding: 0 !important;
    border-radius: 3px;
}

    .btn-icon-split:not(.btn-icon-only) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 5px;
    }

    .btn-icon-split .icon {
        background: rgba(0, 0, 0, .15);
        display: inline-block;
        padding: 3px;
        text-align: center !important;
        width: 27px;
    }

    .btn-icon-split.btn-icon-only .icon {
        color: rgb(255 255 255) !important;
        background: transparent;
    }

    .btn-icon-split.btn-icon-only.btn-light .icon {
        color: #333 !important;
    }

.btn-table {
    text-align: end;
    display: flex;
    gap: 3px;
}

.btn-group.dropup .btn-User {
    display: flex;
    padding: 0 5px 5px;
    gap: 5px;
}

.btn-table .popover-confirmation {
    display: inline-block;
}

.btn-icon-split .icon i {
    font-size: 14px;
    display: contents;
}

.menu-item .btn-icon-split .icon i {
    font-size: 15px;
}

.btn-icon-split b {
    font-size: 12px;
    margin: 0 4px;
}

.btn-icon-split .text {
    padding: 1px 8px;
    font-size: 12px;
}

.btn-icon-split:hover {
    color: #fff;
    opacity: .95
}

.menu-item .btn-icon-split,
.dropdown-menu .btn-icon-split {
    width: 100%;
    margin-bottom: 1px;
    text-align: start;
}

.nav-line-tabs .nav-item .nav-link.active {
    font-weight: 600;
    color: #333;
}

.tab-content .details {
    padding: 10px 0;
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    margin: 0 auto 10px;
    position: relative;
}

.stepper.stepper-pills .stepper-item {
    position: relative;
    width: 165px;
    text-align: center;
    display: block;
}

    .stepper.stepper-pills .stepper-item:after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #ebebeb;
        position: absolute;
        top: 20px;
    }

    .stepper.stepper-pills .stepper-item:last-child:after {
        display: none
    }

    .stepper.stepper-pills .stepper-item.completed .stepper-icon {
        transition: color 0.2s ease, background-color 0.2s ease;
        background-color: #4790b1;
        color: #fff;
    }

        .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check {
            color: #fff !important;
        }

    .stepper.stepper-pills .stepper-item.current:last-child .stepper-label .stepper-title, .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title {
        font-size: 14px;
        margin-top: 4px;
        color: #333;
    }

[class*="col-"] {
    position: relative;
}


/*=============== End login ===============*/
/*=============== custom theme ===============*/

.aside.aside-dark .aside-logo {
    background-color: #fff;
}

.aside-enabled.aside-fixed.header-fixed .header {
    background-color: #d4e1e9;
}


.groups-box .check-permission {
    position: relative;
}

    .groups-box .check-permission input {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 6px;
        width: 20px;
        height: 17px;
        z-index: 9;
    }

        .groups-box .check-permission input + span:after {
            content: '\f111';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            color: #e0e0e0;
            font-size: 20px;
            display: inline-block;
            cursor: pointer;
        }

        .groups-box .check-permission input:checked + span:after {
            content: '\f058';
            color: #47a4ad;
        }

.groups-box .card > .card-header {
    align-items: center;
    padding: 10px 15px 40px !important;
    background: linear-gradient(to right, #e3f6f8, #63dfea);
    box-shadow: 0 0 8px #d7d7d7;
    border-radius: 0px;
    color: #fff;
    display: flex;
    place-content: space-between;
}

    .groups-box .card > .card-header .card-title span {
        color: #333;
        font-weight: 600;
        font-size: 15px;
    }

.groups-box .btn {
    position: absolute;
    left: 10px;
    bottom: 5px;
    background-color: #fafafa;
    display: inline-block;
    padding: 5px !important;
    text-align: center;
    color: #47a4ad;
}

    .groups-box .btn i {
        color: #47a4ad;
        padding: 3px;
    }

    .groups-box .btn:hover {
        background-color: #47a4ad;
    }

        .groups-box .btn:hover i {
            color: #fff;
        }

.card-statistics .clearfix i {
    line-height: 38px;
    padding: 7px;
    font-size: 26px;
}

.card-statistics .count-card-statistics {
    color: #47a4ad;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.app-toolbar {
    width: calc(100% - 30px);
    margin: 7px 15px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 0 8px #d7d7d7;
    padding: 5px 0;
}

    .app-toolbar .app-container {
        padding: 0 15px
    }

        .app-toolbar .app-container .page-heading {
            font-weight: 600
        }

            .app-toolbar .app-container .page-heading span {
                margin: 0 10px;
            }

.alert {
    font-weight: 600;
}

    .alert.border-color-warning {
        border: 2px solid #caac56;
        font-weight: 500;
    }

        .alert.border-color-warning p {
            font-size: 14px;
        }

    .alert i {
        color: #ffc800;
        font-size: 19px;
        position: relative;
        top: 2px;
        width: 25px;
    }

    .alert.alert-warning i {
        color: #E5A000;
    }

    .alert.alert-warning.new-style {
        color: #ffc800;
    }

        .alert.alert-warning.new-style i {
            color: #ffc800;
        }

.list-attach {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

    .list-attach p {
        font-size: 13px;
        padding: 7px;
        margin: 0;
    }

        .list-attach p:before {
            content: '\f111';
            display: inline-block;
            width: 20px;
            color: #1DB9C3;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
        }

.modal-dialog-centered {
    padding-top: 0;
    align-items: center;
}

.modal .modal-header {
    padding: 10px 15px;
}

.modal .form-footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #ebebeb;
    gap: 8px;
    text-align: end;
}

.accordion-button {
    padding: 9px 15px;
    font-size: 14px !important;
}

.form-check.form-check-custom {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.border-block.form-check.form-check-custom {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    display: block;
}

.form-check-conditions {
    padding: 5px 15px;
}

.form-check-arib {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .form-check-arib input {
        width: 18px;
        height: 18px;
        margin-top: 0;
        border-radius: 0.25em;
        position: relative;
        margin: 0;
    }

.form-check-arib-large input {
    width: 20px;
    height: 20px;
}

.form-check-arib-large label {
    font-size: 13px;
}

.form-check-arib input:after {
    content: "\f00c";
    font-family: FontAwesome;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 14px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 2px;
}

.form-check-arib a {
    margin: 0 0px;
    text-decoration: underline !important;
    color: #0d6efd !important;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}

.page-container {
    padding: 0 15px;
}

    .box-style,
    .page-container .card {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 8px #d7d7d7;
        margin-bottom: 7px !important;
        padding: 10px;
    }

.search-portlet {
    padding: 10px 15px;
}

.icon-only i {
    padding-left: 0;
    padding-right: 0;
}

.border-0 {
    border-radius: 0;
}

.form-action {
    text-align: end;
    margin: 0px 0;
}

.btn,
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: 4px 12px;
}

.input-group.sp-input-group .searchTerm {
    height: 32px;
}

.btn-danger .svg-icon svg [fill]:not(.permanent):not(g),
.btn-success .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #fff;
}

.btn-danger-light {
    border: 1px solid #d32104;
    color: #d32104;
    padding: 8px !important;
    min-width: 130px;
    font-size: 13px;
}

.btn-danger:hover .svg-icon svg [fill]:not(.permanent):not(g),
.btn-success:hover .svg-icon svg [fill]:not(.permanent):not(g),
.btn-danger:focus .svg-icon svg [fill]:not(.permanent):not(g),
.btn-success:focus .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #f7f7f7;
}

.btndanger i,
.btndanger {
    color: #f1616f;
}

.table tr th, .table tr td {
    padding: 10px !important;
}

.table tr th {
    font-weight: 600;
    color: #333;
}

.client-sec {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 3px solid #e6e6e6;
}

    .client-sec:last-child {
        border-bottom: none;
    }

.user-icon {
    gap: 10px;
}

.user-icon,
.user-icon-img {
    gap: 10px;
}

    .user-icon-img a,
    .user-icon-img a:hover {
        padding: 0 !important;
        background-color: transparent;
    }

        .user-icon-img a img {
            width: 47px;
            height: 47px;
            align-items: center;
            align-content: center;
            margin-top: 10px;
        }

.svg-icon-primary i {
    color: #47a4ad
}

.user-icon a {
    border-radius: 0;
    line-height: 35px;
    padding: 0px !important;
    text-align: center;
    width: 35px;
}

    .user-icon a i {
        font-size: 16px;
        display: inline-table;
        padding: 0 !important;
    }

.no-table-over-flow .table-responsive {
    overflow: visible;
}

.popover-confirmation {
    position: relative
}

    .popover-confirmation .popover.confirmation {
        top: -85px;
        width: 140px;
        left: -44px;
        display: none;
    }

        .popover-confirmation .popover.confirmation h3 {
            font-size: 13px;
            padding: 7px 10px;
            border-bottom: 1px solid #ededed;
        }

        .popover-confirmation .popover.confirmation .btn-group {
            gap: 6px;
            margin-bottom: 4px;
        }

            .popover-confirmation .popover.confirmation .btn-group .btn {
                padding: 5px !important;
                width: 60px;
                border-radius: 0 !important;
            }

        .popover-confirmation .popover.confirmation .arrow {
            left: calc(50% - 10px);
            transform: translate(-50%, 0);
            bottom: -27px;
            position: absolute;
        }

            .popover-confirmation .popover.confirmation .arrow:after {
                content: "\f0d7";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                color: #fff;
                font-size: 30px;
            }

.popover-title {
    font-size: 14px;
    padding: 7px 10px 0;
}

.popover-content .btn-group {
    display: flex;
    width: 100%;
    gap: 3px;
    padding: 5px;
}

.dropup .dropdown-toggle::after {
    display: none
}

.dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-menu {
}

.TopHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 4px 2px -2px #ededed;
    width: calc(100% - 200px);
    position: fixed;
    z-index: 1000;
    top: 0;
    background-color: #fff
}



    .TopHeader .right-section,
    .TopHeader .left-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .TopHeader .right-section > ul,
        .TopHeader .left-section > ul {
            padding: 0 5px;
            margin: 0
        }

            .TopHeader .right-section > ul > li,
            .TopHeader .left-section > ul > li {
                display: inline-block
            }

                .TopHeader .left-section > ul > li.notifcation-header > a > img {
                    width: 18px;
                }

    .TopHeader .dropdown-toggle.User img {
        width: 15px;
    }

.img-Culture img {
    width: 15px;
}

.dropdown-menu-profile {
    border: none;
    box-shadow: 0 0 6px #ccc;
}

    .dropdown-menu-profile .dropdown-item {
        font-size: 13px;
        padding: 5px 17px;
        margin: 3px 0;
        border-bottom: 1px solid #ededed;
        padding-inline-start: 30px;
        position: relative;
    }

        .dropdown-menu-profile .dropdown-item.with-icon {
            padding-inline-start: 9px
        }

            .dropdown-menu-profile .dropdown-item.with-icon i {
                font-size: 16px;
                color: #c6c6c6;
                width: 17px;
            }

        .dropdown-menu-profile .dropdown-item:last-child {
            border-bottom: none;
        }

        .dropdown-menu-profile .dropdown-item:after {
            content: '';
            background-repeat: no-repeat;
            position: absolute;
            width: 22px;
            min-height: 22px;
            height: max-content;
            top: 6px;
            background-size: 16px;
        }

        .dropdown-menu-profile .dropdown-item:hover,
        .dropdown-menu-profile .dropdown-item:focus {
            background-color: #D8F3F5;
            color: #1DB9C3;
        }

        .dropdown-menu-profile .dropdown-item.profile-page:after {
            background-image: url(../../assets/img/Home/user.png);
        }

        .dropdown-menu-profile .dropdown-item.profile-page:hover:after,
        .dropdown-menu-profile .dropdown-item.profile-page:focus:after {
            background-image: url(../../assets/img/Home/user-hover.png);
        }

        .dropdown-menu-profile .dropdown-item.invoices:after {
            background-image: url(../../assets/img/Home/invoice.png);
        }

        .dropdown-menu-profile .dropdown-item.invoices:hover:after,
        .dropdown-menu-profile .dropdown-item.invoices:focus:after {
            background-image: url(../../assets/img/Home/invoice-blue.png);
        }

        .dropdown-menu-profile .dropdown-item.change-password:after {
            background-image: url(../../assets/img/Home/change-password.png);
        }

        .dropdown-menu-profile .dropdown-item.change-password:hover:after,
        .dropdown-menu-profile .dropdown-item.change-password:focus:after {
            background-image: url(../../assets/img/Home/change-password-hover.png);
        }

        .dropdown-menu-profile .dropdown-item.setting:after {
            background-image: url(../../assets/img/Home/settings.png);
        }

        .dropdown-menu-profile .dropdown-item.setting:hover:after,
        .dropdown-menu-profile .dropdown-item.setting:focus:after {
            background-image: url(../../assets/img/Home/settings-hover.png);
        }

        .dropdown-menu-profile .dropdown-item.log-out:after {
            background-image: url(../../assets/img/Home/logout.png);
        }

        .dropdown-menu-profile .dropdown-item.log-out:hover:after,
        .dropdown-menu-profile .dropdown-item.log-out:focus:after {
            background-image: url(../../assets/img/Home/logout-hover.png);
        }

@media(min-width: 1450px) {
    .TopHeader .right-section > ul > li.showInTablet, .TopHeader .left-section > ul > li.showInTablet {
        display: none
    }
}

.TopHeader .right-section > ul > li > a,
.TopHeader .left-section > ul > li > a {
    padding: 7px 10px;
    text-transform: capitalize;
    color: #000;
    font-size: 13px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.TopHeader .left-section > ul > li.logo-mobile > a {
    padding: 2px 4px;
}

.TopHeader .left-section > ul > li > a.Language-text {
    font-weight: 600;
}

@media(max-width: 1200px) {
    .TopHeader .right-section > ul > li > a, .TopHeader .left-section > ul > li > a {
        padding: 7px 4px
    }
}


.TopHeader .right-section > ul > li > a > i,
.TopHeader .left-section > ul > li > a > i {
    padding: 0 3px;
    font-size: 13px
}

.TopHeader .right-section > ul > li > a.count > i,
.TopHeader .left-section > ul > li > a.count > i {
    font-size: 15px
}

.TopHeader .right-section > ul > li > a.count span,
.TopHeader .left-section > ul > li > a.count span {
    background-color: #fc495c;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    width: 15px;
    min-width: 15px;
    padding: 0;
    line-height: 13px;
    position: absolute;
    top: 1px;
    right: 8px
}

.TopHeader .right-section > ul > li > a.User,
.TopHeader .left-section > ul > li > a.User {
    padding-right: 0
}


    .TopHeader .right-section > ul > li > a.User + .ImgUser,
    .TopHeader .left-section > ul > li > a.User + .ImgUser {
        display: inline-block
    }

        .TopHeader .right-section > ul > li > a.User + .ImgUser img,
        .TopHeader .left-section > ul > li > a.User + .ImgUser img {
            border-radius: 50%
        }

.CollapseSidebar .TopHeader {
    width: calc(100% - 90px);
}

@media(max-width: 991px) {

    .CollapseSidebar .TopHeader {
        margin-right: 0;
        width: 100%
    }
}

body {
    margin: 0;
    padding: 60px 0 0;
    font-family: "Segoe UI";
    width: calc(100% - 200px);
    background-color: #97bdd224;
}

@media(max-width: 1450px) {
    body {
        width: calc(100% - 200px)
    }
}

@media(max-width: 991px) {
    .title-section.center h4 {
        display: block;
        text-align: center;
        padding: 25px 0 0px;
        color: #333;
    }

    body {
        width: 100%;
        margin-right: 0
    }
}

.dropdown-menu {
    z-index: 9999
}

.m-0 {
    margin: 0
}

body.CollapseSidebar {
    width: calc(100% - 70px);
}

@media(max-width: 1450px) {
    body.CollapseSidebar {
        width: calc(100% - 70px)
    }
}

@media(max-width: 991px) {
    body.CollapseSidebar {
        width: 100%;
        margin-right: 0
    }
}

*::-webkit-scrollbar-track {
    background-color: transparent
}

*::-webkit-scrollbar {
    width: 7px;
    background-color: transparent;
    height: 7px
}

*::-webkit-scrollbar-thumb {
    background-color: #999
}

ul {
    padding: 0
}

li {
    list-style: unset;
    display: block
}

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

.bg-green,
.bg-green-before:before {
    background-color: #28ad36 !important
}

.bg-blue,
.bg-blue-before:before {
    background-color: #23b7e5 !important
}

.bg-burble,
.bg-burble-before:before {
    background-color: #7266ba !important
}

.bg-yellow,
.bg-yellow-before:before {
    background-color: #fcd730 !important
}

.bg-gray,
.bg-gray-before:before {
    background-color: #eaeae8 !important
}

.bg-darkgray,
.bg-darkgray-before:before {
    background-color: #555 !important
}

.border-green {
    border-color: #28ad36 !important
}

.border-blue {
    border-color: #23b7e5 !important
}

.border-burble {
    border-color: #7266ba !important
}

.border-white {
    border-color: #fff !important
}

.border-yellow {
    border-color: #fcd730 !important
}

.border-darkgray {
    border-color: #555 !important
}

.green {
    color: #28ad36 !important
}

.blue {
    color: #23b7e5 !important
}

.burble {
    color: #7266ba !important
}

.white {
    color: #fff !important
}

.yellow {
    color: #fcd730 !important
}

.darkgray {
    color: #555 !important
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: 600;
}

.nav-pills .nav-link {
    color: #707070;
    padding: 3px 15px;
    border-radius: 0;
    font-size: 15px;
    background-color: #F5F5F5;
    border-radius: 8px;
    border: 2px solid #E0E3EB;
    position: relative;
    margin-inline-end: 15px !important;
}

    .nav-pills .nav-link:after {
        content: "";
        position: absolute;
        left: -17px;
        top: 18px;
        font-weight: 900;
        height: 2px;
        width: 10px;
        background-color: #707070;
    }

    .nav-pills .nav-link:last-child:after {
        display: none
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        border-color: #1DB9C3 !important;
        background-color: #fff !important;
        color: #000;
    }

        .nav-pills .nav-link.has-error,
        .nav-pills .nav-link.active.has-error {
            background-color: #af0000 !important;
            border-color: #af0000 !important;
            color: #fff !important;
        }

.btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn {
    height: 35px;
    width: 35px;
    font-size: 16px;
    border-radius: 50%;
}

.btn-circle i {
    line-height: 25px;
}

.ImgUser {
    position: relative
}

    .ImgUser img {
        width: 30px;
        height: 30px;
        margin-inline-end: 5px;
    }

    .ImgUser.status:after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        background-color: #999;
        border-radius: 50%;
        border: 2px solid #fff
    }

    .ImgUser.top {
        top: 0px;
        color: #000;
    }

    .ImgUser.bottom {
        bottom: 3px
    }

    .ImgUser.status.active:after {
        background-color: green
    }

    .ImgUser.status.wating:after {
        background-color: #ff0
    }

    .ImgUser.status.offline:after {
        background-color: red
    }

    .ImgUser.Round100 img {
        border-radius: 50%
    }

    .ImgUser.Round25 img {
        border-radius: 25px
    }

    .ImgUser.Round5 img {
        border-radius: 5px
    }

.toogle-accordion-item {
    margin-bottom: 20px;
    border: 1px solid #b7d4e7;
    border-radius: 6px;
}

    .toogle-accordion-item .accordion-collapse {
        padding: 0;
    }

.filterWithFunders .form-control {
    border-radius: 5px;
}

.toogle-accordion-button {
    gap: 10px;
    background-color: #B7D4E7;
    color: #1a69b9;
    display: flex;
    width: 100%;
    border: none;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
}

    .toogle-accordion-button i {
        color: #000
    }

    .toogle-accordion-button::after {
        position: absolute;
        left: 15px;
        top: 15px;
    }

    .toogle-accordion-button:focus {
        box-shadow: none !important;
    }

.accordion-collapse {
    padding: 10px 30px;
}

    .accordion-collapse,
    .accordion-collapse .card {
        border: none;
        border-radius: 0;
    }

        .accordion-collapse .card {
            margin-bottom: 20px;
        }

        .accordion-collapse .btn-link {
            background-color: #dbe9f3;
            text-align: start;
            border-radius: 0 !important;
            color: #000;
            padding: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .accordion-collapse .btn-link.active .fa-chevron-up:before {
                content: "\f078";
            }

            .accordion-collapse .btn-link:focus {
                box-shadow: none;
            }

@media(max-width: 768px) {
    .HideInMobile {
        display: none !important
    }
}

.badge {
    float: left;
    color: #fff;
    font-weight: 600;
    line-height: 18px;
    min-width: 22px;
    padding: 2px 8px
}

    .badge.bg-gray {
        color: #555
    }

    .badge.radius100 {
        border-radius: 50%
    }

    .badge.radius5 {
        border-radius: 5px
    }

    .badge.radius25 {
        border-radius: 25px
    }

    .badge.green {
        background-color: #28ad36
    }

    .badge.blue {
        background-color: #23b7e5
    }

    .badge.burble {
        background-color: #7266ba
    }

    .badge.arrow:after {
        content: "";
        color: inherit;
        font-weight: 900;
        position: absolute;
        right: -6px;
        top: 9px;
        font-size: 27px;
        background: inherit;
        width: 12px;
        height: 12px;
        transform: rotate(45deg)
    }

.Task-sec .task-item .badge {
    float: unset;
    position: relative;
    font-size: 16px;
    padding: 6px 10px;
    margin-right: 20px
}

.globalTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

    .globalTitle h5 {
        color: #777;
        font-weight: 400;
        margin-bottom: 0px;
        font-size: 21px
    }

    .globalTitle .status span {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-right: 10px;
        color: #aaa;
        font-weight: 500
    }

        .globalTitle .status span:before {
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            background-color: #777;
            top: 5px;
            left: 0;
            border-radius: 50%
        }

    .globalTitle.title-with-bg-white h5 {
        color: #999
    }

    .globalTitle.title-with-bg-white .Icon > i {
        font-size: 24px;
        color: #999
    }


.ReportsContainer .text-report {
    font-weight: 500;
    color: #888;
    font-size: 14px
}

.modal {
    z-index: 99999;
}

.Sidebar {
    background-color: #fff;
    position: fixed;
    width: 200px;
    height: 100vh;
    top: 0;
}
.CollapseSidebar .Sidebar {
    z-index: 9999;
}
.Sidebar .SidebarHeader {
    text-align: center;
    padding: 9px;
    overflow: hidden;
}

        .Sidebar .SidebarHeader h6 {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            justify-content: space-between;
            padding: 0 10px;
        }

        .Sidebar .SidebarHeader img {
            height: 55px;
        }

.CollapseSidebar .Sidebar .SidebarHeader img {
    height: 30px
}

.Sidebar .SidebarHeader > a,
.Sidebar .SidebarHeader a:hover {
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 600
}

.Sidebar .SidebarBody {
    height: calc(100vh - 55px);
    overflow: auto
}

    .Sidebar .SidebarBody > section {
        padding: 0px 0px;
        color: #fff;
        /*  border-bottom: 3px solid #252525*/
    }

        .Sidebar .SidebarBody > section:last-child {
            border: none
        }

        .Sidebar .SidebarBody > section > label {
            color: #aaa;
            margin: 10px 0;
            font-size: 15px
        }

        .Sidebar .SidebarBody > section ul {
            margin-bottom: 0
        }

            .Sidebar .SidebarBody > section ul > li > a {
                padding: 10px;
                margin: 5px 0;
                display: block;
                cursor: pointer;
                color: #000;
                position: relative;
                font-size: 13.5px;
                /*border-bottom: 1px solid #ededed;*/
                /*text-align: center;*/
            }

            .Sidebar .SidebarBody > section ul > li .btn-fund-request {
                width: max-content;
                margin: auto;
                margin-top: 10px;
                color: #fff;
            }

            .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img {
                padding-inline-start: 25px;
            }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img svg {
                    width: 22px;
                    text-align: start;
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img:after {
                    content: '';
                    background-repeat: no-repeat;
                    position: absolute;
                    width: 22px;
                    min-height: 22px;
                    height: max-content;
                    right: 5px;
                    top: 8px;
                    background-position-x: center;
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.Home-link:after {
                    background-image: url(../../assets/img/Home/Home.png);
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.Home-link:hover:after,
                .Sidebar .SidebarBody > section ul > li > a.active.sidebar-icon-img.Home-link:after {
                    background-image: url(../../assets/img/Home/Home-active.png);
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.Finance-link:after {
                    background-image: url(../../assets/img/Home/loan.png);
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.Finance-icon:after {
                    background-image: url(../../assets/img/icon-fund.svg);
                    width: 28px;
                    min-height: 28px;
                    background-size: 100%;
                    top: 5px;
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.Finance-link:hover:after,
                .Sidebar .SidebarBody > section ul > li > a.active.sidebar-icon-img.Finance-link:after {
                    background-image: url(../../assets/img/Home/loan-active.png);
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.category-link:after {
                    background-image: url(../../assets/img/Home/category.png);
                }

                .Sidebar .SidebarBody > section ul > li > a.sidebar-icon-img.category-link:hover:after,
                .Sidebar .SidebarBody > section ul > li > a.active.sidebar-icon-img.category-link:after {
                    background-image: url(../../assets/img/Home/category-active.png);
                }

            .Sidebar .SidebarBody > section ul li.HasChild-list ul li a {
                padding: 10px 20px;
            }

.CollapseSidebar .Sidebar .SidebarBody > section ul li.HasChild-list ul li a,
.CollapseSidebar .Sidebar .SidebarBody > section ul li.HasChild-list a,
.CollapseSidebar .Sidebar .SidebarBody > section ul > li > a {
    padding: 10px 0;
}

.Sidebar .SidebarBody > section ul li.HasChild-list ul li a.active,
.Sidebar .SidebarBody > section ul > li > a:hover {
    background-color: #F5F7F9;
    color: #1db9c3;
    border-radius: 0;
}

.Sidebar .SidebarBody > section ul > li > a.btn-fund-request:hover {
    background-color: #1db9c3;
    border-radius: 25px;
    color: #fff !important;
}

.Sidebar .SidebarBody > section ul > li > a:hover span,
.Sidebar .SidebarBody > section ul > li > a:hover i {
    color: #1db9c3;
}

.Sidebar .SidebarBody > section ul > li > a:hover path {
    fill: #1db9c3;
}

.Sidebar .SidebarBody > section ul > l > a.btn-fund-request:hover span {
    color: #fff;
}

.Sidebar .SidebarBody > section ul > li:last-child > a {
    border: none !important;
}

.Sidebar .SidebarBody > section ul > li > a.HasChild .badge {
    margin-right: 20px
}

.Sidebar .SidebarBody > section ul > li > a.HasChild:after {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    color: #000;
    opacity: .75;
    font-weight: 900;
    position: absolute;
}

.Sidebar .SidebarBody > section ul > li > a.HasChild:hover:after {
    color: #47a4ad;
}

.Sidebar .SidebarBody > section ul > li > a + ul {
    display: none;
    padding: 0px 0px
}

.Sidebar .SidebarBody > section ul > li > a > i {
    width: 26px;
    opacity: 1;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.Sidebar .SidebarBody > section ul > li > a > span {
    font-weight: 400;
    opacity: 1;
    font-size: 0.875rem;
    line-height: 1;
}

.Sidebar .SidebarBody > section ul > li.open {
    box-shadow: 0 0 4px rgba(71, 87, 99, .5);
    margin-bottom: 10px
}

    .Sidebar .SidebarBody > section ul > li.open a.HasChild:after {
        content: ""
    }

.Sidebar .SidebarBody > section ul > li:hover > i,
.Sidebar .SidebarBody > section ul > li:hover span,
.Sidebar .SidebarBody > section ul > li:hover.HasChild:after {
    opacity: 1
}

.CollapseSidebar .Sidebar {
    width: 70px
}

    .CollapseSidebar .Sidebar .SidebarHeader > a i {
        font-size: 36px
    }

    .CollapseSidebar .Sidebar .SidebarHeader > a span {
        display: none
    }

    .CollapseSidebar .Sidebar .SidebarBody {
        overflow: visible
    }

        .CollapseSidebar .Sidebar .SidebarBody section label,
        .CollapseSidebar .Sidebar .SidebarBody section ul > li > a > span,
        .CollapseSidebar .Sidebar .SidebarBody section ul > li > a > b,
        .CollapseSidebar .Sidebar .SidebarBody section .progressSidebar {
            display: none
        }

        .CollapseSidebar .Sidebar .SidebarBody section ul > li > a {
            border-bottom: none
        }

            .CollapseSidebar .Sidebar .SidebarBody section ul > li > a > span {
                font-size: 15px
            }

            .CollapseSidebar .Sidebar .SidebarBody section ul > li > a > i {
                font-size: 19px;
                width: 26px;
                text-align: center;
                margin-left: 10px
            }

        .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover,
        .CollapseSidebar .Sidebar .SidebarBody section ul > li {
            min-height: 45px
        }

            .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover > a {
                width: 200px;
                position: absolute;
                background-color: #56CAD2;
                border-radius: 5px;
                color: #fff;
            }

                .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover > a + ul {
                    display: block;
                    border-radius: 5px;
                    display: block;
                    width: 295px;
                    background-color: #ededed;
                    padding-top: 48px;
                    border-radius: 5px
                }

                    .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover > a + ul li > a > span {
                        display: inline-block;
                    }
                .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover > a span {
                    color: #fff;
                } 
                    .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover > a svg path {
                        fill: #fff;
                    }
                .CollapseSidebar .Sidebar .SidebarBody section ul > li:hover > a > span {
                    display: inline-block
                }

.showSidebar .Sidebar {
    top: 41px;
}

    .showSidebar .Sidebar .SidebarBody {
        height: calc(100vh - 110px)
    }

.breadcrumb-theme {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0 0 8px #d7d7d7;
}

.card {
    border-radius: 0;
}

.card-style {
    border-color: #fff;
    box-shadow: 0 0 8px #d7d7d7;
    border-radius: 5px;
    border: none;
    margin-bottom: 15px;
}

.card.card-flush {
    border-color: #fff;
    box-shadow: 0 0 8px #d7d7d7;
    border-radius: 5px;
    border: none;
    margin-bottom: 15px;
}

.btn-theme {
    background-image: linear-gradient(to left, #0896AA, #1DB9C3);
    color: #fff;
    border-color: #1ab0ba;
}

.btn-retry {
    width: auto;
    max-width: max-content;
    margin: auto;
    background-color: #47a4ad;
    color: #fff;
    font-size: 14px;
    padding: 5px;
}

    .btn-retry:hover {
        color: #fff;
        opacity: 0.7;
    }

    .btn-retry i {
        font-size: 20px;
        width: 24px;
        position: relative;
        top: 3px;
    }

.dotlottie {
    margin: -35px;
    width: 172px;
}

.btn-blue {
    color: #fff;
    background-color: #1ab0ba;
    border-color: #1ab0ba;
    font-size: 14px;
    background-image: none;
}
    .btn-large {
        line-height: 45px;
        height: 55px;
    }
    .btn-blue:hover {
        color: #fff;
    }

.btn-back {
    background-color: #ededed;
}

.btn-theme.btn-white {
    background: unset;
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.btn-theme:hover {
    color: #fff;
    opacity: 0.9;
}

.btn-theme.btn-white:hover,
.btn-theme.btn-white:focus {
    color: #000;
}

.btn-theme.btn-white.number-offers {
    min-width: 110px;
    font-size: 13px;
    padding: 4px !important;
}

.btn-theme.btn-white i {
    color: #1db9c3;
}

.step-car .btn-theme {
    line-height: 30px
}

.btn-theme.btn-light {
    border-color: #1DB9C3;
    background-color: #fff;
    color: #1DB9C3;
    background-image: none;
}

    .btn-theme.btn-light:hover {
        background-color: #1DB9C3;
        color: #fff;
        background-image: linear-gradient(to left, #0896AA, #1DB9C3);
    }

.btn-light-blue {
    background-color: #d9f3f5;
}

    .btn-light-blue i {
        color: #1DB9C3;
    }

.btn-new-warning {
    color: #fff;
    background-color: #f6c23e;
    border-color: #f6c23e;
}

.card-Search .card-header {
    padding: 5px 15px !important;
    background-color: #1DB9C3;
}

    .card-Search .card-header h6 {
        color: #fff;
        line-height: 32px;
    }

.search-sidebar {
    padding: 7px 10px;
}

    .search-sidebar .search-live {
        border: 1px solid #ccc;
        border-radius: 5px;
        display: flex;
        align-items: center;
        padding: 3px;
        width: 300px;
        max-width: 100%;
    }

        .search-sidebar .search-live input {
            border: none;
            padding: 5px 9px;
            width: calc(100% - 25px);
            font-size: 14px;
        }

            .search-sidebar .search-live input:focus {
                border: none;
                box-shadow: none;
                outline: none;
            }

        .search-sidebar .search-live i {
            width: 26px;
            text-align: center;
            color: #9b9b9b;
            font-size: 16px;
        }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropup.conformation-delete h6 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px !important;
}

.dropup.conformation-delete .dropdown-menu {
    top: 44px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.29);
    width: 215px;
    transform: translate3d(1px, -120px, 0px) !important;
    left: -6px !important;
    padding-top: 0;
}

.table-style tbody tr:first-child .dropup.conformation-delete .dropdown-menu {
    top: 69px !important;
}

.dropup.conformation-delete .dropdown-menu .btn-icon-split .icon {
    padding: 4px;
}

    .dropup.conformation-delete .dropdown-menu .btn-icon-split .icon i {
        font-size: 12px;
        padding: 3.5px 2px;
    }

.dropup.conformation-delete .dropdown-menu > div.d-block.text-center {
    display: none !important;
}

.dropup.conformation-delete .dropdown-menu:after, .dropup.conformation-delete .dropdown-menu:before {
    content: "";
    width: 11px;
    height: 11px;
    bottom: -6px;
    background-color: #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 15px;
}

.dropup.conformation-delete .dropdown-menu:before {
    bottom: -8px;
    background-color: #c6c6c6;
}

.dropup.conformation-delete .dropdown-toggle::after {
    display: none;
}

.dropup.conformation-delete.without-icon .dropdown-menu {
    left: -14px;
}

.dataTable tbody tr td, .table-style tbody tr td {
    padding: 6px;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
}

    .dataTable tbody tr td .badge {
        float: unset;
        font-size: 13px;
        padding: 3px 10px;
        display: inline-block;
    }

    .dataTable tbody tr td.underEdit, .table-style tbody tr td.underEdit {
        background-color: #ffeeaf;
    }

.div.dataTables_wrapper div.dataTables_paginate {
    text-align: end;
    margin-top: 5px;
    padding-top: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 5px;
    padding-top: 0;
}

    div.dataTables_wrapper div.dataTables_paginate a {
        border: 1px solid #ededed;
        padding: 5px 10px;
        color: #000;
        cursor: pointer;
    }

        div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current {
            background-color: #47a4ad;
            border-color: #47a4ad;
            color: #fff;
        }

.table-style th, .table-style td {
    border: 1px solid #e3e6f0;
}

.table thead th {
    vertical-align: middle;
    padding: 6px;
    font-size: 13px;
    min-width: 60px;
    border-top: 0;
}

    .table thead th.min-90 {
        min-width: 90px;
    }

.table-style td .TextAreaTable {
    max-height: 200px;
    overflow: auto;
}

.table-style td .links {
    word-break: break-all;
}

.table-style td input[type='checkbox'] {
    width: 20px;
    text-align: center;
    display: block;
    margin: auto;
}

.table-style td .img-table {
    width: 60px;
    border-radius: 5px;
}

.dataTable tbody tr:nth-child(odd), .table-style tbody tr:nth-child(odd) {
    background-color: #97bdd224;
}

.table-portal-blue {
    width: 95%;
    margin: auto;
}

    .table-portal-blue .table-style thead tr th {
        background-color: #1DB9C3;
        color: #fff;
        border: none;
        font-weight: 500;
        font-size: 12px;
    }

    .table-portal-blue .table-style tbody tr td {
        border: none
    }

.accordion > .card > .card-header {
    padding: 0px;
}

.form-check-custom input {
    width: 15px;
    height: 16px;
}

.form-check-custom input {
    width: 15px;
    height: 16px;
}

.form-check-custom .form-check-label {
    position: relative;
    top: -1px;
    font-size: 14px;
}

.checkbox-style .form-check-custom .form-check-label {
    top: -7px;
}

.checkbox-style .form-check-custom {
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.card.checkbox-style .form-check-custom {
    padding: 10px 0 0;
    margin-bottom: 1px;
}

.form-check-custom .form-check-input.permission,
.form-check-custom .form-check-input.selectall {
    top: 17px;
}

.checkbox-style .form-check-input:checked + label:after {
    content: '\f00c';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    color: #fff;
    font-size: 9px;
    padding: 4px 3px;
}

.checkbox-style .form-check-input:checked + label:after {
    top: 1px;
}

.radio-style {
    display: flex;
    border: 2px solid #1cb6c1;
    padding: 7px;
    border-radius: 5px;
    font-size: 13px;
    flex-wrap: wrap;
}

    .radio-style.no-border {
        border: none
    }

        .radio-style.no-border > label {
            min-width: 190px;
            text-align: start;
        }

    .radio-style .form-check-input {
        border-radius: 50%;
        width: 21px;
        height: 21px;
        text-align: center;
        margin: 0 4px;
        position: relative;
    }

        .radio-style .form-check-input.radius-5 {
            border-radius: 5px;
        }

    .radio-style .form-check-inline {
        min-width: 29%;
        padding: 3px 0;
    }

.flex-radio-style {
    border: none;
    margin-bottom: 10px;
}

    .flex-radio-style .form-check-inline {
        min-width: unset;
    }

.radio-style-block .form-check-inline {
    min-width: 100%;
    width: 100%;
}

.radio-style .form-check-input:after {
    content: '';
    font-size: 13px;
}

.radio-style .form-check-input:checked:after,
.form-check-input-new:after {
    content: '\f00c';
    color: #fff;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
}

.replace-offer {
    font-size: 15px;
}

    .replace-offer a {
        color: #333;
    }

    .replace-offer img {
        width: 25px;
    }

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

    .information-car h6 {
        color: #1DB9C3;
    }

    .information-car img {
        max-width: 100px
    }

    .information-car img {
        width: 70px
    }

.accordion > .card {
    overflow: hidden;
    border-radius: 0 !important;
}

.accordion .card-header {
    background-color: transparent;
}

    .accordion .card-header button {
        text-align: start;
        color: #000;
        font-weight: 600;
        padding: 10px 15px !important;
        background-color: #97bdd224;
        text-decoration: none;
    }

        .accordion .card-header button.collapsed {
            background-color: #fff;
        }

        .accordion .card-header button:before {
            font-family: "Font Awesome 6 Free";
            content: "\f077";
            font-weight: 900;
            position: absolute;
        }

        .accordion .card-header button.collapsed:before {
            transform: rotate(180deg)
        }

.container-client {
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .container-client .information-client .img-client img {
        width: 100px;
        height: 100px;
    }

    .container-client .information-client {
        display: flex;
    }

        .container-client .information-client .content-client {
            margin: 0 10px;
        }

            .container-client .information-client .content-client a {
                color: #47a4ad;
            }

            .container-client .information-client .content-client .important-information {
                display: flex;
                margin: 0 0px;
                gap: 15px;
            }

                .container-client .information-client .content-client .important-information a:hover {
                    color: #000;
                }

        .container-client .information-client .img-client {
            display: inline-block;
            width: 100px;
        }

            .container-client .information-client .img-client img {
                border-radius: 5px;
            }

.information-view {
    padding: 10px;
    box-shadow: 0 0 8px #d7d7d7;
    margin-bottom: 7px !important;
}

    .information-view .img-client img {
        border-radius: 5px;
        width: 80px;
        height: 80px;
        margin-bottom: 5px;
    }

    .information-view .important-information {
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
        margin: 5px 0;
    }

        .information-view .important-information a {
            display: block;
            color: #000;
            padding: 5px 0;
            width: auto;
        }

.contact-information {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
}

    .contact-information a {
        width: calc(50% - 5px);
    }

.tags-information {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 5px 0;
}

    .tags-information span {
        background-color: #ededed;
        color: #47a4ad;
        display: inline-block;
    }

.progress-bar {
    background-color: #47a4ad;
}

.container-client .progress-bar-client {
    width: 250px;
}

    .container-client .progress-bar-client .progress {
        margin-top: 5px;
    }

.progress-bar-dashboard {
    padding: 10px 20px;
}


    .progress-bar-dashboard .progress-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .progress-bar-dashboard h6 {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .progress-bar-dashboard .progress-container .progress {
        width: 200px;
        border-radius: 35px;
        height: 12px;
    }

    .progress-bar-dashboard .progress-container b {
        font-size: 13px;
    }

.Client-box-Container {
    display: flex;
    gap: 5px;
}

    .Client-box-Container .Client-box {
        border: 1px dashed #9d9d9d;
        border-radius: 5px;
        padding: 15px;
        width: 19.8%;
    }

    .Client-box-Container .Client-box-header {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #47a4ad;
    }

        .Client-box-Container .Client-box-header .Count {
            font-size: 20px;
            font-weight: 600;
        }

    .Client-box-Container .Client-box-body {
        font-weight: 600;
    }

.images-client {
    gap: 10px;
    margin: 10px 0;
}

    .images-client a {
    }

        .images-client a img {
            width: 60px;
            height: 60px;
            border-radius: 5px;
        }

.width-90 {
    width: 90px;
    min-width: 90px;
}

.width-100 {
    width: 100px;
    min-width: 100px;
}

.login-Part {
    background-color: #f5f7fb;
}

    .login-Part .Contianer-login {
        height: 100vh;
        display: flex;
        align-items: center;
        width: 100%;
    }

        .login-Part .Contianer-login .label-form {
            display: block;
            color: #000;
            font-weight: 600;
        }

        .login-Part .Contianer-login .PassWordInput a {
            font-size: 16px;
            left: 15px;
            line-height: 50px;
        }

        .login-Part .Contianer-login .width-login {
            width: 90%;
            max-width: 600px;
            margin: auto;
            padding: 50px;
        }

form.user .form-control-user {
    font-size: 0.8rem;
    border-radius: 0;
    padding: 1.5rem 1rem;
}

.PassWordInput {
    position: relative;
}

form.user .btn-user {
    border-color: #1DB9C3;
    background-color: #1DB9C3;
    border-radius: 0;
    line-height: 33px;
}

.PassWordInput a {
    position: absolute;
    top: 0;
    font-size: 13px;
    left: 10px;
    line-height: 33px;
    color: #000;
    z-index: 9;
}

.login-Part .Contianer-login .PassWordInput a {
    font-size: 16px;
    left: 15px;
    line-height: 50px;
    top: 17px;
    cursor: pointer;
}

.bg-login-image {
    background: url(../images/1.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.form-style-portal {
    padding: 0 15px 10px;
}

    .form-style-portal.box-style {
        padding: 10px;
    }

    .form-style-portal .list-inline {
        text-align: end;
    }

        .form-style-portal .list-inline li {
            display: inline-block;
        }

.form-style label {
    font-size: 13px;
    font-weight: 500;
    padding-left: 5px;
}

.form-style input[type='checkbox'] {
    width: 20px;
}

.form-style .form-control {
    font-size: 12px;
    font-weight: 500;
    border-radius: 0;
}

.large-uploadImg {
    width: 100%;
}

.avatar-upload {
    position: relative;
    margin: 0;
    display: inline-block;
    width: 150px;
    border: 1px solid #ededed;
}

.large-uploadImg.avatar-upload {
    width: 100%;
    height: 120px;
    border: 3px dashed #ccc;
    overflow: hidden;
}

.avatar-upload .avatar-edit,
.avatar-upload .avatar-delete {
    position: absolute;
    left: 12px;
    width: 35px;
    bottom: 6px;
    z-index: 99;
    zoom: 0.8;
    cursor: pointer;
}

.large-uploadImg.avatar-upload .avatar-edit {
    width: 100%;
    text-align: center;
    left: 0;
    right: unset;
    top: 0;
    z-index: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.large-uploadImg.avatar-upload.active .avatar-edit {
    opacity: 0;
}

.large-uploadImg.avatar-upload.active + .title-image {
    display: block !important;
}

.large-uploadImg.avatar-upload input:hover ~ .avatar-edit {
    background-color: rgba(0, 0, 0, 0.08);
    z-index: 1;
}

    .large-uploadImg.avatar-upload input:hover ~ .avatar-edit i {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: #ededed;
        line-height: 48px;
        font-size: 22px;
        margin-bottom: 0;
        color: #1DB9C3;
    }

    .large-uploadImg.avatar-upload input:hover ~ .avatar-edit p {
        display: none;
    }

.large-uploadImg.avatar-upload .avatar-edit i {
    font-size: 30px;
    margin-bottom: 15px;
}

.large-uploadImg.avatar-upload .avatar-edit p {
    font-size: 18px;
}

    .large-uploadImg.avatar-upload .avatar-edit p span {
        color: #1DB9C3;
    }

.avatar-upload .avatar-delete {
    right: unset;
    left: 7px;
    z-index: 99
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit label.LabelUploadImg,
.avatar-upload .avatar-delete label {
    display: inline-block;
    width: 34px;
    min-width: 34px !important;
    text-align: center;
    line-height: 32px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #1DB9C3;
    color: #fff !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    padding: 0;
}

.avatar-upload .avatar-delete label {
    background: #af0000;
}

.avatar-upload .avatar-delete.avatar-download {
    top: 5px;
}

    .avatar-upload .avatar-delete.avatar-download label {
        background: #0086a9;
    }

.avatar-upload .avatar-edit label.LabelUploadImg i,
.avatar-upload .avatar-delete label i {
    line-height: 32px;
    color: #fff;
}

.avatar-upload .avatar-edit label.LabelUploadImg:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
    color: #1DB9C3;
}

.imageUpload {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 999;
    cursor: pointer;
    left: 0;
    top: 0;
}

.avatar-upload .avatar-preview {
    width: 100%;
    min-height: 80px;
    height: auto;
    position: relative;
    border-radius: 0;
}

    .avatar-upload .avatar-preview > div {
        width: 100%;
        height: 115px;
        border-radius: 0;
        overflow: hidden;
    }

.container-img-profile .avatar-upload .avatar-preview > div {
    height: 100px;
}

.imagePreview {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
}

.large-uploadImg.avatar-upload .imagePreview {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.content-form-container .large-uploadImg.avatar-upload .pdf-file {
    opacity: 0;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}

.content-form-container .large-uploadImg.avatar-upload.active .pdf-file {
    opacity: 1;
}

.large-uploadImg.avatar-upload .imagePreview.img-pdf {
    padding: 15px;
}

.deleteImg {
    display: none;
    position: absolute;
    left: 0;
    z-index: 999999;
    padding: 0;
    color: #fff;
    background-color: #ff0000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 6px;
    cursor: pointer;
}

.avatar-upload.active .deleteImg {
    display: block
}

.container-img-profile {
    text-align: center;
    margin: 10px auto 20px;
}

    .container-img-profile .avatar-upload .avatar-preview {
        height: 100px;
        width: 100px;
    }

    .container-img-profile .avatar-upload {
        width: 100px;
        border: none;
    }

.side-bar-profile .container-img-profile .imagePreview {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #0a9aac;
}

.slick-slider {
}

.container-Notifcation {
    width: 300px;
    max-width: 300px;
    padding: 0;
}

    .container-Notifcation.scrollNoti {
        max-height: 300px;
        overflow: auto;
    }

    .container-Notifcation li {
        float: unset;
        font-size: 13px;
        line-height: 23px;
    }

        .container-Notifcation li.header a:hover {
            background-image: none;
        }

        .container-Notifcation li .row-Notifcation {
            display: block;
            padding: 6px;
            text-align: start;
            border-bottom: 1px solid #ededed;
            cursor: pointer;
            font-size: 12px;
        }

            .container-Notifcation li .row-Notifcation:hover,
            .container-Notifcation li .row-Notifcation:focus {
                opacity: .8;
                background-color: #ededed;
                cursor: pointer;
            }

        .container-Notifcation li:last-child .row-Notifcation {
            border-bottom: none;
        }

        .container-Notifcation li .row-Notifcation p {
            font-size: 12px;
            margin-bottom: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #000;
        }

            .container-Notifcation li .row-Notifcation p span.hint {
                margin: 0 5px;
                font-weight: 600;
                color: #00f;
                position: relative;
                top: 1px;
            }

            .container-Notifcation li .row-Notifcation p.text-end {
                text-align: end;
            }

.dropdown-toggle::after {
    display: none;
}

.dropdown-toggle.no-affter::after {
    display: none !important;
}

.modal-header .close {
    float: left;
    margin-right: auto;
    margin-left: 0;
    padding: 19px 5px;
}

.table-style tbody tr td.TextAreaTable {
    padding: 0;
}

    .table-style tbody tr td.TextAreaTable > div {
        min-width: 160px;
        max-height: 120px;
        overflow: auto;
    }

.tableContainer {
    position: relative;
    overflow: auto;
    padding-top: 13px;
}

.modal-body .tableContainer {
    max-height: calc(100vh - 400px);
}

option {
    min-height: 20px;
    font-size: 15px;
}

.img-invoice img {
    width: 25px;
}

.dataTables_wrapper {
    margin-bottom: 20px;
}

.page-item.active .page-link {
    background-color: #47a4ad;
    border-color: #47a4ad;
}

.select2.select2-container .select2-selection {
    height: 40px;
    margin-bottom: 0;
    border-radius: 0;
}

    .select2.select2-container .select2-selection .select2-selection__rendered {
        color: #000;
        line-height: 40px;
        padding-right: 15px;
    }

    .select2.select2-container .select2-selection .select2-selection__arrow {
        border: none !important;
        height: 40px;
        background: none;
    }

.select2-selection__arrow b {
    display: none;
}

.select2-selection__arrow:after {
    content: '\f078';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 38px;
}

.select2-container--open .select2-selection__arrow:after {
    content: '\f106';
}

.row-language-modal {
    margin: 0 5px;
    border: 1px solid #ccc;
    padding: 10px;
    align-items: center;
}

    .row-language-modal label {
        margin-bottom: 0;
    }

.nav-pills .nav-link {
    padding: 7px 10px;
    margin: 0 5px;
    background-color: #f5f5f5;
}

.wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
}

.wizard > div.wizard-inner {
    position: relative;
    margin-bottom: 90px;
    margin-top: 10px;
    text-align: center;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 5px;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    border: 1px solid #ddd;
}

    span.round-tab i {
        color: #fff;
    }

.wizard li.active span.round-tab {
    background: #1DB9C3;
    color: #fff;
    border-color: #1DB9C3;
}

    .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

.wizard .nav-tabs > li.active > a i {
    color: #1DB9C3;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}



.wizard .nav-tabs > li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}

    .wizard .nav-tabs > li a i {
        position: absolute;
        bottom: -55px;
        font-style: normal;
        font-weight: 400;
        white-space: nowrap;
        left: calc(50% + 15px);
        transform: translate(-50%, 0);
        font-size: 12px;
        font-weight: 700;
        color: #000;
    }

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard-box .list-inline {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.badge-success {
    color: #fff;
    background-color: #1acfb4;
}

.btn-success {
    color: #fff;
    background-color: #1acfb4;
    border-color: #1acfb4;
}

    .btn-success:hover {
        color: #fff;
        background-color: #1bbaa2;
        border-color: #1bbaa2;
    }

.btn-warning {
    color: #212529 !important;
    background-color: #d5c323;
    border-color: #d5c323;
}

.btn-danger {
    background-color: #f1616f;
    border-color: #f1616f;
}

.Action-btn-breadcrumb {
    display: flex;
    gap: 5px;
}

.card-main-header {
    padding: 0.5rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    margin-bottom: 10px;
}

.form-check-input {
    width: 40px;
    height: 20px;
    margin-top: -15px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.form-switch .form-check-input {
    width: 40px;
    margin-left: 0;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
}

    .form-switch .form-check-input:checked {
    }

    .form-switch .form-check-input:before {
        content: '\f111';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        right: 4px;
        font-size: 13px;
        color: #ccc;
        transition: all 0.3s;
    }

    .form-switch .form-check-input:checked:before {
        left: 4px;
        right: unset;
        color: #fff;
        transition: all 0.3s;
    }

.form-check-input:checked {
    background-color: #47a4ad;
    border-color: #47a4ad;
}


.SidebarContainer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    /*display: none;*/
    z-index: 99989;
}

    .SidebarContainer .OverLay {
        transition: all .5s;
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed;
        z-index: 99993;
        background-color: #000;
        opacity: .5;
    }

    /*.SidebarContainer.active {
      display: block;
  }*/

    .SidebarContainer .SidebarContent {
        position: fixed;
        width: 450px;
        max-width: 100%;
        background-color: #fff;
        padding: 0px;
        height: 100%;
        top: 0;
        z-index: 99999;
        transition: all .5s;
    }

    .SidebarContainer.BankDetails_Sidebar .SidebarContent {
        width: 480px;
    }

    .SidebarContainer .SidebarContent .SidebarHeader {
        padding: 0;
        border-bottom: 1px solid #f0f0f0;
        margin: 0;
        position: relative;
    }

        .SidebarContainer .SidebarContent .SidebarHeader h6 {
            display: flex;
            justify-content: space-between;
            flex-direction: row-reverse;
            align-items: center;
            padding: 0 10px;
        }

        .SidebarContainer .SidebarContent .SidebarHeader h5 {
            position: absolute;
            transform: translate(-50%,-50%);
            left: 50%;
            top: 17px;
        }

        .SidebarContainer .SidebarContent .SidebarHeader .CloseSideBar {
            display: inline-block;
            padding: 15px 15px 15px;
            font-weight: 600;
            cursor: pointer;
        }

            .SidebarContainer .SidebarContent .SidebarHeader .CloseSideBar img {
                width: 14px;
            }

    .SidebarContainer .SidebarContent .SidebarBody {
        height: calc(100% - 100px);
        overflow: auto;
        padding: 10px 0px;
    }

        .SidebarContainer .SidebarContent .SidebarBody.large-footer {
            height: calc(100% - 110px);
        }

        .SidebarContainer .SidebarContent .SidebarBody .Accounts-Container:first-child .Accounts-header {
            background-color: rgba(111, 185, 210, 0.36);
        }

        .SidebarContainer .SidebarContent .SidebarBody .list-search {
            padding: 0 20px;
            margin-top: 20px;
        }

            .SidebarContainer .SidebarContent .SidebarBody .list-search h4 {
                font-size: 17px;
            }

            .SidebarContainer .SidebarContent .SidebarBody .list-search li {
                list-style: none;
            }

                .SidebarContainer .SidebarContent .SidebarBody .list-search li a {
                    padding: 5px 0px;
                    color: #777;
                    text-decoration: none;
                    display: block;
                    font-size: 15px;
                    cursor: pointer;
                }

                    .SidebarContainer .SidebarContent .SidebarBody .list-search li a:hover {
                        background-color: #fafafa;
                    }

.user-profile {
    display: flex;
    padding: 10px;
    gap: 10px;
}

    .user-profile .img-container {
        width: 70px;
    }

        .user-profile .img-container img {
            width: 100%;
            border-radius: 5px;
        }

    .user-profile .user-profile-content {
    }

        .user-profile .user-profile-content h5 {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .user-profile .user-profile-content p {
            margin-bottom: 5px;
            font-size: 13px;
        }

.actions-user-profile {
    text-align: center;
    margin-top: 20px;
}

    .actions-user-profile a {
        padding: 5px 10px;
        color: #000;
        font-size: 13px;
        display: inline-flex;
        gap: 7px;
        align-items: center;
        cursor: pointer;
    }

        .actions-user-profile a:hover {
            opacity: 0.9;
        }

        .actions-user-profile a.Sign-out {
            color: red;
        }

        .actions-user-profile a i {
        }

        .actions-user-profile a span {
        }

.section-updates {
    padding: 15px;
}

.title-box {
    margin: 10px 0 20px;
    font-size: 17px;
}

.section-updates-row {
    display: flex;
    gap: 10px;
}

    .section-updates-row .text {
        margin-bottom: 15px
    }

        .section-updates-row .text h5 {
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .section-updates-row .text h6 {
            font-size: 11px;
            font-weight: 600;
            color: #767676;
        }

        .section-updates-row .text p {
            font-size: 10px;
            font-weight: 600;
            color: #999;
            margin-bottom: 5px;
        }

    .section-updates-row .icon {
        position: relative;
    }

        .section-updates-row .icon::after {
            content: '';
            position: absolute;
            height: calc(100% - 30px);
            width: 2px;
            background-color: #ddd;
            top: 30px;
            transform: translate(-50%, 0);
            left: 50%;
        }

    .section-updates-row:last-child .icon::after {
        display: none;
    }

    .section-updates-row:last-child .text {
        margin-bottom: 0;
    }

    .section-updates-row .icon i {
        width: 30px;
        text-align: center;
        background-color: #FF9F43;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        color: #fff;
    }

    .section-updates-row .icon.purple i {
        background-color: #7467F0;
    }

    .section-updates-row .icon.green i {
        background-color: #2DCD7A;
    }

    .section-updates-row .icon.theme i {
        background-color: #1DB9C3;
    }

    .section-updates-row .icon.red i {
        background-color: #ED5F5F;
    }

.Sidebar-updates-row .section-updates-row {
    width: calc(100% - 30px);
    margin: 0 auto 10px;
    background-color: #E3F2F4;
    padding: 10px;
    border-radius: 15px;
    align-items: center;
}

    .Sidebar-updates-row .section-updates-row .icon::after {
        display: none
    }

    .Sidebar-updates-row .section-updates-row .text {
        margin-bottom: 0;
    }

    .Sidebar-updates-row .section-updates-row .icon i {
        color: #B71616;
        background-color: transparent;
        font-size: 21px;
    }

.charts {
    height: 350px;
    width: 100%;
    direction: ltr;
}

.chartsHome {
    position: relative;
    top: -16px;
    margin-bottom: -29px;
}

.FundChartTitle {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: calc(50% - 17px);
    text-align: center;
    z-index: 0;
}

    .FundChartTitle.FundChartTitleHome {
        top: calc(50% - 3px);
    }

    .FundChartTitle h5 {
        margin-bottom: 0;
    }

    .FundChartTitle h6 {
    }

[class*="col-"] .card.card-flush {
    min-height: 350px;
}

[class*="col-"] .card.card-flush {
    height: calc(100% - 15px);
}

    [class*="col-"] .card.card-flush .section-updates {
        height: 100%;
    }

        [class*="col-"] .card.card-flush .section-updates .charts {
            height: calc(100% - 100px);
        }

.blue-section {
    background-image: url(../../assets/img/Home/semi-circle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px 15px;
}

    .blue-section .img-waves {
        text-align: center;
        margin: 30px auto 100px;
    }

.Total-section {
    text-align: center;
    margin-top: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 7px #d5d5d5;
}

    .Total-section h5 {
    }

    .Total-section h3 {
        color: #1DB9C3;
        font-weight: 600;
    }

.use-img {
    text-align: center;
}

    .use-img .img-container {
        position: relative;
        width: 60px;
        height: 60px;
        margin: auto;
        margin-bottom: 10px;
        padding: 7px;
    }

        .use-img .img-container:after {
            content: '';
            background-image: url(../../assets/img/Home/user-chart.png);
            position: absolute;
            height: calc(100% + 4px);
            width: calc(100% + 4px);
            left: 0;
            top: -2px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .use-img .img-container img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .use-img h5 {
        color: #1DB9C3;
        font-weight: 600;
    }

    .use-img h6 {
        font-weight: 600;
        color: #555;
    }

    .use-img .information {
        display: flex;
        justify-content: space-around;
    }

        .use-img .information p {
        }

            .use-img .information p b {
                display: block;
                color: #1DB9C3;
                font-weight: 600;
            }

            .use-img .information p span {
                display: block;
            }

.main-choose > h6 {
    font-weight: 600;
    margin: 20px 0;
}

.main-choose-container {
    width: 465px;
    text-align: center;
    margin: auto;
}

    .main-choose-container .main-choose-item .img {
        position: relative;
        height: 50px;
        width: 100%;
        text-align: center;
    }

        .main-choose-container .main-choose-item .img:before {
            content: '';
            background-image: url(../../assets/img/Finance/Finance1.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 45px 45px;
            width: 50px;
            height: 50px;
            position: absolute;
            transform: translate(-50%, 0px);
            left: 50%;
            top: 0;
        }

        .main-choose-container .main-choose-item .img.finance-car:before {
            background-image: url(../../assets/img/Finance/Finance1.png);
        }

    .main-choose-container .main-choose-item:hover .img.finance-car:before {
        background-image: url(../../assets/img/Finance/finance1-active.png);
    }

    .main-choose-container .main-choose-item .img.finance-Personal:before {
        background-image: url(../../assets/img/Finance/Finance2.png);
    }

    .main-choose-container .main-choose-item:hover .img.finance-Personal:before {
        background-image: url(../../assets/img/Finance/finance2-active.png);
    }

    .main-choose-container .main-choose-item .img.finance-build:before {
        background-image: url(../../assets/img/Finance/Finance3.png);
    }

    .main-choose-container .main-choose-item:hover .img.finance-build:before {
        background-image: url(../../assets/img/Finance/finance3-active.png);
    }

    .main-choose-container .main-choose-item .img.finance-Visa:before {
        background-image: url(../../assets/img/Finance/Finance4.png);
    }

    .main-choose-container .main-choose-item:hover .img.finance-Visa:before {
        background-image: url(../../assets/img/Finance/finance4-active.png);
    }

    .main-choose-container .main-choose-item:hover,
    .main-choose-container .main-choose-item:focus {
        color: #fff;
        background-color: #1db9c3;
    }

    .main-choose-container .main-choose-item p {
        margin: 0;
        font-size: 12px;
    }

.personal-choose-container {
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    overflow: hidden;
}

.main-choose-container .main-choose-item {
    width: 200px;
    background-color: #d8f3f5;
    padding: 25px 0;
    text-align: center;
    margin: 4px 6px;
    display: inline-grid;
    align-items: center;
    gap: 5px;
    color: #707070;
    cursor: pointer;
}

.personal-choose-container .personal-choose-item {
    width: 200px;
    background-color: #F5F5F5;
    padding: 10px;
    margin: 4px 6px;
    color: #707070;
    cursor: pointer;
    display: inline-grid;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #E0E3EB;
}

    .personal-choose-container .personal-choose-item p {
        margin: 0;
        font-size: 13px;
        font-weight: 600
    }

    .personal-choose-container .personal-choose-item .img {
        position: relative;
        height: 50px;
        width: 100%;
        text-align: center;
    }

        .personal-choose-container .personal-choose-item .img:before {
            content: '';
            background-image: url(../../assets/img/Finance/personal1.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: inherit;
            width: auto;
            min-width: 115px;
            height: 43px;
            position: absolute;
            transform: translate(-50%, 0px);
            left: 50%;
            top: 0;
        }

        .personal-choose-container .personal-choose-item .img.finance-sema:before {
            background-image: url(../../assets/img/Finance/personal1.png);
        }

    .personal-choose-container .personal-choose-item:hover .img.finance-sema:before,
    .personal-choose-container .personal-choose-item.active .img.finance-sema:before {
        background-image: url(../../assets/img/Finance/personal1-active.png);
    }

    .personal-choose-container .personal-choose-item .img.finance-offer:before {
        background-image: url(../../assets/img/Finance/personal2.png);
    }

    .personal-choose-container .personal-choose-item:hover .img.finance-offer:before,
    .personal-choose-container .personal-choose-item.active .img.finance-offer:before {
        background-image: url(../../assets/img/Finance/personal2-active.png);
    }

    .personal-choose-container .personal-choose-item .img.finance-offer-choose:before {
        background-image: url(../../assets/img/Finance/personal3.png);
    }

    .personal-choose-container .personal-choose-item:hover .img.finance-offer-choose:before,
    .personal-choose-container .personal-choose-item.active .img.finance-offer-choose:before {
        background-image: url(../../assets/img/Finance/personal3-active.png);
    }

    .personal-choose-container .personal-choose-item .img.place-order:before {
        background-image: url(../../assets/img/Finance/personal4.png);
    }

    .personal-choose-container .personal-choose-item:hover .img.place-order:before,
    .personal-choose-container .personal-choose-item.active .img.place-order:before {
        background-image: url(../../assets/img/Finance/personal4-active.png);
    }

    .personal-choose-container .personal-choose-item:hover,
    .personal-choose-container .personal-choose-item:focus,
    .personal-choose-container .personal-choose-item.active {
        color: #1db9c3;
        background-color: #D8F3F5;
        border: 1px solid #D8F3F5;
    }

.Verify-section {
    text-align: center;
    width: 450px;
    margin: 30px auto 20px
}

    .Verify-section > h5 {
        padding-bottom: 15px;
        border-bottom: 1px solid #ededed;
        font-weight: 600;
        color: #707070;
        font-size: 23px;
        margin-bottom: 20px;
    }

    .Verify-section .Verify-section-container {
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 10px;
        margin-bottom: 20px;
    }

        .Verify-section .Verify-section-container .Verify-section-totals {
            width: calc(50% - 10px);
        }

            .Verify-section .Verify-section-container .Verify-section-totals .Verify-section-item {
                background-color: #FAFAFA;
                padding: 10px;
                margin-bottom: 10px;
                border-radius: 5px;
                color: #707070;
                border: 1px solid #E0E3EB;
            }

                .Verify-section .Verify-section-container .Verify-section-totals .Verify-section-item p {
                    margin-bottom: 0;
                    background-color: #fff;
                    padding: 10px;
                    border-radius: 5px;
                    font-size: 25px;
                    font-weight: 600;
                }

                    .Verify-section .Verify-section-container .Verify-section-totals .Verify-section-item p span {
                        font-size: 18px
                    }

                .Verify-section .Verify-section-container .Verify-section-totals .Verify-section-item h6 {
                    font-weight: 600;
                    font-size: 14px;
                    margin-bottom: 10px;
                }

        .Verify-section .Verify-section-container .Verify-section-credit {
            width: calc(50% - 10px);
            background-color: #D8F3F5;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
            color: #1DB9C3;
            font-weight: 600;
            border: 1px solid #E0E3EB;
        }

        .Verify-section .Verify-section-container .Verify-section-credit {
        }

            .Verify-section .Verify-section-container .Verify-section-credit h6 {
            }

            .Verify-section .Verify-section-container .Verify-section-credit p {
                margin-bottom: 0;
                background-color: #fff;
                padding: 40px 0;
                border-radius: 5px;
                font-size: 50px;
            }

            .Verify-section .Verify-section-container .Verify-section-credit h6 {
                font-weight: 600;
                font-size: 15px;
                margin-bottom: 30px;
                position: relative;
                top: 10px
            }

            .Verify-section .Verify-section-container .Verify-section-credit p span {
                font-size: 20px
            }

.next-btn {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0;
    color: #fff;
    border-radius: 5px;
    background-image: linear-gradient(to left, #0896AA, #1DB9C3);
    padding: 5px 0px !important;
    width: auto;
    min-width: 125px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

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

.side-bar-profile {
    height: 100%;
}

.custom-height-profile {
    height: calc(100% - 47px);
    padding-bottom: 10px;
}

.Btn-saveProfile {
    position: relative;
    top: -50px;
    margin: 0 10px
}

.buttons-profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 3px;
}

    .buttons-profile .btn-link-gray {
        color: #333;
        text-decoration: none;
    }

    .buttons-profile .next-btn {
        border-radius: 5px;
    }

.side-bar-profile > h6 {
    margin: 10px 0 20px;
}

.page-profile .form-group label {
    margin-bottom: 0;
    line-height: 27px;
    font-size: 12px;
    font-weight: 600;
    color: #707070;
    padding-inline-end: 0;
}

.page-profile .form-group input,
.page-profile .select2.select2-container .select2-selection {
    background-color: #FAFAFA;
    border: 1px solid #E0E3EB;
    border-radius: 10px;
    height: 34px;
}

    .page-profile .select2.select2-container .select2-selection .select2-selection__rendered {
        color: #000;
        line-height: 35px;
        padding-right: 15px;
        font-size: 14px;
    }

.form-style-portal.form-Center .select2.select2-container .select2-selection .select2-selection__rendered {
    text-align: center;
}

.page-profile .select2.select2-container .select2-selection .select2-selection__arrow {
    height: 34px;
}

.page-profile .form-group input:hover,
.page-profile .form-group input:focus {
    outline: none;
    box-shadow: none;
    border-color: #1DB9C3;
}

.page-profile .select2.select2-container.select2-container--focus .select2-selection {
    border-color: #1DB9C3;
}

.sideBar_profile {
    padding: 0 20px;
}

    .sideBar_profile label {
        display: flex;
        align-items: center;
        gap: 9px;
        width: 100%;
    }

        .sideBar_profile label img {
            width: auto;
            max-width: 17px;
        }

    .sideBar_profile .form-group {
        flex-direction: column;
    }

.sideBar_profile_new {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 150px);
}

    .sideBar_profile_new .form-group {
        flex-direction: row;
        gap: 5px;
        width: 50%;
        display: flex;
    }

.sideBar_profile.sideBar_profile_new label {
    width: auto !important
}

.name-profile input {
    background-color: transparent !important;
    border: none !important;
    text-align: center;
    padding: 0;
}

.sideBar_profile_new label {
    display: flex;
    align-items: center;
    gap: 9px;
    width: auto;
    min-width: 146px;
    font-size: 10px !important;
}

.sideBar_profile_new {
    padding: 0;
}

.page-profile .sideBar_profile.sideBar_profile_new .form-group input {
    margin: 0 0px;
    font-size: 12px;
}

.side-bar-profile-new {
    display: flex;
    align-items: center;
}

    .side-bar-profile-new .container-img-profile {
        margin: 0px auto 0px;
    }

.card-new-section {
}

.card-new-section {
}

.card-new-section {
    background-color: #fff;
    border-radius: 10px;
    margin: 10px 0;
}

    .card-new-section .head-section {
        border-radius: 10px 10px 0 0;
        background-color: #E3F2F4;
        padding: 10px;
        font-size: 16px;
    }

.loginSection {
    margin-top: 0 !important;
}

.reset-password {
    height: calc(100vh - 176px) !important;
}

.nav-profile {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 8px #d7d7d7;
}

    .nav-profile.nav-pills .nav-link {
        border: none !important;
        border-bottom: 4px solid transparent !important;
        background-color: #fff;
        border-radius: 0;
        width: 25%;
        margin: 0 !important;
        flex: unset;
    }

        .nav-profile.nav-pills .nav-link.active {
            border-bottom: 4px solid #1DB9C3 !important;
        }

        .nav-profile.nav-pills .nav-link:after {
            display: none
        }

.page-profile .sideBar_profile .form-group input {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    height: 34px;
    margin: 0 10px;
}

.page-profile .sideBar_profile select:disabled ~ .select2.select2-container .select2-selection {
    background-color: transparent;
    border: none;
}

.sideBar_profile select:disabled ~ .select2.select2-container .select2-selection__arrow {
    display: none
}

.sideBar_profile .select2.select2-container .select2-selection__arrow {
    text-align: center;
}

.sideBar_profile .select2.select2-container .select2-selection {
    border-radius: 5px;
}

.sideBar_profile .select2-selection__arrow:after {
    line-height: 33px;
}

.confirmation-code {
    display: flex;
    margin: 20px 0 40px;
    gap: 20px;
    align-items: center;
    justify-content: center;
    direction: ltr;
}

    .confirmation-code .form-control {
        text-align: center;
        padding: 10px 0 !important;
        font-size: 20px !important;
        border-radius: 5px;
    }

        .confirmation-code .form-control:focus {
            border: 2px solid #0d9fb0 !important;
        }

.btn-disabled {
    box-shadow: none;
    border: none;
    padding: 10px;
    display: block;
    background-color: #af0000;
    color: #fff;
    width: 100%;
    border-radius: 5px;
}

.password-check {
    position: relative;
}

    .password-check ul {
        position: absolute;
        z-index: 9;
        background-color: #f8f8f8;
        box-shadow: 0 0 3px #777;
        padding: 10px;
        border-radius: 5px;
        margin: 10px 5px 5px;
    }

        .password-check ul:after {
            content: '\f0d8';
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            right: 17px;
            top: -18px;
            font-size: 21px;
            color: #cdcdcd;
        }

        .password-check ul li {
            font-size: 13px;
            position: relative;
            padding-inline-start: 20px
        }

            .password-check ul li:before {
                content: '\f057';
                font-family: "Font Awesome 6 Free";
                font-weight: 900;
                position: absolute;
                right: 0;
            }

            .password-check ul li.sucsess {
                color: #1f7f2f;
            }

                .password-check ul li.sucsess:before {
                    content: '\f058';
                }

.footer-sec {
}

    .footer-sec p {
        background-color: #fff;
        margin: 5px 0;
        padding: 5px 15px;
        box-shadow: 0 0 8px #d7d7d7;
        text-align: end;
    }

        .footer-sec p span {
            color: #1DB9C3;
            font-weight: 600;
        }

.Accounts-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

    .Accounts-header .Accounts-header-logo,
    .Accounts-body .Accounts-header-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 10px
    }

.Accounts-body .Accounts-header-logo {
    margin-bottom: 15px;
}

    .Accounts-header .Accounts-header-logo img,
    .Accounts-body .Accounts-header-logo img {
        width: 50px;
        height: 50px;
        background-color: #ededed;
        padding: 10px;
        border-radius: 50%;
    }

    .Accounts-body .Accounts-header-logo img {
        background-color: #fff;
    }

.Accounts-header .location,
.Accounts-body .location {
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 10px;
}


.Accounts-header .location {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 155px);
    align-items: center;
}

    .Accounts-header .location.arrow-icon {
        justify-content: flex-end
    }

    .Accounts-header .location a {
        padding: 8px 11px;
        font-size: 14px;
        cursor: pointer;
        background-color: #f6f6f6;
        border-radius: 5px;
        margin-inline-start: 7px;
    }

        .Accounts-header .location a:hover {
            opacity: 0.7;
        }

        .Accounts-header .location a.open {
            background-color: #1DB9C3;
            color: #fff;
        }

            .Accounts-header .location a.open i.fa-chevron-down:before {
                content: "\f077";
            }

.Accounts-header .Accounts-header-logo h6,
.Accounts-body .Accounts-header-logo h6 {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
}

.Accounts-header .Accounts-header-logo p,
.Accounts-body .Accounts-header-logo p {
    font-size: 12px;
    color: #777;
    margin-bottom: 0;
}

.Accounts-body {
    background-color: #f6f6f6;
    padding: 10px 0;
    margin-bottom: 10px;
    display: none
}

    .Accounts-body label {
        display: block;
        font-size: 12px;
        color: #777;
        margin-bottom: 0;
    }

    .Accounts-body b {
        font-size: 12px;
        margin-bottom: 0;
    }

.loginSection .img-container-register {
    text-align: center;
    margin-bottom: 10px
}

    .loginSection .img-container-register img {
        width: 85px
    }

.loginSection .login-text-part {
    color: #fff;
}

.loginSection {
    margin-top: 165px;
    padding: 25px;
}

    .loginSection .login-text-part h4 {
        margin-bottom: 40px;
        font-weight: 600;
        font-size: 18px;
        padding-top: 70px;
    }

        .loginSection .login-text-part h4 .badge {
            background-color: #9FD8DB;
            color: #0896AA;
            padding: 5px 10px;
            font-size: 15px;
            margin: 0 10px;
        }

    .loginSection .login-text-part h6 {
        font-size: 14px;
        line-height: 25px;
    }

    .loginSection .login-text-part h5 {
        font-size: 15px;
        font-weight: 600;
        line-height: 25px;
        margin: 20px 0;
    }

.ShowDetilsHome {
    color: #333;
    font-size: 12px;
}

    .ShowDetilsHome img {
        width: 27px;
        margin: 0 5px;
    }

.First-step {
    align-items: center;
    background-image: url(../../assets/img/Account/bgLogin.png);
    background-repeat: no-repeat;
    background-size: 41% 100%;
    min-height: calc(100vh - 125px);
}

    .First-step.no-bg {
        background-image: none;
    }

    .First-step.step-car {
        background-image: url(../../assets/img/car-bg.png);
    }

    .First-step.Payments-page {
        background-image: none;
    }

        .First-step.Payments-page .First-step-text-container.col-md-7 {
            height: calc(100vh - 115px);
        }

        .First-step.Payments-page .loginSection {
            background-image: url(../../assets/img/payment.png);
            height: calc(100vh - 115px);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center;
            align-items: baseline;
        }

    .First-step .loginSection .login-text-part h4 {
        font-weight: 500;
        font-size: 15px;
    }

    .First-step .loginSection {
        margin-top: 130px;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }

        .First-step .loginSection .title-sidebar {
            text-align: center;
            color: #fff;
            position: absolute;
            top: 60px;
            transform: translate(-50%, -50%);
            left: 50%;
            font-size: 24px;
            width: 100%;
        }

        .First-step .loginSection .grid-center {
            padding: 30px;
        }

    .First-step .First-step-text-container {
        height: 100%;
    }

    .First-step .First-step-text {
        width: 530px;
        box-shadow: 0 0px 13px #e9e9e9;
        margin: 35px auto 30px;
        background-color: #fff;
        padding: 25px 40px;
        border-radius: 10px;
    }

    .First-step.step-car .First-step-text {
        margin: 7px auto;
    }

    .First-step .First-step-text .logo {
        margin-bottom: 25px;
        width: 105px;
    }

    .First-step .First-step-text h3 {
        font-size: 22px;
    }

    .First-step .First-step-text h6 {
        font-size: 12px;
        margin-bottom: 30px;
    }

    .First-step .First-step-text p {
        font-size: 13px;
        margin-bottom: 50px;
    }

    .First-step .First-step-text form {
    }

        .First-step .First-step-text form .form-check,
        .form-check-checkbox {
            display: flex;
            align-items: center;
            gap: 9px;
        }

.text-fund_request_info,
.text-customer_income_info {
    display: none;
}

.form-check-checkbox {
    padding: 10px;
    margin: 0 10px;
    position: relative;
}

    .First-step .First-step-text form .form-check input,
    .form-check-checkbox input {
        width: 20px;
        height: 17px;
        opacity: 0;
    }

.financial-statements {
    margin: 0 7px 15px;
}

    .financial-statements .form-check-checkbox input {
        position: absolute;
    }

.check-pos-container .form-check-checkbox input {
    position: absolute;
    width: 100%;
    right: 0;
}

.First-step .First-step-text form .form-check label,
.form-check-checkbox label {
    font-size: 14px;
}
.checkbox-condtion label.form-check-label {
    font-size: 11px;
}
    .First-step .First-step-text form .form-check label:before,
    .form-check-checkbox label:before {
        content: '\f0c8';
        color: #1DB9C3;
        font-weight: 400;
        font-family: "Font Awesome 5 Free";
        position: absolute;
        font-size: 18px;
        top: 33%;
    }

    .form-check-checkbox label:before {
        top: 6px;
    }

.form-check-checkbox.single-checkbox {
    justify-content: center;
    gap: 10px;
}

    .form-check-checkbox.single-checkbox.start-checkbox {
        justify-content: flex-start;
        padding: 0;
        margin: 15px 0;
    }

    .form-check-checkbox.single-checkbox.details-single-checkbox {
        padding-top: 30px;
    }

.card-sorting .form-check-checkbox.single-checkbox.details-single-checkbox {
    padding: 1px
}

.checkbox-container .form-check-checkbox.single-checkbox.details-single-checkbox {
    padding: 3px;
}

.filter-section {
    display: flex;
    position: relative;
}

.card-sorting {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px #ededed;
    border-radius: 5px;
    border: 1px solid #1db9c3;
    width: 220px;
    padding: 10px;
    z-index: 9;
    top: 40px;
    display: none;
}

.close-sorting {
    position: absolute;
    left: 6px;
    top: 7px;
    padding: 3px;
    font-size: 13px;
    cursor: pointer;
}

.from-to-group {
    display: flex;
    border: 2px solid #d5d5d5;
    border-radius: 5px;
    padding: 5px;
}

    .from-to-group .to-text,
    .from-to-group .from-text {
        display: flex;
        align-items: center;
        padding: 5px 11px;
        font-size: 13px;
        width: 50%;
    }

        .from-to-group .to-text input:focus,
        .from-to-group .from-text input:focus,
        .from-to-group .to-text input,
        .from-to-group .from-text input {
            border: 0;
            box-shadow: none;
            outline: none;
            width: calc(100% - 21px);
        }

.checkbox-container small {
    display: block;
}

.from-to-group-container label {
    font-size: 14px;
}

.checkbox-container .form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion {
    width: 49%;
    display: inline-block;
    margin: 0;
    padding: 0 13px;
}

.action-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

    .action-container .btn-blue {
        height: 43px;
        min-width: 150px;
    }

    .action-container a {
        font-size: 14px;
        color: #0068D1 !important;
        text-decoration: underline !important;
        cursor: pointer;
    }

.edit-search-filter .form-check-checkbox.single-checkbox.details-single-checkbox {
    justify-content: flex-start;
    padding: 20px 0;
    margin: 0;
}

.edit-search-filter form {
    width: 100%;
}

.advanced-search.edit-search-filter .btn-theme {
    height: 49px;
    margin-bottom: 20px;
    border-radius: 25px;
}

.advanced-search.edit-search-filter .Personal-Finance .form-Finance {
    text-align: start;
}

.form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion {
    flex-wrap: wrap;
    gap: 1px
}

    .form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion .sec-condtion {
        width: 100%;
    }


    .form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion offer_condition_required {
        padding: 0 30px
    }

.form-check-checkbox.single-checkbox label {
    position: relative;
}

    .form-check-checkbox.single-checkbox label:before {
        top: -5px;
    }

.First-step .First-step-text form .form-check input:checked + label:before,
.form-check-checkbox input:checked + label:before {
    content: '\f14a';
    font-weight: 900;
}

.card-sorting-inputs .form-check-checkbox label:before {
    content: '\f111';
}

.card-sorting-inputs .form-check-checkbox input:checked + label:before {
    content: '\f058';
}

.First-step .First-step-text button {
    width: 100%;
    margin: 0;
    height: 42px;
}

.First-step .First-step-img {
    display: inline-flex;
    align-content: center;
    text-align: center;
    justify-content: center;
}

    .First-step .First-step-img img {
        width: 200px;
    }

.Personal-Finance {
    width: 400px;
    margin: 50px auto;
    text-align: center;
    max-width: 95%;
}

    .Personal-Finance.Car-Finance {
        width: 530px;
        box-shadow: 0 0px 10px #d6d6d6;
    }

.fund-new-cycle .Personal-Finance.Car-Finance {
    width: 650px;
    box-shadow: 0 0px 13px #e9e9e9;
    max-width: 100%;
}

.new-style-container {
    width: 650px;
    box-shadow: 0 0px 13px #e9e9e9;
    max-width: 100%;
    margin: auto;
}

.title-border {
    text-align: center;
}

    .Personal-Finance .form-Finance h4,
    .title-border span {
        color: #000;
        font-size: 22px;
        padding-bottom: 12px;
        border-bottom: 5px solid #47a4ad;
        display: inline-block;
        margin-bottom: 22px;
    }

        .Personal-Finance .form-Finance h4
        .title-border.blue-noborder span {
            color: #47a4ad;
            border: none;
        }

.Personal-Finance .form-Finance img {
    margin-bottom: 30px;
    width: 90px;
}

.Personal-Finance .title-Finance {
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    position: relative;
}

    .Personal-Finance .title-Finance:after, .Personal-Finance .title-Finance:before {
        content: "";
        width: 50px;
        height: 2px;
        color: #aaa;
        position: absolute;
        background-color: #999;
        top: -4px;
    }

    .Personal-Finance .title-Finance:before {
        margin: 15px -65px;
    }

    .Personal-Finance .title-Finance:after {
        margin: 15px;
    }

.Personal-Finance .form-Finance {
}

    .Personal-Finance .form-Finance label {
    }

.maount-early-payment + currency,
.maount-early-payment,
early_repayment_fund_entity_name {
    font-weight: 600;
}

.realEstate-form .Personal-Finance .form-Finance label {
    display: block;
    text-align: start;
    font-size: 14px;
}

.form-check-persenal {
    padding-top: 10px;
}

    .form-check-persenal.text-start {
        text-align: start;
    }

    .form-check-persenal input {
        width: 20px;
        height: 17px;
        position: relative;
        top: 4px;
    }

.Personal-Finance .form-Finance .form-control,
.Personal-Finance .form-Finance .select2.select2-container .select2-selection,
.Offer-Finance .form-control,
.Offer-Finance .select2.select2-container .select2-selection,
.form-Center .form-control,
.page-profile .form-Center .form-group .form-control,
.form-Center .select2.select2-container .select2-selection {
    height: 42px;
    border: 2px solid #BBD2F1;
    border-radius: 5px;
    background-color: #fbfbfb;
    text-align: center;
    .select-old-fund .select2-container--default .select2-selection--single .select2-selection__arrow font-size: 15px;
    color: #000;
    font-weight: 600;
}

    .Personal-Finance .form-Finance .form-contro[readonly],
    .Personal-Finance .form-Finance .form-control:disabled {
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

.fund-new-cycle .Personal-Finance .form-Finance .select2.select2-container {
    width: 400px !important;
    max-width: 100% !important;
    margin: auto;
    display: block;
}

    .fund-new-cycle .Personal-Finance .form-Finance .select2.select2-container .select2-selection {
        border: 2px solid #1db9c3;
        border-radius: 25px;
        width: 400px;
        max-width: 100%;
        margin: auto;
        display: block;
    }

.fund-new-cycle .Personal-Finance .form-Finance .select-old-fund .select2.select2-container .select2-selection,
.fund-new-cycle .Personal-Finance .form-Finance .select-old-fund .select2.select2-container {
    width: 100% !important;
}

.fund-new-cycle .Personal-Finance .form-Finance .icon-currency-container {
    width: 400px;
    max-width: 100%;
    margin: auto;
}

    .fund-new-cycle .Personal-Finance .form-Finance .icon-currency-container currency {
        position: absolute;
        top: 0;
        left: 0px;
        padding: 16px 20px;
        font-size: 14px;
        color: #777;
    }

.fund-new-cycle .Personal-Finance .form-Finance .form-control {
    border: 2px solid #1db9c3;
    border-radius: 25px;
    width: 400px;
    max-width: 100%;
    margin: auto;
    display: block;
    height: 55px;
    font-size: 15px;
}

.fund-new-cycle .Personal-Finance .form-Finance .form-group > label {
    width: 400px;
    max-width: 100%;
    padding: 0 10px;
    font-weight: 600;
    text-align: start;
    display: block;
    margin: 0 auto 10px;
}

.small-input-fund {
    width: 400px;
    max-width: 100%;
    padding: 0 10px;
    display: block;
    margin: 0 auto 15px !important;
    text-align: start;
    border: none !important
}

.fund-new-cycle .form-check-checkbox.single-checkbox.form-check-checkbox-small {
    width: 400px;
    max-width: 100%;
    padding: 0 10px;
    font-weight: 600;
    text-align: start;
    margin: auto;
    justify-content: flex-start;
}

    .fund-new-cycle .form-check-checkbox.single-checkbox.form-check-checkbox-small label {
        font-weight: 400;
        font-size: 13px;
    }

.products-services .Personal-Finance {
    width: 85%;
    text-align: start;
    padding-bottom: 85px;
    margin: 20px auto;
}

.row-button-action {
    position: absolute;
    bottom: 0;
    padding:10px 25px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
}

    .row-button-action button {
        min-width: 150px;
        height: 45px;
    }

.products-services .select2.select2-container .select2-selection .select2-selection__arrow,
.products-services .Personal-Finance .form-Finance .form-control, .Personal-Finance .form-Finance .select2.select2-container .select2-selection, .products-services .Offer-Finance .form-control, .products-services .Offer-Finance .select2.select2-container .select2-selection, .form-Center .form-control, .products-services .page-profile .form-Center .form-group .form-control, .products-services .form-Center .select2.select2-container .select2-selection {
    height: 55px;
}

    .Personal-Finance .form-Finance .select2.select2-container .select2-selection,
    .Personal-Finance .form-Finance .select2.select2-container .select2-selection .select2-selection__arrow,
    .Personal-Finance .form-Finance .select2.select2-container .select2-selection .select2-selection__rendered,
    .products-services .select2.select2-container .select2-selection .select2-selection__arrow,
    .products-services .select2.select2-container .select2-selection .select2-selection__rendered {
        line-height: 55px;
    }

.page-profile .card-new-section .form-Center .form-group {
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}

.page-profile .card-new-section .form-style-portal {
    padding-top: 10px;
}

.page-profile .card-new-section .form-group label {
    font-size: 11px;
}

.page-profile .card-new-section.view-mode .form-group .select2.select2-container .select2-selection,
.page-profile .card-new-section.view-mode .form-group .form-control {
    background-color: transparent;
    border: none;
    height: 21px;
    padding: 0;
    width: auto;
    font-size: 12px;
    line-height: 21px;
    max-width: 110px;
    text-align: start;
}

.page-profile .card-new-section.view-mode .form-Center .select2.select2-container .select2-selection .select2-selection__rendered {
    line-height: 21px;
    font-size: 12px;
    text-align: start;
    padding: 0 4px;
}

.page-profile .card-new-section.view-mode .select2-selection__arrow:after {
    content: none
}

.page-profile .card-new-section.view-mode .form-Center .form-check.form-check-profile {
    padding: 0 5px;
    text-align: start;
}

.page-profile .card-new-section.view-mode .center-flex-label {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-bottom: 0;
}

    .page-profile .card-new-section.view-mode .center-flex-label span {
        font-size: 14px;
    }

.add-IBAN-input {
    position: relative;
}

.large-icon-warning {
    color: #ffc400;
    font-size: 70px;
    display: block;
    margin-bottom: 25px;
}

label.add-IBAN-input-label {
}

.add-IBAN-input .form-control {
    height: 42px;
    border: 2px solid #1cb6c1;
    border-radius: 5px;
    background-color: #fbfbfb;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.add-iban button {
    border-style: dashed !important;
    background-color: #fff !important;
    margin-top: 25px;
    display: inline-flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
}

    .add-iban button i {
        color: #1db9c3;
        font-size: 20px;
    }

.page-profile .form-Center .form-group label {
    text-align: center;
}

.page-profile .form-Center .form-check.form-check-profile {
    text-align: center;
    border: 2px solid #BBD2F1;
    border-radius: 5px;
    padding: 5px 20px !important;
    text-align: start;
}

.page-profile .form-Center .form-control:disabled, .page-profile .form-Center .form-control[readonly] {
    border: 2px solid #e1e1e1 !important;
    cursor: not-allowed
}

.page-profile .form-Center .form-check.form-check-profile input {
    width: 20px;
    height: 17px;
    position: relative;
    top: 4px;
}

.page-profile .form-Center .form-group label.center-flex-label {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

    .page-profile .form-Center .form-group label.center-flex-label input {
        width: 18px;
    }

.page-profile .form-Center .select2.select2-container .select2-selection .select2-selection__rendered {
    line-height: 45px;
}

.page-profile .form-Center .select2.select2-container .select2-selection .select2-selection__arrow,
.form-Center .form-control, .page-profile .form-Center .form-group .form-control, .form-Center .select2.select2-container .select2-selection {
    height: 42px;
}

.page-profile .form-Center .form-group {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
}

.Offer-Finance .form-control {
    color: #1DB9C3;
}

    .Offer-Finance .form-control.black-color {
        color: #333;
    }

    .Offer-Finance .form-control.black-text {
        color: #333;
        font-weight: 500;
        border-color: #1DB9C3;
    }

.Offer-Finance .form-Offer .select2.select2-container .select2-selection {
    border-color: #1DB9C3;
}

.Personal-Finance .form-Finance .form-control::-webkit-input-placeholder,
.Offer-Finance .form-control::-webkit-input-placeholder { /* Edge */
    color: #c1c1c1;
    font-weight: 500;
    font-size: 14px;
}

.Personal-Finance .form-Finance .form-control:-ms-input-placeholder,
.Offer-Finance .form-control:-ms-input-placeholder,
.form-Center .form-control:-ms-input-placeholder {
    color: #c1c1c1;
    font-weight: 500;
    font-size: 14px;
}

.Personal-Finance .form-Finance .form-control::placeholder,
.Offer-Finance .form-control::placeholder,
.form-Center .form-control::placeholder {
    color: #c1c1c1;
    font-weight: 500;
    font-size: 14px;
}

.Personal-Finance .form-Finance button {
    height: 45px;
    display: block;
    width: 100%;
}

    .Personal-Finance .form-Finance button.btn-prev {
        background-color: #D7DBDB;
        color: #2C3E50;
        border-color: #D7DBDB;
        background-image: none
    }

.Personal-Finance-Parent {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 2px -2px #ededed;
    padding: 20px;
    margin: 12px auto 10px;
    position: relative;
}

    .Personal-Finance-Parent .hint {
        color: #b9b9b9;
        font-size: 12px
    }

.btn-prev-abslute {
    position: absolute;
    width: auto !important;
    top: 0;
    color: #333 !important;
    z-index: 9;
}

    .btn-prev-abslute:focus {
        outline: none;
        box-shadow: none
    }

.First-step {
    background-color: #fff;
}

.Personal-Finance-Parent .Personal-Finance {
    margin: 15px auto;
    width: 100%;
}

.Offer-Finance {
}

    .Offer-Finance .form-Offer {
        text-align: center;
    }

    .Offer-Finance .Offer-title,
    .new-title {
        font-size: 16px;
        text-align: center;
        margin-bottom: 30px;
    }

        .Offer-title span,
        .new-title span {
            position: relative
        }

            .Offer-title span:after,
            .new-title span:after {
                content: "";
                width: 80px;
                height: 2px;
                position: absolute;
                background-color: #1DB9C3;
                bottom: -7px;
            }

.card-new-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 5px 5px 22px;
}

    .card-new-title.text-center {
        justify-content: center;
    }

.modal-bg-gray {
    padding: 25px;
    background-color: #F5F7FB
}

.card-new-title.flex-column {
    flex-direction: column;
}

.card-new-title button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.card-new-title .Offer-title {
    margin-bottom: 0;
}

.card-new-title.card-portal-title {
    justify-content: space-around;
}

.card-style-title {
    display: flex;
    justify-content: space-between;
    background-color: #e3f2f4;
    align-items: center;
    padding: 5px 15px !important;
    margin-bottom: 9px;
    border-radius: 5px;
    box-shadow: 0 0 8px #e3f2f4;
}

    .card-style-title h4 {
        background-color: #e3f2f4;
        padding: 8px 5px;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }

        .card-style-title h4:before {
            content: '';
            width: 12px;
            height: 12px;
            background-color: #17a2b8;
            position: relative;
            border-radius: 50%;
            margin-inline-start: -13px;
            top: 2px;
            display: inline-block;
            margin: 0 6px;
        }

.card-portal-title b {
    font-size: 14px;
}

.card-portal-title span {
    font-size: 14px;
    margin: 0 2px;
    display: inline-block;
    position: relative;
}

    .card-portal-title span.hint-circle:before {
        content: '';
        width: 8px;
        height: 8px;
        background-color: #17a2b8;
        position: absolute;
        border-radius: 50%;
        margin-inline-start: -13px;
        top: 6px;
    }

.label-style-portal {
    color: #888;
    line-height: 23px;
    padding-top: 6px;
    display: flex;
    gap: 8px;
    align-items: center;
}

    .label-style-portal img {
    }

.Offer-Finance .form-Offer .custom-btn-search {
    height: 43px;
}

.Offer-Finance .form-Offer .select2.select2-container .select2-selection .select2-selection__rendered {
    font-weight: 500;
}

.Offer-Finance .form-Offer .sort-icon-select {
    position: relative;
}

    .Offer-Finance .form-Offer .sort-icon-select .arrow-icon {
        position: absolute;
        z-index: 9;
        transform: rotate(90deg);
        top: 13px;
    }

.Offer-Finance .list-Offer-container {
    height: calc(100vh - 295px);
    overflow: auto;
}

.Offer-Finance .list-Offer .col-md-6:nth-child(even) {
}

.Offer-Finance .list-Offer .col-md-6:nth-child(even) {
}

.Offer-Finance .list-Offer-container {
    height: calc(100vh - 405px);
    overflow: auto;
}

.Offer-Finance .list-Offer-item {
    border-color: #fff;
    box-shadow: 0 0 8px #d7d7d7;
    border-radius: 5px;
    border: none;
    margin-bottom: 15px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.noShadow.Offer-Finance .list-Offer-item {
    box-shadow: none;
}

.Offer-Finance .list-Offer-item:hover {
    box-shadow: 0 0 12px #d7d7d7;
}

.Offer-Finance .list-Offer-item .list-Offer-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}

    .Offer-Finance .list-Offer-item .list-Offer-header:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: #f5f5f5;
        bottom: 7px;
    }

.Contact-container-content .Offer-Finance .list-Offer-item .list-Offer-header:before {
    width: 100%;
}

.Offer-Finance .list-Offer-item .list-Offer-header h6 {
    margin-bottom: 0;
}

.Offer-Finance .list-Offer-item .list-Offer-header a {
    font-size: 11px;
    cursor: pointer;
}

    .Offer-Finance .list-Offer-item .list-Offer-header a:hover {
        opacity: 0.9;
    }

    .Offer-Finance .list-Offer-item .list-Offer-header a img {
        display: block;
        text-align: center;
        margin: auto;
        width: 20px;
        margin-bottom: 7px;
    }

.Offer-Finance .list-Offer-item .list-Offer-body {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    padding: 0 10px;
    position: relative;
}

.Offer-Finance .list-Offer-item .list-Offer-bank {
    width: 300px;
    text-align: center;
    position: relative;
}

.Offer-Finance.car_request_offer .list-Offer-item .list-Offer-bank {
    width: 120px;
}

.Offer-Finance .list-Offer-item .list-Offer-bank h6 {
    text-align: start;
}

.Offer-Finance .list-Offer-item .list-Offer-bank .list-Offer-bank-container {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.Offer-Finance .list-Offer-item .list-Offer-bank:after {
    content: "";
    width: 2px;
    height: 118px;
    position: absolute;
    background-color: #f5f5f5;
    top: -18px;
}

.Offer-Finance .list-Offer-item .list-Offer-bank img {
    width: 85px;
    padding: 5px;
}

.Offer-Finance .list-Offer-item .list-Offer-bank h6 {
    font-size: 13px;
    margin: 10px 0;
    line-height: 20px;
}

.Offer-Finance .list-Offer-item .list-Offer-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 10px;
    width: calc(100% - 250px);
}

.Offer-Finance .list-Offer-h {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px;
    background-color: #1db9c3;
    width: 100%;
    color: #fff;
}

    .Offer-Finance .list-Offer-h p {
        margin-bottom: 0;
        display: inline-block;
    }

        .Offer-Finance .list-Offer-h p .badge-light {
            color: #1db9c3;
            margin: 0 5px;
        }

.Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item {
    width: 33%;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}
.Offer-Finance .list-Offer-item .list-Offer-details.credit-offer .list-Offer-details-item {
    width: 24%
}
    .Offer-Finance .list-Offer-item .list-Offer-hint {
        padding: 5px 10px;
        text-align: center;
        margin-bottom: 0;
        color: #1db9c3;
        font-size: 17px;
    }

.Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item h6 {
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
}

.Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item:hover h6 {
    color: #000;
    font-weight: 600
}

.Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item p {
    font-weight: 600;
    color: #555;
    font-size: 14px;
}

.Offer-Finance.car_request_offer .list-Offer-item .list-Offer-details .list-Offer-details-item .list-Offer-details-item-words {
    display: flex;
    align-items: center;
    gap: 6px;
}

.Offer-Finance.car_request_offer .list-Offer-item .list-Offer-details .list-Offer-details-item {
    padding: 5px 0;
    align-items: center;
}

    .Offer-Finance.car_request_offer .list-Offer-item .list-Offer-details .list-Offer-details-item.btn-add {
        display: inline-flex;
        justify-content: flex-end;
        width: 100%;
    }

.Offer-Finance.car_request_offer .list-Offer-item .list-Offer-header {
}

    .Offer-Finance.car_request_offer .list-Offer-item .list-Offer-header h6 {
        font-size: 13px;
    }

    .Offer-Finance.car_request_offer .list-Offer-item .list-Offer-header a {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

        .Offer-Finance.car_request_offer .list-Offer-item .list-Offer-header a img {
            margin: 0;
        }

.Offer-Finance.car_request_offer .list-Offer-item .list-Offer-details {
    width: calc(100% - 120px);
}

    .Offer-Finance.car_request_offer .list-Offer-item .list-Offer-details .list-Offer-details-item .list-Offer-details-item-words h6,
    .Offer-Finance.car_request_offer .list-Offer-item .list-Offer-details .list-Offer-details-item .list-Offer-details-item-words p {
        margin: 0;
    }

.Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item img {
    width: 15px
}

.Offer-Finance .list-Offer-item .list-Offer-footer {
    text-align: end;
    padding: 0 15px 10px;
}

    .Offer-Finance .list-Offer-item .list-Offer-footer button {
        padding: 7px 20px !important;
        border-radius: 10px;
        font-size: 13px;
    }

.Offer-Finance .transparent-card {
    box-shadow: 0 4px 4px -1px #d7d7d7;
    background-color: #f0f5f8;
}

.Offer-Finance .list-Offer-item.list-Offer-item-modal .list-Offer-body {
    flex-direction: column;
}

    .Offer-Finance .list-Offer-item.list-Offer-item-modal .list-Offer-body .list-Offer-bank {
        width: 100%;
        text-align: start;
        margin-bottom: 15px;
    }

        .Offer-Finance .list-Offer-item.list-Offer-item-modal .list-Offer-body .list-Offer-bank:after {
            content: "";
            width: 100%;
            height: 2px;
            position: absolute;
            background-color: #f5f5f5;
            bottom: 0px;
            top: unset;
        }

.Offer-Finance .list-Offer-item.list-Offer-item-modal {
    width: calc(100% - 50px);
    margin: auto;
}

    .Offer-Finance .list-Offer-item.list-Offer-item-modal .list-Offer-bank .list-Offer-bank-container {
        justify-content: start;
        padding: 15px;
    }

.list-Offer-details-item.btn-Offer-item-modal {
    width: calc(100% - 50px);
    margin: auto;
}

    .list-Offer-details-item.btn-Offer-item-modal .btn {
        height: 50px;
    }

.Offer-Finance .list-Offer-item.list-Offer-item-modal .list-Offer-details {
    width: 100%;
}

.Offer-Finance .list-Offer-item.list-Offer-item-modal .list-Offer-bank img {
    width: auto;
    padding: 5px;
    height: 50px;
}

.Confirmation-Finance {
    width: 100%;
    margin: 0px auto 0;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 2px -2px #ededed;
    padding: 5px 20px 20px;
    max-width: 100%;
}

    .Confirmation-Finance.Confirmation-Finance-confirmation-request {
        width: 450px;
        max-width: 100%;
        align-items: center;
        display: grid;
        height: 500px;
    }

    .Confirmation-Finance.TransparentBg {
        background-color: transparent;
        box-shadow: none;
    }

    .Confirmation-Finance .Confirmation-Finance-container {
        width: 300px;
        margin: 0px auto;
    }

    .Confirmation-Finance img {
        width: 183px;
        margin-bottom: 10px;
    }

    .Confirmation-Finance h5 {
        color: #2C3E50;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 24px;
    }

.btn-fund-request {
    padding: 6px 8px !important;
    background-color: #1db9c3;
    color: #fff;
    border-radius: 25px;
    text-align: start;
    display: inline-block;
}

    .btn-fund-request:hover {
        color: #fff;
        opacity: 0.8;
    }

    .btn-fund-request img {
        width: 30px !important;
        margin: 0 5px;
    }

.img-confirmation {
    display: block;
    height: 270px;
    margin: -35px auto;
}

.box-home-page.Confirmation-Finance img {
    width: 16px;
    transform: scale(4);
    position: relative;
    top: -18px;
}

.Confirmation-Finance.box-home-page .Confirmation-Finance-container {
    width: 194px;
}

.Confirmation-Finance h5 b {
    margin: 0 5px;
    color: #1db9c3;
}

.Confirmation-Finance h6 {
    font-size: 13px;
}

    .Confirmation-Finance h6 span {
        color: #1DB9C3;
    }

.Confirmation-Finance p {
    font-size: 13px;
    position: relative;
}

    .Confirmation-Finance p.large-text {
        font-size: 16px;
        position: relative;
        display: flex;
        align-items: baseline;
        gap: 5px;
        color: #777;
        justify-content: center;
    }

        .Confirmation-Finance p.large-text button {
            padding: 3px 0 !important;
        }

    .Confirmation-Finance p:after {
        content: "";
        width: 60%;
        height: 6px;
        position: absolute;
        background-color: #1DB9C3;
        bottom: -18px;
        right: 20%;
    }

    .Confirmation-Finance p.gray,
    .color-gray {
        color: #999;
    }

    .Confirmation-Finance p.no-border:after {
        content: none;
    }

.not-found-offer .Confirmation-Finance-container {
    width: 550px;
    max-width: 100%;
}

.customer-profile-notComplete ul,
.not-found-offer ul {
    margin: 0;
    text-align: start;
}

    .customer-profile-notComplete ul li,
    .not-found-offer ul li {
        position: relative;
    }

    .customer-profile-notComplete ul li,
    .not-found-offer ul li {
        color: #af0000;
        padding: 3px 0;
    }

        .customer-profile-notComplete ul li:before,
        .not-found-offer ul li:before {
            content: "\f111";
            font-weight: 900;
            font-family: "Font Awesome 6 Free";
            color: #af0000;
            font-size: 15px;
            width: 19px;
            position: absolute;
            top: 6px;
        }

    .customer-profile-notComplete ul li {
        font-size: 13px;
        color: #af0000;
        font-weight: 400;
    }

        .customer-profile-notComplete ul li a {
            color: #af0000;
            text-decoration: none;
            cursor: pointer;
        }

            .customer-profile-notComplete ul li a span {
                color: #af0000;
                font-weight: 600;
            }

        .customer-profile-notComplete ul li:before {
            font-size: 11px;
            width: 15px;
            display: inline-block;
        }

.not-found-offer .alert-danger {
    border-radius: 10px;
}

.not-found-offer ul li i {
    color: #af0000;
    font-size: 15px;
    width: 19px;
}

.form-group-btn {
    display: flex;
    gap: 5px;
}

.form-search .input-group {
    display: flex;
    align-items: center;
    box-shadow: 0 0 6px rgb(186 186 186 / 54%);
}

    .form-search .input-group input {
        border: none;
        box-shadow: none;
        width: 300px;
        height: 40px;
    }

.form-search button {
    background-color: transparent;
    border: none;
    height: 40px;
    width: 40px;
}

    .form-search button:hover {
        background-color: #ededed;
    }

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

    .title-page.sub-title-page {
        background-color: #f1fcf7;
        padding: 10px 20px;
    }

        .title-page.sub-title-page .img-title {
            gap: 15px;
            display: flex;
            align-items: center;
        }

            .title-page.sub-title-page .img-title img.small-icon {
                height: 17px;
            }

    .title-page.sub-title-page {
        border-radius: 0;
    }

        .title-page.sub-title-page.sub-title-page-dark {
            background-color: #1ab0ba;
        }

            .title-page.sub-title-page.sub-title-page-dark .img-title h5 {
                color: #fff;
            }

            .title-page.sub-title-page.sub-title-page-dark .img-title .information-title span {
                color: #000;
            }

    .title-page .img-title h5 {
        margin: 0;
        /*color: #fff;*/
        font-size: 17px;
    }

    .title-page .img-title .information-title {
        font-size: 15px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

        .title-page .img-title .information-title span {
            color: #34a6af;
            font-weight: 600;
            font-size: 13px;
        }

.compare-section {
    position: fixed;
    z-index: 99;
    bottom: 0;
    transform: translate(-50%, -11px);
    left: calc(50% - 100px);
    border: 10px;
    background-color: #1ab0ba;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    min-width: 185px;
    text-align: center;
}

    .compare-section span {
        line-height: 38px;
        padding: 0 10px;
    }
/*    =============== box-request =======================*/
.Reuest-page {
    padding-top: 20px;
}

.toggleFilter {
    width: 25%;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    cursor: pointer;
    color: #333;
    font-size: 15px;
}

    .toggleFilter img {
        width: 15px;
        margin: 0 5px;
        transition: all 0.3s;
        transform: rotate(0deg);
    }

    .toggleFilter.active img {
        transform: rotate(90deg);
        transition: all 0.3s;
    }

.container-side {
    display: flex;
    width: 100%;
    gap: 5px;
}

.box-request-side {
    width: 100%;
}

    .box-request-side.apper-search {
        display: inline-block;
        width: 75%;
    }

.filter-side {
    display: none
}

    .filter-side.apper-search {
        display: inline-block;
        width: 25%;
        background-color: #fff;
        padding: 5px;
    }

.filter-side {
    display: none
}

.box-request {
    display: flex;
    align-items: center;
    border: 2px solid;
    border-radius: 5px;
    background-color: #000;
    margin-bottom: 20px;
}

    .box-request.sucsess {
        border-color: #4BAE4F;
        background-color: #4BAE4F;
    }

    .box-request.waiting {
        background-color: #EEA61F;
        border-color: #EEA61F;
    }

    .box-request.reject {
        background-color: #EE1F1F;
        border-color: #EE1F1F;
    }

    .box-request .title-request-box {
        width: 130px;
        text-align: center;
    }

        .box-request .title-request-box h5 {
            font-size: 14px;
            color: #fff;
        }

    .box-request .content-box {
        width: calc(100% - 130px);
        background-color: #fff;
    }

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

            .box-request .content-box .content-header p {
                margin: 10px 15px 20px;
                font-size: 14px;
            }

        .box-request .content-box .content-body {
            display: flex;
            padding: 5px 10px;
        }

        .box-request .content-box .bank-name {
            width: 200px;
        }

            .box-request .content-box .bank-name img {
                width: 115px;
                margin-bottom: 15px;
            }

            .box-request .content-box .bank-name p {
                font-size: 13px;
            }

        .box-request .content-box .content-body-details {
            display: flex;
            gap: 5px;
            width: calc(100% - 200px);
        }

            .box-request .content-box .content-body-details .content-body-details-item {
                text-align: center;
                min-width: 19%;
            }

                .box-request .content-box .content-body-details .content-body-details-item h5 {
                    color: #2C3E50;
                    font-size: 14px;
                    margin-bottom: 26px;
                }

                .box-request .content-box .content-body-details .content-body-details-item p {
                    font-size: 13px;
                    color: #2C3E50;
                }

.box-request-side.apper-search .box-request .content-box .bank-name {
    width: 140px;
}

    .box-request-side.apper-search .box-request .content-box .bank-name img {
        width: 100px;
    }

.box-request-side.apper-search .box-request .content-box .content-body-details {
    width: calc(100% - 140px);
    gap: 10px;
}

.box-request-side.apper-search .box-request .title-request-box {
    width: 115px;
}

.box-request-side.apper-search .box-request .content-box {
    width: calc(100% - 115px);
}

    .box-request-side.apper-search .box-request .content-box .content-body-details .content-body-details-item {
        min-width: 17%;
    }

.status-btn {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.status-btn-container {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 210px;
    margin-bottom: 20px;
}

    .status-btn-container.waiting i,
    .status-btn-container.reject i {
        width: 34px;
        height: 34px;
        background-color: #cd8806;
        border-radius: 50%;
        /*outline: 5px solid #cd8806;*/
        box-shadow: 0 0 0px 6px #cd8806;
        border: 4px solid #EEA61F;
        position: relative;
        top: -9px;
    }

    .status-btn-container.waiting i {
        background-color: #cd8806;
        /*outline: 5px solid #cd8806;*/
        box-shadow: 0 0 0px 6px #cd8806;
        border: 8px solid #EEA61F;
    }

    .status-btn-container.reject i {
        background-color: #b21e1e;
        /*outline: 5px solid #b21e1e;*/
        box-shadow: 0 0 0px 6px #b21e1e;
        border: 8px solid #ee1f1f;
    }

    .status-btn-container.sucsess i {
        font-size: 40px;
        /*outline: 5px solid #59f160;*/
        box-shadow: 0 0 0px 6px #59f160;
        border-radius: 50%;
        color: #4bae4f;
        position: relative;
        top: -9px;
    }

    .status-btn-container p {
        margin: 0;
        font-size: 23px;
        font-weight: 600;
    }

        .status-btn-container p span {
            display: block;
            font-size: 10px;
            color: #8D8D8D;
            font-weight: 500;
        }

.status-btn-dashboard.status-btn {
    justify-content: space-evenly;
}

    .status-btn-dashboard.status-btn .status-btn-container {
        gap: 15px;
        min-width: 70px;
        flex-direction: column;
        padding-top: 22px;
        margin-bottom: 15px;
    }

        .status-btn-dashboard.status-btn .status-btn-container i {
            top: 0px;
            zoom: 0.9;
            font-size: 36px;
        }

        .status-btn-dashboard.status-btn .status-btn-container p {
            gap: 6px;
            display: flex;
            align-items: center;
        }

            .status-btn-dashboard.status-btn .status-btn-container p span {
                font-size: 13px;
            }

.date-container {
    padding: 10px 0;
    margin-top: 5px;
    position: relative;
}

    .date-container img {
        position: absolute;
        width: 18px;
        top: 18px;
        opacity: 0.7;
    }

    .date-container input {
        width: 100%;
        height: 36px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

.status--fund {
    border-bottom: 5px solid #fff;
}

    .status--fund .status-text {
        position: relative;
        padding-right: 100px;
        color: #1DB9C3;
    }

        .status--fund .status-text:before {
            content: '';
            width: 90px;
            height: 10px;
            border-radius: 25px;
            background-color: #1DB9C3;
            position: absolute;
            top: 9px;
            right: 0;
        }

    .status--fund.sucsess {
        border-bottom: 5px solid #2FBF71;
    }

        .status--fund.sucsess .status-text {
            color: #2FBF71;
        }

            .status--fund.sucsess .status-text:before {
                background-color: #2FBF71;
            }

    .status--fund.waiting {
        border-bottom: 5px solid #EEA61F;
    }

        .status--fund.waiting .status-text {
            color: #EEA61F;
        }

            .status--fund.waiting .status-text:before {
                background-color: #EEA61F;
            }

    .status--fund.reject {
        border-bottom: 5px solid #EE1F1F;
    }

        .status--fund.reject .status-text {
            color: #EE1F1F;
        }

            .status--fund.reject .status-text:before {
                background-color: #EE1F1F;
            }

.status-iban {
    position: relative;
}

    .status-iban.sucsess {
    }

    .status-iban.waiting {
    }

    .status-iban.reject {
    }

    .status-iban .fa {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        padding: 10px 12px;
        font-size: 20px;
    }

    .status-iban.sucsess .fa:before {
        content: '\f14a';
    }

.action-statusWord {
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    padding: 2px;
}

.status-iban.sucsess .action-statusWord span,
.status-iban.sucsess .fa {
    color: #1db9c3;
}

.status-iban.waiting .action-statusWord span,
.status-iban.waiting .fa {
    color: #ffc400;
}

.status-iban.reject .action-statusWord span,
.status-iban.reject .fa {
    color: #f1616f;
}

.action-statusWord a {
    color: #0075ff !important;
    cursor: pointer;
}

.action-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

    .action-status .select-container {
        width: 250px;
    }

    .action-status > .btn-icon-split .icon,
    .action-status .btn-EducationLevel > .btn-icon-split .icon {
        width: 35px;
        height: 38px;
        line-height: 33px;
    }

        .action-status > .btn-icon-split .icon i,
        .action-status .btn-EducationLevel > .btn-icon-split .icon i {
            font-size: 17px;
        }


.Contact-container {
    display: flex;
    gap: 20px;
}

    .Contact-container .Contact-container-left {
        width: 300px;
        position: relative;
        transition: all 0.3s;
        background-color: #fff;
        padding: 15px;
    }

.Contact-container-left.collapseSide {
    width: 25px;
    transition: all 0.3s;
}

    .Contact-container-left.collapseSide > * {
        opacity: 0;
    }

    .Contact-container-left.collapseSide > .collapsecontainerLeft {
        opacity: 1;
    }

a.tasks-container-task.collapsecontainerLeft.open {
    transform: rotate(180deg);
}

.Contact-container .Contact-container-content {
    width: calc(100% - 600px);
    position: relative;
    border-top: 0;
    border-bottom: 0;
    padding: 10px 15px;
    transition: all 0.3s;
}

    .Contact-container .Contact-container-content.content-container-large {
        width: calc(100% - 300px);
        padding: 0;
    }

        .Contact-container .Contact-container-content.content-container-large.full-width {
            width: 100%;
        }

    .Contact-container .Contact-container-content.collapseSide {
        width: calc(100% - 325px);
        transition: all 0.3s;
    }

.Contact-container .Contact-container-right {
    width: 300px;
    position: relative;
    background-color: #fff;
    padding: 15px;
}

.tasks-container-task i {
    font-size: 13px;
    width: 30px;
    text-align: center;
    height: 30px;
    background-color: #1db9c3;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}

.collapsecontainerLeft {
    position: absolute;
    z-index: 9;
    top: 1px;
}

    .collapsecontainerLeft i {
        font-size: 18px;
    }

.information-row p {
    margin-bottom: 0;
    color: #777;
}

.information-row {
    margin-bottom: 20px;
    padding: 0 10px;
}

    .information-row h6 {
        padding: 0 25px;
    }

.steps-status {
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    flex-direction: row;
    overflow: auto;
}

    .steps-status .steps-status-item {
        flex: auto;
        min-width: 200px;
        position: relative;
        padding: 5px;
    }

        .steps-status .steps-status-item:after {
            content: '';
            background-color: #ededed;
            height: 4px;
            width: 100%;
            position: absolute;
            top: 24px;
            z-index: 0;
        }

        .steps-status .steps-status-item:last-child:after {
            display: none
        }

        .steps-status .steps-status-item span {
            display: flex;
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }

        .steps-status .steps-status-item.Reject span i {
            background-color: #CF1204;
        }

        .steps-status .steps-status-item h6 {
            margin-bottom: 0;
            font-size: 14px;
        }

        .steps-status .steps-status-item p {
            font-size: 12px;
            color: #999;
        }

        .steps-status .steps-status-item span i {
            width: 40px;
            text-align: center;
            background-color: #999999;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
            color: #fff;
            font-style: normal;
            display: inline-block;
            font-size: 19px;
            border: 4px solid #ccc;
            color: #333;
            background-color: #fff;
            line-height: 33px;
        }

            .steps-status .steps-status-item span i.number {
                color: #333;
            }

.products-services .steps-status .steps-status-item span i {
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    font-style: normal;
    display: inline-block;
    font-size: 14px;
    border: 11px solid #e8e8e8;
    background-color: #a5a5a5;
    line-height: 21px;
}

.products-services .steps-status .steps-status-item.active span i {
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    font-style: normal;
    font-size: 14px;
    border: 11px solid #E3F2F4;
    background-color: #1db9c3;
    line-height: 21px;
}

.products-services .steps-status .steps-status-item span i.number {
    color: #fff;
}

.steps-status .steps-status-item span i.fa-check,
.steps-status .steps-status-item.done span i.number {
    display: none;
}

.steps-status .steps-status-item.done span i.fa-check {
    display: inline-block;
    background-color: #1db9c3;
    border-color: #1db9c3;
    color: #fff;
}

.steps-status .steps-status-item.done:after {
    background-color: #1db9c3;
}

.steps-status .steps-status-item.active span i {
    border: 4px solid #FF9F42;
    color: #333;
    background-color: #fff;
    line-height: 33px;
}

.steps-status .steps-status-item ul {
}

    .steps-status .steps-status-item ul li {
        font-size: 11px;
        color: #777;
        padding: 3px 0;
        position: relative;
    }

.products-services .steps-status .steps-status-item {
    min-width: 100px;
}

.products-services .steps-status {
    width: 550px;
    margin: auto;
    padding: 40px 0 0px;
    margin-bottom: 20px;
}

    .products-services .steps-status .steps-status-item span {
        justify-content: center;
    }

    .products-services .steps-status .steps-status-item:after {
        height: 0px;
        border: 3px dashed #c2c2c2;
    }

    .products-services .steps-status .steps-status-item.done:after {
        border: 3px solid #1db9c3;
    }

.title-new-upload {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 5px;
    min-height: 31px;
}

    .title-new-upload a {
        color: #333
    }

    .title-new-upload h5 {
        font-size: 14px;
        color: #777;
        margin-bottom: 5px;
        max-width: calc(100% - 30px);
        word-break: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.required-file .title-new-upload h5 {
    color: #f00;
}

.required-file .large-uploadImg.avatar-upload {
    border-color: #f00;
}

.comments-container .comments-container-item {
    position: relative;
}

    .comments-container .comments-container-item:before {
        content: '';
        position: absolute;
        height: calc(100% - 10px);
        width: 3px;
        background-color: #dbdbdb;
        right: 25px;
        top: 44px;
    }

    .comments-container .comments-container-item.reply:before {
        content: '';
        position: absolute;
        height: 3px;
        width: 39px;
        background-color: #dbdbdb;
        right: 26px;
        top: 21px;
    }

    .comments-container .comments-container-item.reply:after {
        content: '';
        position: absolute;
        height: calc(100% - -11px);
        width: 3px;
        background-color: #dbdbdb;
        right: 25px;
        top: -86px;
    }

    .comments-container .comments-container-item:not(.reply):last-child:before {
        display: none
    }

    .comments-container .comments-container-item .comments-container-item-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 5px;
        gap: 10px;
    }

        .comments-container .comments-container-item .comments-container-item-header .btn-theme {
            min-width: 110px;
            padding: 0 !important;
        }

        .comments-container .comments-container-item .comments-container-item-header h5 {
            font-size: 12px;
            margin-bottom: 5px;
        }

        .comments-container .comments-container-item .comments-container-item-header p {
            color: #888;
            font-size: 11px;
            margin-bottom: 0;
        }

    .comments-container .comments-container-item .img-container {
        border: 1px solid#9a9a9a;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        position: relative;
        z-index: 9;
    }

        .comments-container .comments-container-item .img-container img {
            width: 45px;
            height: 45px;
        }

    .comments-container .comments-container-item .text-container {
        margin: 10px;
        margin-right: 60px;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
        font-size: 14px;
    }

.post-comment {
    margin-top: 10px;
}

.post-comment-home-page.post-comment {
    border-top: none;
    width: calc(100% - 100px);
    margin: auto;
    margin-bottom: 15px;
}

.post-comment .comments-container-item-header {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

    .post-comment .comments-container-item-header .btn-theme {
        min-width: 115px;
        padding: 0 !important;
    }

    .post-comment .comments-container-item-header .img-container img {
        width: 43px;
        border-radius: 50%;
        height: 43px;
    }

.replay-comment-container {
    display: flex;
    align-items: self-start;
    gap: 10px;
    margin-bottom: 15px;
    position: relative;
}

    .replay-comment-container .post-comment {
        margin-top: auto !important;
    }

    .replay-comment-container .img-user-comment {
        width: 39px;
        height: 39px;
        border-radius: 50%;
    }

    .replay-comment-container .attach-btn {
        position: absolute;
        bottom: 8px;
        left: 140px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .replay-comment-container.send-mail textarea,
    .replay-comment-container.send-mail textarea:focus {
        box-shadow: 0px 0 12px rgba(0, 0, 0, 0.10);
        border: none;
        border-radius: 10px;
    }

    .replay-comment-container .attach-btn .attach-btn-content {
        position: relative;
        cursor: pointer
    }

        .replay-comment-container .attach-btn .attach-btn-content button {
            height: 30px;
            background-color: #fff;
            border: none;
            border-radius: 4px;
            color: #000;
        }

        .replay-comment-container .attach-btn .attach-btn-content input {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }
.add-reply {
    position: relative;
    padding-right: 122px;
    margin-bottom: 15px;
}

    .add-reply .add-reply-btn {
        font-size: 14px;
        color: #777;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .add-reply .show-reply-btn {
        font-size: 13px;
        color: #777;
        margin-bottom: 5px;
        cursor: pointer;
        position: absolute;
        left: 13px;
        top: -6px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 1px;
    }

.show-more-comments {
    text-align: center;
    padding: 10px;
    background-image: linear-gradient(#fff, #efefef);
    font-size: 14px;
    position: relative;
    top: 10px;
}

    .show-more-comments a {
        color: #777;
        cursor: pointer;
    }

.add-reply .add-reply-btn i,
.add-reply .show-reply-btn i {
    width: 22px;
}

.add-reply .box-reply {
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 0 9px #c1c1c1;
    padding: 20px 10px 10px;
    margin-top: 10px;
    border-radius: 5px;
    width: calc(100% - 132px);
    top: 34px;
}

    .add-reply .box-reply:before {
        content: '\f0d8';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        top: -21px;
        font-size: 26px;
        color: #ffffff;
    }

.CloseModal {
    cursor: pointer;
}

    .CloseModal img {
        height: 14px;
    }

.custom-modal .modal-content {
    border-radius: 15px;
}

.custom-modal .modal-dialog {
    -webkit-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -o-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
    position: absolute;
    left: 50%;
    top: 40%;
    width: 500px;
    max-width: 95%;
    display: grid;
}

    .custom-modal .modal-dialog.modal-lg {
        width: 900px;
    }

    .custom-modal .modal-dialog.md-large {
        width: 800px;
        max-width: 95%;
    }

.custom-modal .modal-content .modal-action {
    margin-top: 20px
}

.modal-action {
}

.custom-modal .modal-content .modal-action .btn {
    font-size: 14px;
    padding: 7px !important;
}

.custom-modal .modal-content .modal-action .btn-theme {
    min-width: 100px;
}

.topTitle {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

    .topTitle a {
        color: #1DB9C3;
        margin: 0 3px;
        text-decoration: underline;
    }

.align-item-center {
    align-items: center;
}

.container-labels {
    display: flex;
    flex-wrap: wrap;
}

    .container-labels p {
        width: 50%;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

        .container-labels p i {
        }

        .container-labels p.blue-i i {
            color: #55D8FE;
        }

        .container-labels p.red-i i {
            color: #FF8373;
        }

        .container-labels p.purple-i i {
            color: #A3A0FB;
        }

        .container-labels p.yellow-i i {
            color: #FFDA83;
        }

        .container-labels p span {
        }

        .container-labels p b {
        }

.banner-advance {
    margin-bottom: 20px
}

    .banner-advance .text-banner {
        line-height: 29px;
        font-weight: 600;
        font-size: 14px;
    }

    .banner-advance img {
        width: 200px;
        margin: auto
    }

.close-modal {
    position: absolute;
    z-index: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 50%;
    left: -10px;
    top: -6px;
    line-height: 33px;
    font-size: 18px;
    cursor: pointer;
}

.box-style-modal {
    background-color: #fff;
    padding: 14px;
    border-radius: 5px;
    margin: 0 10px 15px;
}

    .box-style-modal .new-title span {
        font-size: 13px;
        color: #1db9c3;
        font-weight: 600;
    }

    .box-style-modal img {
        height: 65px;
        margin: 10px auto 25px;
    }

    .box-style-modal p {
        height: 35px;
        overflow: hidden;
        font-size: 12px;
        margin-bottom: 5px;
    }

.hint-modal-box {
    background-color: #EEF3F3;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
}

.img-container-information {
    background-color: #16A9B7;
    padding: 15px 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    border-radius: 15px;
}

    .img-container-information img {
        max-width: 200px;
        margin: 0 auto 25px;
    }

    .img-container-information p {
        text-align: start;
        font-size: 14px;
    }

.modal .Accounts-header {
    background-color: #fff;
}

    .modal .Accounts-header .Accounts-header-logo {
        width: 100%;
    }

.Fund-box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 8px #d7d7d7;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 5px;
}

    .Fund-box .Fund-box-img {
        width: 80%;
        margin: 0 auto 20px;
        border-radius: 5px;
        position: relative;
    }

        .Fund-box .Fund-box-img:after {
            content: '';
            position: absolute;
            background-color: #1db9c3;
            opacity: 0;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 5px;
        }

    .Fund-box:hover .Fund-box-img:after {
        opacity: 0.8;
    }

    .Fund-box img {
        width: 100%;
        border-radius: 5px;
    }

    .Fund-box:hover img {
        opacity: 0.9
    }

    .Fund-box .title-border span {
        font-size: 18px;
        border-bottom: 4px solid #47a4ad;
    }

    .Fund-box .btn {
        padding: 8px !important;
        min-width: 150px;
    }

    .Fund-box.disabled .btn {
        background-color: #D2D2D2 !important;
        border-color: #D2D2D2 !important;
        background-image: none !important;
    }

    .Fund-box.disabled .title-border span {
        border-color: #D2D2D2 !important;
    }

.sp-input-group .dropdown-menu {
    width: 150px;
    min-width: 150px;
    border-radius: 0;
}

.sp-input-group .dropdown-toggle {
    min-width: 150px;
}

.full-width .First-step {
    background-image: url(../../assets/img/bg-new.png);
    min-height: calc(100vh);
}

    .full-width .First-step.company {
        background-image: url(../../assets/img/company-bg.webp);
        background-size: 33.5% 100%;
    }

.First-step-Portal .form-group,
.First-step-Portal .form-control {
    text-align: start;
}

.First-step-Portal .Personal-Finance .form-Finance .form-control,
.First-step-Portal .Personal-Finance .form-Finance .select2.select2-container .select2-selection {
    border: 1px solid #E0E3EB;
    text-align: start;
}

.First-step-Portal .input-group-en-customer .input-group-text {
    background-color: #fff;
}

/* ====================== card-item Sec =============== */
.item-container {
    padding: 50px 0;
    background-color: #f7f7f7;
}

.card-item {
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    padding: 8px;
}

    .card-item a {
        text-decoration: none;
        color: #333;
    }

    .card-item:hover {
        box-shadow: 0 0 9px rgb(173 192 205 / 56%);
    }

    .card-item .wishlist-icon {
        position: absolute;
        margin: 10px 15px;
        font-size: 19px;
        text-decoration: none;
        cursor: pointer;
        z-index: 9;
        color: #777;
    }

        .card-item .wishlist-icon i {
            font-style: normal;
        }

        .card-item .wishlist-icon.active i {
            font-weight: 900;
            color: #e26515;
        }

    .card-item .img-container {
        height: 150px;
        overflow: hidden;
        text-align: center;
        border-radius: 5px;
    }

    .card-item .details-container-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .card-item .details-container-header:first-child {
            border-bottom: 1px solid #ededed;
            padding-bottom: 7px;
            margin-bottom: 15px;
        }

    .card-item .img-container img {
        width: 100%;
        transform: scale(1);
        transition: all 0.3s;
    }

    .card-item .img-container:hover img {
        transform: scale(1.05);
        transition: all 0.3s;
    }

    .card-item h5 {
        font-size: 15px;
        font-weight: 600;
        padding: 0 10px;
        margin-bottom: 12px;
    }

    .card-item h6 {
        font-size: 13px;
        color: #777;
        margin-bottom: 5px;
    }

        .card-item h6 img {
            width: 20px;
            border-radius: 50%;
            border: 1px solid #ccc;
            margin: 0 10px;
        }

    .card-item .btn-theme {
        font-size: 13px;
    }

    .card-item .price,
    .box-details .price {
        color: #000;
        padding: 0 10px;
        margin-bottom: 5px;
    }

        .card-item .price span,
        .box-details .price span {
            font-size: 30px;
            margin: 0 3px;
            font-weight: 900;
            color: #1ab0ba;
            line-height: 26px;
        }

    .card-item .price-start {
        color: #999;
        padding: 0 10px;
        font-size: 12px;
    }

    .card-item .card-footer {
        display: flex;
        justify-content: space-around;
        border-top: 1px solid #ededed;
        padding: 10px 0 0;
        font-size: 13px;
        width: 200px;
        background-color: #fff;
    }

        .card-item .card-footer p {
            padding-top: 25px;
            position: relative;
            text-align: center;
            background-repeat: no-repeat;
            background-position: center 0;
            background-size: 20px;
            width: 33%;
            font-size: 12px;
        }

            .card-item .card-footer p.fuel {
                background-image: url(../img/fuel.svg);
            }



            .card-item .card-footer p.cc {
                background-image: url(../img/cc.svg);
            }

            .card-item .card-footer p.fetis {
                background-image: url(../img/type.svg);
            }

/*    =============== End box-request =======================*/

/* ====================== Gallary Sec =============== */
.Gallary-page .title-gallary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .Gallary-page .title-gallary .filter-show {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

        .Gallary-page .title-gallary .filter-show .select-large {
            width: 150px;
        }

        .Gallary-page .title-gallary .filter-show .select2.select2-container .select2-selection {
            margin-bottom: 0;
        }

        .Gallary-page .title-gallary .filter-show .btn-show {
            cursor: pointer;
        }

            .Gallary-page .title-gallary .filter-show .btn-show:hover {
                opacity: 0.8;
            }

            .Gallary-page .title-gallary .filter-show .btn-show svg {
                height: 34px;
            }

                .Gallary-page .title-gallary .filter-show .btn-show svg g g:last-child {
                    stroke: none !important;
                }

                .Gallary-page .title-gallary .filter-show .btn-show svg line,
                .Gallary-page .title-gallary .filter-show .btn-show svg g,
                .Gallary-page .title-gallary .filter-show .btn-show svg rect {
                    stroke: #555;
                }

            .Gallary-page .title-gallary .filter-show .btn-show.active svg line,
            .Gallary-page .title-gallary .filter-show .btn-show.active svg g,
            .Gallary-page .title-gallary .filter-show .btn-show.active svg rect {
                stroke: #E26515;
            }

.Gallary-page .new-filter {
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 5px rgb(173 192 205 / 56%);
    padding: 15px 0;
}

    .Gallary-page .new-filter .select-search-container {
        padding: 10px;
        border-bottom: 1px solid #ededed;
    }

    .Gallary-page .new-filter .filter-multi-select > .viewbar {
        border: none;
        box-shadow: none;
    }

    .Gallary-page .new-filter .filter-multi-select > .dropdown-toggle::before {
        content: '\f078';
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        border: none;
        width: 25px;
        text-align: center;
        position: absolute;
    }

    .Gallary-page .new-filter .filter-multi-select > .dropdown-menu {
        width: 100%;
        top: 42px;
        overflow: visible;
    }

    .Gallary-page .new-filter .filter-multi-select > .viewbar > .selected-items > .item {
        color: #000;
        background-color: #ededed;
    }

        .Gallary-page .new-filter .filter-multi-select > .viewbar > .selected-items > .item > button {
            color: #af0000;
        }

    .Gallary-page .new-filter .filter-multi-select > .dropdown-menu > .filter > button {
        color: #af0000;
        top: 12px;
        font-size: 16px;
    }

    .Gallary-page .new-filter .filter-multi-select .dropdown-item .custom-checkbox ~ .custom-control-label::after {
        content: '\f0c8' !important;
        font-weight: 400;
        font-family: "Font Awesome 5 Free";
        color: #de6015;
        background-image: none;
        font-size: 17px;
        top: -1px;
    }

    .Gallary-page .new-filter .filter-multi-select .dropdown-item .custom-checkbox:checked ~ .custom-control-label::after {
        content: '\f14a' !important;
        background-image: none;
        font-weight: 900;
    }

    .Gallary-page .new-filter .filter-multi-select .dropdown-item {
        padding: 2px 10px;
    }

        .Gallary-page .new-filter .filter-multi-select .dropdown-item.items {
            overflow: auto;
            max-height: 130px;
        }

        .Gallary-page .new-filter .filter-multi-select .dropdown-item .custom-control-label {
            font-size: 15px;
            color: #1a1a1a;
            font-weight: 500;
        }

            .Gallary-page .new-filter .filter-multi-select .dropdown-item .custom-control-label::before {
                opacity: 0;
            }

    .Gallary-page .new-filter .btn-filter {
        display: flex;
        align-items: center;
        padding: 7px 15px;
        justify-content: space-between;
    }

        .Gallary-page .new-filter .btn-filter .btn {
            width: auto;
        }

            .Gallary-page .new-filter .btn-filter .btn.btn-defualt {
                color: #0f868e;
                width: auto;
                border-bottom: 1px solid;
                padding: 0px 0 !important;
                border-radius: 0;
            }

                .Gallary-page .new-filter .btn-filter .btn.btn-defualt:hover {
                    background-color: #ededed;
                }

    .Gallary-page .new-filter .title {
        padding: 0 10px;
        font-size: 14px;
        margin-bottom: 20px;
        position: relative;
        text-align: start;
    }

        .Gallary-page .new-filter .title::before {
            margin: 0;
            content: "";
            width: 250px;
            height: 2px;
            position: absolute;
            background-color: #ededed;
            bottom: -14px;
        }

        .Gallary-page .new-filter .title::after {
            content: "";
            width: 50px;
            bottom: -15px;
            height: 4px;
            background-color: #1ab0ba;
            position: absolute;
        }

.Contact-container .Gallary-page-car.Contact-container-right {
    padding: 0px;
}

.Contact-container .Gallary-page-car.Gallary-page .new-filter {
    border: none;
    border-radius: 0px;
    box-shadow: unset;
}

.Gallary-page-car .accordion .card-header button {
    font-size: 13px;
    background-color: #fff;
    font-weight: 500;
}

.filter-range-container h6 {
    font-size: 12px;
}

.filter-range-container .item-filter {
    display: flex;
    gap: 6px;
    align-items: center;
}

    .filter-range-container .item-filter input {
        width: 80px;
        border-radius: 3px;
    }

    .filter-range-container .item-filter label {
        font-size: 12px;
    }

.form-filter .CloseSideBar img {
    width: 15px;
    margin: 0 10px 20px;
}

.filter-in-mobile .title {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 6px 10px;
    align-items: center;
    border-radius: 5px;
}

.filter-in-mobile a {
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 5px;
    background-color: #f3f3f3;
    color: #e26515;
}

.CloseSideBar,
.filter-in-mobile {
    display: none;
}

.section-information {
    border-top: 1px solid #ededed;
    padding-top: 10px;
    margin-top: 10px;
}

    .section-information h6 {
        text-align: start;
        color: #1DB9C3;
    }

    .section-information p {
        font-size: 13px;
        margin-bottom: 2px;
        text-align: start;
    }

.Confirmation-car {
    top: 0 !important;
    box-shadow: none
}

.alert-container {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
}

    .alert-container .alert-title {
        display: inline-flex;
        align-items: center;
    }

        .alert-container .alert-title i {
            font-size: 50px;
            width: 60px;
        }

        .alert-container .alert-title h6 {
            color: #383838;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 0;
        }

    .alert-container .alert-description {
        color: #CF1204;
        font-size: 14px;
    }

    .alert-container .alert-title span {
        font-size: 10px;
        color: #575757;
    }

    .alert-container i {
        color: #CF1204;
    }

    .alert-container .btn {
        line-height: 36px;
        font-size: 13px;
    }

    .alert-container .btn-theme.btn-light.btn-danger {
        background-color: #fff;
    }

.alert.alert-warning i {
    color: #E5A000;
}

.alert-danger p {
    color: #d32104;
}

.countdown-container {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

    .countdown-container .countdown {
        display: flex;
        transform-style: preserve3d;
        perspective: 500px;
        height: 3rem;
        width: 140px;
        margin: 0 auto;
    }

    .countdown-container.flex-countdown {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

        .countdown-container.flex-countdown .countdown {
            display: unset;
        }

    .countdown-container.countdown-container-otp .countdown {
        display: inline;
    }

    .countdown-container .countdown.remove {
        animation: hide-countdown 1s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
        overflow: hidden;
    }

    .countdown-container .number, .countdown-container .separator {
        display: block;
        color: #333;
        height: 2rem;
        font-size: 1.25rem;
        position: relative;
        line-height: 18px;
        text-align: center;
        width: 100%;
    }

    .countdown-container .separator {
        margin: 0;
        width: 2rem;
    }

    .countdown-container .new, .countdown-container .old, .countdown-container .current {
        color: #d32104;
        position: absolute;
        border-radius: 1rem;
        height: 2rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .countdown-container .new {
        animation: show-new 0.4s cubic-bezier(0, 0.9, 0.5, 1.2) forwards;
    }

    .countdown-container .old {
        animation: hide-old 2s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
    }

    .countdown-container .countdown section {
        position: relative;
    }

    .countdown-container #js-days:after, .countdown-container #js-hours:after, .countdown-container #js-minutes:after, .countdown-container #js-seconds:after {
        content: "DAYS";
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: -15px;
        font-size: 7px;
        color: #d32104;
    }

    .countdown-container #js-hours:after {
        content: "HOURS";
    }

    .countdown-container #js-minutes:after {
        content: "MINUTES";
    }

    .countdown-container #js-seconds:after {
        content: "SECONDS";
    }

@keyframes hide-countdown {
    to {
        height: 0;
        overflow: hidden;
    }
}

@keyframes show-new {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-2rem) scale(0.8) rotateX(-20deg);
    }

    100% {
        transform: translate(-50%, -50%);
    }
}

@keyframes hide-old {
    0% {
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-5rem) scale(0.5) rotateX(-75deg);
    }
}

.form-label label {
    position: relative;
    margin: 0 10px;
    font-size: 12px;
    top: 10px;
    z-index: 997;
    display: block;
}

    .form-label label span {
        background-color: #fff;
        display: inline-block;
        padding: 0 10px;
    }

.form-label .select2.select2-container .select2-selection .select2-selection__rendered,
.form-label .select2-selection__arrow:after {
    line-height: 40px;
}

.form-label .select2.select2-container .select2-selection,
.form-label .select2.select2-container .select2-selection .select2-selection__arrow {
    height: 40px;
}

    .form-label .select2.select2-container .select2-selection .select2-selection__arrow {
        text-align: center;
    }

.select2-selection__arrow:after {
    content: '\f078';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.advanced-search .form-label .form-group .select2.select2-container .select2-selection .select2-selection__rendered {
    padding: 4px 14px 4px;
    font-size: 13px;
    line-height: 35px;
    background-color: #fff;
}

.edit-search-with-bg {
    background-color: #f1fcf7;
}

.form-label .date-container {
    margin-top: 0px;
    position: relative;
    border: 1px solid #D5E1F1;
    border-radius: 3px;
    height: 45px;
    background-color: #fff;
    padding: 5px 6px 0;
    font-size: 13px;
}

    .form-label .date-container input,
    .form-label .date-container input:focus {
        border: none;
        outline: none
    }

    .form-label .date-container img {
        position: absolute;
        width: 18px;
        top: 14px;
        opacity: 0.7;
    }

.advanced-search .btn-theme {
    margin-top: 18px;
    height: 42px;
    width: 100%;
}

.title-fund {
    color: #1db9c3;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
}

.style-Fund {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
}

    .style-Fund.style-Fund-Home {
        padding: 12px 0;
    }

.FundChart {
    width: 100%;
    height: 150px;
    direction: ltr;
    margin-bottom: -65px;
    position: relative;
    top: -50px;
}

    .FundChart div canvas:last-child {
        display: none
    }

.Fund-statistics img {
    width: 46px;
}

.Fund-statistics p {
    display: flex;
    gap: 3px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 11px;
}

.box-style.box-style-Fund {
    padding: 25px;
}
.nav-tabs .nav-item.nav-link {
    background-color: #ccc;
    border-radius: 0;
    color: #000;
    border: none
}

    .nav-tabs .nav-item.nav-link.active {
        background-color: #17a2b8;
        color: #fff;
    }

        .nav-tabs.nav-tabs-lang .nav-item.nav-link.has-error,
        .nav-tabs.nav-tabs-lang .nav-item.nav-link.active.has-error,
        .nav-tabs .nav-item.nav-link.has-error,
        .nav-tabs .nav-item.nav-link.active.has-error {
            background-color: #b8172f;
            color: #fff;
        }

.user-details-request .nav-tabs .nav-item.nav-link {
    background-color: #fff;
    color: #777;
    margin-bottom: 0px;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    padding: 16px 25px;
    min-width: 170px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

    .user-details-request .nav-tabs .nav-item.nav-link span {
    }

    .user-details-request .nav-tabs .nav-item.nav-link.active {
        border-bottom: 3px solid #1DB9C3;
        background-color: #ededed;
        font-weight: 500;
    }

        .user-details-request .nav-tabs .nav-item.nav-link.active span {
            color: #1DB9C3;
        }

.user-details-request .tab-content .tab-pane {
    padding: 15px;
}

.user-details-request .alert i {
    font-size: 24px;
    margin-inline-end: 5px;
}
.nav-tabs-fund {
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 20px;
    overflow: hidden;
}

    .nav-tabs-fund.nav-tabs .nav-item.nav-link {
        background-color: #fff;
        color: #777;
        margin-bottom: 0px;
        font-weight: 500;
        border: none;
        border-radius: 0;
        padding: 16px 20px;
        cursor: pointer;
        font-size: 13px;
    }

        .nav-tabs-fund.nav-tabs .nav-item.nav-link span {
            display: inline-block;
            background-color: #fff;
            width: 23px;
            height: 23px;
            color: #000;
            line-height: 22px;
            font-weight: 900;
            border-radius: 50%;
            font-size: 12px;
            text-align: center;
            border: 2px solid #ededed;
        }
.user-details-request .nav-tabs .nav-item.nav-link.active span {
    color: #468baf;
    border: 2px solid #fff;
}

requests_tabs .nav-tabs-fund.nav-tabs .nav-item.nav-link span {
    display: inline-block;
    background-color: #fff;
    width: 23px;
    height: 23px;
    color: #000;
    line-height: 22px;
    font-weight: 900;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    border: 2px solid #ededed;
}

.nav-tabs-fund.nav-tabs .nav-item.nav-link.active {
    background-color: #1db9c3;
    color: #fff;
    font-weight: 500;
}

    .nav-tabs-fund.nav-tabs .nav-item.nav-link.active span {
        color: #468baf;
    }

requests_tabs .nav-tabs-fund.nav-tabs .nav-item.nav-link.active span {
    border: 2px solid #fff;
}

.title-fund-table {
    display: flex;
    justify-content: space-between;
    padding: 25px 15px;
    background-color: #34A6AF;
    margin-bottom: 15px;
    border-radius: 10px 10px 0 0;
    align-items: center;
}

    .title-fund-table h5 {
        color: #fff;
        font-size: 13px;
        width: 12.5%;
        text-align: center;
        margin-bottom: 0;
    }

    .title-fund-table.title-fund-table-offers h5 {
        width: 16%;
        text-align: center;
    }

        .title-fund-table.title-fund-table-offers h5.small {
            width: 80px;
            text-align: center;
        }

.body-fund-table {
    margin-bottom: 20px
}

    .body-fund-table .body-fund-table-content {
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        background-color: #ffffff;
        box-shadow: 2px 4px 16px #3754aa29;
        margin-bottom: 10px !important;
        margin-bottom: 5px;
        border-radius: 0 0 10px 10px;
        align-items: center;
        width: 100%;
    }

        .body-fund-table .body-fund-table-content.active {
            background-color: #E3F2F4;
        }

        .body-fund-table .body-fund-table-content h5 {
            font-size: 13px;
            width: 12.5%;
            text-align: center;
            position: relative;
        }

        .body-fund-table .body-fund-table-content .show-more-car {
            margin-bottom: 0;
            position: absolute;
            bottom: -26px;
            transform: translate(-50%, 0);
            left: 50%;
            width: 100%;
            font-size: 13px;
            color: #34a6af;
            font-weight: 600;
        }

        .body-fund-table .body-fund-table-content h5 {
            font-size: 15px;
        }

            .body-fund-table .body-fund-table-content h5.logo-fund {
            }

                .body-fund-table .body-fund-table-content h5.logo-fund img {
                    width: auto;
                    max-height: 55px;
                    margin-bottom: 10px;
                    max-width: 90px
                }

                .body-fund-table .body-fund-table-content h5.logo-fund p {
                    margin-bottom: 0;
                    font-size: 13px;
                }

.content-fund-table-content .body-fund-table .body-fund-table-content h5,
.content-fund-table-content .title-fund-table h5 {
    width: 26%;
}

    .content-fund-table-content .body-fund-table .body-fund-table-content h5.d-flex-gap {
        display: flex;
        gap: 3px;
    }

    .content-fund-table-content .body-fund-table .body-fund-table-content h5:last-child,
    .content-fund-table-content .title-fund-table h5:last-child {
        width: 8%;
    }

    .content-fund-table-content .body-fund-table .body-fund-table-content h5:first-child,
    .content-fund-table-content .title-fund-table h5:first-child {
        width: 16%;
    }

    .content-fund-table-content .body-fund-table .body-fund-table-content h5 payroll {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        background-color: #bde9df;
        width: max-content;
        margin: auto;
        padding: 9px 14px;
        border-radius: 10px;
        color: #1DB9C3;
        font-size: 13px;
        font-weight: 600;
    }

content-fund-table-content .body-fund-table .body-fund-table-content {
    padding: 22px 15px 15px;
}

.content-fund-table-content .body-fund-table .body-fund-table-content h5 payroll i {
    font-size: 25px;
}

.content-fund-table-content .body-fund-table .body-fund-table-content h5 payroll.unturned {
    background-color: #e6e6e6;
    color: #bebebe;
}

.body-fund-table-content status,
status {
    padding: 7px;
    border-radius: 5px;
    font-size: 13px;
    display: inline-block;
}

.time-status-action {
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
}

status {
    background-color: #d6fcff;
    color: #1ab0ba;
}

    .body-fund-table-content status.reject,
    status.reject,
    .current-request-header.reject status {
        background-color: #ffdae5;
        color: #EE1F1F;
    }

    .body-fund-table-content status.waiting,
    status.waiting,
    .current-request-header.waiting status {
        background-color: #fff9e1;
        color: #EEA61F;
    }

    .body-fund-table-content status.sucsess,
    status.sucsess,
    .current-request-header.sucsess status {
        background-color: #d4f4e8;
        color: #4BAE4F;
    }

.car-details .title-fund-table {
    padding: 14px 15px;
    background-color: #D3E9DF;
    margin-bottom: 5px;
    align-items: center;
}

    .car-details .title-fund-table h5,
    .car-details .body-fund-table h5 {
        width: 70%
    }

        .car-details .title-fund-table h5:first-child,
        .car-details .body-fund-table h5:first-child {
            width: 20%
        }

        .car-details .title-fund-table h5:last-child {
            width: 10%
        }

    .car-details .title-fund-table h5 {
        color: #2C3E50;
        margin-bottom: 0;
        font-weight: 600;
        text-align: start;
    }

.car-details .body-fund-table {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: #eafff5;
    padding: 10px;
    background-color: #eefdf6;
    border-radius: 0 0 10px 10px;
}

    .car-details .body-fund-table h5 {
        font-size: 13px;
    }

        .car-details .body-fund-table h5 b {
        }

        .car-details .body-fund-table h5 span {
            margin: 0 5px
        }

.btn-whatsapp {
    color: white;
    line-height: 47px;
    text-align: center;
    position: fixed;
    bottom: 15px;
    font-size: 26px;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 175px;
    background: #fff;
    border-radius: 25px;
    padding: 3px;
    box-shadow: 0 0 3px #9a9a9a;
    height: 48px;
    border: 0;
    z-index: 999;
    gap: 5px;
}

    .btn-whatsapp i {
        background: #01c264;
        height: 43px;
        min-width: 43px;
        color: white;
        line-height: 43px;
        border-radius: 50%;
    }

    .btn-whatsapp span {
        font-size: 12px;
        line-height: 19px;
        color: #000;
    }

.btn-whatsapp-static {
    margin: auto;
    position: static;
    width: max-content;
}

    .btn-whatsapp-static span {
        display: inline-block;
        text-align: start;
    }

    .btn-whatsapp-static i {
        background-color: #1db9c3;
    }

.products-section {
    position: relative;
    padding: 30px 0;
}

    .products-section .products-section-margin {
        margin: 40px 50px;
    }

    .products-section .water-mark {
        position: absolute;
        z-index: -1;
        transform: translate(-50%, 0);
        left: 50%;
        zoom: 1.9;
        top: 20px;
    }

    .products-section .card-product {
        margin-bottom: 25px;
    }

        .products-section .card-product .image-link {
            position: relative;
            display: inline-block;
            width: 100%;
            border-radius: 25px;
            overflow: hidden;
            height: 200px;
            cursor: pointer;
        }

            .products-section .card-product .image-link img {
                width: 100%;
                transform: scale(1);
                transition: all 0.3s;
            }

            .products-section .card-product .image-link:hover img {
                transform: scale(1.1);
                transition: all 0.3s;
            }

            .products-section .card-product .image-link::after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #0896aa;
                opacity: 0.5;
            }

            .products-section .card-product .image-link:hover::after {
                content: unset;
            }

        .products-section .card-product h1 {
            font-size: 18px;
            margin: 15px 10px 10px;
        }

        .products-section .card-product h6 {
            line-height: 20px;
            font-size: 14px;
            margin: 0 10px;
            color: #8D8D8D;
            height: 78px;
            overflow: hidden;
        }

        .products-section .card-product .btn-dark {
            padding: 8px 20px !important;
            margin: 10px;
            width: auto;
            display: inline-block;
            min-width: 125px;
            font-size: 13px;
            background-color: #0b3339;
            color: #fff;
            border-radius: 25px;
            background-image: none;
            border: none;
        }

.products-section-Company.products-section {
    padding: 0px 0;
    background-color: #fff;
    box-shadow: 0 0 4px #ccc;
    width: calc(100% - 30px);
    margin: 15px;
    border-radius: 5px;
    min-height: calc(100vh - 30px);
}

.products-services-form .title-section {
    border-bottom: 3px solid #f0f0f0;
}

.title-section.center {
    text-align: center;
}

.title-section h3 {
    font-size: 31px;
    padding-top: 10px;
    margin-bottom: 20px;
    color: #1db9c3;
}

.title-section h5 {
    font-size: 17px;
    color: #8D8D8D;
}

.title-of-section {
    text-align: center;
    display: flex;
    justify-content: space-between;
    background-color: #E3F2F4;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 15px;
}

    .title-of-section h5 {
        display: flex;
        align-items: center;
        font-size: 17px;
        gap: 8px;
        margin-bottom: 0;
    }

        .title-of-section h5 span {
            padding: 8px;
            width: 34px;
            text-align: center;
            color: #000;
            font-size: 17px;
        }

    .title-of-section button {
        justify-content: center !important;
        display: flex !important;
        text-align: center;
        padding: 15px !important;
        min-width: 130px;
        background-image: unset;
        background-color: #1ab0ba;
    }

.current-request-box {
    border-color: #fff;
    box-shadow: 0 0 8px #d7d7d7;
    border-radius: 5px;
    background-color: #fff;
    width: calc(100% - 100px);
    margin: auto;
    margin-bottom: 15px;
}

    .current-request-box.full-width {
        width: 100%;
    }

    .current-request-box .current-request-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px 15px;
        border-bottom: 3px solid #ffd951;
    }

.current-request-header.sucsess {
    border-color: #ffd951;
}

.current-request-header.reject {
    border-color: #d81000;
}

.current-request-header.sucsess {
    border-color: #4BAE4F;
}

.current-request-box .current-request-header p {
    margin-bottom: 0px;
    font-size: 13px;
}

.hint-type {
    font-size: 14px;
    font-weight: 600;
}

.status-refund {
    color: #1C69C1;
}

.status-buyfund {
    color: #70A711
}

.current-request-box .current-request-body {
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .current-request-box .current-request-body .logo-information {
        max-width: 120px;
        text-align: center;
        padding: 0 10px;
    }

.current-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    font-size: 10px;
}

    .current-status status {
        padding: 5px 4px;
        font-size: 11px;
    }

.offers-list {
}

    .offers-list .offers-item,
    .offers-item-side-bar {
        display: flex;
        padding: 10px 15px;
        background-color: #ffffff;
        box-shadow: 0 0 12px #7b7b7b9c;
        margin-bottom: 5px;
        border-radius: 0 0 10px 10px;
        align-items: center;
    }

.offers-item-side-bar {
    border: 2px dashed #1ab0ba;
    margin-bottom: 10px;
}

    .offers-item-side-bar .label-style-information b,
    .offers-item-side-bar .label-style-information span {
        margin: 0 !important;
        display: block;
        font-size: 13px;
    }

.label-style-information b.logo {
    text-align: center;
}

    .label-style-information b.logo img,
    .label-style-information b.logo bank {
        display: block;
        margin: auto;
        max-height: 30px;
    }

    .label-style-information b.logo bank {
        margin-top: 10px;
        font-size: 11.5px;
    }

.label-style-information {
    text-align: center;
    padding: 0 5px;
}

.row-information {
    display: flex;
    flex-wrap: wrap;
}

    .row-information p {
        padding: 5px;
        min-width: 25%;
        font-size: 14px;
    }

        .row-information p span {
            display: inline-block;
            padding: 0 5px;
            font-weight: 600;
        }

.row-item-offers {
    margin: 0;
    padding: 0 7px;
    height: 85px;
    overflow: hidden;
}

.row-item-offers-car {
    height: 138px;
}

.title-row-item {
    font-size: 18px;
    padding: 0 8px;
    margin: 24px 0 16px;
    font-weight: 600
}

.row-item-offers.full-height {
    height: unset;
    overflow: visible;
}

.row-item-offers .label-salary {
    padding: 12px 16px;
    background-color: #F4F6FB;
    display: inline-block;
    margin: 5px 0;
    border-radius: 10px;
    font-family: 'montserrat-semibold';
    width: 100%;
    text-align: center;
}

    .row-item-offers .label-salary currency {
        font-family: 'changa-regular' !important;
        font-size: 12px;
        font-weight: 400;
        margin: 0 3px;
    }

.offers-item-new-design.choose .row-item-offers .label-salary {
    background-color: #bae9ca;
}
.row-item-offers .img-card img {
    max-width: 100%;
    max-height: 70px;
}
.benifit-container {
    background-color: #f4f6fb;
    border-radius: 5px;
    overflow: auto;
    max-height: 350px;
}
    .benifit-container .benifit-item {
        margin-bottom: 15px;
        padding: 0 10px
    }
        .benifit-container .benifit-item h6 {
            padding: 10px 0 0;
            margin-bottom: 5px;
            font-size: 14px;
        }
        .benifit-container .benifit-item h6:before {
            content: '\f00c';
            font-family: "Font Awesome 6 Free";
            display: inline-block;
            font-weight: 900;
            color: #1DB9C3;
            margin: 0 5px;
        }
    .benifit-container .benifit-item p {
        font-size: 13px;
        color: #8d8d8d;
        padding: 0 10px;
    }
.box-fund-card img {
    width: calc(100% - 14px);
    height: 110px;
}
        .show-more-btn-offers {
            /*    width: 100%;
    text-align: end;*/
            color: #0678F6;
            padding: 10px 15px;
        }

    .show-more-btn-offers a {
        cursor: pointer;
        display: none;
    }

        .show-more-btn-offers a.active {
            display: inline-block;
        }

.row-item-offers .label-style-information {
    text-align: start;
}

.flex-offer-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

    .flex-offer-footer.flex-column {
        align-items: flex-start;
    }

        .flex-offer-footer.flex-column .preview-request {
            width: 100%;
            height: 43px;
        }

    .flex-offer-footer .preview-request {
        min-width: 32%;
        height: 49px;
        border-radius: 10px;
    }

.flex-offer-hint {
    background-color: #f4f6fb;
    margin: -5px;
}

.style-information {
    font-size: 12px;
}

.style-information {
    font-size: 12px;
}

    .style-information .label-style-information {
        padding: 0;
    }

#requests-list.notMaxFund .other-information .max-fund-label {
    display: none;
}

.view-information-profile {
    display: flex;
    align-items: center;
}

    .view-information-profile .container-img-profile {
        margin: 0;
        width: 190px;
    }

    .view-information-profile b.text-center {
        font-size: 12px;
        width: 100%;
    }

    .view-information-profile .imagePreview {
        width: 100%;
        height: 100%;
        border: 3px solid #34a6af;
        border-radius: 50%;
    }

    .view-information-profile .information_profile {
        display: flex;
        align-items: center;
        gap: 0px;
        justify-content: space-between;
        flex-wrap: wrap;
        width: calc(100% - 100px);
    }

        .view-information-profile .information_profile .style-information {
            width: 50%;
        }

            .view-information-profile .information_profile .style-information.cutom-large {
                width: 65%;
            }

            .view-information-profile .information_profile .style-information.cutom-small {
                width: 35%;
            }

            .view-information-profile .information_profile .style-information img {
                max-width: 18px;
                margin: 0 4px;
            }

.edit-icon-profile {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin: 0 3px;
    color: #1db9c3;
    cursor: pointer;
}

.progress-box-view {
    height: calc(100% - 7px);
    width: 100%;
}

    .progress-box-view .progress-container-view {
        background-color: #E3F2F4;
        border-radius: 5px;
        padding: 20px;
        width: 100%;
        margin: 20px 0 10px;
    }

        .progress-box-view .progress-container-view .progress {
            background-color: #FFFFFF;
        }

            .progress-box-view .progress-container-view .progress .progress-bar {
                background-color: #FFC400
            }

.btn-left-profile {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}

    .btn-left-profile .btn {
        display: flex;
        width: max-content;
        align-items: center;
        gap: 5px;
        padding: 6px;
        flex-direction: row;
    }

.view-information-profile {
    display: flex;
    align-items: center;
}

    .view-information-profile .container-img-profile {
        margin: 0;
        width: 190px;
    }

    .view-information-profile b.text-center {
        font-size: 12px;
        width: 100%;
    }

    .view-information-profile .imagePreview {
        width: 100%;
        height: 100%;
        border: 3px solid #34a6af;
        border-radius: 50%;
    }

    .view-information-profile .information_profile {
        display: flex;
        align-items: center;
        gap: 0px;
        justify-content: space-between;
        flex-wrap: wrap;
        width: calc(100% - 100px);
    }

        .view-information-profile .information_profile .style-information {
            width: 50%;
        }

            .view-information-profile .information_profile .style-information img {
                max-width: 18px;
                margin: 0 4px;
            }

            .view-information-profile .information_profile .style-information .edit {
                background-color: #1db9c3;
                padding: 2px;
                border-radius: 4px;
                width: 25px;
                display: inline-block;
                height: 25px;
                text-align: center;
                margin: 0 4px;
                cursor: pointer;
            }

                .view-information-profile .information_profile .style-information .edit img {
                    margin: 0;
                    width: 15px;
                }

.progress-box-view {
    height: calc(100% - 7px);
    width: 100%;
}

    .progress-box-view .progress-container-view {
        background-color: #E3F2F4;
        border-radius: 5px;
        padding: 20px;
        width: 100%;
        margin: 20px 0 10px;
    }

        .progress-box-view .progress-container-view .progress {
            background-color: #FFFFFF;
        }

            .progress-box-view .progress-container-view .progress .progress-bar {
                background-color: #FFC400
            }

.btn-left-profile {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}

    .btn-left-profile .btn {
        display: flex;
        width: max-content;
        align-items: center;
        gap: 5px;
        padding: 6px;
        flex-direction: row;
    }

.card-salary {
    display: flex;
    align-items: center;
    width: 400px;
    max-width: 100%;
    padding: 0;
    border-radius: 10px;
    border: none;
    background-color: #F4F6FB;
    margin: 0 auto 20px;
}

    .card-salary .radio-style.radio-style {
        border: none;
        width: 44px;
        text-align: center;
        justify-content: center;
    }

    .card-salary .content-card {
        padding: 10px;
        width: calc(100% - 44px);
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .card-salary .content-card .final-salary {
            font-size: 13px;
            color: #1DB9C3;
        }

        .card-salary .content-card .content-salary {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
        }

        .card-salary .content-card .input-salary {
            background-color: #FAFAFA;
            border: 1px solid #BBD2F1;
            display: flex;
            justify-content: space-between;
            padding: 10px 6px;
            border-radius: 10px;
            width: 200px;
            margin: auto;
        }

            .card-salary .content-card .input-salary input:focus,
            .card-salary .content-card .input-salary input:hover,
            .card-salary .content-card .input-salary input {
                border: none;
                background-color: transparent;
                outline: none;
                box-shadow: none;
                width: 120px;
            }

            .card-salary .content-card .input-salary span {
                font-size: 13px;
                font-weight: 600;
                line-height: 27px;
            }

    .card-salary.active .form-check-input:checked {
        background-color: #00591F;
        border-color: #00591F;
    }

    .card-salary.active {
        background-color: #D0EDDA;
        border-color: #00591F;
    }

        .card-salary.active .content-card .title,
        .card-salary.active .content-card .content-salary,
        .card-salary.active .content-card .final-salary {
            color: #00591F;
        }

        .card-salary.active .content-card .input-salary {
            background-color: transparent;
        }

.check-loan {
    position: absolute;
    margin: 5px;
    display: inline-block;
    width: 18px;
    height: 17px;
}

    .check-loan:checked {
        background-color: #47a4ad;
        border-color: #47a4ad;
    }

        .check-loan:checked:before {
            content: '\f00c';
            color: #fff;
            font-family: "Font Awesome 6 Free";
            font-weight: 600;
            position: absolute;
            width: 100%;
            text-align: center;
            left: 0;
            background-color: #47a4ad;
            width: 18px;
            height: 20px;
            font-size: 14px;
            border-radius: 3px;
            top: -2px;
        }

.list-card-old-fund {
    padding: 0 15px;
    /*    overflow: auto;
    max-height: 340px;*/
}

    .list-card-old-fund .card-salary .radio-style.radio-style {
        width: 100%;
        justify-content: flex-start;
        font-size: 16px;
    }

        .list-card-old-fund .card-salary .radio-style.radio-style .form-check-input {
            top: 2px;
        }

        .list-card-old-fund .card-salary .radio-style.radio-style b {
            color: #1db9c3;
        }

.content-old-offer > p {
    color: #A7A4A4;
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 100;
}

.content-old-offer {
    padding: 0 33px
}

.card-salary .content-card .content-old-offer .input-salary {
    background-color: #FAFAFA;
    border: 3px solid#1DB9C3;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: 25px;
    width: 100%;
    margin: 10px auto;
}

.list-card-old-fund .card-salary .content-card {
    width: 100%;
    gap: 3px;
    text-align: start;
    border: none !important;
}

.select-old-fund .select2.select2-container .select2-selection {
    background-color: #FAFAFA !important;
    border: 1px solid #BBD2F1 !important;
    padding: 0px 20px;
    border-radius: 25px !important;
    width: 100%;
    margin: 10px auto;
}

.card-salary.active .content-card .content-old-offer .input-salary,
.card-salary.active .select2.select2-container .select2-selection {
    background-color: #d0edda !important;
}

.select-old-fund .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
}

.time-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.time-row {
    color: #1db9c3;
}

    .time-row > span {
        color: #000;
    }

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

.counters .counter {
    display: flex;
    gap: 3px;
}

.flex-wallet p {
    font-size: 15px;
    color: #6e6e6e;
}

.flex-wallet-container {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}

.section-count {
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .section-count .smalltext {
        font-weight: 400;
        font-size: 10px;
    }

.modal-change-data {
    width: 400px;
    margin: auto;
    max-width: 100%;
}

    .modal-change-data > img {
        width: 100px;
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }

    .modal-change-data > h5 {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
    }

    .modal-change-data > h6 {
        text-align: center;
        font-size: 13px;
    }

    .modal-change-data .input-group-text {
        background-color: #fff;
        position: relative;
        z-index: 2;
    }

.form-input-edit {
    width: calc(100% - 50px);
    margin: auto;
}

.modal-change-data .form-control {
    border-radius: 5px;
    height: 38px;
}

.modal-change-data .number-control {
    height: 38px;
}

.form-input-edit label {
    font-size: 14px;
}

.modal-change-data .large-height {
    height: 40px;
    margin-top: 40px
}

.confirmation-code .digit {
    border-radius: 5px;
    background-color: #fff;
    min-height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ebf0f6;
    color: #111;
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px 0 !important;
    font-size: 20px !important;
}

.countdown-container span {
    color: #1db9c3;
}

.box-complete-profile {
    width: 500px;
    max-width: calc(100% - 15px);
    box-shadow: 0px 3px 6px #00000029;
    border: 3px solid #1DB9C3;
    border-radius: 15px;
    margin: auto;
    background-color: #FFF;
    padding: 25px 25px 10px;
    margin-bottom: 15px;
}

    .box-complete-profile h5 {
        text-align: center;
        color: #1db9c3;
        margin-bottom: 20px;
    }

    .box-complete-profile h6 {
        text-align: center;
        font-size: 12px;
        margin-bottom: 20px;
    }

    .box-complete-profile .progress {
        height: 23px;
        border-radius: 25px;
        margin-bottom: 5px;
    }

        .box-complete-profile .progress .progress-bar {
            border-radius: 25px;
            height: 22px;
        }
            .list-of-steps {
                padding-top: 20px
            }

    .list-of-steps a {
        color: #000;
    }

    .list-of-steps .item-of-steps {
        box-shadow: 0px 0px 11px #00000021;
        border-radius: 15px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 25px;
        background-color: #fff;
    }

        .list-of-steps .item-of-steps .item-href-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            cursor: pointer;
        }

            .list-of-steps .item-of-steps .item-href-link:hover {
                opacity: 0.7;
            }

        .list-of-steps .item-of-steps .flex-content {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .list-of-steps .item-of-steps img {
            height: 65px;
        }

        .list-of-steps .item-of-steps span {
            font-size: 14px;
            display: block;
        }

        .list-of-steps .item-of-steps.waiting {
            background-color: #fff9e2;
        }

        .list-of-steps .item-of-steps b {
            color: #f0a600;
            font-size: 12px;
            align-items: center;
            gap: 8px;
            display: none
        }

            .list-of-steps .item-of-steps b.show-hint {
                display: flex;
            }

        .list-of-steps .item-of-steps.waiting b i {
            position: relative;
            top: 1px;
            font-size: 13px;
        }

        .list-of-steps .item-of-steps.done span {
            /*text-decoration: line-through;*/
        }

        .list-of-steps .item-of-steps .icon-status {
            font-size: 22px;
            cursor: pointer
        }

        .list-of-steps .item-of-steps.done .icon-status {
            font-size: 26px;
        }

            .list-of-steps .item-of-steps.done .icon-status:before {
                color: #21BA45;
                content: '\f00c';
            }

        .list-of-steps .item-of-steps.done {
            background-color: #CAE9D2;
        }

.list-of-fund {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 25px;
    background-color: #fff;
    width: 700px;
    max-width: 100%;
    margin: auto;
}

    .list-of-fund .list-of-steps .content-row h6 {
        color: #1db9c3;
        font-size: 15px;
        font-weight: 600;
    }

    .list-of-fund .list-of-steps .content-row p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .list-of-fund dotlottie-player {
        width: 34px;
        transform: rotate(-70deg);
        position: relative;
        top: 4px;
    }

    .list-of-fund .list-of-steps .item-of-steps:hover {
        background-color: #f4feff;
        cursor: pointer;
    }

    .list-of-fund .list-of-steps .item-of-steps.soon {
        background-color: #E2E2E2;
        cursor: no-drop;
    }

    .list-of-fund .list-of-steps .item-of-steps img {
        width: auto;
        max-width: 65px;
    }
    .list-of-fund .list-of-steps .ancor-dotlottie {
        position: absolute;
        top: 30px;
    }
.list-of-fund .list-of-steps .item-of-steps {
    position: relative;
    overflow: hidden;
    padding: 10px 25px;
}

.terms-container {
    display: flex;
    flex-wrap: wrap;
}

    .terms-container .form-check-checkbox.single-checkbox {
        width: 50%;
        font-size: 13px;
        padding: 7px;
        margin: 0;
        justify-content: flex-start;
        padding-top: 0 !important;
    }

    .terms-container p {
        width: 33%;
        font-size: 13px;
        padding: 7px;
        margin: 0;
    }

        .terms-container p:before {
            content: '\f00c';
            display: inline-block;
            width: 20px;
            color: #1DB9C3;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
        }

        .terms-container p.not-required:before {
            content: '\f00d';
            color: #f00;
        }

.open-information {
    padding: 5px;
    color: #E5A000;
    cursor: pointer;
    display: inline-block;
}

@media (min-width: 768px) {
    #requests-list.notMaxFund .other-information .col-md-2.label-style-information {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.offers-list {
    width: 700px;
    max-width: 100%;
    margin: auto;
    padding: 5px;
    box-shadow: 2px 4px 16px #d1d1d18f;
    border-radius: 5px;
    background-color: #fff;
}

.car-offers-list.offers-list {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

.box-offer-list-header .filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: start;
    padding: 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

.text-section title_fund h5 {
    font-size: 15px;
}

.text-section title_fund {
    display: inline-block;
    color: #000;
    margin: 0 3px;
}

.offer-count-filter {
    display: flex;
    padding: 10px;
    gap: 10px;
    align-items: center;
}

.filter-list {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .filter-list span {
        display: flex;
        align-items: center;
        gap: 7px;
        border-radius: 5px;
        border: 2px solid #1db9c3;
        padding: 6px 10px;
        color: #1db9c3;
        font-size: 14px;
        cursor: pointer;
    }
        .filter-list span#undefined,
        .filter-list > span:nth-child(3) {
            display: none !important;
        }
.card-sorting-inputs {
}

.offer-count-filter .badge-span {
    background-color: #1db9c3;
    padding: 7px;
    border-radius: 5px;
    color: #fff;
}

.filter-section a {
    margin: 0 5px;
    cursor: pointer;
}

    .filter-section a img {
        height: 27px
    }

.offers-list .offers-item .img-section,
.offers-item-side-bar .img-section {
    width: 80px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
    justify-content: center;
}

.offers-item-side-bar .img-section {
    border-color: #f7562b;
}

.offers-item-side-bar .img-section {
    width: 95px;
}

    .offers-list .offers-item .img-section input,
    .offers-item-side-bar .img-section input {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        margin: auto
    }

    .offers-list .offers-item .img-section p,
    .offers-item-side-bar .img-section p {
        text-align: center;
        margin-bottom: 0;
    }

        .offers-list .offers-item .img-section p img,
        .offers-item-side-bar .img-section p img {
            width: auto;
            max-width: 100%;
            height: auto;
            margin-bottom: 5px;
            max-height: 70px;
        }

        .offers-item-side-bar .img-section p img {
            height: auto;
        }

        .offers-list .offers-item .img-section p span,
        .offers-item-side-bar .img-section p span {
            font-size: 12px;
            display: block;
        }

.offers-list .information-section {
    width: calc(100% - 80px);
    position: relative;
}

.offers-item-side-bar .information-section {
    width: calc(100% - 95px);
}

.offers-list .information-section .details-offer {
    background-color: #FFCA83;
    padding: 7px;
    color: #fff;
    position: absolute;
    left: 12px;
    top: 8px;
    height: 34px;
    font-size: 14px;
}

.offers-list .information-section .information-section-list {
}

    .offers-list .information-section .information-section-list .other-information {
        padding: 5px 0;
    }

        .offers-list .information-section .information-section-list .other-information .showMore {
            display: none;
        }

.offers-list .offers-item-revamp.offers-item .information-section .information-section-list .other-information {
    padding: 10px 0;
}

.offers-list .information-section .information-section-list .money-information {
    height: 60px;
    background-color: #B7D4E7;
    padding: 10px 0;
}

.offers-list .offers-item.choose {
    background-color: #eefdff;
}

    .offers-list .offers-item.choose .img-section {
        border-color: #fff;
    }

.offers-item.offers-item-revamp {
    padding: 0;
    box-shadow: 0 0 12px #c5c5c59c;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 2px solid #b6e4e7;
    position: relative;
    overflow: hidden;
}

.offers-list .offers-item-revamp.offers-item .img-section {
    width: 30px;
    position: relative;
    z-index: 9;
}

.offers-list .offers-item-revamp .information-section {
    width: calc(100% - 30px);
}

.offers-list .offers-item-revamp .label-style-information span {
    display: inline-block;
    margin: 0 4px;
}

.offers-list .offers-item-revamp.offers-item-revamp-block-title .label-style-information span {
    display: block;
}

.offers-list .offers-item-revamp .label-style-information span img {
    margin: 0 4px;
}

.offers-list .offers-item-revamp .label-style-information {
    text-align: center;
    padding: 0 5px;
    font-size: 14px;
    margin-bottom: 0;
}

.offers-list .offers-item-revamp .car-row .label-style-information {
    text-align: start;
    padding: 7px;
}

.offers-item-new-design {
    margin: 0 auto 15px;
    border-radius: 5px;
    box-shadow: 2px 4px 16px #d1d1d18f;
    padding: 5px;
    width: 700px;
    max-width: 100%;
    overflow: hidden
}

    .offers-item-new-design.choose {
        background-color: #D0EDDA;
        border-color: #00591F;
    }

    .offers-item-new-design .img-section {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ededed;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .offers-item-new-design .form-check-input-new {
        position: relative;
        width: 20px;
        margin: 0 10px;
        border-radius: 3px;
    }

    .offers-item-new-design .img-section .logo {
        font-size: 13px;
    }

        .offers-item-new-design .img-section .logo span {
            margin: 0 3px;
            font-size: 14px;
        }

    .offers-item-new-design .form-check-input-new:after {
        font-size: 13px;
    }

.confirm-order {
    display: table;
    width: 100%;
}

.free-order.confirm-order {
    display: block;
    text-align: center;
}

    .free-order.confirm-order .box-confirm-order {
        width: 300px;
    }

.confirm-order .payment,
.confirm-order .box-confirm-order {
    display: table-cell;
    vertical-align: top;
}

.confirm-order .payment {
    max-width: 250px;
    text-align: center;
    padding: 10px 30px;
}

    .confirm-order .payment img {
        width: 90px;
        margin: 15px auto;
    }

    .confirm-order .payment p {
        font-size: 14px;
    }

    .confirm-order .payment h5 {
        color: #1db9c3;
        margin-bottom: 10px
    }

    .confirm-order .payment button {
        height: 40px;
    }

.box-confirm-order {
    display: table-cell;
    box-shadow: 0 0 5px #c6c3c3;
    border-radius: 10px;
}

    .box-confirm-order .title-box-confirm-order {
        border-bottom: 1px solid #ccc;
    }

        .box-confirm-order .title-box-confirm-order span {
            color: #000 !important;
            font-size: 12px;
            cursor: pointer;
        }

            .box-confirm-order .title-box-confirm-order span img {
                border: none;
                width: 22px;
            }

    .box-confirm-order .flex-row {
        margin: 0;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 13px;
    }

        .box-confirm-order .flex-row b {
            color: #333;
            font-weight: 500;
        }

        .box-confirm-order .flex-row span {
            color: #1db9c3;
        }

        .box-confirm-order .flex-row img {
            width: 100px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }

    .box-confirm-order .title-box-confirm-order .flex-row b,
    .box-confirm-order .footer-box-confirm-order .flex-row b {
        color: #1db9c3;
    }

    .box-confirm-order .title-box-confirm-order .flex-row span {
    }

    .box-confirm-order .footer-box-confirm-order {
        border-top: 1px solid #ccc;
    }
/*///////// ------------ datalist bank -------/////////*/
.list-bank {
    padding: 10px 0;
}

    .list-bank .row {
    }

    .list-bank .bank-col {
        padding: 0 9px;
        cursor: pointer;
    }

    .list-bank .bank-box {
        box-shadow: 0 0 5px #ededed;
        border-radius: 5px;
        padding: 10px;
        text-align: center;
        margin-bottom: 10px;
        display: block;
    }

        .list-bank .bank-box .img-container {
            height: 80px;
            position: relative;
            margin-bottom: 5px;
        }

            .list-bank .bank-box .img-container img {
                position: absolute;
                left: 50%;
                transform: translate(-50%, -50%);
                top: 50%;
                width: auto;
                height: auto;
                max-height: 65px;
                max-width: 90%;
            }

        .list-bank .bank-box h6 {
            font-size: 12px;
            font-weight: 600;
            height: 29px;
            margin-bottom: 0;
        }

.bank-logo {
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 28px;
}

.back-btn .bank-logo {
    top: 15px;
}

.bank-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.bank-logo .img-container img {
    width: auto;
    height: auto;
    max-height: 30px;
}

.bank-logo h6 {
    font-size: 16px;
    margin-bottom: 0;
}

.content-type-form-container {
    padding: 20px 25px;
    width: 500px;
    margin: auto;
    max-width: 100%;
}

.content-type-form .bank-logo {
    position: relative;
    left: unset;
    transform: unset;
    justify-content: center;
    top: 0;
    padding-top: 20px;
}

    .content-type-form .bank-logo .icon-iban {
        transform: rotate(45deg);
    }

.title-header-fund {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

    .title-header-fund img {
        width: 50px !important;
        margin-bottom: 0 !important;
    }

.bg-gray-salay {
    background-color: #F4F6FB;
    font-weight: 400;
    font-size: 12px;
    padding: 8px 20px;
    border-radius: 5px;
}

    .bg-gray-salay dakhli_salary {
        font-weight: 600;
        font-size: 16px;
    }

.fund-new-cycle .btn-theme {
    border-radius: 25px;
    height: 55px !important;
}

.fund-new-cycle .row-section .btn-theme {
    height: 38px !important;
    font-size: 14px;
    min-width: 100px;
    margin: 10px;
    border-radius: 5px;
}

.col-item-compare-section .box-fund-container {
    position: relative;
}

    .col-item-compare-section .box-fund-container .remove-item {
        position: absolute;
        left: 9px;
        z-index: 99;
        top: -8px;
        color: #000;
        cursor: pointer;
    }

.box-fund-add-new {
    box-shadow: 0 0 5px #dadada;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    margin-top: 11px;
    cursor: pointer;
}

    .box-fund-add-new img {
        width: 29px;
    }
.box-fund-container-credit .box-fund-add-new img {
    margin-bottom: 10px;
}
.box-fund-container-credit .box-fund-add-new {
    padding: 22px 10px;
    margin-top: 3px;
}
.box-fund-add-new h4 {
    font-size: 13px;
    margin: 0;
    padding-top: 4px;
}

.col-item-compare-section .box-fund {
    overflow: hidden;
    position: relative;
    margin: 13px;
    box-shadow: 0 0 5px #dadada;
    padding: 10px;
    border-radius: 5px;
}

    .col-item-compare-section .box-fund img {
        height: 18px;
        margin-bottom: 5px;
    }

    .col-item-compare-section .box-fund > span {
        display: block;
        font-size: 12px;
        font-weight: 600
    }

.tab-bar-header {
    display: flex;
    justify-content: center;
    border: 2px solid #1cb7c1;
    width: max-content;
    margin: 20px auto 25px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

    .tab-bar-header .width-progress {
        width: 20%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        background-color: #1db9c3;
    }

    .tab-bar-header .tab-bar-item {
        line-height: 45px;
        min-width: 220px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

.Personal-Finance .form-Finance label.text-danger,
.fund-new-cycle span.text-danger span {
    display: block;
    width: 400px;
    margin: 10px auto;
    font-weight: 400;
    max-width: 100%;
}

.col-item-compare-section .box-fund > span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-item-compare-section .col-section p span {
    font-family: 'montserrat-regular' !important;
    font-size: 13px;
}
.col-item-compare-section .card-name-compare .col-section p span {
    font-family: 'changa-regular' !important;
    font-size: 11px;
}
.col-item-compare-section .card-name-compare p {
    font-size: 12px;
}
.filter-icon {
    position: relative;
}

    .filter-icon.active:before {
        content: '';
        background-color: #B71616;
        width: 11px;
        height: 11px;
        position: absolute;
        border-radius: 50%;
        top: -4px;
        left: 19px;
    }

.box-offer-list {
    position: relative;
    overflow: hidden;
}

.label-style-information span {
    display: none;
    font-size: 13px;
}

.fund-new-cycle .alert-warning-payment.no-bg {
    padding: 13px 8px;
    width: 400px;
    margin: auto !important;
    max-width: 100%;
}

.fund-new-cycle .alert-warning-payment.small-alert {
    width: 400px;
    margin: 0 auto 10px !important;
    max-width: 100%;
}

    .fund-new-cycle .alert-warning-payment.small-alert i {
        top: 0px;
    }

.fund-new-cycle .Personal-Finance .form-Finance .select2.select2-container + .select2.select2-container.select2-container--default {
    display: none !important;
}

.best-value {
    color: #4aaf0e;
    font-weight: bold;
}

@media (min-width:1700px) {
    .custom-modal .modal-dialog.md-large .modal-body {
        padding: 50px 0;
    }
}

@media (min-width: 992px) {
    .col-md-11.label-style-information > .row {
        width: calc(100% - 25px);
    }

    .offers-list .offers-item-revamp .label-style-information.style-image-small span {
        display: none;
    }

    .sidebarOffers .SidebarContent {
        width: 680px;
    }

    .m--10 {
        margin: 0 -10px;
    }

    .current-request-box .current-request-body .logo-information label {
        display: none;
    }
}

.current-request-box .current-request-body .logo-information img {
    width: 80px;
    max-width: 90px;
    margin: 0 auto 5px;
}

.current-request-box .current-request-body .Fund-information {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: calc(100% - 130px);
}
.current-request-box .current-request-body.creditcard .logo-information {
    width: 28%;
    max-width: 28%;
}
.current-request-box .current-request-body.creditcard .Fund-information {
    width: 70%;
}
.current-request-box .current-request-body .logo-information .bank-credit {
    margin: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}
    .current-request-box .current-request-body .logo-information .bank-credit img {
        width: 50px;
        max-height: 45px;
        margin: 0 4px;
    }
.current-request-box .current-request-body .Fund-information p {
    margin-bottom: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 5px;
}

    .current-request-box .current-request-body .Fund-information.real-estate {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .current-request-box .current-request-body .Fund-information.real-estate p {
            min-width: 230px;
        }

    .current-request-box .current-request-body .Fund-information p label {
        margin: 0;
        padding: 0;
        gap: 4px;
    }

.slider-price .output {
    position: relative;
    width: 40px;
    padding-top: 10px;
    height: 30px;
    font-family: cursive;
    font-size: 16px;
    line-height: 20px;
    color: #6441A5;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

.slider-price #range {
    height: 7px !important;
    border-radius: 5px !important;
    --active: #5628EE;
    --value: #fff;
    --line: #CDD9ED;
    touch-action: none;
    -webkit-appearance: none;
    appearance: none;
    user-select: none;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background: var(--line);
    position: relative;
}

.slider-price .range-row {
    position: relative;
}

    .slider-price .range-row span {
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #1db9c3;
        z-index: 99;
        height: 7px;
        margin: 10px 0;
        border-radius: 5px;
    }

.slider-price #range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #1DB9C3;
    border: 2px solid #1DB9C3;
    cursor: pointer;
    border-radius: 18px;
    transition: 0.5s ease;
}

    .slider-price #range::-webkit-slider-thumb:focus, .slider-price #range::-webkit-slider-thumb:active {
        padding: 0px;
    }

.slider-price #range:focus, .slider-price #range:active {
    outline: none;
}

.slider-price .output span {
    margin: 0 2px;
}

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

.unit-container {
    position: relative;
}

    .unit-container .span-unit {
        position: absolute;
        top: 0;
        margin: 11px;
        font-size: 13px;
    }

.list-of-fund-condition {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 10px 0;
    background-color: #fff;
    width: 700px;
    max-width: 100%;
    margin: auto;
}

.title-condition {
    text-align: center;
    padding: 10px;
}

    .title-condition h3 {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

        .title-condition h3 i {
            display: none;
        }

        .title-condition h3 img {
            width: 55px;
        }

        .title-condition h3 span {
            color: #1db9c3;
            font-size: 33px;
        }

    .title-condition.title-fund-condition h3 span {
        font-size: 25px;
    }

    .title-condition h6 {
        color: #8D8D8D;
        font-size: 16px;
        padding: 10px 0;
    }

.alert-condition {
    margin-bottom: 15px;
    padding: 0 0 10px;
}

    .alert-condition .alert-warning-payment {
        padding: 7px 0px;
        border: none;
        margin-bottom: 0;
    }

.alert-warning .hints-list {
    display: flex;
    flex-wrap: wrap;
}

    .alert-warning .hints-list h6 {
        padding: 0 5px;
        font-size: 12px;
        min-width: calc(50% - 10px);
        color: #2C3E50;
        font-weight: 600;
    }

.list-of-fund-condition .btn-fund-start {
    width: calc(100% - 30px);
    margin: auto;
    display: block;
    height: 51px;
    border-radius: 25px;
    line-height: 40px;
}

.back-fund {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 10px;
    font-size: 22px;
    color: #767676;
}

.Action-btn-breadcrumb .back-fund {
    padding: 0px 10px;
    font-size: 20px;
    line-height: 10px;
}

.remove-padding-back {
    margin: -20px -30px 10px;
    text-align: start;
}

.btn-link {
    color: #000;
}
.text-decoration-underline,
.btn-link.with-underline {
    text-decoration: underline;
}

.all-card {
    overflow: hidden;
}

.title-incoming-monthly {
    margin-bottom: 25px;
}

    .title-incoming-monthly b {
        font-weight: 600;
    }

.error-dakhli {
}

    .error-dakhli dotlottie-player {
        width: 100px;
        margin: 10px auto 30px;
    }

@media (min-width: 992px) {
    .modal-theme.modal-lg, .modal-theme.modal-xl {
        max-width: 800px;
    }

    .modal .modal-dialog.modal-lg.modal-lg-normal {
        max-width: 600px;
    }

    .modal .modal-dialog.modal-xlg {
        width: 900px;
        max-width: 95%;
    }
}

.modal-theme .modal-content {
    border-radius: 15px;
    overflow: hidden;
}

.modal-theme .modal-header {
    background-color: #F1FCF7;
    border: none;
}

    .modal-theme .modal-header .modal-title {
        font-size: 17px;
        position: relative;
        top: 4px;
    }

.modal-theme .modal-FundRequest {
    display: flex;
    width: 680px;
    min-height: 35vh;
    align-items: center;
    margin: auto;
    max-width: 95%;
}

    .modal-theme .modal-FundRequest a {
        color: #47a4ad;
        text-decoration: none;
        border-bottom: 2px solid #47a4ad;
        font-weight: 600;
    }

.logs-home {
    display: flex;
    align-items: center;
}

    .logs-home .logs-title {
        display: flex;
        align-items: center;
        padding: 20px;
        border-left: 6px solid #f0f5f8;
        gap: 5px;
    }

        .logs-home .logs-title .img-logs {
            position: relative;
        }

            .logs-home .logs-title .img-logs span {
                position: absolute;
                background-color: #af0000;
                color: #fff;
                width: 24px;
                text-align: center;
                border-radius: 50%;
                top: -5px;
            }

            .logs-home .logs-title .img-logs img {
                width: 50px;
            }

    .logs-home .logs-body {
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        width: calc(100% - 195px);
        align-items: center;
    }

        .logs-home .logs-body p {
            margin-bottom: 0;
        }

        .logs-home .logs-body h5 {
            margin-bottom: 0;
            border-bottom: 2px solid;
            cursor: pointer;
            min-width: 65px;
            padding-bottom: 4px;
        }

    .logs-home.required-attach {
        background-color: #fff6e0;
        overflow: hidden;
        position: relative;
    }

    .logs-home .logs-title {
        border-color: #fff;
    }

.hint-icon {
    display: inline-block;
    position: absolute;
    z-index: 9;
    width: 0px;
    height: 0px;
    border-bottom: 101px solid #FFC107;
}

    .hint-icon.sucsess {
        border-color: #02bc77;
        color: #fff;
    }

.item-of-steps .hint-icon {
    border-bottom: 101px solid #1db9c3;
}

.hint-icon span {
    position: relative;
    display: inline-block;
    width: max-content;
    color: #000;
}

.hint-icon.hint-offer-list.yellow {
    border-color: #FFB301;
}

.hint-icon.hint-offer-list.blue {
    border-color: #1C69C1;
}

.hint-icon.hint-offer-list.theme {
    border-color: #1DB9C3;
}

.hint-icon.hint-offer-list.yellow span {
    color: #fff;
}

.hint-icon.hint-offer-list.blue span {
    color: #fff;
}

.hint-icon.hint-offer-list.theme span {
    color: #fff;
}

.item-of-steps .hint-icon span {
    color: #fff;
}

.hint-icon.sucsess span {
    color: #fff;
}

.icon-currency-container {
    position: relative;
}

.icon-currency {
    position: absolute;
}

.currency-container {
    position: relative;
}

    .currency-container currency {
        position: absolute;
        top: 5px;
        padding: 12px 5px;
        font-size: 13px;
    }

.title-image .title-image-row {
    display: flex;
    font-size: 12px;
    justify-content: space-between
}

    .title-image .title-image-row .select2.select2-container {
        width: calc(100% - 90px) !important;
    }

    .title-image .title-image-row .form-control {
        border: 2px solid #ededed;
        border-radius: 5px;
        padding: 3px 6px;
        width: calc(100% - 90px);
    }

    .title-image .title-image-row .btn {
        font-size: 11px;
        padding: 0 !important;
        text-align: center;
    }

.comming-soon {
    margin-top: 50px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 17px;
    background-color: #fdfdfd;
}



    .comming-soon img {
        width: 55px;
        margin: 20px auto;
    }



    .comming-soon h4 {
        color: #515151;
        font-size: 22px;
    }

    .comming-soon h5 {
        font-size: 15px;
    }

.requirment-profile-complete {
}

    .requirment-profile-complete h5 {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 15px;
        padding: 10px 10px;
        background-color: #fdfdfd;
        border-radius: 5px;
        border: 1px solid #e3e3e3;
    }

    .requirment-profile-complete ul {
        font-size: 13px;
        margin-bottom: 25px;
        padding: 0 30px;
    }

        .requirment-profile-complete ul li {
            display: list-item;
            text-align: start;
        }

.title-profile-complete {
    background-color: #e3f2f4;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    margin: -12px -10px 20px;
}

    .title-profile-complete h5 {
        margin: 0 5px;
        font-size: 16px;
    }

.btnLink {
    color: #007bff;
    border-bottom: 1px solid;
    padding: 0 !important;
    border-radius: 0;
}
/* =================== end products-section ============== */
/* ====================== End Gallary Sec =============== */
@media print {
    .section {
        padding: 20px 0;
    }

        .section.mt-5 {
            margin-top: 0 !important;
        }

    header, footer, .btn, .breadcrumb_section, .Sidebar {
        display: none !important;
    }
}

.fund-chart {
    width: 245px;
    height: 109px;
}

.light-green-modal .card-title {
    padding: 18px;
    background-color: #E3F2F4;
    border-radius: 10px 10px 0 0;
    text-align: start;
    display: block;
    font-size: 14px;
}

.light-green-modal .close-modal {
    left: 10px;
    top: 14px;
    background-color: transparent;
    color: #000;
}

.content-form .content-form-container {
    width: 500px;
    margin: auto;
    max-width: 100%;
}

.footer-add-new {
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
}

    .footer-add-new a {
        margin: 0 3px;
        margin: 0 3px;
        color: #007bff !important;
        text-decoration: underline !important;
        cursor: pointer;
    }

.hint-bank-account {
    text-align: center;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 10px;
    background-color: #E3F2F4;
    border: 3px solid #0FA1B2;
    font-size: 14px;
}

    .hint-bank-account i {
        color: #FFC400;
        font-size: 17px;
        position: relative;
        top: 2px;
        margin: 0 6px;
        transform: scale(1.3);
    }

.light-green-modal .card-title {
}
/*
.chartsHome {
    height: 109px !important;
    width: 400px !important;
}*/
/*.chartjs-hidden-iframe {
    height: 138px !important;
}*/
#currentEmail {
    overflow: hidden;
    white-space: nowrap;
    max-width: 190px;
    display: inline-block;
    text-overflow: ellipsis;
    position: relative;
    top: 6px;
}

.payment-style {
    width: 550px;
    margin: auto;
    position: relative;
    max-width: 100%;
}

    .payment-style .remove-padding-back {
        position: absolute;
        top: 35px;
        margin: 0 35px;
        z-index: 9;
    }

.information-section-list .alert-condition {
    width: calc(100% - 150px);
    margin-top: 10px;
    padding: 1px;
    border-radius: 5px;
}

.container-alert-condition {
    display: flex;
    flex-wrap: wrap;
}

    .container-alert-condition .alert-warning.alert-warning-payment {
        width: max-content;
        padding: 7px !important;
        margin: 0;
        min-width: 50%;
        font-size: 13px;
    }

        .container-alert-condition .alert-warning.alert-warning-payment i {
            top: 0px;
            width: 20px;
        }

.hints-compare .col-section .alert-warning-payment {
    width: 100% !important;
    padding: 0px 0px;
}

.hints-compare .col-section .container-alert-condition .alert-warning.alert-warning-payment {
    width: max-content;
    padding: 7px !important;
    margin: 0;
    font-size: 12px;
}

.container-alert-condition .alert-warning.alert-warning-payment i {
    display: none;
}

.input-style-incoming {
    text-align: start;
    margin-bottom: 15px;
}
/*    .input-style-incoming input {
        height: 50px !important;
        border-color: #1C9CAB !important;
        background-color: #fff !important;
    }*/
.payment-customer-item {
    border: 2px solid #1DB9C3;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px;
}

    .payment-customer-item .col-payment {
        width: 25%;
        padding: 30px 10px 10px;
        padding-right: 40px;
    }

        .payment-customer-item .col-payment .inline-col {
            display: flex;
            align-items: center;
        }

        .payment-customer-item .col-payment p {
            margin-bottom: 8px;
            font-size: 14px;
            color: #707070;
        }

        .payment-customer-item .col-payment b {
            display: inline-block;
            margin: 0 3px 8px;
            font-size: 14px;
        }

        .payment-customer-item .col-payment .inline-col b {
            margin-bottom: 8px;
        }

.img-view {
    position: absolute;
    top: 10px;
    cursor: pointer;
}

    .img-view img {
        width: 24px;
    }

.pill-header {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .pill-header p {
        text-align: center;
        font-size: 11px;
        margin-bottom: 0;
    }

        .pill-header p img {
            display: block;
            width: 91px;
            margin: 0 auto 10px;
        }

.information-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #ededed;
}

    .information-pill .pill-customer-details {
        display: flex;
        flex-direction: column;
        font-size: 13px;
        gap: 2px;
    }

    .information-pill .pill-data-details p {
        margin-bottom: 5px;
        font-size: 13px;
    }

        .information-pill .pill-data-details p b {
            margin: 0 4px;
        }

        .information-pill .pill-data-details p img {
            height: 23px;
        }

total_pill {
    padding: 0 20px;
    display: block;
}

    total_pill span {
        display: block;
        font-size: 13px;
        margin-bottom: 2px;
    }

    total_pill h3 {
        color: #1DB9C3;
        font-size: 30px;
        font-weight: 600;
    }

.payments-title {
    display: flex;
    gap: 5px;
    align-items: center;
}

    .payments-title span {
        color: #777;
        font-size: 12px;
    }

    .payments-title small {
        display: inline-block;
        background-color: #ededed;
        font-size: 16px;
        padding: 3px;
        height: 24px;
        line-height: 20px;
        border-radius: 5px;
        color: #1c9cab;
        font-weight: 600;
        width: 27px;
        text-align: center;
    }

    .payments-title img {
        width: 34px;
    }

    .payments-title b {
    }

.select-box-icon {
    position: relative;
}

    .select-box-icon > img,
    .select-box-icon > i {
        position: absolute;
        right: 13px;
        font-size: 14px;
        top: 8px;
        width: 20px;
        font-size: 20px;
    }

    .select-box-icon > i {
        color: #d4d4d4;
        top: 10px;
    }

    .select-box.without-icon select,
    .select-box.without-icon select:focus,
    .select-box-icon select,
    .select-box-icon select:focus,
    .select-box-icon input,
    .select-box-icon input:focus {
        box-shadow: none;
        height: 34px;
        border: 1px solid #ccc;
        font-size: 13px;
        border-radius: 3px;
        outline: none;
        box-shadow: none;
    }

.select-box select,
.select-box.without-icon select {
    min-width: 120px;
    padding: 5px;
}

.select-box.without-icon input,
.select-box-icon input {
    width: 290px;
    font-size: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-weight: 400;
    color: #ec0000;
    font-size: 25px;
}

.col-item-compare-section {
    width: 800px;
    max-width: 100%;
    margin: 10px auto;
    box-shadow: 0 0px 13px #e9e9e9;
    border-radius: 5px;
    padding: 10px;
}

    .col-item-compare-section p {
        margin-bottom: 0;
        padding: 13px 8px;
        font-size: 14px;
    }

    .col-item-compare-section .col-section {
        padding: 0;
    }

    .col-item-compare-section .row-section:nth-child(even) {
        background-color: #F4F6FB;
    }
    .col-item-compare-section .benifit-compare .row-section:nth-child(odd) {
        background-color: #F4F6FB;
    }
    .col-item-compare-section .benifit-compare .row-section:nth-child(even) {
        background-color: #fff;
    }
status_benifit.has-benifit:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: #4aaf0e;
    font-weight: 900;
    display: inline-block;
}
status_benifit.not-has-benifit:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    color: #af0000;
    font-weight: 900;
    display: inline-block;
}
.col-item-compare-section .col-section p img {
    margin: 0px 3px;
    width: 14px;
    position: relative;
    top: -1px;
}

    .col-item-compare-section .col-section p currency {
        font-size: 10px;
    }
.card-name-compare .col-section p img {
    display: none
}
.period-payments {
    display: flex;
    align-items: center;
    text-align: center;
    border: 3px solid #e5e5e5;
    width: 100%;
    border-radius: 10px;
    margin: 0;
    background-color: #fff;
}
.period-payments .period-payments-item {
    padding: 6px;
}

        .period-payments .period-payments-item h6 {
            color: #1db9c3;
            font-size: 14px;
        }

            .period-payments .period-payments-item h6 span {
                color: #1db9c3;
                display: inline-block;
                margin: 0 3px;
                font-size: 19px;
            }

.period-payments-months {
    width: 100%;
    justify-content: space-between;
    margin: 0;
}

    .period-payments-months .months-item {
        text-align: center;
    }

        .period-payments-months .months-item h5 {
            margin-bottom: 0px;
            font-size: 19px;
            margin-top: 5px;
        }
currency img {
    width: 13px !important;
}
h1 currency img,
h2 currency img {
    width: 16px !important;
}
@media (max-width: 992px) {
    .period-payments-months {
        position: absolute;
        top: 60px;
        flex-direction: column;
        left: -9px;
        justify-content: flex-start;
        text-align: start;
        gap: 0px;
    }
    .card > .period-payments {
        margin-bottom: 24px
    }
    .card > .period-payments-months {
        top: 14px;
        left: 0;
        width: 100%;
        padding: 0 20px;
    }
    .period-payments-item .label-style-information span {
        display: block;
    }
    .Offer-Finance .list-Offer-item.list-Offer-item-modal {
        width: calc(100% - 25px);
        margin: auto;
    }
    .period-payments-item {
        border-left: none !important;
        border-right: none !important;
        border-bottom: 2px solid #cccc;
    }

        .period-payments-item:last-child {
            border-bottom: none;
        }

    .period-payments-months .months-item h5 {
        font-size: 13px;
    }
    .period-payments-months .months-item h6 {
        font-size: 10px;
    }
    .period-payments-months .months-item {
        text-align: start;
        height: 73px;
    }
        .period-payments-months .months-item:last-child {
            height: 0;
            position: relative;
            top: -26px;
        }
    .hints-compare .col-section .container-alert-condition .alert-warning.alert-warning-payment {
        padding: 5px !important;
        font-size: 11px;
    }

    .col-item-compare-section .row-section:nth-child(even) {
        background-color: #fff;
    }

    .col-item-compare-section .box-fund {
        margin: 9px 5px;
        padding: 9px;
    }

        .col-item-compare-section .box-fund > span {
            display: block;
            font-size: 9px;
            font-weight: 600;
            max-width: unset;
            white-space: unset;
            overflow: unset;
            text-overflow: unset;
            margin-top: 8px;
        }

    .col-item-compare-section .col-section:first-child {
        background-color: #e0f4f5;
        border-bottom: 1px solid #ccc;
    }

    .col-item-compare-section .col-section:nth-child(n+2) {
        padding: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .col-item-compare-section .card-img .col-section {
        border: none !important;
    }

    .col-item-compare-section p {
        margin-bottom: 0;
        padding: 13px 3px;
        font-size: 12px;
    }

    .col-item-compare-section .col-section:nth-child(n+2) p {
        text-align: center;
    }

    .row-item-offers {
        height: 247px;
    }
    layout_style offer_item .row-item-offers {
        height: 75px;
    }
        .row-item-offers .img-card img {
            max-width: 100%;
            max-height: 40px;
        }
    .offers-item-new-design-credit .row-item-offers {
        height: 283px;
    }
        .offers-item-new-design-credit .row-item-offers.full-height,
        .row-item-offers.full-height {
            height: unset;
            overflow: visible;
        }

    .SidebarContainer .SidebarContent {
        padding-bottom: 73px;
    }

    .checkbox-container .form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion {
        width: 100%;
    }

    .tab-bar-header .tab-bar-item {
        min-width: 132px;
    }

    .information-pill {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    h2.theme-color {
        font-size: 18px;
        margin-bottom: 20px !important;
    }

    .title-incoming-monthly b.bg-gray-salay {
        display: inline-block;
    }

    .row-item-offers .label-style-information span {
        display: block;
    }

    .header-user-details .request-user-details,
    .tab-bar,
    .tab-bar .tab-bar-links,
    request-user-details,
    .personal-details {
        align-items: flex-start;
    }

        .payment-customer-item,
        .personal-details,
        .tab-bar,
        .tab-bar .tab-bar-links,
        .header-user-details,
        .header-user-details .request-user-details,
        .sema-container {
            flex-direction: column;
        }

            .tab-bar,
            .tab-bar .tab-bar-links {
                gap: 5px;
            }

            .payment-customer-item .col-payment {
                width: 100%;
                padding: 10px !important;
            }

    .table-user-details .table-col:last-child,
    .table-user-details .table-col {
        display: block;
        width: 100%;
    }

    .body-fund-table .body-fund-table-content h5 span.title-mobile {
        width: 50%;
        text-align: start;
        display: inline-block;
    }

    .pill-header {
        padding: 20px 10px;
        flex-direction: column;
        gap: 7px;
    }

    .form-check-checkbox.single-checkbox label {
        text-align: start;
    }

    .container-alert-condition {
        width: 100%;
    }

    .payment-container {
        margin-bottom: 50px;
    }

    .payment-style {
        padding: 0 10px;
    }

        .payment-style .remove-padding-back {
            margin: 0 0px;
        }

    .content-old-offer > p {
        padding: 0 25px;
        font-size: 12px;
    }

    .remove-padding-back {
        margin: -8px -19px 10px;
    }

    .title-condition h3 img {
        width: 35px;
    }

    .title-condition h3 span {
        font-size: 20px;
    }

    .title-condition.title-fund-condition h3 span {
        font-size: 15px;
    }

    .title-condition h6 {
        font-size: 11px;
        padding: 4px 0;
    }

    .title-condition {
        padding: 2px;
    }

    .alert-warning-payment.no-bg {
        text-align: start;
    }

    .content-old-offer {
        padding: 0 10px;
    }

    .list-card-old-fund {
        padding: 0 0px;
        overflow: visible;
        max-height: unset;
    }

    .alert-warning-payment span {
        text-align: start;
    }

    .content-old-offer .title,
    .alert-warning-payment.no-bg .black-title {
        font-size: 14px;
    }

    .radio-style.no-border > label {
        display: flex;
        width: 100%;
    }

    .list-card-old-fund .card-salary .radio-style.radio-style .form-check-input {
        top: 0px;
    }

    .list-card-old-fund .card-salary .radio-style.radio-style {
        font-size: 12px;
    }

    .Personal-Finance {
        max-width: 98%;
    }

    .title-condition h3 {
        flex-direction: column;
    }

    .notifyjs-corner {
        min-width: 90%;
    }

    .notifyjs-bootstrap-base {
        max-width: 98%;
        min-width: 98%;
        white-space: unset;
        text-wrap: wrap !important;
    }

    .list-of-fund .list-of-steps .item-of-steps .flex-content {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .list-of-fund .list-of-steps .item-of-steps {
        padding: 10px 15px !important;
    }

        .list-of-fund .list-of-steps .item-of-steps img {
            width: auto;
            max-width: max-content;
            height: auto;
            max-height: 35px;
        }

    .terms-container p {
        width: 100%;
    }

    .list-of-steps .item-of-steps {
        padding: 10px 15px;
        gap: 5px
    }

    .box-complete-profile {
        max-width: 100%;
        padding: 25px 10px 10px;
    }

    .list-of-steps .item-of-steps img {
        height: 27px;
    }

    .list-of-steps .item-of-steps span {
        font-size: 11px;
    }

    .list-of-steps .item-of-steps .icon-status {
        font-size: 18px;
    }

    .list-of-steps .item-of-steps.done .icon-status {
        font-size: 22px;
    }


    .m-0-responsive {
        margin: 0;
    }

    .flex-wallet,
    .flex-wallet-container {
        flex-direction: column;
    }

    .time-row {
        flex-direction: column;
        gap: 2px;
        margin-bottom: 5px;
    }

    .flex-wallet-container {
        padding-bottom: 10px;
        gap: 10px;
    }

    .Sidebar {
        z-index: 9999;
    }

    .height-page {
        min-height: unset;
    }

    .padding-page {
        padding: 10px 10px 0;
    }

    .form-label .form-group label span {
        padding: 0 2px;
    }

    .form-label .form-group label {
        margin: 0 6px;
    }

    .title-mobile-status {
    }

    .title-of-section {
        padding: 12px;
    }

        .title-of-section h5 {
            font-size: 13px;
        }

    .btn-icon-split .text {
        font-size: 11px;
    }

    .title-of-section button {
        padding: 9px !important;
        min-width: auto;
    }

    .title-of-section h5 span {
        padding: 5px 8px;
        width: auto;
        text-align: center;
        color: #000;
        font-size: 15px;
    }

    .modal-content {
        margin: 10px auto 85px;
        width: calc(100% - 15px);
    }

    .box-home-page {
        margin-top: 35px;
    }

    .logs-home .logs-body h5 {
        width: max-content;
        position: absolute;
        margin: 10px;
        bottom: 0;
    }

    .logs-home .logs-title {
        padding: 9px;
    }

        .logs-home .logs-title .img-logs img {
            width: 35px;
        }

    .full-width .First-step.company {
        background-image: unset;
    }

    .steps-status .steps-status-item h6 {
        font-size: 12px;
    }

    .row-button-action {
        position: relative;
        padding: 0 25px 25px;
    }

    .form-check-checkbox.single-checkbox.details-single-checkbox {
        padding-top: 10px;
        width: 100%;
    }

        .form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion .sec-condtion label {
            width: calc(100% - 40px);
        }
}

@media (min-width: 992px) {
    .title-section.center h4,
    .logo-mobile,
    .Header-mobile {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .view-information-profile .information_profile {
        width: 100%;
        padding: 0 5px;
    }

    .view-information-profile {
        flex-direction: column;
        gap: 15px;
    }

        .view-information-profile .information_profile .style-information.cutom-large,
        .view-information-profile .information_profile .style-information.cutom-small,
        .view-information-profile .information_profile .style-information {
            width: 100%;
        }

    #currentEmail {
        max-width: 115px;
    }

    .not-found-offer ul li {
        font-size: 13px
    }

    .TopHeader {
        top: 0px;
        border-radius: 0px;
    }

    .dropdown-user {
        display: none !important;
    }

    .logo-mobile img {
        width: 50px;
        margin: 6px 10px;
    }

    .Header-mobile {
        position: fixed;
        z-index: 9999999999;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        /* display: none; */
        justify-content: space-around;
        background: rgb(255, 255, 255);
        box-shadow: rgb(0 0 0 / 10%) 0px 1px 4px 3px;
        z-index: 99999999999999;
        padding: 8px 0 4px;
    }

        .Header-mobile > a,
        .Header-mobile .part-footer {
            text-align: center;
            font-size: 13px;
            position: relative;
            zoom: 0.85;
            text-decoration: none;
        }

            .Header-mobile .part-footer i {
                color: #383838;
                font-size: 22px;
            }

        .Header-mobile > a,
        .Header-mobile .user-dropdown {
            width: 24%;
            text-align: center;
        }

            .Header-mobile > a > strong {
                display: inline-flex;
                border-radius: 300px;
                cursor: unset;
                box-shadow: unset;
                transition: all 150ms ease-in-out 0s;
                padding-left: 0.25rem;
                padding-right: 0.25rem;
                background-color: rgb(233, 69, 96);
                color: rgb(255, 255, 255);
                position: absolute;
                top: -4px;
                left: calc(50% + 9px);
                font-weight: 600;
            }

            .Header-mobile > a img {
                height: 28px;
                margin-bottom: 5px;
            }

            .Header-mobile > a.Fund-icon img {
                position: relative;
                top: -17px;
                transform: scale(2.2);
                border-radius: 50%;
            }

            .Header-mobile > a.Fund-icon span {
                font-weight: 600;
            }

            .Header-mobile > a > svg,
            .Header-mobile .part-footer > svg {
                display: block;
                margin: auto;
                height: 24px;
            }

                .Header-mobile > a > svg path,
                .Header-mobile .part-footer > svg path {
                    fill: #383838;
                }

            .Header-mobile > a > span,
            .Header-mobile .part-footer > span {
                display: block;
                font-weight: 500;
                margin-top: 5px;
                margin-bottom: 2px;
                color: #000;
                height: 16px;
                overflow: hidden;
                font-size: 12px;
            }

    .dropdown-footer {
        width: 25%;
    }

        .dropdown-footer ImgUser {
            display: flex;
            flex-direction: column;
            color: #000;
            font-size: 12px;
            text-align: center;
        }

    .btn-whatsapp.btn-whatsapp-home {
        bottom: 78px;
        zoom: 0.8;
        width: 122px;
    }

    .dropdown-footer .ImgUser.status.active:after {
        display: none
    }

    .dropdown-footer .ImgUser img {
        margin: auto;
    }

    .dropdown-footer .ImgUser {
        display: flex;
        flex-direction: column;
        gap: 3px;
        color: #000;
    }

    body {
        padding-bottom: 60px;
        padding-top: 55px;
    }

    .form-check-checkbox.single-checkbox.details-single-checkbox {
        padding-top: 10px;
    }

    .m--10 {
        margin: 0 -10px;
    }

    .offers-list .offers-item-revamp.offers-item-revamp-block-title .label-style-information span {
        display: inline-block;
    }

    .offers-list .offers-item-revamp .label-style-information {
        display: flex;
        justify-content: space-between;
        padding: 3px 6px;
        align-items: center;
        text-align: start;
        flex-direction: column;
        align-items: start;
    }

    .information-section-list .alert-condition {
        width: calc(100% - 5px);
    }

    .compare-section {
        left: 50%;
        bottom: 78px;
    }

    .title-page.sub-title-page .actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        justify-content: flex-end;
        flex-direction: row;
    }

        .title-page.sub-title-page .actions .btn {
            width: max-content;
        }

    .products-section .products-section-margin {
        padding: 20px 0;
        margin: 0;
    }

    .products-section .water-mark {
        zoom: 0.9;
    }

    .title-page.sub-title-page {
        flex-direction: column;
    }

        .title-page.sub-title-page .img-title {
            flex-direction: row;
            align-items: flex-start;
            width: 100%;
            flex-wrap: wrap;
            margin-bottom: 5px
        }

    .offers-result .title-page.sub-title-page .img-title {
        gap: 7px;
        flex-wrap: unset;
    }

    .title-header-fund img {
        width: 37px !important;
    }

    .title-header-fund h2 {
        font-size: 22px;
    }

    .logs-home {
        flex-direction: column;
    }

        .logs-home .logs-title {
            width: 100%;
            border: none !important;
        }

        .logs-home .logs-body {
            padding: 10px 11px;
            width: 100%;
        }

    .current-request-box .current-request-body .Fund-information,
    .current-request-box .current-request-body,
    .current-request-box .current-request-header {
        flex-direction: column;
        align-items: start;
        justify-content: flex-start;
    }

    .current-request-box .current-request-header {
        gap: 5px;
    }

    .current-request-box .current-request-body .Fund-information,
    .current-request-box {
        width: 100%;
    }

    .new-filter-container {
        position: fixed !important;
        z-index: 999;
        top: 0;
        height: 100vh;
    }

    .checkbox-style .form-check-custom {
        padding: 5px 10px;
    }

    .page-profile > [class*="col-"] {
        padding: 0;
        margin-bottom: 5px;
    }

    .buttons-profile {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin: 5px 0;
    }

    .buttons-profile-required.buttons-profile {
        flex-direction: column-reverse;
        gap: 8px;
    }

        .buttons-profile-required.buttons-profile .next-btn {
            width: 100%;
            height: 44px
        }

    .next-btn {
        font-size: 15px;
    }

    .btn-checkbox > input + .btn-checkbox-container .text-check p {
        font-size: 11.5px !important;
    }

    .btn-checkbox > input + .btn-checkbox-container {
        gap: 7px;
    }

    .loginSection .account-form h6 {
        font-size: 13px !important;
        margin-bottom: 10px !important;
    }

    .nav-profile.nav-pills .nav-link {
        font-size: 12px;
    }

    .Offer-Finance .list-Offer-item .list-Offer-bank:after {
        display: none !important;
    }

    .col-md-1.p-0 {
        padding: 0 15px !important;
    }

    .Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item {
        width: 50%;
    }

    .Confirmation-Finance {
        padding: 5px 5px 20px;
    }

    .First-step .loginSection {
        display: none;
    }

    .Offer-Finance .list-Offer-item .list-Offer-body {
        flex-direction: column;
    }

    .Offer-Finance .list-Offer-item .list-Offer-details {
        padding: 0 0px;
        width: 100% !important;
    }

    .CloseSideBar,
    .filter-in-mobile {
        display: block;
    }

    .flex-gap-center,
    .Client-box-Container,
    .container-client .information-client .content-client .important-information,
    .container-client,
    .container-client .information-client .content-client a {
        display: block;
    }

        .Client-box-Container .Client-box {
            width: 49%;
            display: inline-block;
            margin: 5px 0;
        }

        .flex-gap-center [class*="col-"] {
            padding: 2px 0;
        }

    .wizard .col-md-4.p-0 {
        padding: 0 15px !important;
    }

    .input-group.sp-input-group .searchTerm {
        height: 31px;
    }

    .btn, .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
        padding: 5px 12px;
    }

    .table thead tr th {
        display: none !important;
    }

    .table {
        width: 100% !important;
    }

        .table, .table tbody, .table tfoot, .table td, .table tr {
            display: block !important;
        }

            .table td {
                position: relative;
            }

                .table td:before {
                    content: attr(data-title);
                    display: unset !important;
                    position: absolute;
                    top: 6px;
                    width: 45%;
                    padding-right: 10px;
                    white-space: nowrap;
                    font-weight: bold;
                    color: #47a4ad;
                    text-wrap: wrap;
                }

    .LoginForm .imgSec {
        display: none;
    }

    .LoginForm .FormSec .TopMask {
        opacity: 0;
        margin-bottom: 0;
        height: 100px;
    }

    .LoginForm .FormSec {
        width: 100%;
        display: block;
        background-color: rgba(26, 175, 237, 0.35);
    }

        .LoginForm .FormSec form {
            padding: 0px 30px;
        }
}

@media (max-width: 768px) {
    .offers-item.offers-item-revamp {
        flex-direction: column;
        position: relative;
    }

    .offers-list .offers-item-revamp.offers-item .information-section .information-section-list .other-information {
        margin: 0 !important;
        border: none !important;
    }

    .offers-list .offers-item-revamp .label-style-information.style-image-small {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding-top: 10px;
        border-top: 3px solid #ededed;
        margin-top: 33px;
    }

        .offers-list .offers-item-revamp .car-row .label-style-information span,
        .offers-list .offers-item-revamp .label-style-information.style-image-small span,
        .offers-list .offers-item-revamp.offers-item-revamp-block-title .label-style-information span {
            width: calc(100% - 100px);
        }

    .offers-item-side-bar {
        flex-direction: column;
    }

        .offers-item-side-bar .information-section {
            width: 100%;
        }

        .offers-item-side-bar .label-style-information span {
            width: calc(100% - 100px);
        }

        .offers-item-side-bar .label-style-information {
            display: flex;
            width: 100%;
            text-align: start;
        }

    .offers-list .offers-item-revamp .label-style-information.style-image-small span {
        margin: 0;
        padding: 0 9px;
    }

    .offers-item-side-bar .img-section p img {
        max-height: 42px;
    }

    .label-style-information b.logo img,
    .offers-list .offers-item-revamp .label-style-information span img {
        display: none;
    }

    .offers-list .offers-item-revamp .car-row .label-style-information,
    .offers-list .offers-item-revamp .label-style-information .label-style-information {
        flex-direction: row;
        justify-content: flex-start;
    }

    .label-style-information b.logo bank {
        margin-top: 0;
    }

    .preview-request {
        width: 100%;
        padding: 5px 9px !important;
        font-size: 13px;
    }
    .additional-benifit {
        margin-top: 15px;
    }
    .modal offer_features {
        position: relative;
        z-index: 1;
        margin-top: 23px;
    }
    .information-section-list .alert-condition .label-style-information span {
        font-size: 12px;
    }

    .offers-list .offers-item-revamp.offers-item .img-section {
        position: absolute;
        top: 19px;
    }

  .nav-tabs-fund.nav-tabs .nav-item.nav-link {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 7px 20px;
  }

    .radio-style .form-check-input:checked:after, .form-check-input-new:after {
        top: 1px;
    }

    .accordion .card-header button {
        padding: 10px 5px !important;
    }

    .status-btn-container {
        min-width: auto;
    }

    .box-request .content-box .content-body {
        flex-direction: column;
    }

    .box-request .content-box .content-body-details {
        flex-direction: column;
        width: 100%;
    }

        .box-request .content-box .content-body-details .content-body-details-item {
            text-align: start;
            display: flex;
            justify-content: space-between;
        }

    .box-request,
    .box-request .content-box .content-header {
        flex-direction: column;
    }

        .box-request .content-box .content-header p {
            display: flex;
            justify-content: space-between;
        }

        .box-request .content-box .content-header {
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px;
        }

            .box-request .content-box .content-header p {
                margin: 10px 15px 5px;
            }

    .toggleFilter {
        float: unset;
        width: 100%;
        display: block;
    }

    .container-side {
        flex-direction: column-reverse;
    }

    .box-request-side.apper-search {
        display: inline-block;
        width: 100%;
    }

        .box-request-side.apper-search .box-request .content-box {
            width: 100%;
        }

    .filter-side.apper-search {
        display: block;
        width: 100%;
    }

    .Reuest-page {
        padding-top: 5px;
    }

    .status-btn-container i {
        zoom: 0.9;
    }

    .status-btn {
        gap: 10px;
        margin-top: 30px;
        justify-content: space-around;
    }

    .box-request .title-request-box {
        width: 100%;
        text-align: center;
        padding: 15px 5px;
    }

    .box-request .content-box {
        width: 100%;
    }

    .Offer-Finance .list-Offer-container {
        height: auto;
    }

    .confirmation-code {
        gap: 10px;
    }



    .login-Part .Contianer-login .width-login {
        width: 100%;
        padding: 20px !important;
    }

    .AccountLogin {
        margin-top: 0 !important;
    }

    .Action-btn-breadcrumb {
        text-align: end;
        justify-content: flex-end;
        margin-top: 5px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .Offer-Finance .Offer-title {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .Offer-Finance .list-Offer-item .list-Offer-details .list-Offer-details-item {
        min-width: 50%;
        margin-bottom: 10px;
        zoom: 0.85;
    }

    .First-step .First-step-img {
        display: none
    }

    .First-step .First-step-text {
        margin: 30px auto 30px;
        max-width: 95%;
        background-color: #fff;
        padding: 10px 15px;
        border-radius: 5px;
    }

        .First-step .First-step-text button {
            width: 100%;
            margin: 10px auto;
            height: 42px;
        }

    .First-step {
        background-size: cover;
    }

    .Personal-Finance {
        margin: 30px auto;
        padding-bottom: 0 !important;
    }

        .Personal-Finance .title-Finance {
            font-size: 15px;
        }

            .Personal-Finance .title-Finance:after, .Personal-Finance .title-Finance:before {
                width: 20px;
            }

            .Personal-Finance .title-Finance:before {
                margin: 15px -30px;
            }
}

@media(max-width: 991px) {
    .current-request-box .current-request-body.creditcard .Fund-information,
    .current-request-box .current-request-body.creditcard .logo-information {
        width: 100%;
        max-width: 100%;
    }
    .table-light tbody tr:nth-of-type(even) td {
        background-color: #ededed !important;
    }

    .padding-mobile-top-30 {
        position: relative;
        top: 30px;
    }

    .title-fund-table {
        display: none;
    }

    .car-details .title-fund-table {
        display: flex;
    }

    .body-fund-table .body-fund-table-content .show-more-car {
        transform: unset;
        left: unset;
        text-align: start;
        bottom: 20px;
        z-index: 9;
    }

    .body-fund-table .body-fund-table-content h5.logo-fund {
        margin-bottom: 26px;
    }

    .FundChart {
        direction: ltr;
        margin-bottom: 18px;
        top: -6px;
    }

    .body-fund-table .body-fund-table-content {
        flex-direction: column;
        justify-content: flex-start;
    }

        .body-fund-table .body-fund-table-content h5 {
            display: flex;
            width: 100% !important;
            margin-bottom: 15px;
        }

            .body-fund-table .body-fund-table-content h5 span.title-mobile {
                width: 50%;
                text-align: start;
            }

    .Confirmation-Finance .Confirmation-Finance-container {
        width: 100%;
    }

    .custom-modal .modal-dialog {
        left: 48%;
    }

    .table tbody tr td .badge {
        float: unset;
    }

    .card-new-title.card-portal-title {
        flex-direction: column;
    }

    .information-row {
        min-width: 50%;
    }

    .btn-offer-container .btn-offer {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .large-uploadImg.avatar-upload {
        height: unset;
        min-height: 120px;
        aspect-ratio: auto;
    }

    .Confirmation-Finance img {
        width: 130px;
    }

    .Contact-container .Contact-container-content.content-container-large,
    .Contact-container .Contact-container-right {
        width: 100% !important;
    }

    .Contact-container {
        flex-direction: column;
    }

    .comments-container .comments-container-item.reply .text-container {
        margin: 10px;
    }

    .add-reply .show-reply-btn {
        top: 1px;
    }

    .add-reply .box-reply {
        width: calc(100% - 10px);
    }

    fund_request_info h2.theme-color {
        margin-bottom: 0;
    }

    .flex-offer-footer,
    .box-offer-list-header .filter-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-section {
        justify-content: center;
        width: 100%;
    }

    .offers-item-new-design .img-section .bank-offer-name span {
        display: inline-block;
    }

    .filter-header .text-theme span {
        display: block;
    }

    .box-style.box-style-Fund {
        padding: 13px;
    }
}

@media (min-width: 992px) {

    .label-style-information span {
        display: none;
    }

    .label-style-information .label-salary span {
        display: inline-block;
        margin: 0 2px;
        position: relative;
        top: -1px;
    }

    .label-style-information span.label-new-item {
        display: block;
    }

    .title-mobile {
        display: none
    }

    .Confirmation-Finance.Confirmation-Finance-confirmation-request {
        height: 500px;
        position: relative;
        top: 40px;
    }

    .p-large-0 {
        padding: 0;
    }

    .Offer-Finance .form-Offer .custom-btn-search {
        margin-top: 33px;
    }

    .modal-lg, .modal-xl {
        max-width: 950px;
    }

    .page-profile > .col-md-3 {
        padding-inline-start: 0;
        padding-inline-end: 5px;
    }

    .page-profile > .col-md-9 {
        padding-inline-start: 5px;
        padding-inline-end: 0px;
    }
}

@media only screen and (max-width: 460px) {
    .low-mobile-width {
        width: 300px;
    }
    .offers-item-new-design-car {
        width: 265px;
    }
}
@media only screen and (max-width: 360px) {
    .personal-loans-history .content-old-offer > p {
        padding: 0 5px;
        font-size: 12px;
    }

    fund_request_info h2.theme-color {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1200px) {
    .current-request-box .current-request-body .Fund-information p {
        flex-direction: column;
    }

    .offers-list .offers-item-revamp.offers-item-revamp-block-title .label-style-information span {
        font-size: 12px;
    }

    .current-request-box .current-request-body .Fund-information.car-list p {
        flex-direction: column;
    }

    .table thead th,
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 10px;
    }

    .form-control,
    .form-flex.padding-0-large .form-group .control-label,
    .nav-tabs .nav-item.nav-link {
        font-size: 11px;
    }

    .form-label .form-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
    .form-flex .form-group .control-label,
    .Sidebar .SidebarBody > section ul > li > a > span,
    .weekdays .relative-check-table {
        font-size: 12px;
    }

    .breadcrumb-theme h5 {
        font-size: 15px;
    }
}



/*upload file*/
.file-lable-container {
    position: relative;
    display: block;
    margin-bottom: 10px;
    min-height: 50px;
}

.file-label {
    background-color: #f4f7fb;
    border: 2px dashed #bbd2f1;
    padding: 13px 15px;
    border-radius: 5px;
    width: 100%;
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 0;
    top: 0 !important;
    margin: 0 !important;
}

.required-file .file-label {
    border-color: #f00;
}

.file-lable-container .file-input {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.file-label span {
    color: #006fff;
    background-color: transparent !important;
    padding: 0 !important;
}
.upload-status .file-label span {
    color: #000;
}
    .upload-status .file-label span .file-label-required-head {
        color: #A92229;
    }
.file-label i {
    font-size: 17px;
    width: 20px;
    position: relative;
    top: 2px;
}
.upload-hint {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 5px;
}
.progress-container {
    position: absolute;
    width: 100%;
    top: 0;
    display: none;
    z-index: 999;
}

.progress-bar {
    height: 49px;
    background-color: #7dded6;
    border-radius: 5px;
    transition: width 0.3s;
}

.progress-text {
    color: #167675;
    position: absolute;
    top: 0;
    padding: 13px;
    width: contain;
    text-align: center;
}



.control-image-upload-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
    .control-image-upload-container .information-img {
        display: flex;
        align-items: center;
        width: calc(100% - 47px);
        gap: 10px;
    }
        .control-image-upload-container .information-img img {
            width: 29px;
        }
    .control-image-upload .actions {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
    }

    .control-image-upload .actions a {
        color: #000;
    }

.control-image-upload {
    position: absolute;
    justify-content: space-between;
    display: flex;
    width: 100%;
    padding: 11px 10px;
    top: 0;
    background: #fff;
    border: 2px solid #E7E7E7;
    border-radius: 10px;
    display: none;
    height: 52px;
    z-index: 999;
}

.file-name {
    width: calc(100% - 90px);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.actions i {
    cursor: pointer;
}

.preview-container-modal.active {
    display: block !important;
    background-color: #000000bf;
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    padding: 3%;
}

.preview-container-modal i {
    color: #fff;
    font-size: 30px;
    cursor: pointer
}

.preview-container {
    text-align: center;
    padding-top: 20px;
}

    .preview-container img {
        width: auto;
        height: auto;
        max-width: 80%;
        max-height: 83vh;
        margin: auto;
        min-height: 250px;
    }

.file-lable-container .title-image {
    margin-top: 10px;
}
.fileInput-style,
.fileInput {
    position: absolute;
    width: 100%;
    height: 50px;
    opacity: 0;
    z-index: 999;
    cursor: pointer;
    left: 0;
    top: 0;
}

.new-input-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    margin: auto;
}

    .new-input-container > label {
        width: 400px;
        max-width: 100%;
        padding: 0 10px;
        font-weight: 600;
        text-align: start;
        display: block;
        margin: 0 auto 10px;
    }

    .new-input-container .mobile_country_code {
        position: absolute;
        top: 50px;
        padding: 0 16px;
        font-weight: 600;
        font-size: 16px;
    }


    /*=========   Tickets ==============*/
.search-section {
    display: flex;
    align-items: center;
    gap: 10px;
}
    .search-section .filter-list span {
        padding: 10px 10px;
    }
.search-container .search-container-group {
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
}

.search-container .search-container-group.light {
    background-color: #fff;
    border: 2px solid #ededed;
    box-shadow: none;
}

.search-container .search-container-group button {
    border: none;
    background-color: unset;
    padding: 0;
}

    .search-container .search-container-group button img {
        width: 23px;
    }

.search-container .search-container-group input {
    background-color: transparent;
    border: none;
}

    .search-container .search-container-group input:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }
.ticket-filter .filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .ticket-filter .filter-header .btn-filter {
        border: 2px solid #1DB9C3;
        padding: 3px 10px;
        border-radius: 5px;
        color: #000;
    }

        .ticket-filter .filter-header .btn-filter img {
            height: 20px;
        }
badge {
    font-size: 12px;
    text-align: center;
    background-color: #ededed;
    padding: 4px 5px;
    border-radius: 15px;
    border: 2px solid #ccc;
    min-width: 54px;
    display: inline-block;
    text-align: center;
}

    badge.green {
        color: #03781D;
        border-color: #03781D;
        background-color: #F0F9F2;
    }
    badge.yellow {
        color: #E9C300;
        border-color: #E9C300;
        background-color: #fff;
    }
    badge.gray {
        color: #494949;
        border-color: #9E9E9E;
        background-color: #fcfcfc;
    }

    badge.blue {
        color: #79B0E2;
        border-color: #79B0E2;
        background-color: #F0F8FF;
    }
.btn-header-page {
    color: #fff;
    font-size: 14px;
    height: 46px;
    line-height: 37px;
    min-width: 100px
}
    .btn-header-page span {
        margin: 0 3px;
    }
    .btn-header-page img {
        width: 13px;
    }
        .btn-header-page img.large-img {
            width: 22px;
        }
.list-ticketing {

}
.list-ticketing > a{
    color: #000;
}
    .list-ticketing .ticket-item {
        box-shadow: 0 0 4px #ededed;
        border-radius: 5px;
        margin-bottom: 15px;
        cursor: pointer
    }
        .list-ticketing .ticket-item:hover {
            background-color: #f7f7f7;
        }
        .list-ticketing .ticket-item .ticket-header {
            display: flex;
            justify-content: space-between;
            padding: 15px 15px 0;
            margin-bottom: 5px;
        }
            .list-ticketing .ticket-item .ticket-header .information {
                display: flex;
                gap: 10px;
                align-items: center;
            }
    .list-ticketing .ticket-item .ticket-header .information p {
        margin-bottom: 0;
    }
        .list-ticketing .ticket-item .ticket-header .information p i {
            width: 19px;
        }
        .priority-high .fa-flag,
        .list-ticketing .ticket-item.priority-high .ticket-header .information p i {
            color: #af0000;
        }
        .priority-middle .fa-flag,
        .list-ticketing .ticket-item.priority-middle .ticket-header .information p i {
            color: #0914ea;
        }
        .priority-low .fa-flag,
        .list-ticketing .ticket-item.priority-low .ticket-header .information p i {
            color: #dba104;
        }

        .list-ticketing .ticket-item .ticket-header .information p span {
            color: #808080;
        }
        .list-ticketing .ticket-item .ticket-header .status p {
            font-size: 12px;
            margin: 0;
            padding: 5px 5px 0;
        }
        .list-ticketing .ticket-item .ticket-body {
            padding: 0 15px 15px;
        }
    .list-ticketing .ticket-item .ticket-body h6 {
        font-size: 20px;
    }
            .list-ticketing .ticket-item .ticket-body p {
                font-size: 14px;
                font-weight: 100;
                line-height: 24px;
                color: #84818A;
            }
        .list-ticketing .ticket-item .ticket-body badge {
        }
    .list-ticketing .section-ticket {
        display: block;
    }
.count-tab {
    display: inline-block;
    background-color:#555;
    color: #fff;
    width: 25px;
    text-align: center;
    line-height: 25px;
    height: 25px;
    border-radius: 50%;
}
.active .count-tab {
    background-color: #af0000;
    color: #fff !important;
}
.form-Center.text-start {

}
    .form-Center.text-start textarea {
        height: unset
    }
    .form-Center.text-start input.form-control,
    .form-Center.text-start .select2.select2-container .select2-selection {
        border: 2px solid #1db9c3;
        height: 48px;
        border-radius: 25px;
        text-align: start;
    }
        .form-Center.text-start .select2.select2-container .select2-selection .select2-selection__rendered {
            line-height: 43px;
        }
        .form-Center.text-start .select2.select2-container .select2-selection .select2-selection__arrow {
            border: none !important;
            height: 40px;
            background: none;
            margin: 4px 12px;
        }
.flag-dropdown .dropdown-toggle {
    text-align: start;
    color: #000;
    height: 56px;
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: none;
    font-size: 16px;
    padding: 10px 15px;
    border: 0.6px solid #666666 !important;
    width: 100%;
    border-radius: 10px !important;
}
    .flag-dropdown .dropdown-toggle::after {
        position: absolute;
        content: '\f078' !important;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        border: none !important;
        padding: 0 10px;
        top: 16px;
    }
.flag-dropdown .dropdown-item {
    cursor: pointer;
}
.flag-dropdown .dropdown-menu {
    width: 100%;
}
    .flag-dropdown .dropdown-menu .table-container {
        width: 100%;
        max-height: 200px;
        overflow: auto;
    }
.flag-dropdown .table {
    padding: 0;
    margin: 0;
}
.flag-dropdown .table th {
    padding: 5px !important;
    font-size: 14px;
    background-color: #edfeff;
    color: #000;
}
.flag-dropdown .table td {
    padding: 5px !important;
    font-size: 14px;
}
    .flag-dropdown .table tbody tr:hover {
       background-color: #f7f7f7;
       cursor: pointer;
    }
.flag-dropdown .search-container .search-container-group {
    padding: 5px 15px;
    margin: 6px;
}
.flag-dropdown .dropdown-toggle content_number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.back-btn-text {
    color: #000;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 2px;
}
.section-notification-container .section-notification-row {
    background: #F8F8F8;
    padding: 13px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
    .section-notification-container .section-notification-row .right-section {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .section-notification-container .section-notification-row .right-section h5 {
        margin-bottom: 0;
        font-size: 16px;
    }
    .section-notification-container .section-notification-row .left-section {
        margin-bottom: 0;
        font-size: 15px;
    }
    .section-notification-container .section-notification-row .left-section span{
        color: #999;
    }
    .section-notification-container .section-notification-row .right-section img {
        width: 34px
    }
.evaluation-section ul {
    display: flex;
    width: 700px;
    justify-content: space-around;
    margin-bottom: 20px;
    max-width: 100%;
}
.error {
    color: #dc3545
}
.evaluation-section .evaluation-item {
    position: relative;
    min-width: 75px;
    height: 85px;
    background-image: url(../img/emogy/verybad-gray.png);
    background-size: 60px 60px;
    background-position: top center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
}
    .evaluation-section .evaluation-item span {
        color: #999;
    }
    .evaluation-section .evaluation-item.evaluation_1 {
        background-image: url(../img/emogy/verybad-gray.png);
    }
    .evaluation-section .evaluation-item.evaluation_1.active {
        background-image: url(../img/emogy/verybad.png);
    }
    .evaluation-section .evaluation-item.evaluation_2 {
        background-image: url(../img/emogy/bad-gray.png);
    }
    .evaluation-section .evaluation-item.evaluation_2.active {
        background-image: url(../img/emogy/bad.png);
    } 
    .evaluation-section .evaluation-item.evaluation_3 {
        background-image: url(../img/emogy/good-gray.png);
    }
    .evaluation-section .evaluation-item.evaluation_3.active {
        background-image: url(../img/emogy/good.png);
    }
    .evaluation-section .evaluation-item.evaluation_4 {
        background-image: url(../img/emogy/verygood-gray.png);
    }

        .evaluation-section .evaluation-item.evaluation_4.active {
            background-image: url(../img/emogy/verygood.png);
        }

    .evaluation-section .evaluation-item.evaluation_5 {
        background-image: url(../img/emogy/exellant-gray.png);
    }

        .evaluation-section .evaluation-item.evaluation_5.active {
            background-image: url(../img/emogy/exellant.png);
        }
    .evaluation-section .evaluation-item.active span {
        color: #000;
    }

/* Preloader */
.handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #ffffffe6;
}

.preloader-close {
    position: fixed;
    z-index: 99999999;
    font-size: 18px;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    right: 15px;
    top: 15px;
    border-radius: 50%;
}

.handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

    .handle-preloader .animation-preloader .fav {
        position: absolute;
        width: 65px;
        transform: translate(-50%, -50%);
        top: 74px;
        left: 50%;
        /*filter: brightness(0) invert(1);*/
    }

    .handle-preloader .animation-preloader .spinner {
        animation: spinner 1.5s infinite linear;
        border-radius: 50%;
        height: 195px;
        margin: 0 auto 16px auto;
        width: 195px;
        border: 3px solid #4AC7CF;
        border-top-color: rgba(255, 255, 255, 0.5);
    }

    .handle-preloader .animation-preloader .txt-loading {
        text-align: center;
        user-select: none;
        position: relative;
        left: 5px;
        top: -147px;
    }

        .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
            animation: letters-loading 4s infinite;
            content: attr(data-text-preloader);
            left: 0;
            opacity: 0;
            top: 0;
            position: absolute;
        }

        .handle-preloader .animation-preloader .txt-loading .letters-loading {
            font-weight: 500;
            letter-spacing: 11px;
            display: inline-block;
            position: relative;
            font-size: 60px;
            line-height: 70px;
            text-transform: uppercase;
            color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #4AC7CF;
        }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
                animation-delay: 0.2s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
                animation-delay: 0.4s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
                animation-delay: 0.6s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
                animation-delay: 0.8s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
                animation-delay: 1s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
                animation-delay: 1.2s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
                animation-delay: 1.4s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
                animation-delay: 1.6s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
                animation-delay: 1.8s;
            }

            .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {
                animation-delay: 2s;
            }

.handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
}

    .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
        color: #4AC7CF;
    }
.request-link {
    margin: auto !important;
    width: 300px !important;
    line-height: 47px;
    margin-bottom: 30px !important;
}
/* Animación del preloader */
@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}
@media (max-width: 992px) {
    .request-link {
        margin: auto !important;
        width: 250px !important;
        line-height: 47px;
        margin-bottom: 30px !important;
    }
    .section-notification-container .section-notification-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .search-container .search-container-group {
        gap: 5px;
        padding: 8px 9px;
    }
        .search-container .search-container-group input {
            width: 145px;
        }
    .search-section {
        gap: 0px;
    }
    .ticket-filter .filter-header .btn-filter {
        padding: 6px 10px;
        position: relative;
        top: 1px;
    }
    .list-ticketing .ticket-item .ticket-header .information {
        gap: 3px;
        flex-direction: column;
    }
    .btn-header-page {
        height: 40px;
        line-height: 31px;
    }
}
@media (max-width:600px) {
    .offer-info-head {
        flex-direction: column;
    }  

}