.red-astrik{
    color:red
}
@-moz-document url-prefix() {
    .zoom {
        transform: scale(.8);
        -webkit-transform-origin: top center;
    }

    .jconfirm-box-container {
        transform: scale(.8);
        -webkit-transform-origin: top center;
    }

    .jconfirm-content {
        transform: scale(.9);
        -webkit-transform-origin: top center;
        height: 450px !important;
        width: auto !important;
    }

    .dropdown-item {
        transform: scale(.8);
        -webkit-transform-origin: left top;
    }
}

.zoom {
    zoom: 80%;
}

.label {
    float: left !important
}

.bold {
    font-weight: bold;
}

.auto {
    margin: auto
}

.dataTables_length {
    margin-top: 9px;
}
 
.active > .page-link, .page-link.active {
    background-color: var(--ifin-primary) !important;
}
.text-nowrap {
    white-space: nowrap;
}

.error {
    color: red;
}

.ifin-link {
    color: var(--ifin-primary) !important;
    margin-top: -4%;
}

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

#progressBar {
    width: 90%;
    margin: 10px auto;
    height: 22px;
    background-color: #EEEEEE;
    color: #ffffff;
}

    #progressBar div {
        height: 100%;
        text-align: right;
        padding: 0 10px;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: var(--ifin-primary);
        box-sizing: border-box;
    }

.resend-otp {
    font-size: 24px !important;
}

.submit-otp {
    font-size: 21px !important;
}

.jconfirm-content {
    font-family: var( --ifin-font);
}

.none {
    display: none !important;
}

.close {
    float: right;
    color: var(--ifin-secondry);
    background-color: #fff;
    border: #fff;
    font-size: 23px;
}

.main-zoom {
    zoom: 105%;
}

@media only screen and (max-width: 992px) {
    #wizard .nav-progress {
        display: none;
    }
}

option {
    margin: 5px;
    padding: 5px;
}

.jconfirm-closeIcon {
    float: right;
    /* position: static !important;*/
    font-size: 36px !important;
    margin-left: 50px !important;
    color: var(--ifin-secondry) !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    opacity: 10 !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 1 !important;
    padding-left: 1px !important;
    padding-top: 11px !important;
    z-index: 999999999999999999 !important;
}

.jconfirm .jconfirm-box {
    /* position: unset !important;*/
    border-radius: 1rem !important;
}

.fa {
    color: var(--ifin-primary)
}

.jconfirm-box-container {
    zoom: 80%;
}

.jconfirm-content-pane {
    height: auto !important;
    max-height: 1200px !important;
}
/*.jconfirm-content-pane{
    max-height:100% !important;
}
.jconfirm-box {
    height: 60% !important;
    width:60% !important;
}
.jconfirm-type-animated {
    height: 100% !important;
}*/
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.add-to-cart {
    display: inline-block !important;
    background: var(--ifin-primary) !important;
    color: #fff !important;
    margin: auto !important;
    text-align: center !important;
    padding: 10px 30px !important;
    font-weight: bold !important;
    box-shadow: none !important;
    margin-bottom: 30px;
}

/*.add-to-cart:hover {
        outline: none !important;
        cursor: pointer;
        border: none !important;
        box-shadow: none !important
    }*/
/* Track */
#ui-datepicker-div {
    z-index: 999999999999 !important;
}

.w3-modal {
    zoom: 80% !important;
}

w3-modal-content {
    width: 60% !important
}



::-webkit-scrollbar-track {
    background: #363253;
}

.badge-danger {
    color: #fff !important;
}

.active-link {
    color: var(--ifin-primary) !important;
}
/* Handle */
/* ::-webkit-scrollbar-thumb {
    background: #44A39B;
    cursor: pointer;
} */
* {
    box-sizing: border-box;
    transition: all 0.5 ease-in;
}

.row {
    margin: 0 !important;
}

.container {
    max-width: 1230px !important;
}

body {
    font-family: var( --ifin-font) !important;
    direction: ltr;
}

.primcolor {
    color: var( --ifin-primary);
}

.onlineCustomerLogo {
    width: 30% !important;
}

.logo {
    text-align: center;
    width: 110px;
    transform: translateX(100%)
	padding-right: 50px;
}

    .logo img {
        width: -webkit-fill-available;
        width: 75px;
    }

.car {
    color: #0c4b65;
    font-size: 11px;
}

    .car p {
        margin-bottom: 0;
    }

