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;
}

.no-border {
    border: none !important
}

.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: 0px 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 {
    padding: 0 3px;
    padding-bottom: 0px;
    text-decoration: none;
}

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

.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: #1db9c3;
}

.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-blue-light-no-bg {
    border: 1px solid #1db9c3;
    color: #1db9c3;
    padding: 8px !important;
    min-width: 130px;
    font-size: 13px;
    background-color: transparent;
}

.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: 7px !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.start-checkbox.accept-contract-div {
    width: max-content;
}

.card-body-contract .form-check-checkbox.single-checkbox.start-checkbox.accept-contract-div {
    width: 100%;
}

.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%;
}

.terms-container .form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion .sec-condtion {
    padding-inline-start: 27px;
}


.form-check-checkbox.single-checkbox.details-single-checkbox.checkbox-condtion offer_condition_required {
    padding: 0 30px
}

.form-check-checkbox.single-checkbox label {
    position: relative;
    display: flex;
    text-wrap: wrap;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}

.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;
    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 !important;
    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;
    height: 100%;
}

.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;
    justify-content: space-between;
}

.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 10px;
    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: 89px;
    }

    .details-page .period-payments-months .months-item {
        height: 71px;
        padding: 0;
    }

    .period-payments-months .months-item:last-child {
        height: 0;
        position: relative;
        top: -45px;
    }

    .details-page .period-payments-months .months-item:last-child {
        top: -2px;
    }

    .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: 0 10px 60px;
    }

    .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) {
    .page-profile {
        padding: 0 15px;
    }

    .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: 50%;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        color: #47a4ad;
        text-wrap: wrap;
        line-height: 14px;
        transform: translate(0, -50%);
    }

    .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;
}

.flex-start {
    justify-content: flex-start !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);
    }
}

.phone-input-company {
    border-left: 0 !important;
    width: calc(100% + 4px);
}

.phone-input-company input {
    border-left: 0 !important;
    text-align: left !important;
}

.phone-input-company span {
    position: relative;
    left: 5px;
    z-index: 1;
    border: 2px solid #bbd2f1;
    background-color: #fbfbfb;
    border-right: 0;
}

.check-box-company .form-check-checkbox input {
    width: 0;
}

.check-box-company .form-check-checkbox {
    gap: 4px;
}

.card-invoice-payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 5px #ededed;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 15px;
    color: inherit;
}

.card-invoice-payment .title-invoice {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.card-invoice-payment .title-invoice img {
    width: 40px
}

.card-invoice-payment .title-invoice h6 {
    margin-bottom: 0;
}

.card-invoice-payment>span {
    color: #e67575;
    display: inline-block;
    font-weight: 600;
}

.card-invoice-payment currency img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(19%) saturate(2397%) hue-rotate(313deg) brightness(96%) contrast(88%);
}

/* Saudi Riyal Symbol Style */
.saudi-riyal-symbol {
    background-image: url("/assets/img/ryial.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
}

.saudi-riyal-symbol-20px {
    background-image: url("/assets/img/ryial.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.saudi-riyal-symbol-15px {
    background-image: url("/assets/img/ryial.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    width: 12px;
    height: 12px;
}

.write-fund-val .confirm-offer-container {
    margin-bottom: 20px
}

.confirm-offer-container .btn {
    width: unset !important;
    display: inline-block;
    height: unset !important;
    line-height: unset !important;
}

.confirm-offer-container span img {
    width: 16px;
    position: relative;
    top: 3px;
}

@media (max-width: 992px) {
    .invoice-body .table tr td {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .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) {
    .select2.select2-container .select2-selection .select2-selection__rendered {
        font-size: 13px;
    }

    .form-radio-button .form-check-inline {
        gap: 5px;
    }

    .offer-info-head {
        flex-direction: column;
    }

    .card-invoice-payment {
        flex-direction: column;
        justify-content: flex-start;
        gap: 5px;
    }

    .card-invoice-payment>span {
        display: block;
        text-align: end;
        width: 100%;
    }

}

/* Awareness Message Modal Styes */
.new-modal-style .modal-content {
    border-radius: 20px;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.new-modal-style .modal-header {
    border-bottom: none;
    padding: 11px 12px 5px;
}

.new-modal-style .modal-title {
    font-weight: 800;
    font-size: 18px;
    color: #1a1a1a;
}

.new-modal-style .modal-header .btn-icon {
    background: transparent !important;
    border: none;
    cursor: pointer;
}

.new-modal-style .modal-header .btn-icon svg {
    color: #1a1a1a;
}

.new-modal-style .modal-body {
    padding: 10px 30px 40px !important;
    line-height: 2 !important;
}

.new-modal-style .modal-body h5 {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    border-bottom: 1px solid #dadada;
    padding-bottom: 11px;
    margin-bottom: 12px;
}

.new-modal-style .modal-body p {
    font-size: 15px;
    color: #555;
    line-height: 2 !important;
}

.modal-backdrop {
    z-index: 9999;
}