@import url(font/font.css?family=Cairo:wght@400;600;700;900&display=swap);
    @import url(font/font.css?family=Audiowide&display=swap);

    .loan-card-wrap{
        top: 30px;
        position: relative;
    }
    .span-red{
        background-color: #198754;
        color: #fff;
        padding: 4px 10px;
        border-radius: 6px;
    }
    figure img {
        width: 8rem;
        height: 8rem;
        border-radius: 10px;
        border:none!important;
        margin-right: 1.5rem;
        padding: 1rem;
    }
    .loan-amount-box h3 {
        font-size: 22px;
        margin-bottom: 10px !important;
        text-transform: uppercase;
        font-weight: 600;
        color: #057792;
    }
    .rating-box h4 {
        font-size: 13px;
        letter-spacing: 1px;
        font-weight: 400;
    }
    .bg-blue {
        background-color: #057792 !important;
        color: #fff !important;
    }
    .label-value span {
        font-size: 12px !important;
    font-weight: 600!important;
    }
    .noUi-handle {
        background: #2eafcf !important;
        border: 2px solid #ffffff !important;
        box-shadow: none!important;
    }
    .noUi-horizontal .noUi-handle {
        width: 20px !important;
        height: 20px !important;
        right: -12px !important;
        top: -6px !important;
    }
    input[readonly] {
        background-color: #ffffff;
        border: 1px solid #DDDDDD;
        opacity: 1;
        padding: 10px 10px;
        margin-bottom: 14px;
    }
    .amount-slider-box p{font-size: 12px;
        letter-spacing: 1px;}
    .customer-ratting-box img {
        max-width: 32px;
    }
    .darkcolor {
        font-weight: 600;
    }
    .offer-detail{
        background-color: #ffffff;
    color: #057792;
    }
    #cus_date-error {
        display: block;
    }

    #documentcollect-addressfinal-error {
        font-size: 12px;
    }

    .edit_app_location>i {
        float: right;
        margin: 12px;
        color: #112233;
        font-size: 12px;
    }

    label.error {
        display: block;
    }

    .card.checked {
        border: 2px solid #05748f;
    }

    .ky-box {
        padding: 12px !important;
    }

    .bank-logo {
        /* height: 45px;*/
        aspect-ratio: 3/2;
        object-fit: contain;
    }

    .center-btn {
        width: 46%;
        margin: 0 auto;
    }

    .badge-success {
        background-color: #00c851 !important;
    }
    .form-check-input:checked {
        background-color: #057792;
        border-color: #057792;
    }
    .btn-blue {
        cursor: pointer;
        border: 1px solid #057791!important;
        outline: 0;
        transition: 1s ease-in-out;
    }
    .btn-blue:hover{
        transition: 0.5s ease-in-out;
        background: #057792!important;
        color: #fff;}
        .btn-doc {
            padding: 10px 40px;
            margin-top: 6px;
        }

        .content-sec label {
            font-weight: 400;
            font-size: 12px;
            color: #333;
            display: block;
            letter-spacing: 1px;
        }

    .firstcontainer {
        position: absolute;
        top: 0;
        left: 0;
        color: #fff
    }
    
    .firstcontainer h4 {
        font-size: 40px!important;
        font-weight: bolder;
        line-height: 1.5em;
        font-family: Cairo, sans-serif
    }
    
    .firstcontainer h5 {
        font-size: 14px!important;
        font-weight: bolder;
        line-height: 1.5em;
        font-family: Cairo, sans-serif;
        text-align: center
    }
    
    .dark-navbar {
        background: #123!important
    }
    
    .dark-navbar a {
        color: #fff!important
    }
    
    .sidemenu_btn .bg-dark {
        background-color: #fff!important
    }
    
    #sidemenu_toggle .bg-dark {
        background-color: #fff!important
    }
    
    .navbar-nav .nav-link {
        font-family: Cairo, sans-serif;
        font-weight: 700!important;
        font-size: 13px!important;
        text-transform: uppercase
    }
    
    .dark-loan-box {
        background-color: rgb(17, 34, 51, .7);
        padding: 10px;
        color: #fff!important;
        font-family: Cairo, sans-serif;
        height: 94vh
    }
    
    .dark-loan-box-mobile {
        background-color: rgb(17, 34, 51, .7);
        padding: 10px;
        color: #fff;
        font-family: Cairo, sans-serif
    }
    
    .dark-loan-box .text {
        font-size: 12px;
        color: #fff
    }
    
    .dark-loan-box label {
        text-transform: uppercase!important;
        font-weight: 600!important;
        font-size: 12px
    }
    
    .dark-loan-box .headertxt {
        font-size: 12px!important;
        font-weight: 600!important;
        text-transform: uppercase!important
    }
    
    .dark-loan-box .btn {
        padding: .3rem 2.14rem!important
    }
    
    .dark-loan-box .md-form.input-group .form-control {
        margin: 0;
        padding: .375rem 0!important;
        font-size: 12px!important
    }
    
    .bpad {
        padding: .74rem 2.14rem!important
    }
    
    .w50 {
        width: 50%
    }
    
    .w25 {
        width: 25%
    }
    
    .w100 {
        width: 100%
    }
    
    .navbar {
        box-shadow: none!important
    }
    
    .dark-loan-box .select-wrapper input.select-dropdown,
    .select-wrapper span.caret {
        color: #fff;
        text-transform: uppercase;
        font-family: Cairo, sans-serif!important;
        font-size: 12px;
        font-weight: 600
    }
    
    .modal .select-wrapper span.caret {
        color: gray
    }
    
    .btn {
        cursor: pointer;
        border: 1px solid #91c9ff;
        outline: 0;
        transition: 1s ease-in-out
    }
    
    #svg1426 {
        width: 100%
    }
    
    .btn:hover {
        transition: 0.5s ease-in-out;
        background: #4f95da;
        color: #fff;
    }
    
    .btn:hover svg {
        stroke-dashoffset: -480
    }
    
    .btn span {
        color: #fff;
        font-size: 18px;
        font-weight: 100
    }
    
    .kuwy-red-txt {
        color: #24cdd5
    }
    
    .slider-txt-kuwy {
        margin-top: 124px;
        padding-left: 208px;
        position: relative
    }
    
    .wrap {
        padding: 15px 30px;
        background: rgba(15, 172, 243, .04);
        text-align: left;
        font-size: 11px;
        float: left;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 5px;
        font-weight: 600
    }
    
    .wrap-1 {
        padding: 15px 30px;
        background: #fb4848;
        text-align: left;
        font-size: 11px;
        float: left;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 5px;
        font-weight: 600
    }
    
    .wrap-1:hover {
        background-color: rgba(15, 172, 243, .6);
        color: #fff
    }
    
    .justify {
        text-align: justify
    }
    
    .section-white {
        background-color: #f1f1f1
    }
    
    .p-25 {
        padding-top: 25px
    }
    
    .bg-tech {
        background: url(../images/bg-technology.png) no-repeat top;
        -webkit-background-size: cover;
        background-size: cover
    }
    
    .bg-usedcar {
        background: url(../images/used-bg.jpg) no-repeat
    }
    
    .bg-usedcar::after {
        height: 55%;
        left: 0;
        top: 0;
        position: absolute;
        background: url(../images/used-bg.jpg) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;
        z-index: -1
    }
    
    .sub-heading {
        color: #123;
        text-transform: uppercase;
        font-weight: 700
    }
    
    .icon:hover {
        background: -webkit-linear-gradient(#30cfd0, #330867);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    
    .gradient-bg-app {
        background: linear-gradient(75deg, #1a2c79 10%, #e80566)!important;
        -webkit-background-size: cover;
        background-size: cover
    }
    
    .app-download-list li a {
        padding: 10px 22px;
        color: inherit;
        font-size: 13px;
        line-height: 15px;
        background: #000000;
    }

    span.fab {
        font-size: 18px;
    }
    
    .app-download-list li a:hover {
        background: #1a2c79;
        color: #fff;
        border-color: #1a2c79!important
    }
    
    .gradient-overlay {
        position: relative;
        width: 100%;
        display: block;
        -webkit-background-size: cover;
        background-size: cover
    }
    
    .gradient-overlay:before {
        position: absolute;
        content: '';
        /* background-image: linear-gradient(75deg, rgba(26, 44, 121, .88) 10%, rgba(232, 5, 102, .88))!important; */
        background-image: linear-gradient(75deg, #11263a 30%, #0facf3b8) !important;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    
    .plus-size {
        font-size: 2rem;
        font-weight: 700
    }
    
    .counter-border {
        border: 1px dashed #fff;
        border-radius: 4px;
        text-align: center;
        padding: .5rem;
        margin-bottom: .5rem;
        margin-top: .5rem;
        min-width: 130px
    }
    
    .app-bg {
        background: url(../images/bg-app.png) top center;
        -webkit-background-size: cover;
        background-size: cover
    }
    
    .svg-img {
        width: 600px
    }
    
    .pricing-item {
        min-height: 738px!important
    }
    
    .txt-white {
        color: #fff
    }
    
    .bg-kuwy {
        background-color: #123!important;
        color: #fff!important
    }
    
    .layernavigation-module {
        border: 1px solid #ebebeb;
        padding: 20px;
        border-radius: 0;
        margin-bottom: 20px;
        background-color: #fff
    }
    
    .layered label {
        color: grey!important;
        z-index: 1!important;
        top: .75rem
    }
    
    .layered .select-wrapper span.caret {
        color: gray
    }
    
    .mbfilt {
        margin-top: 0;
        margin-bottom: 0
    }
    
    .layered .switch label input[type=checkbox]:checked+.lever::after {
        background-color: #4285f4!important
    }
    
    .brdr-right {
        border-right: 1px dotted #7e7e7e
    }
    
    .img-200 {
        height: 200px
    }
    
    .small-text {
        font-size: 12px;
        font-weight: 600;
        color: #123
    }
    
    .car-detail ul li {
        list-style: none;
        padding: 5px 0;
        color: #787878;
        font-size: 15px;
        line-height: 30px!important;
        border-bottom: 1px dotted #ddd;
        font-weight: 500
    }
    
    .car-detail ul span {
        font-weight: 600;
        color: #474646;
        font-size: 12px;
        line-height: 20px;
        font-size: 14px;
    }
    
    .car-detail ul li {
        font-size: 15px;
        line-height: 30px!important;
        text-align: right;
        list-style: none
    }
    
    .car-detail ul li:last-child {
        border-bottom: transparent
    }
    
    .car-detail-title {
        font-size: 26px;
        position: relative;
        margin: 0 0 25px;
        /* font-weight: 700!important */
    }
    
    .headin-car {
        margin-bottom: 20px
    }
    
    .headin-car h3 {
        font-weight: 600;
        font-size: 32px;
        margin-bottom: 20px;
        color: #24cdd5;
    }
    
    .headin-car h6 {
        font-size: 15px;
        margin-bottom: 0;
        color: #535353
    }
    
    .price-box-3 {
        color: #fb4848
    }
    
    .price-box-3 {
        font-size: 19px;
        font-weight: 700
    }
    
    .price-box-3 sup {
        font-size: 15px;
        position: relative;
        top: 0;
        color: #535353;
        font-weight: 600
    }
    
    .price-box-3 span {
        font-size: 15px;
        color: #535353;
        font-weight: 600
    }
    
    .bshadow {
        margin: 0 0 30px 0;
        box-shadow: 0 0 35px rgba(0, 0, 0, .1)
    }

    
    .s-border {
        width: 50px;
        height: 1px;
        margin-bottom: 2px;
        border-radius: 50px;
        background: #c5c5c5
    }
    
    .m-border {
        width: 25px;
        height: 1px;
        margin-bottom: 20px;
        border-radius: 50px;
        background: #c5c5c5
    }
    
    .pl-30 {
        padding-left: 30px!important
    }
    
    .img-car-details {
        height: 509px!important
    }
    
    .filter-scroll-thin {
        height: 200px;
        overflow-y: scroll;
        margin-top: 10px;
        scrollbar-width: thin
    }
    
    .table-scroll {
        height: 400px;
        overflow-y: scroll;
        margin-top: 10px;
        scrollbar-width: thin
    }
    
    .responsive-cont h4 {
        font-size: 25px!important;
        font-weight: bolder;
        line-height: 1.5em;
        font-family: Cairo, sans-serif;
        text-align: center;
        color: #fff
    }
    
    .responsive-cont h5 {
        font-size: 14px!important;
        font-weight: bolder;
        line-height: 1.5em;
        font-family: Cairo, sans-serif;
        text-align: center
    }

    fieldset.wizard-fieldset.show .form-group label, .checkbox label {
        font-size: 15px;
        font-weight: 600;
    }
    
    .used-car-txt {
        white-space: nowrap;
        overflow: hidden
    }
    
    .btn-light-blue {
        background: 0 0!important;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .28);
        border: none!important
    }
    
    .btn-light-blue:not([disabled]):not(.disabled).active,
    .btn-light-blue:not([disabled]):not(.disabled):active,
    .show>.btn-light-blue.dropdown-toggle {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
        background-color: #0facf3!important
    }
    
    .bg-trans {
        background-color: transparent!important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .07), 0 2px 10px 0 rgba(0, 0, 0, .05)!important
    }
    
    .btn-danger {
        background-color: #fb4848!important
    }
    
    .colorful-select label {
        margin-bottom: 0!important;
        min-height: 17px!important
    }
    
    .colorful-select ul {
        top: 39px!important
    }
    
    .stickyPromo {
        position: fixed;
        bottom: 0;
        left: 20px;
        width: 380px;
        height: auto;
        box-shadow: 2px 3px 21px 0 rgba(0, 0, 0, .55);
        background-color: #f1f3f3;
        z-index: 9999;
        border-radius: 5px 5px 0 0
    }
    
    .stickyPromo-1 {
        position: fixed;
        bottom: 0;
        left: 20px;
        width: 200px;
        height: auto;
        z-index: 9999;
        border-radius: 5px 5px 0 0
    }
    
    .sticky-icon-plus {
        top: 34px;
        position: relative;
        right: -25px
    }
    
    .storeBtn {
        border: 1px solid #123;
        background-color: #142f49;
        padding: 5px;
        color: #fff;
        border-radius: 5px
    }
    
    .bannerContainer {
        display: flex
    }
    
    .phone-img {
        margin-top: -10px;
        margin-left: 10px
    }
    
    #phone-stand {
        width: 127px;
        height: auto
    }
    
    .promoContent {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        padding: 10px 14px
    }
    
    #closeBtn {
        cursor: pointer;
        align-self: flex-end;
        font-family: sans-serif;
        font-size: 16px;
        font-weight: lighter;
        text-decoration: none;
        color: #a3a3a3
    }
    
    .appStoresRow {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start
    }
    
    .appleStoreBtn {
        margin-right: 6px
    }
    
    .storeBtn img {
        max-width: 100px;
        height: auto
    }
    
    .learnMore {
        margin-top: 8px;
        line-height: normal
    }
    
    #learn-more {
        fill-opacity: 0;
        fill: #fff;
        stroke: #fff;
        stroke-width: 2;
        border-radius: 5px;
        stroke-linejoin: round;
        -webkit-transition: all 250ms ease-in;
        transition: all 250ms ease-in;
        cursor: pointer
    }
    
    #learn-more:hover {
        fill-opacity: 1
    }
    
    #learn-more:hover~.learn-more-text {
        fill: #005fa4
    }
    
    .learn-more-text {
        font-family: Roboto;
        fill: #fff;
        pointer-events: none;
        font-size: 14px;
        -webkit-transition: all 250ms ease-in;
        transition: all 250ms ease-in
    }
    
    .center {
        fill: #005fa4
    }
    
    .pointer {
        fill: #fff;
        stroke: #3b8fc0;
        stroke-width: 2
    }
    
    .nav-copy {
        font-family: Roboto;
        fill: #fff;
        fill-opacity: 1;
        -webkit-transition: all 250ms ease-in;
        transition: all 250ms ease-in
    }
    
    .nav-copy.changing {
        fill-opacity: 0
    }
    
    .service {
        cursor: pointer
    }
    
    .service text {
        font-size: 14px;
        font-family: Roboto;
        text-anchor: middle
    }
    
    .service .icon-wrapper {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    
    .service .icon-wrapper,
    .service .icon-wrapper>* {
        -webkit-transition: all 250ms ease-in;
        transition: all 250ms ease-in
    }
    
    .service circle {
        fill: #005fa4
    }
    
    .service circle.shadow {
        fill-opacity: 0;
        -webkit-filter: url(#service-shadow);
        filter: url(#service-shadow)
    }
    
    .service use {
        fill: #fff
    }
    
    .service text {
        fill: #4d4d4d
    }
    
    .service.active .icon-wrapper,
    .service:hover .icon-wrapper {
        -webkit-transform: scale(1.15) translateY(-5px);
        transform: scale(1.15) translateY(-5px)
    }
    
    .service.active .icon-wrapper,
    .service.active .icon-wrapper>*,
    .service:hover .icon-wrapper,
    .service:hover .icon-wrapper>* {
        -webkit-transition: all 250ms ease-out;
        transition: all 250ms ease-out
    }
    
    .service.active .icon-wrapper circle.shadow,
    .service:hover .icon-wrapper circle.shadow {
        fill-opacity: .4
    }
    
    .service.active text,
    .service:hover text {
        fill: #005fa4;
        font-weight: 700
    }
    
    .pb7 {
        padding-bottom: 7px
    }
    
    @keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    
    @keyframes grow {
        0%,
        100%,
        15% {
            transform: scale(1)
        }
        5% {
            transform: scale(1.2)
        }
    }
    
    .loader_sam {
        top: 40%;
        left: 50%;
        margin: 0 auto;
        position: absolute
    }
    
    @keyframes rotate {
        0% {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1)
        }
        50% {
            -webkit-transform: rotate(180deg) scale(.6);
            transform: rotate(180deg) scale(.6)
        }
        100% {
            -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1)
        }
    }
    
    .ball-clip-rotate-multiple_sam {
        margin: 0 auto;
        display: block;
        position: absolute;
        top: 45%;
        left: 13%
    }
    
    .ball-clip-rotate-multiple_sam>div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        left: -20px;
        top: -20px;
        border: 2px solid #fb4848;
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-radius: 100%;
        height: 35px;
        width: 35px;
        -webkit-animation: rotate 1s 0s ease-in-out infinite;
        animation: rotate 1s 0s ease-in-out infinite
    }
    
    .ball-clip-rotate-multiple_sam>div:last-child {
        display: inline-block;
        top: -10px;
        left: -10px;
        width: 15px;
        height: 15px;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        border-color: #0facf3 transparent #0facf3 transparent;
        -webkit-animation-direction: reverse;
        animation-direction: reverse
    }
    
    .rating-text {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px!important
    }
    
    .rating-text-header {
        text-transform: uppercase;
        font-weight: 700
    }
    
    .rating-svg {
        width: 100%;
        height: auto
    }
    
    .detail-box {
        border: dotted #fff 1px;
        border-radius: 5px;
        padding: 10px
    }
    
    .detail-box-career {
        border: solid #fefefe 1px;
        border-radius: 5px;
        padding: 5px;
        background-color: #fff;
        margin: 3px
    }
    
    .detail-box-career .img-thumbnail {
        background-color: #f2f2f2
    }
    
    .career .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        background: #8f8f8f;
        margin: 2px 3px;
        border: 1px solid #8f8f8f;
        display: inline-block;
        cursor: pointer;
        padding: 0;
        border-radius: 50%
    }
    
    .btn-blue:active,
    .career .btn-blue:hover {
        color: #fff!important;
        background-color: #1860a3!important
    }
    
    .colortext {
        color: #0ff
    }
    
    .f10 {
        font-size: 10px
    }
    
    .f12 {
        font-size: 12px
    }
    
    .f16 {
        font-size: 14px
    }
    
    .used-car-page .list-group-item {
        padding: .05rem 1rem
    }
    
    .loanproduct .nav-tabs {
        border-bottom: 0
    }
    
    .error-content .notfound-404 h1 {
        font-size: 230px;
        font-weight: 700;
        margin: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-size: cover;
        background-position: center
    }
    
    .error-content .notfound-404 {
        position: relative;
        height: 280px;
        z-index: 2;
        margin-bottom: 30px
    }
    
    .download_icon_close {
        cursor: pointer;
        align-self: flex-end;
        font-family: sans-serif;
        font-size: 16px;
        font-weight: lighter;
        text-decoration: none;
        color: #a3a3a3
    }
    
    .bannerContainer_new .min_fine_tag,
    .bannerContainer_new.main_min .plus_fine_tag {
        display: none
    }
    
    .bannerContainer_new.main_min .min_fine_tag {
        display: block
    }
    
    .overflow-scroll {
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: #d3d3d3 gray;
        scroll-behavior: smooth
    }
    
    .navbar {
        padding: .05rem 0!important;
        z-index: 1000
    }
    
    #target {
        background: #f1f3f3;
        padding: 10px;
        display: none;
        margin-top: 10px
    }
    
    #target .input-group-text {
        background-color: #fff
    }
    
    #target select {
        display: block!important
    }
    
    .Hide {
        display: none
    }
    
    .top-view.select-wrapper ul.dropdown-content {
        top: -243px!important;
        max-height: 400px!important
    }
    
    #apply_jobs label.error {
        top: 30px;
        color: #fb4848;
        font-size: 10px;
        left: 0
    }
    
    #apply_jobs label.error.active {
        top: 50px;
        font-size: 12px
    }
    
    #owl-carousel .owl-dots {
        display: none
    }
    
    .dark-loan-box .dark-loan-box-mobile .form-control {
        font-size: 12px!important;
        padding-left: 0!important
    }
    
    .side-menu .side-nav-1 {
        top: -43px;
        position: relative
    }
    
    .bg-extralight {
        background-color: #fafafa
    }
    
    input#search-bar {
        margin: 0 auto;
        width: 100%;
        height: 45px;
        padding: 0 10px;
        font-size: 1rem;
        border: 1px solid #d0cfce;
        outline: 0;
        border-radius: 5px
    }
    
    input#search-bar:focus {
        border: 1px solid #008abf;
        transition: .35s ease;
        color: #008abf
    }
    
    input#search-bar:focus::-webkit-input-placeholder {
        transition: opacity .45s ease;
        opacity: 0
    }
    
    input#search-bar:focus::-moz-placeholder {
        transition: opacity .45s ease;
        opacity: 0
    }
    
    input#search-bar:focus:-ms-placeholder {
        transition: opacity .45s ease;
        opacity: 0
    }
    
    .search-icon {
        position: relative;
        float: right;
        width: 75px;
        height: 75px;
        top: -30px;
        right: -44px
    }
    
    .modal-dialog-full-width {
        width: 100%!important;
        height: 100%!important;
        margin: 0!important;
        padding: 0!important;
        max-width: none!important;
        color: #fff
    }
    
    .modal-content-full-width {
        height: auto!important;
        min-height: 100%!important;
        border-radius: 0!important;
        background-color: #008abf!important
    }
    
    .modal-header-full-width {
        border-bottom: 1px solid #9ea2a2!important;
        color: #fff
    }
    
    .modal-footer-full-width {
        border-top: 1px solid #9ea2a2!important
    }
    
    .modal-dialog-full-width .list-group-item {
        background: 0 0!important;
        padding: .7rem 1rem
    }
    
    .pd10 {
        padding: 10px!important
    }
    
    .switch label input[type=checkbox]:checked+.lever::after {
        background-color: #24cdd5;
        left: 1.5rem
    }
    
    .loan-fore-error {
        color: #fb4848!important;
        padding-left: 0!important;
        font-size: 10px!important
    }
    
    .loan-fore-error.active {
        top: 10px!important;
        font-size: 13px!important
    }
    
    #buying_price {
        width: 100%!important
    }
    
    #veh_kms {
        width: 100%!important
    }
    
    #veh_kms1 {
        width: 100%!important
    }
    
    #buying_price-error {
        font-size: 13px!important
    }
    
    .buying-error {
        top: 10px!important;
        color: #fb4848!important;
        padding-left: 0!important
    }
    
    .buying-error-resp {
        top: 0!important;
        color: #fb4848!important;
        padding-left: 0!important
    }
    
    .used-car-page img {
        height: 227px!important;
        width: 100%!important
    }
    
    #priceText,
    #priceText1 {
        font-size: 11px
    }
    
    .tab-title {
        font-size: 12px!important
    }
    
    .modify_filter,
    .tab-controller input {
        display: none
    }
    
    .tab-controller label:hover {
        background-color: rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05), inset 0 -1px 0 0 #fff
    }
    
    .tab-controller input:checked+label {
        background: linear-gradient(45deg, transparent 49%, #1976d2 50%, transparent 51%) 0 0/3px 3px padding-box #1976d2;
        color: #fff
    }
    
    .tab-controller {
        border-radius: initial;
        display: inline-block;
        border-bottom: 1px solid #ced4da;
    }
    
    .tab-controller label {
        box-sizing: border-box;
        display: table-cell;
        width: 1000px;
        padding: 5px;
        border: 5px solid transparent;
        border-radius: 0;
        background-clip: padding-box;
        color: #fff;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
        font-size: 12px;
        /* text-transform: uppercase; */
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        transition: .05s ease-in-out
    }
    
    .modify_filter,
    .tab-controller input {
        display: none
    }
    
    .tab-controller input:checked+label {
        background: linear-gradient(45deg, transparent 49%, #1976d2 50%, transparent 51%) 0 0/3px 3px padding-box #1976d2;
        color: #fff
    }
    
    .dark-loan-box-mobile .select-wrapper input.select-dropdown,
    .select-wrapper span.caret {
        color: #fff
    }
    
    .dark-loan-box-mobile .md-form.input-group .form-control {
        margin: 0;
        padding: .375rem 0
    }
    
    .dark-loan-box-mobile .select-wrapper input.select-dropdown {
        font-size: 12px!important;
        text-transform: uppercase
    }
    
    .dark-loan-box-mobile label {
        font-size: 12px;
        text-transform: uppercase
    }
    
    .dark-loan-box-mobile .btn {
        padding: .4rem 1.14rem
    }
    
    .custom-file-label {
        overflow: hidden;
        white-space: nowrap
    }
    
    #toast {
        visibility: hidden;
        max-width: 500px;
        height: 50px;
        margin: auto;
        background-color: #fff;
        color: #333;
        text-align: center;
        border-radius: 2px;
        position: fixed;
        z-index: 9999;
        /* left: 0;
        right: 0; */
        left: 35px;
        right: -62%;
        top: 30px;
        font-size: 17px
    }
    
    .success {
        background-color: green!important;
        color: #fff!important
    }
    
    .error-toast {
        background-color: red!important;
        color: #fff!important
    }
    
    #toast #img {
        width: 50px;
        height: 50px;
        /* height: 76px; */
        float: left;
        padding-top: 13px;
        padding-bottom: 13px;
        box-sizing: border-box;
        background-color: #111;
        color: #fff
    }
    
    #toast #desc {
        color: #333;
        /* padding: 13px;
        overflow: hidden;
        white-space: nowrap */
    }
    
    #toast.show {
        visibility: visible;
        -webkit-animation: fadein .5s, expand .5s .5s, stay 3s 1s, shrink .5s 2s, fadeout .5s 2.5s;
        animation: fadein .5s, expand .5s .5s, stay 3s 1s, shrink .5s 4s, fadeout .5s 4.5s
    }
    
    .used-car-details-image .owl-dots {
        margin-top: 8px;
        text-align: center
    }
    
    .used-car-details-image .owl-nav {
        margin-top: 4px
    }
    
    .used-car-details-image .owl-dots .owl-dot {
        background: 0 0;
        border: 0
    }
    
    .used-car-details-image .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px
    }
    
    .owl-theme .owl-dots .owl-dot:hover span,
    .used-car-details-image .owl-theme .owl-dots .owl-dot.active span {
        background: #869791
    }
    
    .back-top {
        z-index: 99
    }
    
    .filter-used-car label {
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 0;
        padding-left: 0;
        font-weight: 700
    }
    
    .filter-used-car h5 {
        font-size: 20px;
        font-weight: 700;
        text-tranform: uppercase;
        margin-bottom: 10px
    }
    
    .filter-used-car .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #aaa;
        border: 1px solid #aaa
    }
    
    .filter-used-car .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff
    }
    
    .filter-used-car .select2-container--default .select2-selection--multiple {
        background-color: #fff;
        border: 1px solid #fff
    }
    
    .filter-used-car.custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        border-color: #fdd270;
        background-color: #fdd270
    }
    
    /* .select2-container {
        min-width: 100%
    } */
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    span.select2.select2-container.select2-container--default.select2-container--below {
        width: 100% !important;
    }
    
    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #fff
    }
    
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #eaeaeb;
        color: #272727
    }
    
    .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
        border-radius: 4px
    }
    
    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #fff;
        border-width: 2px
    }
    
    .select2-container--default .select2-selection--multiple {
        border-width: 2px
    }
    
    .select2-container--open .select2-dropdown--below {
        border-radius: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    
    .select2-selection .select2-selection--multiple:after {
        content: 'hhghgh'
    }
    
    .select-icon .select2-selection__placeholder .badge {
        display: none
    }
    
    .select-icon .placeholder {
        display: none
    }
    
    .select-icon .select2-results__option:before,
    .select-icon .select2-results__option[aria-selected=true]:before {
        display: none!important
    }
    
    .select-icon .select2-search--dropdown {
        display: none
    }
    
    .slider-selection {
        background: #f77500!important
    }
    
    .slider.slider-horizontal {
        width: 100%!important;
        height: 20px
    }
    
    .slider-handle {
        background-color: #fff!important;
        background-image: none!important;
        -webkit-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, .75)!important;
        -moz-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, .75)!important;
        box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, .75)!important
    }
    
    .slider-strips .slider-selection {
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important;
        background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important;
        background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important;
        background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, .08) 5px, rgba(252, 252, 252, .08) 10px)!important
    }
    
    .slider-ghost .slider-track {
        height: 5px!important
    }
    
    .slider-ghost .slider-handle {
        top: -2px!important;
        border: 5px solid #f77500
    }
    
    .slider-warning.slider-ghost .slider-handle {
        border-color: #f0ad4e
    }
    
    .slider-labels {
        margin-top: 10px
    }
    
    /* .noUi-target,
    .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -ms-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .noUi-target {
        position: relative;
        direction: ltr
    }
    
    .noUi-base {
        width: 98%;
        height: 100%;
        position: relative;
        z-index: 1
    }
    
    .noUi-origin {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0
    }
    
    .noUi-handle {
        position: relative;
        z-index: 1
    }
    
    .noUi-stacking .noUi-handle {
        z-index: 10
    }
    
    .noUi-state-tap .noUi-origin {
        -webkit-transition: left .3s, top .3s;
        transition: left .3s, top .3s
    }
    
    .noUi-state-drag * {
        cursor: inherit!important
    }
    
    .noUi-base,
    .noUi-handle {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    
    .noUi-horizontal {
        height: 4px
    }
    
    .noUi-horizontal .noUi-handle {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        left: -7px;
        top: -7px;
        background-color: #fdd270
    }
    
    .noUi-background {
        background: #d6d7d9
    }
    
    .noUi-connect {
        background: #fdd270;
        -webkit-transition: background 450ms;
        transition: background 450ms
    }
    
    .noUi-origin {
        border-radius: 2px
    }
    
    .noUi-target {
        border-radius: 2px
    }
    
    .noUi-draggable {
        cursor: w-resize
    }
    
    .noUi-vertical .noUi-draggable {
        cursor: n-resize
    }
    
    .noUi-handle {
        cursor: default;
        -webkit-box-sizing: content-box!important;
        -moz-box-sizing: content-box!important;
        box-sizing: content-box!important
    }
    
    .noUi-handle:active {
        border: 8px solid #fdd270;
        border: 8px solid rgba(53, 93, 187, .38);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        left: -14px;
        top: -14px
    } */
    
    .caption {
        font-size: 12px
    }
    
    .lisitng-box-logo {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: url(../images/loan-sticker-logo.jpg) center/cover;
        border-radius: 140px;
        position: absolute;
        right: 30px;
        top: 196px;
        border: #fff 3px solid;
        cursor: pointer
    }
    
    .car-tile {
        background-color: #fff;
        border: 1px solid #d3d3d3;
        border-radius: 10px
    }
    
    .car-list-image-border {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
    
    .car-list-image {
        width: 100%;
        height: 225px
    }
    
    .car-tile .list-group-item {
        padding: .1rem .75rem!important
    }
    
    .btn-olive {
        background-color: #123;
        border-color: #193552;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        padding: 10px
    }
    
    .btn-olive:hover {
        background-color: #1b4a79
    }
    
    .btn-org {
        background-color: #f57e2f;
        border-color: #f57e2f;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        padding: 10px
    }
    
    .btn-org:hover {
        background-color: #f54712
    }
    
    .car-list-title {
        white-space: nowrap;
        overflow: hidden
    }
    
    .loan-fore-btn {
        letter-spacing: 3px;
        font-weight: 700;
        padding: 15px!important
    }
    
    .filter-box {
        background: #0facf3;
        color: #fff;
        padding: 10px;
        border-radius: 2px
    }
    
    .filter-sticky {
        position: sticky;
        top: 0;
        bottom: 0;
        z-index: 2;
        -webkit-align-self: flex-start;
        align-self: flex-start
    }
    
    .filter-sticky-resp {
        position: fixed;
        bottom: 0;
        z-index: 99;
        width: 100%;
        height: auto
    }
    
    .car-details img:hover {
        transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        -ms-transition: .7s;
        -o-transition: .7s;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    
    [disabled] .noUi-connect,
    [disabled].noUi-connect {
        background: #b8b8b8
    }
    
    [disabled] .noUi-handle,
    [disabled].noUi-origin {
        cursor: not-allowed
    }
    
    .class-1ow {
        cursor: pointer
    }
    
    .class-1 {
        fill: #ffca5a
    }
    
    .class-2 {
        fill: #64d1da
    }
    
    .class-3 {
        fill: url(#linear-gradient)
    }
    
    .class-4 {
        fill: #34b2e4
    }
    
    .class-5 {
        fill: #065381
    }
    
    .class-6 {
        fill: #8b103d
    }
    
    .class-7 {
        fill: #fe912a
    }
    
    .class-8 {
        fill: #e34856
    }
    
    .class-9 {
        fill: #fab321
    }
    
    .class-10 {
        fill: #2cc6d2
    }
    
    .class-11 {
        fill: #92a316
    }
    
    .class-12 {
        fill: #0b98d0
    }
    
    .class-13,
    .class-22 {
        fill: #0a4366
    }
    
    .class-14,
    .class-26 {
        fill: #7b002c
    }
    
    .class-15 {
        fill: #fa7903
    }
    
    .class-16 {
        fill: #c8202f
    }
    
    .class-17,
    .class-20 {
        fill: #fff
    }
    
    .class-18,
    .class-20,
    .class-22 {
        font-size: 11px
    }
    
    .class-18 {
        fill: #fcfcfc
    }
    
    .class-18,
    .class-20,
    .class-22,
    .class-26 {
        font-family: Cairo, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    
    .class-19 {
        letter-spacing: -.02em
    }
    
    .class-21 {
        letter-spacing: -.05em
    }
    
    .class-23 {
        letter-spacing: -.06em
    }
    
    .class-24 {
        letter-spacing: -.02em
    }
    
    .class-25 {
        letter-spacing: 0
    }
    
    .class-26 {
        font-size: 18px
    }
    
    .class-27 {
        letter-spacing: -.02em
    }
    
    .class-28 {
        letter-spacing: 0
    }
    
    .cls-1 {
        fill: #928c7b;
    }
    
    .cls-2 {
        fill: none;
    }
    
    .cls-3 {
        isolation: isolate;
    }
    
    .cls-4 {
        fill: #7e7d66;
        opacity: 0.45;
    }
    
    .cls-10,
    .cls-130,
    .cls-16,
    .cls-34,
    .cls-35,
    .cls-39,
    .cls-4,
    .cls-81,
    .cls-86,
    .cls-89,
    .cls-92,
    .cls-95 {
        mix-blend-mode: multiply;
    }
    
    .cls-5 {
        fill: #7e7766;
    }
    
    .cls-6 {
        clip-path: url(#clip-path);
    }
    
    .cls-7 {
        fill: #b0a895;
    }
    
    .cls-8 {
        fill: #5b4141;
    }
    
    .cls-9 {
        fill: #6d5050;
    }
    
    .cls-10,
    .cls-147,
    .cls-74,
    .cls-81,
    .cls-88,
    .cls-92,
    .cls-95 {
        opacity: 0.5;
    }
    
    .cls-11 {
        fill: #f3ede5;
    }
    
    .cls-12 {
        fill: #c5c0b6;
    }
    
    .cls-13 {
        fill: #d8d3cc;
    }
    
    .cls-14 {
        fill: #c9e4ef;
    }
    
    .cls-14,
    .cls-31 {
        opacity: 0.1;
    }
    
    .cls-15 {
        fill: #63a5a5;
    }
    
    .cls-16 {
        fill: #b9b4a7;
    }
    
    .cls-16,
    .cls-89 {
        opacity: 0.7;
    }
    
    .cls-17 {
        fill: #b8ccd1;
    }
    
    .cls-18 {
        fill: #f0ece6;
    }
    
    .cls-19 {
        fill: #442d26;
    }
    
    .cls-20 {
        fill: #6c8704;
    }
    
    .cls-21 {
        fill: #719309;
    }
    
    .cls-22 {
        fill: #8faf15;
    }
    
    .cls-23 {
        fill: #abc636;
    }
    
    .cls-24 {
        fill: #9ebc1d;
    }
    
    .cls-25 {
        fill: #342a29;
    }
    
    .cls-26 {
        fill: #8a8a8a;
    }
    
    .cls-27 {
        fill: #285f79;
    }
    
    .cls-28 {
        fill: #251e1d;
    }
    
    .cls-29 {
        fill: #4c3d3d;
    }
    
    .cls-30 {
        fill: #474747;
    }
    
    .cls-31,
    .cls-33 {
        fill: #ceeff2;
    }
    
    .cls-100,
    .cls-101,
    .cls-105,
    .cls-106,
    .cls-107,
    .cls-108,
    .cls-109,
    .cls-110,
    .cls-111,
    .cls-112,
    .cls-150,
    .cls-151,
    .cls-152,
    .cls-153,
    .cls-154,
    .cls-155,
    .cls-156,
    .cls-31,
    .cls-96 {
        mix-blend-mode: screen;
    }
    
    .cls-32 {
        fill: #413535;
    }
    
    .cls-33,
    .cls-46 {
        opacity: 0.6;
    }
    
    .cls-34,
    .cls-35 {
        fill: #3e6268;
    }
    
    .cls-105,
    .cls-34,
    .cls-96 {
        opacity: 0.3;
    }
    
    .cls-35 {
        opacity: 0.2;
    }
    
    .cls-36 {
        fill: #e6e4e0;
    }
    
    .cls-37 {
        fill: #f3f1ec;
    }
    
    .cls-38,
    .cls-39 {
        fill: #dbd9d4;
    }
    
    .cls-100,
    .cls-39 {
        opacity: 0.8;
    }
    
    .cls-40 {
        fill: url(#linear-gradient);
    }
    
    .cls-41 {
        fill: #3f2f20;
    }
    
    .cls-42 {
        fill: url(#linear-gradient-2);
    }
    
    .cls-43,
    .cls-46 {
        fill: #c8c6c1;
    }
    
    .cls-44 {
        fill: #e2e0dc;
    }
    
    .cls-45 {
        fill: #f7f7f0;
    }
    
    .cls-47 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_5);
    }
    
    .cls-48 {
        fill: #d4d4d4;
    }
    
    .cls-49,
    .cls-67 {
        fill: #c18c68;
    }
    
    .cls-50 {
        fill: #4c5fbd;
    }
    
    .cls-51 {
        fill: #9b8767;
    }
    
    .cls-52 {
        fill: #423d3c;
    }
    
    .cls-53 {
        fill: #346db8;
    }
    
    .cls-54 {
        fill: #d3a57d;
    }
    
    .cls-55 {
        fill: #cc9a75;
    }
    
    .cls-56 {
        fill: #eab88c;
    }
    
    .cls-57 {
        fill: #a75;
    }
    
    .cls-58 {
        fill: #2d2b2a;
    }
    
    .cls-59,
    .cls-89 {
        fill: #383534;
    }
    
    .cls-60 {
        fill: #2b2b2b;
    }
    
    .cls-61 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11170);
    }
    
    .cls-62 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11140);
    }
    
    .cls-63 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11170-2);
    }
    
    .cls-64 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11140-2);
    }
    
    .cls-65 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11156);
    }
    
    .cls-66 {
        fill: #f4c698;
    }
    
    .cls-130,
    .cls-149,
    .cls-67,
    .cls-86 {
        opacity: 0.4;
    }
    
    .cls-68 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11170-3);
    }
    
    .cls-69 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11140-3);
    }
    
    .cls-70 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11156-2);
    }
    
    .cls-71 {
        fill: #446950;
    }
    
    .cls-72 {
        fill: #1d1c1b;
    }
    
    .cls-73 {
        fill: #2c2a29;
    }
    
    .cls-74 {
        fill: #232221;
    }
    
    .cls-75 {
        fill: #c6c0b3;
    }
    
    .cls-76 {
        fill: #e8dfd1;
    }
    
    .cls-77 {
        clip-path: url(#clip-path-2);
    }
    
    .cls-78 {
        fill: #a5a095;
    }
    
    .cls-79 {
        clip-path: url(#clip-path-3);
    }
    
    .cls-80 {
        fill: #4d5fb9;
    }
    
    .cls-81 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11118);
    }
    
    .cls-82 {
        fill: #3a3835;
    }
    
    .cls-83 {
        fill: #ffd3ab;
    }
    
    .cls-84 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_2);
    }
    
    .cls-85,
    .cls-88 {
        fill: #3a4ca3;
    }
    
    .cls-87 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_14);
    }
    
    .cls-90 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_13);
    }
    
    .cls-91 {
        fill: #7084ec;
    }
    
    .cls-92 {
        fill: #af955a;
    }
    
    .cls-93 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_12);
    }
    
    .cls-94 {
        opacity: 0.25;
    }
    
    .cls-95 {
        fill: #fffcee;
    }
    
    .cls-106,
    .cls-133,
    .cls-96 {
        fill: #fff;
    }
    
    .cls-97 {
        fill: #4b4c45;
    }
    
    .cls-100,
    .cls-101,
    .cls-98 {
        fill: #aecdd1;
    }
    
    .cls-99 {
        fill: #8aa5aa;
    }
    
    .cls-101 {
        opacity: 0.9;
    }
    
    .cls-102 {
        fill: #d16a0d;
    }
    
    .cls-103 {
        fill: #ad2525;
    }
    
    .cls-104 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_5-2);
    }
    
    .cls-105 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_7857);
    }
    
    .cls-107 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683);
    }
    
    .cls-108 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-2);
    }
    
    .cls-109 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-3);
    }
    
    .cls-110 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-4);
    }
    
    .cls-111 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-5);
    }
    
    .cls-112 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-6);
    }
    
    .cls-113 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_17);
    }
    
    .cls-114 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11170-4);
    }
    
    .cls-115 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11140-4);
    }
    
    .cls-116 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11156-3);
    }
    
    .cls-117 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11170-5);
    }
    
    .cls-118 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11140-5);
    }
    
    .cls-119 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_11156-4);
    }
    
    .cls-120 {
        fill: #262422;
    }
    
    .cls-121 {
        fill: #302c26;
    }
    
    .cls-122 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_23);
    }
    
    .cls-123 {
        clip-path: url(#clip-path-4);
    }
    
    .cls-124 {
        clip-path: url(#clip-path-5);
    }
    
    .cls-125 {
        fill: #ce3429;
    }
    
    .cls-126 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_21);
    }
    
    .cls-127 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_20);
    }
    
    .cls-128 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10);
    }
    
    .cls-129 {
        fill: #a31f16;
    }
    
    .cls-130 {
        fill: #95443d;
    }
    
    .cls-131 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-2);
    }
    
    .cls-132 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-3);
    }
    
    .cls-134 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_19);
    }
    
    .cls-135 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-4);
    }
    
    .cls-136 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-5);
    }
    
    .cls-137 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_19-2);
    }
    
    .cls-138 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_18);
    }
    
    .cls-139 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_16);
    }
    
    .cls-140 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_17-2);
    }
    
    .cls-141 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-6);
    }
    
    .cls-142 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-7);
    }
    
    .cls-143 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_16-2);
    }
    
    .cls-144 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-8);
    }
    
    .cls-145 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_15);
    }
    
    .cls-146 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-9);
    }
    
    .cls-147 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_10-10);
    }
    
    .cls-148 {
        fill: #ff5e5a;
    }
    
    .cls-149 {
        fill: #e93e32;
    }
    
    .cls-150 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-7);
    }
    
    .cls-151 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-8);
    }
    
    .cls-152 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-9);
    }
    
    .cls-153 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-10);
    }
    
    .cls-154 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-11);
    }
    
    .cls-155 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-12);
    }
    
    .cls-156 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_1683-13);
    }
    
    .cls-157 {
        fill: #f2f2f2;
    }
    
    .cls-158 {
        fill: #fbbd9e;
    }
    
    .cls-159 {
        fill: #ffc7ae;
    }
    
    .cls-160 {
        fill: #231b23;
    }
    
    .cls-161 {
        fill: #281e28;
    }
    
    .cls-162 {
        fill: #f2a883;
    }
    
    .cls-163 {
        fill: #d22d2d;
    }
    
    .cls-164 {
        fill: #3f3a36;
    }
    
    .cls-165 {
        fill: #ef9a33;
    }
    
    .cls-166 {
        fill: #f9ad87;
    }
    
    .cls-167 {
        fill: #fffa48;
    }
    
    .cls-168 {
        fill: #724a2f;
    }
    
    .cls-169 {
        fill: #3d2c1f;
    }
    
    .cls-170 {
        fill: #f4efe9;
    }
    
    .cls-171 {
        fill: url(#Áåçûìÿííûé_ãðàäèåíò_22);
    }
    
    .search-wrap {
        margin-top: -20px!important
    }
    
    .dark-loan-box .select2-container--default .select2-selection--single {
        background-color: transparent!important;
        border-bottom: 1px solid #fff!important;
        border-top: 0;
        border-left: none;
        border-right: 0;
        border-radius: 0
    }
    
    .dark-loan-box .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
        padding-left: 0;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 28px
    }
    
    .dark-loan-box-mobile .select2-container--default .select2-selection--single {
        background-color: transparent!important;
        border-bottom: 1px solid #fff!important;
        border-top: 0;
        border-left: none;
        border-right: 0;
        border-radius: 0
    }
    
    .dark-loan-box-mobile .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
        padding-left: 0;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 28px
    }
    
    .select2-container--default .select2-results>.select2-results__options {
        max-height: 200px;
        overflow-y: auto;
        font-size: 12px!important;
        text-transform: uppercase
    }
    
    .dark-loan-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent
    }
    
    .mt31 {
        margin-top: 31px
    }
    
    .roi-bg {
        background-color: #818aff
    }
    
    .emi-bg {
        background-color: #26a59e
    }
    
    .tenure-bg {
        background-color: #4baf4f
    }
    
    .img-used-car-details {
        height: 368px!important;
        width: 100%!important
    }
    
    span.select2-selection.select2-selection--single {
        outline: 0
    }
    
    .modal-body svg,
    .svg-cont {
        width: 100%!important;
        height: auto!important
    }
    
     ::placeholder {
        color: #fff;
        opacity: 1
    }
    
     :-ms-input-placeholder {
        color: #fff
    }
    
     ::-ms-input-placeholder {
        color: #fff
    }
    
    .card ul li .badge {
        width: 50px!important
    }
    
    .min-height {
        min-height: 640px
    }
    
    .svg-no-content {
        width: 500px;
        height: auto
    }
    
    .overflow-scroll-auto {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #d3d3d3 gray;
        scroll-behavior: smooth
    }
    
    @-webkit-keyframes fadein {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: 30px;
            opacity: 1
        }
    }
    
    @keyframes fadein {
        from {
            top: 0;
            opacity: 0
        }
        to {
            top: 30px;
            opacity: 1
        }
    }
    
    @-webkit-keyframes expand {
        from {
            min-width: 50px
        }
        to {
            min-width: 350px
        }
    }
    
    @keyframes expand {
        from {
            min-width: 50px
        }
        to {
            min-width: 350px
        }
    }
    
    @-webkit-keyframes stay {
        from {
            min-width: 350px
        }
        to {
            min-width: 350px
        }
    }
    
    @keyframes stay {
        from {
            min-width: 350px
        }
        to {
            min-width: 350px
        }
    }
    
    @-webkit-keyframes shrink {
        from {
            min-width: 350px
        }
        to {
            min-width: 50px
        }
    }
    
    @keyframes shrink {
        from {
            min-width: 350px
        }
        to {
            min-width: 50px
        }
    }
    
    @-webkit-keyframes fadeout {
        from {
            top: 30px;
            opacity: 1
        }
        to {
            top: 60px;
            opacity: 0
        }
    }
    
    @keyframes fadeout {
        from {
            top: 30px;
            opacity: 1
        }
        to {
            top: 60px;
            opacity: 0
        }
    }
    
    @media(max-width:1369px) {
        .dark-loan-box .btn {
            padding: .3rem .7rem
        }
    }
    
    @media(max-width:576px) {
        .mp-l-0 {
            margin-left: 0!important;
            padding-left: 0!important
        }
        .img-car-details {
            height: auto!important
        }
        .promoContent {
            padding: 6px 14px
        }
        .stickyPromo {
            left: 0;
            width: 100%;
            border-radius: 0
        }
    }
    
    @media(max-height:600px) {
        .resp-ht {
            overflow-y: scroll;
            scrollbar-width: thin;
            scrollbar-color: #d3d3d3 gray;
            scroll-behavior: smooth
        }
    }
    
    @media(max-height:600px) {
        .slider-txt-kuwy {
            margin-top: 39px;
            padding-left: 100px
        }
    }
    
    @media(max-height:400px) {
        .slider-txt-kuwy {
            margin-top: 30px;
            padding-left: 100px
        }
    }
    
    @media (max-width:991px) {
        .download_icon_close,
        .phone-img {
            display: none
        }
        .promoContent p {
            display: none
        }
        .promoContent h3 {
            display: none
        }
        .stickyPromo {
            background: 0 0;
            box-shadow: none
        }
    }
    
    #loader-kuwy {
        width: 100px;
        height: 100px;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 23px;
        font-weight: 700;
        border-radius: 12px;
        box-shadow: 0 16px 21px -15px #fb4848;
        background-color: #e3e3e3
    }
    
    #loader-kuwy #loader-water {
        width: 150px;
        height: 150px;
        background-color: #fb4848;
        display: inline-block;
        position: absolute;
        border-radius: 48px;
        bottom: 0;
        right: 0;
        transform: translate(82%, 94%);
        box-shadow: inset 0 0 2px 0 #fff;
        animation: waterLoader 2s linear .2s infinite forwards
    }
    
    .loader-text {
        color: #123;
        z-index: 0;
        font-family: Audiowide;
        animation: textColorChanged 2s linear .2s infinite forwards
    }
    
    @keyframes textColorChanged {
        0% {
            color: #123
        }
        25% {
            color: #123
        }
        50% {
            color: #123
        }
        75% {
            color: #fff
        }
        100% {
            color: #fff
        }
    }
    
    @keyframes waterLoader {
        0% {
            transform: translate(72%, 94%)
        }
        25% {
            transform: translate(62%, 84%) rotate(50deg)
        }
        50% {
            transform: translate(40%, 70%) rotate(100deg)
        }
        75% {
            transform: translate(20%, 50%) rotate(200deg)
        }
        100% {
            transform: translate(14%, 30%) rotate(320deg)
        }
    }
    
    .loader {
        font-family: Audiowide, cursive!important;
        font-weight: 400;
        font-style: normal
    }
    
    .loan-amount {
        font-size: 14px;
        color: #fb4848;
        text-transform: uppercase
    }
    
    .svg-cont svg {
        width: 100%
    }
    
    .st0 {
        fill: #ffca5a
    }
    
    .st1 {
        fill: #64d1da
    }
    
    .st2 {
        fill: url(#ap_click8_tab_1_)
    }
    
    .st3 {
        fill: #34b2e4
    }
    
    .st4 {
        fill: #065381
    }
    
    .st5 {
        fill: #8b103d
    }
    
    .st6 {
        fill: #fe912a
    }
    
    .st7 {
        fill: #e34856
    }
    
    .st8 {
        fill: #fab321
    }
    
    .st9 {
        fill: #2cc6d2
    }
    
    .st10 {
        fill: #92a316
    }
    
    .st11 {
        fill: #0b98d0
    }
    
    .st12 {
        fill: #0a4366
    }
    
    .st13 {
        fill: #7b002c
    }
    
    .st14 {
        fill: #fa7903
    }
    
    .st15 {
        fill: #c8202f
    }
    
    .st16 {
        fill: #fff
    }
    
    .st17 {
        font-family: Cairo;
        font-weight: 700
    }
    
    .st18 {
        font-size: 12px;
        font-family: Cairo;
        font-weight: 700
    }
    
    .st19 {
        font-size: 11px;
        font-family: Cairo;
        font-weight: 700
    }
    
    .st20 {
        font-family: Cairo;
        font-weight: 700
    }
    
    .st21 {
        font-size: 18px
    }
    
    .st0,
    .st1,
    .st10,
    .st11,
    .st12,
    .st13,
    .st14,
    .st15,
    .st16,
    .st17,
    .st18,
    .st19,
    .st2,
    .st20,
    .st21,
    .st3,
    .st4,
    .st5,
    .st6,
    .st7,
    .st8,
    .st9 {
        cursor: pointer
    }
    
    .main_min1 {
        display: none
    }
    
    .modal.bottom .modal-dialog,
    .modal.left .modal-dialog,
    .modal.right .modal-dialog,
    .modal.top .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 500px;
        max-width: 100%;
        height: 100%
    }
    
    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto
    }
    
    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px
    }
    
    .modal.left.fade .modal-dialog {
        left: -500px;
        -webkit-transition: opacity .3s linear, left .3s ease-out;
        -moz-transition: opacity .3s linear, left .3s ease-out;
        -o-transition: opacity .3s linear, left .3s ease-out;
        transition: opacity .3s linear, left .3s ease-out
    }
    
    .modal.left.fade.show .modal-dialog {
        left: 0
    }
    
    .modal.right.fade .modal-dialog {
        right: -500px;
        -webkit-transition: opacity .3s linear, right .3s ease-out;
        -moz-transition: opacity .3s linear, right .3s ease-out;
        -o-transition: opacity .3s linear, right .3s ease-out;
        transition: opacity .3s linear, right .3s ease-out
    }
    
    .modal.right.fade.show .modal-dialog {
        right: 0
    }
    
    .modal.bottom .modal-content,
    .modal.full .modal-content,
    .modal.left .modal-content,
    .modal.right .modal-content,
    .modal.top .modal-content {
        border-radius: 0;
        border: none
    }
    
    .modal.left .modal-dialog.modal-sm,
    .modal.right .modal-dialog.modal-sm {
        width: 300px
    }
    
    .modal.left .modal-dialog.modal-lg,
    .modal.right .modal-dialog.modal-lg {
        width: 800px
    }
    
    .modal.left .modal-dialog.modal-xl,
    .modal.right .modal-dialog.modal-xl {
        width: 1140px
    }
    
    .modal.bottom .modal-dialog,
    .modal.top .modal-dialog {
        position: fixed;
        margin: auto;
        width: 100%;
        max-width: 100%;
        height: auto
    }
    
    .modal.bottom .modal-content,
    .modal.top .modal-content {
        height: auto;
        overflow-y: auto
    }
    
    .modal.bottom .modal-body,
    .modal.top .modal-body {
        padding: 15px 15px
    }
    
    .modal.top.fade .modal-dialog {
        top: -100%;
        -webkit-transition: opacity .3s linear, top .3s ease-out;
        -moz-transition: opacity .3s linear, top .3s ease-out;
        -o-transition: opacity .3s linear, top .3s ease-out;
        transition: opacity .3s linear, top .3s ease-out
    }
    
    .modal.top.fade.show .modal-dialog {
        top: 0
    }
    
    .modal.bottom.fade .modal-dialog {
        bottom: -100%;
        -webkit-transition: opacity .3s linear, bottom .3s ease-out;
        -moz-transition: opacity .3s linear, bottom .3s ease-out;
        -o-transition: opacity .3s linear, bottom .3s ease-out;
        transition: opacity .3s linear, bottom .3s ease-out
    }
    
    .modal.bottom.fade.show .modal-dialog {
        bottom: 0
    }
    
    .modal.bottom.fade .modal-dialog {
        bottom: -100%
    }
    
    .modal.full .modal-dialog {
        position: fixed;
        margin: auto;
        width: 100%;
        max-width: 100%;
        height: 100%
    }
    
    .modal.full .modal-content {
        height: 100%;
        overflow-y: auto
    }
    
    .modal.full .close-modal {
        position: fixed;
        top: 0;
        right: 3rem
    }
    
    .modal-footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        border-radius: 0
    }
    
    .modal.left.xs .modal-body,
    .modal.right.xs .modal-body {
        padding: 15px
    }
    
    .header-modal-green {
        background: #1caa70;
        background: linear-gradient(110deg, #1caa70 0, #2fb382 100%);
        color: #fff
    }
    
    .btn-line-white {
        border: solid 1px #fff;
        color: #fff
    }
    
    .btn-line-white:hover {
        border: solid 1px #fff;
        color: #969696;
        background-color: #fff
    }
    
    .btn-apply-loan {
        background-color: #fff;
        color: #1caa70;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        border-color: #1caa70
    }
    
    .btn-apply-loan:hover {
        color: #0facf3;
        background-color: #fff;
        border-color: #0facf3
    }
    
    .btn-apply-loan:not([disabled]):not(.disabled).active {
        background-color: #1caa70;
        color: #fff
    }
    
    .btn-booked {
        background-color: #d3d3d3;
        color: gray;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        border-color: #d3d3d3
    }
    
    .btn-booked:hover {
        background-color: #d3d3d3;
        color: gray;
        border-color: #d3d3d3
    }
    
    .flip {
        position: relative
    }
    
    .flip>.back,
    .flip>.front {
        display: block;
        transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
        transition-duration: .5s;
        transition-property: transform, opacity
    }
    
    .flip>.front {
        transform: rotateY(0);
        width: 100%;
        height: 100%
    }
    
    .flip>.back {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: rotateY(-180deg)
    }
    
    .flip:hover>.front {
        transform: rotateY(180deg)
    }
    
    .flip:hover>.back {
        opacity: 1;
        transform: rotateY(0)
    }
    
    .flip.flip-vertical>.back {
        transform: rotateX(-180deg)
    }
    
    .flip.flip-vertical:hover>.front {
        transform: rotateX(180deg)
    }
    
    .flip.flip-vertical:hover>.back {
        transform: rotateX(0)
    }
    
    .flip {
        position: relative;
        display: inline-block;
        margin-right: 2px;
        margin-bottom: 1em;
        width: 100%
    }
    
    .flip>.front {
        background-color: #fff!important
    }
    
    .flip>.back,
    .flip>.front {
        display: block;
        color: #fff;
        width: inherit;
        background-size: cover!important;
        background-position: center!important;
        padding: 1em 2em;
        background: #313131;
        border-radius: 10px
    }
    
    .flip>.back p,
    .flip>.front p {
        font-size: .9125rem;
        line-height: 160%;
        color: #999
    }
    
    .text-shadow {
        text-shadow: 1px 1px rgba(0, 0, 0, .04), 2px 2px rgba(0, 0, 0, .04), 3px 3px rgba(0, 0, 0, .04), 4px 4px rgba(0, 0, 0, .04), .125rem .125rem rgba(0, 0, 0, .04), 6px 6px rgba(0, 0, 0, .04), 7px 7px rgba(0, 0, 0, .04), 8px 8px rgba(0, 0, 0, .04), 9px 9px rgba(0, 0, 0, .04), .3125rem .3125rem rgba(0, 0, 0, .04), 11px 11px rgba(0, 0, 0, .04), 12px 12px rgba(0, 0, 0, .04), 13px 13px rgba(0, 0, 0, .04), 14px 14px rgba(0, 0, 0, .04), .625rem .625rem rgba(0, 0, 0, .04), 16px 16px rgba(0, 0, 0, .04), 17px 17px rgba(0, 0, 0, .04), 18px 18px rgba(0, 0, 0, .04), 19px 19px rgba(0, 0, 0, .04), 1.25rem 1.25rem rgba(0, 0, 0, .04)
    }
    
    .add-new-address {
        font-size: 12px
    }
    
    #add-new-address-wrap {
        margin-top: 0;
        margin-bottom: 30px;
        background: #fff;
        width: 100%;
        height: auto;
        border: #d3d3d3 solid 1px
    }
    
    #add-new-address-toggle {
        display: block;
        width: 100%;
        height: 35px;
        line-height: 35px;
        background: #fff;
        text-align: center;
        color: gray;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        border: #d3d3d3 solid 1px
    }
    
    .radio {
        display: inline-block;
        border-radius: 0;
        box-sizing: border-box;
        cursor: pointer;
        color: #000;
        font-weight: 500;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%)
    }
    
    .radio:hover {
        box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .1)
    }
    
    .radio.selected {
        box-shadow: 0 8px 16px 0 #eee;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
        filter: grayscale(0)
    }
    
    .selected {
        background-color: #e0f2f1
    }
    
    .downpayment-box,
    .emi-box,
    .loanamount-box,
    .roi-box,
    .tenure-box {
        padding: 10px;
        color: #fff;
        text-transform: uppercase;
        border-radius: 5px
    }
    
    .loanamount-box {
        background-color: #818aff
    }
    
    .tenure-box {
        background-color: #4aaf4f
    }
    
    .downpayment-box {
        background-color: #26a59a
    }
    
    .roi-box {
        background-color: #0facf3
    }
    
    .emi-box {
        background-color: #fd970f
    }
    
    .cursor {
        cursor: pointer
    }
    
    .testimonial:after {
        position: absolute;
        top: 0!important;
        left: 0;
        content: " ";
        background-size: 100% 100px;
        width: 100%;
        height: 100px;
        float: left;
        z-index: 99
    }
    
    .testimonial {
        min-height: 290px;
        position: relative;
        background: url(../images/testimonial-bg.jpg);
        padding-top: 15px;
        padding-bottom: 0px;
        background-position: bottom center;
        background-size: cover
    }
    
    #testimonial4 .carousel-inner:hover {
        cursor: -moz-grab;
        cursor: -webkit-grab
    }
    
    #testimonial4 .carousel-inner:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing
    }
    
    #testimonial4 .carousel-inner .item {
        overflow: hidden
    }
    
    .testimonial4_indicators .carousel-indicators {
        left: 0;
        margin: 0;
        width: 100%;
        font-size: 0;
        height: 20px;
        bottom: 15px;
        padding: 0 5px;
        cursor: e-resize;
        overflow-x: auto;
        overflow-y: hidden;
        position: absolute;
        text-align: center;
        white-space: nowrap
    }
    
    .testimonial4_indicators .carousel-indicators li {
        padding: 0;
        width: 14px;
        height: 14px;
        border: none;
        text-indent: 0;
        margin: 2px 3px;
        cursor: pointer;
        display: inline-block;
        background: #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }
    
    .testimonial4_indicators .carousel-indicators .active {
        padding: 0;
        width: 14px;
        height: 14px;
        border: none;
        margin: 2px 3px;
        background-color: #9dd3af;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }
    
    .testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
        height: 3px
    }
    
    .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
        background: #eee;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    
    .testimonial4_control_button .carousel-control {
        top: 175px;
        opacity: 1;
        width: 40px;
        bottom: auto;
        height: 40px;
        font-size: 10px;
        cursor: pointer;
        font-weight: 700;
        overflow: hidden;
        line-height: 38px;
        text-shadow: none;
        text-align: center;
        position: absolute;
        background: 0 0;
        border: 2px solid #fff;
        text-transform: uppercase;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .6s cubic-bezier(.3, 1, 0, 1);
        transition: all .6s cubic-bezier(.3, 1, 0, 1)
    }
    
    .testimonial4_control_button .carousel-control.left {
        left: 7%;
        top: 50%;
        right: auto
    }
    
    .testimonial4_control_button .carousel-control.right {
        right: 7%;
        top: 50%;
        left: auto
    }
    
    .testimonial4_control_button .carousel-control.left:hover,
    .testimonial4_control_button .carousel-control.right:hover {
        color: #000;
        background: #fff;
        border: 2px solid #fff
    }
    
    .testimonial4_header {
        top: 0;
        left: 0;
        bottom: 0;
        width: 550px;
        display: block;
        margin: 30px auto;
        text-align: center;
        position: relative
    }
    
    .testimonial4_header h4 {
        font-size: 30px;
        font-weight: 600;
        position: relative;
        letter-spacing: 1px;
        text-transform: uppercase
    }
    
    .testimonial4_slide {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 50%;
        margin: auto;
        padding: 0px;
        position: relative;
        text-align: center
    }
    
    .testimonial4_slide p {
        font-size: 14px;
        line-height: 1.4;
        margin: 24px 0 10px 0
    }
    
    .testimonial4_slide h4 {
        color: #fff;
        font-size: 22px
    }
    
    .testimonial .carousel {
        padding-bottom: 0px
    }
    
    .testimonial .carousel-control-next-icon,
    .testimonial .carousel-control-prev-icon {
        width: 35px;
        height: 35px
    }
    
    .testi-quotes {
        font-size: 30px;
        color: #0f88fa;
        position: absolute;
        left: -35px;
        top: -18px;
    }
    
    .custom-select-lg {
        font-size: .9rem!important
    }
    
    .kt0 {
        fill: #124570
    }
    
    .kt1 {
        fill: #175483
    }
    
    .kt2 {
        enable-background: new
    }
    
    .kt3 {
        fill: #fb4848
    }
    
    .kt4 {
        fill: #fff
    }
    
    .kt5 {
        fill: #caaa75
    }
    
    .kt6 {
        fill: #caaa75;
        stroke: #124570;
        stroke-miterlimit: 10
    }
    
    .kt7 {
        font-family: MyriadPro-Bold
    }
    
    .kt8 {
        font-size: 34px
    }
    
    .kt9 {
        font-size: 12px
    }
    
    .kt10 {
        font-family: Cairo-Bold
    }
    
    .kt11 {
        font-size: 21px
    }
    
    .kt12 {
        font-size: 18px
    }
    
    .loan-card-detail {
        width: 100%;
        float: left
    }
    
    .text-bold {
        font-weight: 700
    }
    
    .font-family {
        font-family: Cairo, sans-serif
    }
    
    .emicalci label {
        color: gray;
        padding: 10px;
    }
    
    .car-detail ul li {
        border-bottom: 0 dotted #ddd
    }
    
    .bg-loan-amount {
        width: 60%;
        background: url(../images/Pre-Approved-Loan-Amount.svg) no-repeat;
        height: 130px;
        float: left;
        margin-top: 30px;
        margin-left: 120px;
        position: relative
    }
    
    
    .form-wizard {
        color: #888;
        padding: 0 20px 0 20px;
    }
    
    .form-wizard .wizard-form-radio {
        display: inline-block;
        margin-left: 5px;
        position: relative
    }
    
    .form-wizard .wizard-form-radio input[type=radio] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-color: #ddd;
        height: 25px;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        position: relative;
        cursor: pointer
    }
    
    .form-wizard .wizard-form-radio input[type=radio]:focus {
        outline: 0
    }
    
    .form-wizard .wizard-form-radio input[type=radio]:checked {
        background-color: #fb1647
    }
    
    .form-wizard .wizard-form-radio input[type=radio]:checked::before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #fff;
        border-radius: 50%;
        left: 1px;
        right: 0;
        margin: 0 auto;
        top: 8px
    }
    
    .form-wizard .wizard-form-radio input[type=radio]:checked::after {
        content: "";
        display: inline-block;
        webkit-animation: click-radio-wave .65s;
        -moz-animation: click-radio-wave .65s;
        animation: click-radio-wave .65s;
        background: #000;
        content: '';
        display: block;
        position: relative;
        z-index: 100;
        border-radius: 50%
    }
    
    .form-wizard .wizard-form-radio input[type=radio]~label {
        padding-left: 10px;
        cursor: pointer
    }
    
    .form-wizard .form-wizard-header {
        text-align: center
    }
    
    .form-wizard .form-wizard-next-btn,
    .form-wizard .form-wizard-previous-btn,
    .form-wizard .form-wizard-submit {
        /* background-color: #1976d2; */
        color: #1976d2;
        display: inline-block;
        min-width: 120px;
        padding: 10px;
        text-align: center;
        border: 2px solid #1976d2;
        border-radius: 25px;
        font-weight: 600;
    }
    
    .form-wizard .form-wizard-next-btn:focus,
    .form-wizard .form-wizard-next-btn:hover,
    .form-wizard .form-wizard-previous-btn:focus,
    .form-wizard .form-wizard-previous-btn:hover,
    .form-wizard .form-wizard-submit:focus,
    .form-wizard .form-wizard-submit:hover {
        color: #313131;
        opacity: .6;
        text-decoration: none
    }
    
    .form-wizard .wizard-fieldset {
        display: none
    }
    
    .form-wizard .wizard-fieldset.show {
        display: block
    }
    
    .form-wizard .wizard-form-error {
        display: none;
        background-color: #d70b0b;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 100%
    }
    
    /* .form-wizard .form-wizard-previous-btn {
        background-color: #ccc
    } */
    
    .form-wizard .form-control {
        font-weight: 400;
        height: 50px!important;
        color: #333;
        line-height: -0.2em;
        border: 1px solid #eaeaea;
        border-radius: 4px;
        padding: 10px;
        /* background: #f9f9f9; */
    }

    fieldset.wizard-fieldset.show select, 
    .select2-container--default .select2-selection--single,
    button.multiselect.dropdown-toggle {
        border: 1px solid #eaeaea !important;
        border-radius: 0 !important;
        /* background: #f9f9f9 !important; */
        padding: 10px !important;
        height: 50px !important;
        font-size: 15px !important;
    }

    .custom-select:focus {
        box-shadow: 0 0 0 0.1rem rgb(241 241 241 / 25%);
    }

    .form-wizard .wizard-fieldset.show .form-group {
        margin-bottom: 3rem !important;
    }
    
    .form-wizard .form-control:focus {
        box-shadow: none
    }
    
    .form-wizard .form-group {
        position: relative
    }
    
    .form-wizard .wizard-form-text-label {
        position: absolute;
        left: 10px;
        top: 16px;
        transition: .2s linear all
    }
    
    .form-wizard .focus-input .wizard-form-text-label {
        color: #d65470;
        top: -18px;
        transition: .2s linear all;
        font-size: 12px
    }
    
    .form-wizard .form-wizard-steps {
        margin: 30px 0
    }
    
    .form-wizard .form-wizard-steps li {
        width: 25%;
        float: left;
        position: relative
    }
    
    .form-wizard .form-wizard-steps li span {
        background-color: #ddd;
        border-radius: 50%;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        position: relative;
        text-align: center;
        width: 40px;
        z-index: 1
    }
    
    .form-wizard .form-wizard-steps li:last-child::after {
        width: 20%
    }
    
    .form-wizard .form-wizard-steps li.activated span,
    .form-wizard .form-wizard-steps li.active span {
        background-color: #24cdd5;
        color: #fff
    }
    
    .form-wizard .form-wizard-steps li.activated::after {
        width: 100%;
        border-color: #24cdd5
    }
    
    .form-wizard .form-wizard-steps li:last-child::after {
        left: 0
    }
    
    .form-wizard .wizard-password-eye {
        position: absolute;
        right: 32px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer
    }
    
    @keyframes click-radio-wave {
        0% {
            width: 25px;
            height: 25px;
            opacity: .35;
            position: relative
        }
        100% {
            width: 60px;
            height: 60px;
            margin-left: -15px;
            margin-top: -15px;
            opacity: 0
        }
    }
    
    @media screen and (max-width:767px) {
        .wizard-content-left {
            height: auto
        }
        .form-wizard .wizard-fieldset.show .form-group {
            margin-bottom: 1rem !important;
        }
    }
    
    .tab-img img {
        width: 100%;
        height: auto
    }
    
    .hide-tab-img {
        display: none
    }
    
    .show-tab-img {
        display: block!important
    }
    
    .form-wizard-steps li:last-child::before {
        background-color: transparent!important;
        left: unset;
        width: unset;
        border-color: transparent!important
    }
    
    .form-wizard .form-wizard-steps li.activated::before,
    .form-wizard .form-wizard-steps li.active::after {
        background-color: #24cdd5;
        left: 20%;
        width: 80%;
        border-color: #24cdd5
    }
    
    .form-wizard .form-wizard-steps li::before {
        background-color: #f3f3f3;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd
    }
    
    .error {
        color: #fb4848
    }
    
    .text-align-center {
        text-align: center!important
    }
    
    .text-align-right {
        text-align: right!important
    }
    
    .text-red {
        color: #fb4848
    }
    
    .text-darkblue {
        color: #123!important
    }
    
    .fl {
        float: left
    }
    
    .fr {
        float: right
    }
    
    .kw-60 {
        width: 60%;
        margin: auto
    }
    .kw-100 {
        width: 100%;
        margin: 0 auto;
    }
    
    .btn-brown {
        background-color: #dcdcdc!important;
        color: #123;
        border: 1px solid #dcdcdc
    }
    
    .btn-brown:hover {
        color: #1976d2
    }
    
    .btn-gplus {
        background-color: #fb4848!important;
        color: #fff;
        border: 1px solid #fb4848
    }
    
    .card-detail.hide-card-detail {
        display: none
    }
    
    .card-detail.hide-card-detail.show-card-detail {
        display: block!important
    }
    
    .kuwy-loancard-mob {
        display: none
    }
    
    @media (max-width:991px) {
        .kuwy-loancard-mob {
            display: inline!important;
            position: absolute;
            top: 144px;
            left: 34px;
            width: 84%;
            background: #fff
        }
        .bg-loan-amount {
            margin-left: 70px
        }
        ul.loan-eligibility-bg li {
            width: 114px;
            margin: 30px 0 -30px 0
        }
        .ky-header-app {
            margin: 30px 0 20px 0
        }
        ul.loan-eligibility-bg li {
            width: 165px;
            margin: 30px 0 -30px 0;
        }
        ul.loan-eligibility-bg {
            margin-bottom: 38px;
        }
        img.mobil-logo {
            width: 45%;
        }
    }
    
    .multiselect-modal {
        position: relative
    }
    
    .multiselect-modal-show-btn {
        position: absolute;
        bottom: 0px;
        right: 0px;
        transform: translate(-9px, -11px);
        padding: 4px 20px;
        border-radius: .25rem;
        background: #24cdd5;
        color: #fff;
        font-size: 14px;
        z-index: 2
    }
    
    span.multiselect-but {
        width: 100%;
    }
    
    .hide-form {
        display: none
    }
    
    .hide-form.show-form {
        display: block!important
    }
    
    #finance-end-img {
        display: none;
        height: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
    
    .loan-eligibility {
        width: 100%;
        float: left
    }
    
    ul.loan-eligibility-bg {
        width: auto;
        float: left
    }
    
    ul.loan-eligibility-bg li {
        width: 132px;
        height: 80px;
        margin: 30px 0 30px 0;
        float: left;
        padding: 10px 0 0 0!important;
        text-align: center!important;
        border-radius: 12px;
        border: 1px #fff solid;
        color: #fff
    }
    
    .bg-col-01 {
        background: #818aff;
        position: relative
    }
    
    .bg-col-02 {
        background: #ff9801;
        position: relative
    }
    
    .bg-col-03 {
        background: #26a59a;
        position: relative
    }
    
    .bg-col-04 {
        background: #4baf4f;
        position: relative
    }
    
    .bg-col-05 {
        background: #0facf3;
        position: relative
    }
    
    ul.loan-eligibility-bg>li.bg-col-01::after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-top: -10px;
        top: 50%;
        border-left: 10px solid #818aff;
        left: auto;
        right: -10px
    }
    
    ul.loan-eligibility-bg>li.bg-col-02::after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-top: -10px;
        top: 50%;
        border-left: 10px solid #ff9801;
        left: auto;
        right: -10px
    }
    
    ul.loan-eligibility-bg>li.bg-col-03::after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-top: -10px;
        top: 50%;
        border-left: 10px solid #26a59a;
        left: auto;
        right: -10px
    }
    
    ul.loan-eligibility-bg>li.bg-col-04::after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        position: absolute;
        z-index: 10;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        margin-top: -10px;
        top: 50%;
        border-left: 10px solid #4baf4f;
        left: auto;
        right: -10px;
    }
    
    .ky-header-app {
        background: #f5f5f5;
    text-align: center;
    color: #393939;
    text-transform: uppercase;
    flex-basis: 30%;
    padding: 1vmin;
    margin: 0 0 20px 0;
    position: relative;
    z-index: 10;
    font-size: 14px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    }
    
    span.header-cont {
        margin: 0;
        color: #fff;
    }
    
    .text-color-ore {
        color: #057a97;
    }
    
    .raised {
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
    }
    
    .ky-box {
        position: relative;
        width: 100%;
        padding: 1em;
        background: #fff;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;
        -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;
        box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset;
        margin-bottom: 10px;
        border-radius: 12px;
    }
    
    .ky-box:after,
    .ky-box:before {
        content: "";
        position: absolute;
        z-index: -2
    }
    
    .top-forecast {
        background: #f5f5f5;
        padding: 10px;
        border-radius: 8px
    }
    
    .w-40 {
        width: 40%
    }
    
    .w-45 {
        width: 45%
    }
    
    .w-70 {
        width: 70%
    }
    
    .multiul ul li {
        text-align: left!important;
    }
    
    .multiselect-container>li>a>label {
        padding: 3px 0px 3px 6px !important;
        line-height: 10px;
    }
    
    span.multiselect-selected-text {
        font-size: 14px !important;
    }
    
    .btn-default.dropdown-toggle {
        line-height: 27px;
    }
    
    ul.multiselect-container li {
        line-height: 20px;
        padding: 0px 0 !important;
    }
    
    .multiselect-container>.dropdown-menu>.car-detail ul li {
        padding: 0px 0 !important;
    }
    /* 08-10-20 */
    
    .modal-verify-bg {
        background: #3eabdc !important;
    }
    
    .text-color-white {
        color: #fff;
    }
    
    .apply-none {
        display: none;
    }
    
    .modal-footer {
        justify-content: center !important;
    }
    
    .kuwy-certificate-icon {
        position: absolute;
        top: -11px;
        right: 9px;
        width: 20%;
        cursor: pointer;
    }
    
    .tc {
        color: #0066b8;
        text-decoration: underline;
    }
    
    .tc:hover {
        color: #0066b8;
        text-decoration: none;
    }
    
    .bold {
        font-weight: bold;
    }
    
    .tex-black {
        color: #112233 !important;
    }
    
    .add-address {
        border: 1px dotted gray;
        border-radius: 5px;
        padding: 48px;
    }
    
    .padding-multiselect {
        padding: .34rem 1.14rem !important;
    }
    
    .resend {
        color: #fff;
        text-decoration: underline !important;
        cursor: pointer;
    }
    
    .resend:hover {
        color: #112233 !important;
        text-decoration: none;
        cursor: pointer;
    }
    
    .f12n {
        font-size: 12px !important;
        border-radius: 5px;
    }
    
    .f14h {
        font-size: 15px !important;
        text-transform: none !important;
        border-radius: 5px;
    }
    
    .pdng-gen-btn {
        padding: .375rem .75rem !important;
        box-shadow: none;
    }
    
    .income-select>.select2-container--default .select2-selection--multiple {
        border: 1px solid lightgray;
    }
    
    .income-select>.select2-container .select2-selection--multiple {
        min-height: 30px !important;
    }
    
    .income-select>.select2-container--default.select2-container--focus .select2-selection--multiple {
        border: solid thin lightgray !important;
    }
    
    .income-select>.select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 12px !important;
        margin-right: 1px !important;
        margin-top: 3px !important;
        padding: 0 3px;
    }
    
    .modal-location>.select2-container--default .select2-selection--single {
        border: 1px solid lightgray;
    }
    
    .modal-location>.select2-container .select2-selection--single {
        height: 35px;
    }
    
    .modal-location>.select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 31px;
    }
    
    .modal-location>.select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 4px;
    }
    
    .header-modal-blue {
        background: #112233;
        background: linear-gradient(110deg, #112233 0, #104579 100%);
        color: #fff
    }
    
    .btn-enquire {
        background-color: #fff;
        color: #0facf3;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        border-color: #0789c5
    }
    
    .btn-enquire:hover {
        color: #112233;
        background-color: #fff;
        border-color: #0facf3
    }
    
    .btn-enquire:not([disabled]):not(.disabled).active {
        background-color: #112233;
        color: #fff
    }
    
    .btn-blue-cookie {
        background-color: #1976d2 !important;
        color: #fff !important;
        border-color: #1976d2;
        border-radius: none !important;
        padding: 10px;
    }
    
    .btn-blue-cookie:hover {
        color: #fff !important;
        -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
    }
    
    .btn-green-cookie {
        background-color: #388e3c !important;
        color: #fff !important;
        border-color: #388e3c;
        border-radius: none !important;
        padding: 10px;
        width: 120px;
        text-align: center;
    }
    
    .btn-green-cookie:hover {
        color: #fff !important;
        -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
    }
    
    .loader-loan {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 45%;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #4183D7;
        border-top: 10px solid #F5AB35;
        -webkit-animation: loader-loan 1.2s ease-in-out infinite alternate;
        animation: loader-loan 1.2s ease-in-out infinite alternate;
    }
    
    @keyframes loader-loan {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(720deg);
        }
    }
    
    @-webkit-keyframes loader-loan {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(720deg);
        }
    }
    
    .loader-form {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #f3f0f061;
        z-index: 1111;
        overflow-x: hidden;
        z-index: 2;
        display: none;
    }
    
    .form-check label::before {
        margin-left: 0px;
        border: 1px solid #abadad !important;
    }
    
    .defaultcolor {
        margin-left: 10px !important;
        text-decoration: none;
    }
    
    a.defaultcolor {
        text-decoration: none !important;
    }
    
    a.defaultcolor:hover {
        text-decoration: underline;
    }
    
    span.select-but {
        position: absolute;
        top: 72px;
        right: 0px;
        z-index: 999;
    }
    
    .btn-view-emi {
        background-color: darkgray;
        border-color: darkgray;
        color: white;
    }
    
    .btn-view-emi:hover {
        background-color: white;
        border-color: lightgray;
        color: #272727;
    }
    
    .reference-text {
        font-size: 14px;
        color: #112233;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
    }
    /**** Track Loan Page*****/
    
    figure {
        display: inline-flex;
    }
    
    figure h3 {
        font-size: 20px !important;
        font-weight: 700;
        margin-bottom: 0px !important;
    }
    
    figure h5 {
        font-size: 14px !important;
    }
    /*figure img {
        width: 8rem;
        height: 8rem;
        border-radius: 15%;
        border: 1.5px solid #f05a00;
        margin-right: 1.5rem;
        padding: 1rem;
    }
    */
    
    figure figcaption {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    
    figure figcaption h4 {
        font-size: 1.4rem;
        font-weight: 500;
    }
    
    figure figcaption h6 {
        font-size: 1rem;
        font-weight: 300;
    }
    
    figure figcaption h2 {
        font-size: 1.6rem;
        font-weight: 500;
    }
    
    .order-track {
        padding: 0 1rem;
        border-top: 1px dashed #2c3e50;
        padding-top: 2.5rem;
        display: flex;
        flex-direction: column;
    }
    
    .order-track-step {
        display: flex;
        height: auto;
    }
    
    .order-track-step:last-child {
        overflow: hidden;
        height: 4rem;
    }
    
    .order-track-step:last-child .order-track-status span:last-of-type {
        display: none;
    }
    
    .order-track-status {
        margin-right: 1.5rem;
        position: relative;
    }
    
    .order-track-status-dot {
        display: block;
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 50%;
        background: #f05a00;
        background-image: url("../img/pending.svg");
        background-position: right 8px center;
        background-repeat: no-repeat;
        background-size: auto 50%;
    }
    
    .order-track-status-line {
        display: block;
        margin: 0 auto;
        width: 2px;
        height: 4rem;
        background: #f05a00;
    }
    
    .completed .order-track-status-dot {
        display: block;
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 50%;
        background: #198754;
        background-image: url("../img/done.svg");
        background-position: right 9px center;
        background-repeat: no-repeat;
        background-size: auto 50%;
    }
    
    .completed .order-track-status-line {
        display: block;
        margin: 0 auto;
        width: 2px;
        height: 4rem;
        background: #198754;
    }
    
    .not-started .order-track-status-dot {
        display: block;
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 50%;
        background: #3a3b3b;
        background-image: url("../img/time-stopped.svg");
        background-position: right 9px center;
        background-repeat: no-repeat;
        background-size: auto 50%;
    }
    
    .not-started .order-track-status-line {
        display: block;
        margin: 0 auto;
        width: 2px;
        height: 4rem;
        background: #3a3b3b;
    }
    
    .order-track-text-stat {
        font-size: 1.3rem;
        font-weight: 500;
        margin-bottom: 3px;
        font-size: 14px !important;
        color: #112233;
    }
    #loantrack_display h5 {
        font-size: 14px;
        font-weight: 600;
    }
    span#finaltrack-mm {
        font-size: 14px;
        font-weight: 600;
    }
    
    .order-track-text-sub {
        font-size: 12px;
        line-height: 24px;
    }
    
    .order-track {
        transition: all .3s height 0.3s;
        transform-origin: top center;
    }
    
    .track-loan-progress h5 {
        font-size: 18px;
        font-weight: 700;
        color: #112233;
        text-transform: uppercase;
    }
    
    .track-loan-progress h3 {
        font-size: 22px;
        font-weight: 700;
        color: #112233;
        text-transform: uppercase;
    }
    
    .track-loan-progress label {
        font-size: 12px;
        text-transform: uppercase;
    }
    
    .bank-logo {
        width: 100px;
    }


    /* new press release style */
    .news-papers li a {
        font-size: 14px;
    }

    .news-papers li a {
        font-size: 14px;
        margin-right: 10px;
        margin-left: 10px;
    }

    @media only screen and (max-width: 600px) {
        video {
            height: 220px;
        }
      }

    section.content-sec {
         padding: 3em 0; 
        /* padding: 1em 0;  */
        min-height: 600px;
        height: 100%;
    }
    input.otp-verify {
        width: 25%;
        padding: 10px !important;
    }
   .otp {
        width: 33% !important;
    }
    .copyright {
        margin-top: 3em;
    }
    .text-end input[readonly] {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        opacity: 1;
        padding: 10px 0px 10px;
        margin-bottom: 14px;
        color: #057792;
        font-weight: 700;
        text-align: end;
    }
    .text-end input[readonly]:focus-visible{
        border: 1px solid #ffffff !important;
        outline: none;
    }
    .pop-text {
        color: #fb4848;
        font-size: 18px;
        cursor: pointer;
    }
    .loan-card-box {
        color: #fff;
        background-image: url(http://127.0.0.1:8000/v3/img/card-bg.webp);
        background-position:bottom center;
        background-size: cover;
        background-repeat: no-repeat;        
        background-color: #057792;
        border-radius: 10px;
    }
    .font-w500{font-weight: 500;}
    .decision-wrap img {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
    }
    .decision-main-ft{font-size:16px; font-weight:600;}
    .loan-card h3 {
        font-size: 22px;
        margin-bottom: 10px !important;
        text-transform: uppercase;
        font-weight: 600;
        color: #057792;
    }
    .value-sub {
        font-size: 12px;
        letter-spacing: 1px;
        display: block;
        line-height: 1;
        font-weight: 400;
    }
    .value-main {
        font-size: 14px;
        font-weight: 500;
    }
    .ex-price-box {
        background-color: #f3fcff;
        padding: 10px;
        border-radius: 10px;
    }
    .decision-wrap {
        border-radius: 10px;
    }
    .old-redit img {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
    }