.offers {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.choose {
    text-align: center;
    font-size: 18px;
}

.cards_offer {
    background-color: #F4FBF4;
    padding: 30px;
}

.partner {
    color: #19A92E;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.cards_offer .card {
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    width: -webkit-fill-available !important;
    height: 15rem;
}

    .cards_offer .card .card-title {
        margin: 0;
        font-size: 14px;
    }

    .cards_offer .card .card-body {
        padding: 0;
        padding-bottom: 15px;
    }

        .cards_offer .card .card-body .details, .cards_offer .card .card-body .logos {
            display: flex;
            justify-content: space-between;
            padding: 0 15px;
            margin-bottom: 5px;
        }

        .cards_offer .card .card-body .logos {
            padding: 0;
            display: block;
            margin-bottom: 15px;
        }

            .cards_offer .card .card-body .logos .col-lg-4 {
                text-align: end;
            }

                .cards_offer .card .card-body .logos .col-lg-4 i {
                    color: #19A92E;
                }

            .cards_offer .card .card-body .logos img {
                width: 100%;
                height: 50px;
            }

        .cards_offer .card .card-body .details p {
            margin-bottom: 0;
            color: #969696;
            font-size: 12px;
        }

        .cards_offer .card .card-body .details .title {
            color: #636363;
            font-weight: 700;
        }

        .cards_offer .card .card-body .title_name {
            display: flex;
            justify-content: space-between;
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,170,204,1) 0%, var(--ifin-primary) 100%);
            color: #fff !important;
            padding: 15px;
            border-radius: 10px 10px 0 0;
            font-weight: 100;
            font-size: 16px;
            margin-bottom: 10px;
        }

.selection select {
    width: 35%;
    margin: auto;
}

.cards_offer .btn-outline-primary {
    margin: auto;
    color: var(--ifin-primary);
    border-color: var(--ifin-primary);
    display: block;
    margin-top: 50PX;
    font-weight: bold;
}

.btn-outline-primary {
    margin: auto;
    color: var(--ifin-primary);
    border-color: var(--ifin-primary);
    display: block;
    margin-top: 50PX;
    font-weight: bold;
}

.btn-outline-primary {
    --bs-btn-color: var(--ifin-primary) !important;
    --bs-btn-border-color: var(--ifin-primary) !important;
    --bs-btn-color: var(--ifin-primary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ifin-primary) !important;
    --bs-btn-hover-border-color: var(--ifin-primary) !important;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ifin-primary) !important;
    --bs-btn-active-border-color: var(--ifin-primary) !important;
    --bs-btn-active-shadow: inset 0 3px 5px #fff !important;
    --bs-btn-disabled-color: var(--ifin-primary) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--ifin-primary) !important;
    --bs-gradient: none;
}

.dropdown-item {
    zoom: 80%;
}

.show-more:hover {
    background-color: var( --ifin-secondry) !important;
    border: var( --ifin-secondry) !important;
}

.btn {
    --bs-btn-focus-box-shadow: none !important;
}

.sw-btn-prev {
    color: var(--ifin-primary) !important;
    border-color: var(--ifin-primary) !important;
    background-color: white !important;
    margin: auto !important;
    text-align: center !important;
    padding: 10px 30px !important;
    font-weight: bold !important;
    box-shadow: none !important;
}

.prev-btn {
    margin-left: 20% !important;
}

.next-btn {
    margin-right: 20% !important;
}

.btn-circle {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border: 1px solid;
}

.btn-primary, .btn-check:focus + .btn, .btn:focus, .btn:hover {
    background: #155C7C;
}

:root {
    --primary-color: var( --ifin-primary);
}

*, *::before, *::after {
    box-sizing: border-box;
}
/* Global Stylings */
.ml-auto {
    margin-left: auto;
}

.text-center {
    text-align: center;
}
/* Progressbar */
.progressbar {
    position: relative;
    display: flex;
    justify-content: space-between;
    counter-reset: step;
    margin: 1rem 0 4rem;
}

    .progressbar::before, .progress {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 4px !important;
        width: 100%;
        background-color: #E1E8EB;
        z-index: -1;
    }

.uptemp {
    font-weight: bold;
    margin-left: 15%;
}

.progress {
    background-color: var(--primary-color) !important;
    width: 0;
    transition: 0.3s;
}

.cart {
    justify-content: center !important;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
}

.continue {
    margin-top: 20px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.progress-step {
    width: 1rem;
    height: 1rem;
    background-color: #E1E8EB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .progress-step::before {
        counter-increment: step;
        content: "";
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        background-color: #fff;
        border-radius: 50%;
    }

    .progress-step::after {
        content: attr(data-title);
        position: absolute;
        top: calc(100% + 0.5rem);
        font-size: 0.85rem;
        color: #E1E8EB;
        text-align: center;
        font-weight: bold;
    }

.progress-step-active {
    background-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

    .progress-step-active::after {
        width: 100px;
        color: var(--primary-color) !important;
    }
/* Form */
.form-step {
    display: none;
    transform-origin: top;
    animation: animate 0.5s;
}

.form-step-active {
    display: block;
}

.input-group {
    margin: 2rem 0;
}

    .input-group .btn:focus-visible, .input-group .btn:hover {
        outline: none !important;
        border: 0;
    }

@keyframes animate {
    from {
        transform: scale(1, 0);
        opacity: 0;
    }

    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}
/* Button */
.btns-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.btn {
    padding: 0.75rem;
    display: block;
    text-decoration: none;
    background-color: var(--primary-color);
    color: #f3f3f3;
    text-align: center;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: 0.3s;
}
/* .btn:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--primary-color);
} */
.cert {
    width: 22px !important;
    height: auto !important;
}

.circle-pr {
    background: white;
    padding: 0 8px;
}

.container-select {
    position: relative;
    width: 400px;
    margin: auto;
}

.selection select {
    width: 100%;
    margin: auto;
    padding-top: 25px;
    border-radius: 5px;
    font-size: 14px;
}

.selection .sort {
    position: absolute !important;
    left: 13px !important;
    font-size: 12px !important;
    color: #969696 !important;
    margin-top: 7px !important;
}

.selection select:focus {
    box-shadow: none;
}

.text-end {
    text-align: end !important;
}

    .text-end img {
        width: 23px !important;
    }
/*step two*/
.second .container {
    max-width: 700px !important;
}

.search-attribute {
    max-width: 50% !important;
	margin-left: 25%;
   
}

.search-button {
    max-width: 50% !important;
    margin-left: 25%;
}

.search-container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 65% !important;
}
.down_payment {
    position: relative;
}

    .down_payment .sort {
        position: absolute;
        left: 0;
        font-size: 12px;
        color: #969696;
        margin-top: 7px;
    }

.payment-details {
    background: #F3F6F8;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
}

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

        .payment-details .p_details p {
            font-size: 12px;
            margin-bottom: 5px;
        }

            .payment-details .p_details p.head {
                font-weight: bold;
                color: black;
            }

.product_details p {
    font-size: 17px !important;
}

.second .monthly {
    background: #E7EBEC;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
}

    .second .monthly p {
        margin-bottom: 0 !important;
    }

a.btn-prev {
    top: 5%;
    left: 20%;
    color: var(--ifin-primary);
    font-size: 13px;
    display: inline-block;
    background: var(--ifin-primary);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

    a.btn-prev:hover {
        border: 1px solid var(--ifin-primary) !important;
        color: var(--ifin-primary) !important;
    }

    a.btn-prev:focus, .continue .btn-next:focus, .continue .btn-next:hover {
        outline: none !important;
        cursor: pointer;
        border: none !important;
        box-shadow: none !important
    }

    a.btn-prev:focus, .btn-next:focus, .btn-next:hover {
        outline: none !important;
        cursor: pointer;
        border: none !important;
        box-shadow: none !important
    }

.continue .btn-next {
    display: inline-block;
    background: var(--ifin-primary) !important;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    font-weight: bold;
}

.btn-next {
    display: inline-block !important;
    background: var(--ifin-primary) !important;
    color: #fff !important;
    text-align: center !important;
    padding: 10px 30px !important;
    font-weight: bold !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
}
/*.jconfirm-content-pane{
    height:100%;
    max-height:100%;
}*/
.btn-orange {
    display: inline-block !important;
    background: var(--ifin-secondry) !important;
    color: #fff !important;
    text-align: center !important;
    border: var(--ifin-secondry);
    padding: 10px 30px !important;
    font-weight: bold !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
    border-radius: 0.25rem;
}

.continue {
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .continue .btn-next {
        box-shadow: none !important;
        margin-bottom: 30px;
    }

        .continue .btn-next:hover {
            border: 1px solid var(--ifin-primary) !important;
            color: var(--ifin-primary);
        }

.slidecontainer {
    width: 100%;
    text-align: center;
    padding: 0 30px;
}

.second .choose {
    margin-bottom: 40px;
}

.second .tenor {
    text-align: center;
    margin-bottom: 5px;
}

.slidecontainer p {
    text-align: center;
    display: inline-block;
    margin: auto;
    padding: 4px 20px;
    border-radius: 25px;
    margin-bottom: 10px;
    font-size: 14px;
}

.slidecontainer .demo {
    color: #585858;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #D7D7D7;
    outline: none;
    -webkit-transition: .2s;
    opacity: 1;
}

    .slider:hover {
        transition: opacity .2s;
        opacity: 0.7;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: var( --ifin-primary);
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: var( --ifin-primary);
        cursor: pointer;
    }

.second .range {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #585858;
}

    .second .range p {
        margin: 0 !important;
        padding: 0 !important;
    }
/*third step*/
.third .container-select {
    width: 100% !important;
}

.fixed {
    position: relative;
    margin-top: 20px;
}

    .fixed p {
        position: absolute !important;
        left: 13px !important;
        font-size: 15px !important;
        color: #969696 !important;
        margin-top: 7px !important;
        z-index: 20;
    }

    .fixed input {
        width: 100%;
        margin: auto;
        padding-top: 25px;
        border-radius: 5px;
        font-size: 14px;
    }

        .fixed input:focus, .fixed input:hover {
            box-shadow: none;
        }

        .fixed input::placeholder {
            /* font-weight: bold; */
            color: black;
        }
/*fourth*/
.fourth .container {
    max-width: 1000px !important
}



.fourth .container-select {
    width: 400px !important;
}

.fourth .cards_offer .card .card-body .details {
    font-weight: bold;
}

    .fourth .cards_offer .card .card-body .details .title {
        margin-bottom: 0px;
        color: inherit;
    }

    .fourth .cards_offer .card .card-body .details .title_offer {
        margin-bottom: 10px;
    }

.fourth .card-body .bottom_card {
    background: #E7EBEC;
    margin-bottom: 0 !important;
    padding: 10px 15px !important;
    border-radius: 0 0px 10px 10px;
}

.fourth .cards_offer .card .card-body {
    padding-bottom: 0 !important;
}

    .fourth .cards_offer .card .card-body .percentage {
        margin-bottom: 10px;
    }

    .fourth .cards_offer .card .card-body .logos img {
        width: auto !important;
    }

    .fourth .cards_offer .card .card-body .details p {
        color: inherit;
    }

.tab-content .astrik {
    right: 0%;
    top: -5%;
}

.tab-content .color-astrik {
    right: 0%;
    top: -19%;
}

.color-astrik {
    position: absolute;
    top: 35%;
    right: -5%;
    color: red;
}

.astrik {
    position: absolute;
    top: 35%;
    right: -5%;
    color: red;
}
/*fifth*/
.fifth .details {
    /*max-width: 500px !important;*/
    margin: auto;
}

.fifth .vehicle_det {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

    .fifth .vehicle_det p {
        margin-bottom: 5px;
        font-size: 14px;
    }

.fifth .header {
    background: #F3F6F8;
    padding: 10px 20px;
    margin: 30px 0;
    font-weight: bold;
}

.fifth .vehicle_det .bold {
    font-weight: bold;
}

.sexth .approved {
    text-align: center;
    color: #1BAD2B;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 20px;
}

.sexth .num {
    text-align: center;
    color: var( --ifin-primary);
    font-weight: bold;
    font-size: 18px;
}

.sexth .choose_no {
    margin-bottom: 0;
}
/*OTP*/
.title {
    font-weight: 600;
    /* margin-top:20px; */
    font-size: 24px
}

.customBtn {
    border-radius: 0px;
    padding: 10px;
}

form .otp {
    display: inline-block;
    width: 50px;
    height: 60px;
    text-align: center;
    margin-right: 5px;
    border-color: gray;
    border-radius: 5px;
    border: 1px solid #ced4da;
    margin: 20px 5px;
}

    form .otp:focus-visible {
        border: 1px solid #f39325 !important;
        outline: 0 !important;
    }

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

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

.resend {
    color: var(--ifin-primary);
    font-weight: bold;
}

.verfi .row {
    justify-content: center;
}

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

.referr {
    height: auto;
    margin: 20px 0;
    text-align: center;
}

.continue i {
    rotate: 90deg;
    margin-right: 5px;
}
/*table*/
table {
    border-collapse: collapse;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

th, td {
    text-align: center;
    padding: 8px;
}

tbody, td, tfoot, th, thead, tr {
    text-align: center;
    padding: 10px 20px;
    font-weight: 100;
    font-size: 14px;
}

table .descrip {
    /*text-align: left;*/
}

p {
    cursor: pointer;
}

table .price {
    font-weight: bold;
    font-size: 18px;
}

table .head {
    font-size: 18px;
    font-weight: bold;
}

table .total td {
    font-weight: bold;
}

table .qty {
    text-align: center;
}

tr:nth-child(even) {
    background-color: #F2F6F9 !important;
}

.continue .btn-next.return {
    border: 1px solid var(--ifin-primary) !important;
    color: var(--ifin-primary);
    background: #fff;
    margin-right: 30px;
}

.btn-next.return {
    border: 1px solid var(--ifin-primary) !important;
    color: var(--ifin-primary) !important;
    background: #fff !important;
}

.cart_page .container {
    max-width: 900px !important;
}

.car.lang {
    left: 20%;
    display: flex;
    align-items: center;
}

    .car.lang img {
        width: 24px;
        margin: 3px;
    }

    .car.lang i {
        font-size: 10px;
    }

.selected-img {
    width: 20px !important;
    height: 20px !important;
}

.choose.intro {
    font-size: 24px;
}

.more_cards {
    display: none !important;
}
/*fixed nav*/
.fixed_nav {
    position: sticky !important;
    top: 0 !important;
    width: 100%;
    z-index: 30 !important;
    background: #FFF !important;
    padding-bottom: 10px !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(255, 255, 255, 0.8);
    display: none;
}

    .overlay .loading-page {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.circle-pr {
    cursor: pointer !important;
}

.down span, .up span {
    background-color: var(--ifin-secondry);
    position: fixed;
    right: 10px;
    bottom: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 20;
    box-shadow: 2px 2px 5px 0px rgba(197,197,197,0.75);
}

.up {
    display: none;
}

.second .range {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    color: #585858;
}

.second .range_value {
    text-align: center;
    border: 1px solid #F6921E;
    display: inline-block;
    margin: auto;
    padding: 4px 20px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 17px;
    width: 20%;
}

.rang_div {
    display: block;
    justify-content: space-between;
    background: #F3F6F8;
    align-items: center;
    border-radius: 25px;
    cursor: pointer;
    margin: 30px 0 !important;
}

    .rang_div .active {
        background: var(--ifin-primary);
        color: #fff;
    }

    .rang_div p {
        margin-bottom: 0;
    }

.quantity {
    position: relative;
}

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

input[type=number] {
    -moz-appearance: textfield;
}

.quantity input {
    float: left;
}

    .quantity input:focus {
        outline: 0;
    }

.quantity-nav {
    float: left;
    position: relative;
    height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border: none;
    width: 21px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "FontAwesome" !important;
    line-height: 1.5;
    padding: 0;
    background: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .quantity-button:active {
        background: #EAEAEA;
    }

    .quantity-button.quantity-up {
        position: absolute;
        top: 10px;
        border-radius: 0 4px 0 0;
        line-height: 1.6;
        right: -10px;
        background: #fff;
    }

    .quantity-button.quantity-down {
        position: absolute;
        bottom: -10px;
        height: 50%;
        right: -9px;
    }

.selected-card {
    outline: 0;
    box-shadow: 0 0 0 0.25rem #F6921E;
}
/*added*/
.car {
    right: 20% !important;
    cursor: pointer;
}

.fixed input::placeholder {
    color: gray !important;
}
/* .fixed_nav{
    box-shadow: 0 30px 60px 0 rgb(90 116 148 / 20%);

} */
/*aside menu*/
.sidenav {
    height: 100%;
    width: 0;
    background: #fff;
    position: fixed;
    z-index: 100000000;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: 6px;
    box-shadow: 0 30px 60px 0 rgb(90 116 148 / 40%);
}

    .sidenav a {
        padding: 8px 8px 8px 10px;
        text-decoration: none;
        font-size: 12px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a .namber {
            color: #F4941E;
            font-weight: bold;
            font-size: 14px;
            margin-right: 5px;
        }

        .sidenav a .price {
            font-weight: bold;
            font-size: 14px;
            margin-left: 20px;
        }

        .sidenav a:hover {
            color: var(--ifin-primary);
        }

.cancel-otp {
    display: none;
}

.sidenav .closebtn {
    position: absolute;
    top: -19px;
    right: -15px;
    font-size: 36px;
    margin-left: 50px;
    color: #F4941E;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 1;
    padding-left: 10px;
    padding-top: 5px;
}



@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}
/**/
/**/
.input-group > .form-control:focus {
    z-index: 1 !important;
}
/* ==========================================================================
     $BASE-PICKER
     ========================================================================== */
/**
   * Note: the root picker element should *NOT* be styled more than what’s here.
   */
.input-group {
    margin: 0 !important;
}

.fixed .form-group .input-group-btn {
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: 127;
}

.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/**
   * The picker input element.
   */
.picker__input {
    cursor: default;
}
    /**
   * When the picker is opened, the input element is “activated”.
   */
    .picker__input.picker__input--active {
        border-color: #0089ec;
    }
/**
   * The holder is the only “scrollable” top-level container element.
   */
.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/*!
   * Classic picker styling for pickadate.js
   * Demo: https://amsul.github.io/pickadate.js
   */
/**
   * Note: the root picker element should *NOT* be styled more than what’s here.
   */
.picker {
    width: 100%;
}
/**
   * The holder is the base of the picker.
   */
.picker__holder {
    position: absolute;
    background: #ffffff;
    border: 1px solid #aaaaaa;
    border-top-width: 0;
    border-bottom-width: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
    transform: translateY(-1em) perspective(600px) rotateX(10deg);
    -webkit-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
    -moz-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
    transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
}
/**
   * The frame and wrap work together to ensure that
   * clicks within the picker don’t reach the holder.
   */
.picker__frame {
    padding: 1px;
}

.picker__wrap {
    margin: -1px;
}
/**
   * When the picker opens...
   */
.picker--opened .picker__holder {
    max-height: 25em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
    -webkit-transition: all 0.15s ease-out, max-height 0, border-width 0;
    -moz-transition: all 0.15s ease-out, max-height 0, border-width 0;
    transition: all 0.15s ease-out, max-height 0, border-width 0;
    -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}
/* ==========================================================================
     $BASE-DATE-PICKER
     ========================================================================== */
/**
   * The picker box.
   */
.picker__box {
    padding: 0 1em;
}
/**
   * The header containing the month and year stuff.
   */
.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em;
}
/**
   * The month and year labels.
   */
.picker__month, .picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}

.picker__year {
    color: #999999;
    font-size: .8em;
    font-style: italic;
}
/**
   * The month and year selectors.
   */
.picker__select--month, .picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2.5em;
    padding: .5em .25em;
    margin-left: .25em;
    margin-right: .25em;
    font-size: .6em;
}

@media (min-width: 24.5em) {
    .picker__select--month,
    .picker__select--year {
        font-size: .8em;
        margin-top: -0.5em;
    }
}

.picker__select--month {
    width: 35%;
}

.picker__select--year {
    width: 22.5%;
}

    .picker__select--month:focus, .picker__select--year:focus {
        border-color: #0089ec;
    }
/**
   * The month navigation buttons.
   */
.picker__nav--prev, .picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    top: -0.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--prev,
    .picker__nav--next {
        top: -0.33em;
    }
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--prev {
        padding-right: 1.5em;
    }
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em;
}

@media (min-width: 24.5em) {
    .picker__nav--next {
        padding-left: 1.5em;
    }
}

.picker__nav--prev:before, .picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: 0.75em solid #000000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto;
}

.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
}

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
}
/**
   * The calendar table of dates
   */
.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em;
}

@media (min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em;
    }
}

.picker__table td {
    margin: 0;
    padding: 0;
}
/**
   * The weekday labels
   */
.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999999;
    font-weight: 500;
    /* Increase the spacing a tad */
}

@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em;
    }
}
/**
   * The days on the calendar
   */
.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent;
}

.picker__day--today {
    color: #0089ec;
    position: relative;
}

    .picker__day--today:before {
        content: " ";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: 0.5em solid #0059bc;
        border-left: .5em solid transparent;
    }

.picker__day--selected, .picker__day--selected:hover {
    border-color: #0089ec;
}

.picker__day--highlighted {
    background: #b1dcfb;
}

.picker__day--disabled:before {
    border-top-color: #aaaaaa;
}

.picker__day--outfocus {
    color: #dddddd;
}

    .picker__day--infocus:hover, .picker__day--outfocus:hover {
        cursor: pointer;
        color: #000000;
        background: #b1dcfb;
    }

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
    background: #0089ec;
    color: #ffffff;
}

.picker__day--disabled, .picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #dddddd;
    cursor: default;
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb;
}
/**
   * The footer containing the "today" and "clear" buttons.
   */
.picker__footer {
    text-align: center;
}

.picker__button--today, .picker__button--clear {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}

    .picker__button--today:hover, .picker__button--clear:hover {
        cursor: pointer;
        color: #000000;
        background: #b1dcfb;
        border-bottom-color: #b1dcfb;
    }

    .picker__button--today:focus, .picker__button--clear:focus {
        background: #b1dcfb;
        border-color: #0089ec;
        outline: none;
    }

    .picker__button--today:before, .picker__button--clear:before {
        position: relative;
        display: inline-block;
        height: 0;
    }

    .picker__button--today:before {
        content: " ";
        margin-right: .45em;
        top: -0.05em;
        width: 0;
        border-top: 0.66em solid #0059bc;
        border-left: .66em solid transparent;
    }

    .picker__button--clear:before {
        content: "\D7";
        margin-right: .35em;
        top: -0.1em;
        color: #ee2200;
        vertical-align: top;
        font-size: 1.1em;
    }
/* ==========================================================================
     $CLASSIC-DATE-PICKER
     ========================================================================== */
.popup {
    background: rgba(100, 100, 100, 0.6);
    position: fixed;
    display: none;
    z-index: 9999;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

    .popup .wrapper {
        max-width: 600px;
        width: 70%;
        position: fixed;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: #ffffff;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
    }
/**/
.show {
    box-shadow: 0 30px 60px 0 rgb(90 116 148 / 20%);
}
/**/
.name {
    font-weight: bold !important;
}

.referred_status {
    color: #F5911F;
    font-weight: bold;
}
/*submit  page*/
.recognise {
    font-weight: bold;
}

.fixed.test {
    max-width: 500px !important;
    margin: auto !important;
}

    .fixed.test input {
        margin-bottom: 20px;
    }

.choose.submitting {
    margin-bottom: 20px;
}

.form-control:focus {
    border-color: #F39325 !important;
}

.isDisabled {
    color: currentColor;
	cursor: not-allowed !important;
	opacity: 0.5;
	text-decoration: none;
	pointer-events: none;
}

.successful {
    color: #2DA736;
    font-weight: bold;
}

.choose.finance {
    font-weight: bold;
    text-align: left !important;
}
/*checkbox*/
/* The container */
.agree {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 30px 150px 0px 150px;
}
    /* Hide the browser's default checkbox */
    .agree input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #ced4da;
    border-radius: 5px;
}
/* On mouse-over, add a grey background color */
.agree:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.agree input:checked ~ .checkmark {
    background-color: #F7931C;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.agree input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.agree .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.center_otp .row {
    justify-content: center;
}

.pin {
    text-align: center;
    margin-bottom: 0;
}

.resend.forget {
    text-align: center;
}

.img_bank {
    margin: auto;
    text-align: center;
    width: 200px;
}

    .img_bank img {
        width: 100%;
        margin-bottom: 40px;
    }
/* .navbar-expand-lg .navbar-collapse{
  flex-direction: row-reverse;

} */
.navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
}

.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 20px;
    color: #0c4b65 !important;
    font-size: 11px !important;
}

.navbar-nav .nav-link.active {
    color: var( --ifin-secondry) !important;
}

.navbar-expand-lg .navbar-nav .nav-link svg {
    width: 20px;
}

.navbar-expand-lg .navbar-nav .nav-link.active .fa-plus {
    font-size: 12px;
}

.navbar-expand-lg .navbar-nav .nav-link svg {
    width: 11px;
    margin-right: 5px;
    fill: #0c4b65
}
/*tabs*/
.cards_offer .tabs-nav {
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
}

    .cards_offer .tabs-nav li:first-child a {
        border-right: 0;
        border-top-left-radius: 6px;
    }

    .cards_offer .tabs-nav li:last-child a {
        border-top-right-radius: 6px;
    }

.cards_offer a {
    border: 1px solid #cecfd5;
    display: block;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    padding: 10px;
	font-size : 20px !important;
}

    .cards_offer a:hover {
        color: var( --ifin-secondry);
    }

.cards_offer .active a {
    color: #fff !important;
    border-bottom-color: transparent;
    background: var( --ifin-secondry);
    cursor: default;
}

.cards_offer .tabs-stage {
    border: 1px solid #cecfd5;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    clear: both;
    padding: 24px 30px;
    position: relative;
    top: -1px;
}

.dropdown button {
    border: none;
    box-shadow: none;
    padding-top: 0;
}

    .dropdown button:focus {
        background: #fff !important;
    }

    .dropdown button img {
        width: 40px;
        border-radius: 50%;
        height: 40px;
    }

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

.right_nav {
    display: flex;
    margin-left: 11%;
    margin-right: 3%;
}

.main_color {
    color: var(--ifin-primary) !important;
}

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

.car.lang {
    display: inline-flex;
}

.language .dropdown-item {
    padding: 0 !important
}

.language .dropdown-menu {
    --bs-dropdown-min-width: 7rem !important;
    --bs-dropdown-padding-y: 0 !important
}

.car .flad_img {
    margin-bottom: 10px;
}

.car p.flag {
    margin-bottom: 0px;
}

.nav-item.dropdown:focus-visible {
    outline: none;
}

.dropdown-toggle.show {
    box-shadow: none !important;
}

.dropdown-menu.show.lannng {
    top: -15px !important;
}

.lines .dropdown-menu.show {
    top: 50px !important;
}
/*mobile view*/
@media only screen and (max-width: 992px) {
    .prog {
        display: none;
    }

    .container-select {
        width: 280px !important
    }

    a.btn-prev {
        left: 35% !important;
        position: relative;
        margin: 15px 0;
    }

    .fourth .container-select {
        width: auto !important;
    }

    .cards_offer {
        padding: 30px 0;
    }

    .car {
        right: 5% !important;
    }

    .popup .wrapper {
        padding: 10px !important;
    }

    .slidecontainer {
        padding: 0 !important;
    }

        .slidecontainer p {
            padding: 4px 5px !important;
        }

    .car.lang {
        left: 3% !important;
    }

    .old-otpbutton {
        display: none;
    }

    .choose.finance {
        text-align: center !important;
    }

    .agree {
        margin: 0 0 0 50px !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: end;
        padding-bottom: 0;
    }

    .navbar-collapse p {
        margin-bottom: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link svg {
        margin-right: 0px;
    }

        .navbar-expand-lg .navbar-nav .nav-link svg.edit {
            margin-right: 5px;
        }

    .right_nav {
        align-items: center;
        justify-content: center;
    }

    .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav_head {
        display: block;
        justify-content: space-around;
        text-align: center;
    }

    .total_price {
        display: none !important;
    }

    .navbar > .container {
        padding: 0 !important;
    }

    .language .btn {
        padding-bottom: 0 !important;
    }

    .logo {
        margin: auto;
    }

    .car p.flag {
        margin-bottom: 0;
    }

    .car .flad_img {
        margin-bottom: 6px;
    }
}


.circle-wrapper .logo-check {
    position: absolute;
    width: auto;
    height: 35px;
    left: 43%;
    top: 42%;
    z-index: 1;
}

.jconfirm-content {
    font-size: 21px !important;
}

.logo-check img {
    width: 40px;
}

.circle-wrapper {
    position: relative;
    width: 240px;
    margin: auto
    /* height: 240px;*/
}

.circle-zero:before {
    content: "";
    background: var(--ifin-secondry);
    position: absolute;
    width: 168px;
    height: 2px;
    left: -60%;
    top: 50%;
    transform: rotate(45deg);
    z-index: -2;
}

/*.circle-zero {
  background: #ffffff;
  border-radius: 50%;
  box-sizing: content-box;
  height: 78px;
  width: 78px;
  position: absolute;
  top: 35%;
  left: 35%;
}*/

.circle-zero {
    background-color: var(--ifin-primary) !important; /* inner circle behind logo */
    border-radius: 50%;
    /*  box-shadow: 0px 3px 7px .7px rgba(0, 0, 0, .1);*/
    box-sizing: content-box;
    height: 74px;
    width: 74px;
    position: absolute;
    top: 36%;
    left: 36%;
}

    .circle-zero:after { /* tiny floating rotating line on left */
        content: "";
        background: var(--ifin-secondry);
        position: absolute;
        width: 18px;
        height: 1.5px;
        left: -92%;
        top: 51%;
        transform: rotate(90deg);
        -webkit-animation: circle-move 5s ease infinite;
        animation: circle-move 5s ease infinite;
    }

.circle-one:before { /* tiny left floating circle */
    content: "";
    background: var(--ifin-secondry);
    border-radius: 50%;
    position: absolute;
    width: 5px;
    height: 5px;
    right: -56%;
    top: 45%;
    -webkit-animation: circle-move 5s ease infinite;
    animation: circle-move 5s ease infinite;
}

.circle-one { /* orange semi circle segment - first colours relate to yellow section - second colours relate to orange section */
    border: 15px solid;
    border-color: var(--ifin-secondry);
    border-radius: 50%;
    box-sizing: content-box;
    height: 98px;
    width: 98px;
    position: absolute;
    top: 25%;
    left: 25%;
    z-index: -1;
    -webkit-animation: circle-move 5s ease infinite;
    animation: circle-move 5s ease infinite;
}

    .circle-one:after { /* tiny right floating circle */
        content: "";
        background: var(--ifin-secondry);
        border-radius: 50%;
        width: 5px;
        height: 5px;
        position: absolute;
        left: -56%;
        top: 48%;
        -webkit-animation: circle-move 5s ease infinite;
        animation: circle-move 5s ease infinite;
    }

.circle-two { /* larger circle with drop-shadow and semi-transparent background segment*/
    background: rgba(255,255,255,1);
    border: 25px solid;
    border-color: var( --ifin-secondry);
    border-radius: 50%;
    box-shadow: 15px 0 25px -20px var( --ifin-secondry);
    box-sizing: content-box;
    height: 90px;
    width: 90px;
    position: absolute;
    top: 22%;
    left: 22%;
    z-index: -2;
    -webkit-animation: circle-move 5s ease infinite;
    animation: circle-move 3s ease infinite;
}

.circle-three { /* larger outer circle */
    background: rgba(0,0,0,0);
    border: 2px solid;    
    border-radius: 50%;
    box-sizing: content-box;
    height: 168px;
    width: 168px;
    position: absolute;
    z-index: -3;
    top: 15%;
    left: 15%;
    -webkit-animation: circle-move 7s ease infinite;
    animation: circle-move 7s ease infinite;
}

/*.circle-shadow {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  filter: blur(2px);
  height: 20px;
  width: 160px;
  position: absolute;
  top: 100%;
  left: 18%;
}*/


@-webkit-keyframes circle-move {
    0% {
        transform: rotate(0deg);
    }

    70% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}


@keyframes circle-move {
    0% {
        transform: rotate(0deg);
    }

    70% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.disabled-button {
    border: 1px solid #999999;
    background-color: #e9ecef !important;
    color: #666666;
}
.disabled-a {
    pointer-events: none;
    cursor: default;
}

.palette-color-picker-button {
    float: right !important;
}

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

.form-margin {
    margin-bottom: -30px !important;
}


.flag-card img {
    width: 50px !important;
}

.flag-card p {
    font-size: 30px !important;
}

.big-log {
    width: 115px !important;
}

.landing-logo {
    width: 33% !important;
	margin : auto;
}

.wrap-class {
    max-width: 1200px !important;
    max-height: 500px !important;
}

.logo-class {
    padding-left: 42%;
    margin-bottom: 4rem !important;
}

.body-content {
    min-height: 80vh;
}

.SanadImg {
    width:50%;
}
.centeredHead {
    text-align: center !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}
.request-history_table .head, .request-history {
    font-size: 14px !important;
}
.margin-bottom-class {
    margin-bottom: 10px !important;
}
.QRCode-img {
    width: 500px;
    height: 400px;
    margin: auto;
}
.banklogo {
    width: 130px
}
.iframe-div {
    padding-right: 1%;
    padding-left: 1%;
}

.confirm-reading-contract{
    font-size:20px !important;
}
.checkBox {
     height: 20px !important; 
     width: 25px;
}
.contract-ifram {
    zoom: 150%;
    width: 100% !important;
    height: 300px;
}

.bankproductlogo {
    width: 25%;
    height: 20%;
	padding-bottom: 10px;
}
.bank-card {
    height: 20rem !important;
}
.add-to-cart-nav {
    border-width: 0px !important;
}
.bank-logo{
     padding-left:25px;
}
.text-decoration-underline{
	text-align: center !important;
}
.ifin-code {
    font-weight:bolder;
}
.inquiryDTAdjust{
    width:100%;
}
.textAttribute {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--ifin-primary);
    padding-top: 25px;
}

.cart_details {
    overflow-x: auto;
    width: 100%;
    height: 100%;   
}
.cart_details_table{
    width:80% !important;
}
.calculator {
    padding-right: 25px;
}

.padding-left {
    padding-left: 10px;
}
.otherMsg {
    font-size: 15px;
}
.otherCustomerMobileNumber {
    font-size: 1.5rem !important;
}
.attribute-element{
    width:48% !important;
	}
.cartTableDetails {
    overflow: auto;
}
.gray-background-color {
  background-color: #F2F6F9 !important;
}
.inquary-section-title {
 background-color: var(--ifin-primary) !important;
  color:white;
}
.th-class {
    font-size: 14px !important;
}
.th-head {
    font-size: 14px !important;
}
.lpo-table{
    overflow:scroll !important;
}
.upload-doc-content{
    padding-bottom:25px;
}
.qrcode-class{
    height:500px !important;
    width:500px !important;
}
.ValueDatePopup
{
    width:95% !important;
}
.valueDatePopupTitle {
    font-size: 19px !important;
    font-weight: bold;
    margin-bottom:30px;
}
.valueDatePopupImage {
    width: 70% !important;
    border: 2px solid black;
}
.ValueDatePopupContractLbl {
    margin-top: 30px;
    margin-bottom: -10px;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
}
.ValueDatePopup
{
    width:95% !important;
}
.valueDatePopupTitle {
    font-size: 19px !important;
    font-weight: bold;
    margin-bottom:30px;
}
.valueDatePopupImage {
    width: 70% !important;
    border: 2px solid black;
}
.ValueDatePopupContractLbl {
    margin-top: 30px;
    margin-bottom: -10px;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
}