/*from style.css*/

.mbsc-ios .mbsc-sc-itm {
    color: #0edbc2;
}

.dark-light-btn {
    margin-left: 0px;
    border: 3px solid #0a2db1;
    color: #1932b1;
}

label.questlabel {
    color: white;
}

.mar-bottom {
    margin-bottom: 30px;
}

#divtopRightOptionContent .mobileonly {
    display: block;
}

.floatingButtonWrap {
    display: none;
}

.SelectedOptionSide .cashoutex {
    margin: 0px;
    padding: 15px;
}

.bottomdivoption .cashoutex {
    position: absolute;
    margin-top: -49px;
    z-index: 9999999 !important;
}
/* dark to white share*/
:root {
    --black: #333333;
    --white: #ffffff;
    --gray: #ced4da;
    --lighter: #999999;
    --blue: #0A2DB1;
    --green: #38BEB7;
    /*--blue: #031c44;
	--green: #0ff9d6;*/
}

a, button {
    outline: none !important;
    box-shadow: none !important;
}

body {
    scroll-behavior: smooth;
    font-family: 'Open Sans', sans-serif;
    color: var(--black);
    font-size: 16px;
    max-width: 1920px;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-family: 'Nunito', sans-serif;
    color: var(--black);
    font-weight: 600;
}

a:hover, a {
    color: var(--blue);
    text-decoration: unset !important;
}

h3 {
    font-size: 28px;
}

.irs--big .irs-handle {
    background: #0a2db1 !important;
    box-shadow: none !important;
}
/*New Progress*/
.progress-box .new-progress {
    width: 150px;
    height: 150px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

    .progress-box .new-progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 15px solid var(--white) !important;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-box .new-progress .progress-value span {
        color: #fff !important;
    }

.btn-blue-new {
    background: #38beb7;
    border: 1px solid #38beb7;
}

.btn-custom {
    min-width: 150px;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    padding: 9px 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-left: 10px;
    border: 2px solid;
}

    .btn-custom:first-child {
        margin-left: 0px;
    }

.btn-blue {
    background: var(--blue);
    border: 2px solid var(--blue);
}

.btn-radius {
    border-radius: 25px;
}

.white-color {
    color: #ffffff !important;
}

span.k-file-name-size-wrapper {
    color: white;
}

.k-button.k-upload-button span {
    color: #031c44 !important;
}

.custom-nav {
    height: 114px;
    box-shadow: 0px 0px 4px rgba(204, 204, 204, 0.76);
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2 ease-in-out;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    left: 0;
}

.main-sec {
    padding-top: 114px;
}

.main-sec-landing {
    padding-top: 98px;
}

.custom-nav .navbar-collapse {
    flex-direction: column;
}

.navbar-brand {
    padding: 0;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2 ease-in-out;
}

.navbar-brand {
    max-width: 240px;
    width: 100%;
}

    .navbar-brand img {
        width: 100%;
    }

.header_2 .navbar {
    height: 100px;
}
/*---finance page---*/
.progress-box .progress {
    width: 150px;
    height: 150px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

    .progress-box .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress-box .progress .progress-left {
        left: 0;
    }

    .progress-box .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 15px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .progress-box .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress-box .progress .progress-right {
        right: 0;
    }

        .progress-box .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-4 1.8s linear forwards;
        }

    .progress-box .progress .progress-value {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        font-size: 13px;
        color: #f43776;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 28px;
        text-align: center;
        z-index: 99999999999;
    }

.progress-box .progress-value span {
    margin-top: 18px;
    display: block;
    color: #000;
    font-size: 16px;
}

.progress-box .progress-value label {
    font-size: 35px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
}

.progress-box .progress.blue .progress-bar {
    border-color: #f43776;
}

.progress-box .progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
}

.select-list h3 {
    color: var(--blue);
    font-weight: 700;
}

.btn-blue.prev_step_btn {
    background: #e9f4ff;
    border-color: #0a2db1;
    color: var(--blue) !important;
}

.select-list {
    margin-bottom: 40px;
    max-width: 930px;
    position: relative;
}

.progress-box {
    background: #f0faf9;
    padding: 25px 15px 10px;
    box-shadow: rgba(0, 0, 0, 0.145) -1px 3px 6px;
    border-radius: 5px;
    position: sticky;
    top: 75px;
}

.selected-info .selected-list {
    padding: 18px 25px 20px 70px;
}

.selected-info .user-image {
    width: 60px;
    position: absolute;
    left: 0;
}

.selected-info .down-arrow {
    width: 20px;
    position: absolute;
    right: 0;
    top: 42px;
}

.selected-info {
    position: relative;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
    margin-top: 30px;
}


.process-list {
    margin-bottom: 0;
}

.uncheck-list li {
    padding: 0;
    width: 100px;
    margin-right: 10px;
}

.uncheck-list li {
    padding: 0 0 10px;
    width: calc(33.3333% - 60px);
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}

.uncheck-list {
    display: inline-block;
    width: 100%;
}

    .uncheck-list li a {
        text-align: center;
    }

        .uncheck-list li a img {
            width: 100px;
            display: block;
            margin: 0 auto;
        }

    .uncheck-list li p {
        font-size: 18px;
        text-align: center;
        margin: 10px 0;
        font-weight: 500;
    }

    .uncheck-list li a {
        color: var(--black);
    }

    .uncheck-list h3 {
        margin-bottom: 25px !important;
    }

.process-list h3 {
    color: var(--blue);
    max-width: 630px;
    margin-bottom: 15px;
    font-weight: 700;
    margin: auto;
}

.process-list .slider-container {
    padding-bottom: 30px;
    max-width: 500px;
}

.uncheck-list li a:hover, .uncheck-list li a:hover .fill-icon {
    display: block;
    color: var(--blue);
}

.set-slider {
    max-width: 500px;
}


.selected-list ul {
    list-style: none;
    padding: 5px 20px 0;
    margin: 0px;
    font-weight: 600;
}

    .selected-list ul li {
        margin-top: 8px;
    }

.research {
    font-size: 20px;
    font-weight: 700;
    color: #0a2db1;
    line-height: 19px;
    margin-left: 18px;
}

::-webkit-scrollbar {
    width: 10px;
}

.hideOtherAddress {
    /*display:none !important;*/
}
/* Track */
::-webkit-scrollbar-track {
    background: #e0e0e0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #04C2C9;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #04C2C9;
    }

.research-view li {
    font-size: 16px;
}

.drag-menu {
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    color: #0a2db1;
    margin-left: 18px;
}

.drag-menu-new {
    cursor: pointer;
    font-weight: 700;
    font-size: 18px;
    color: #0ff9d6;
    margin-left: 18px;
    text-align: center;
}

.top-progress.progress {
    border-radius: 0;
    display: none;
}

    .top-progress.progress .progress-bar {
        background: var(--green);
    }

.error-alert {
    font-size: 12px;
    color: #f00;
    position: absolute;
    bottom: -18px;
}

.view-info {
    margin-top: 15px;
    text-decoration: underline !important;
    color: var(--blue);
    font-size: 18px;
}


.user-image {
    border-radius: 100%;
    border: 2px solid var(--blue);
}

    .user-image img {
        max-width: 100%;
    }

/*---new modal css---*/
.modal.right {
    z-index: 99999;
}
/* ----- MODAL STYLE ----- */
.modal.right {
    z-index: 99999;
}

/*legend Style.css*/


.min-value {
    float: left;
}

form#loan-form {
    text-align: center;
}
/*new css upload/edit*/

span.k-file-state {
    color: white;
}

span.k-file-group-wrapper {
    display: none;
    color: white;
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after {
    background-image: url(../Images/sprite_green.png) !important;
}

.text-sub-new {
    color: white;
}

.editbtn {
    background-image: url(../images/edit.png) !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    padding: 15px 15px;
    float: right;
    height: 28px;
    width: 28px;
}

.save-icon {
    background-image: url(../images/save.png) !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    padding: 15px 15px;
    float: right;
    height: 28px;
    width: 28px;
}

.close-icon {
    background-image: url(../images/close.png) !important;
    background-size: 30px 30px !important;
    background-repeat: no-repeat !important;
    padding: 15px 15px;
    float: right;
    height: 28px;
    width: 28px;
}

.k-upload-button input span {
    color: red;
}

.edit-app {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}

    .edit-app li {
        border-bottom: 2px solid #0ef9d6;
        padding: 10px;
    }

.edittxt {
    margin: auto;
    color: white;
}

.edit-app li label {
    padding: 12px;
    margin-bottom: 0;
    width: 280px;
    max-width: 300px;
}

textarea.form-control {
    height: 52px;
    border-bottom: 1px solid #0ef7d6;
    border-radius: inherit;
}

.editable-cancel {
    padding: 0px 0px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif;
    z-index: 0;
    background: #031c43 !important;
    border: 0px solid #0ff9d6 !important;
    color: #ffffff !important;
    border-radius: 25px;
}

.editable-buttons {
    float: right;
    right: 42px;
    position: absolute;
}

.btn-secondary:hover {
    background: #0ff9d6 !important;
}

.btn-secondary:focus {
    background: #0ff9d6 !important;
}

.editableform .form-control {
    width: auto;
    border-bottom: 2px solid #0ff9d6 !important;
    background: none;
    border-radius: 0;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.form-control:focus {
    border-bottom: 2px solid #0ff9d6;
}

.editable-input input:focus {
    border-bottom: 2px solid #0ff9d6;
}

.special-text-edit {
    color: #0ef9d6;
    padding: 36px;
}

.special-text-refi-edit-small {
    font-size: 16px !important;
    color: #ffffff;
    margin-top: 5px;
}

.editable-submit {
    padding: 0px 0px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif;
    z-index: 0;
    background: #031c43 !important;
    border: 0px solid #0ff9d6 !important;
    color: #ffffff !important;
    border-radius: 25px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .editable-buttons {
        display: block;
    }
}

@media (max-width: 575px) {
    .editable-buttons {
        display: block !important;
        margin-left: 0px !important;
        margin-top: -33px;
    }

    .cashoutex {
        margin-left: auto;
    }

    #divtopRightOptionContent .bottomdivoption {
        display: none;
    }

    #divtopRightOptionContent .mobileonly {
        display: block;
    }

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

    em.k-dropzone-hint.k-hidden {
        display: none !important;
    }

    .k-dropzone em {
        visibility: hidden !important;
    }

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

    .row-border {
        border-bottom: 2px solid #eafcf9;
        margin-bottom: 14px;
    }

    .k-dropzone em {
        font-size: 12px;
    }

    .editbtn {
        padding: 8px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .edit-app li {
        padding: 10px 0px;
    }

        .edit-app li label {
            padding: 12px 0px;
            width: 140px;
        }
}

/*new css upload/edit*/
/* Tooltip Start */
.process-view-7_1 {
    display: none;
}

.tooltip-icon {
    background: url('/images/info.svg');
    height: 36px;
    width: 36px;
    display: block;
    margin: 0 auto;
}

.bottomdivoption {
    margin-top: -42px;
}

.modal.right .modal-content {
    overflow: scroll;
}

.alert-danger {
    color: #000000;
    background-color: #0ef9d6 !important;
}

img.pop-width {
    width: 100%;
}

.popchat-text {
    font-weight: bold;
    color: #00012f;
}

.custom-popup-margin {
    margin: 0px !important;
    margin-top: -50px;
}

.custom-popup-margin-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.sweet-overlay {
    background-color: rgba(0,0,0,74%);
}
.k-dropzone em {
    visibility: inherit;
}

.k-dropzone {
    padding: 0;
}

html {
    height: -webkit-fill-available;
}

.alert-danger {
    color: #0f1245 !important;
    background-color: #0ff9d6 !important;
}

.custom-btn-dark {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif;
    z-index: 0;
    padding: 10px 25px;
    min-width: 100px !important;
    letter-spacing: 0.5px;
}

hide-on-whitetheme {
    display: block;
}

.tooltip2 {
    position: relative;
    display: inline-block;
    top: 8px;
    right: 0;
}

    .tooltip2 .tooltiptext {
        visibility: hidden;
        width: 160px;
        background-color: #031c44;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 7px 7px;
        position: absolute;
        z-index: 1;
        top: -10px;
        left: 280%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 1s;
        font-size: 15px;
        border: 1px solid #0ff9d6;
    }

        .tooltip2 .tooltiptext::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent #0ff9d6 transparent transparent;
        }

    .tooltip2:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        box-shadow: rgba(15,249,214,78%) 0px 1px 4px 0px;
    }

/* Tooltip End */

/* New Footer */
.floatingButtonWrap {
    display: none;
    bottom: 45px;
    right: 45px;
    z-index: 9999999;
}

.btn-blue.nxt_step_btn {
    color: #031c43 !important;
}

#crisp-chatbox {
    display: none;
}

.user-form {
    text-align: left;
}

.dtext-left {
    color: #0ff9d6 !important;
    font-size: 32px;
    text-align: left;
}

.white-text-dark {
    color: #0ff9d6 !important;
}

.white-text-dark-white {
    color: #ffffff;
}

.white-text-dark-head {
    color: #0a2db1;
}

.warning:before {
    content: "";
    display: block;
    background: url("/media/1175/warning-yel.png") no-repeat;
    width: 32px;
    height: 32px;
    float: left;
    margin: -5 6px 0 0;
}

.warning {
    position: relative;
    top: -27px;
    padding: 19px;
    border-radius: 4px;
    color: #ffeb3b;
    border: 2px solid #ffeb3b;
    width: 255px;
    margin: auto;
    width: auto;
    margin: auto;
    max-width: 400px;
}

.appwarning {
    display: none;
}

.error-box {
    position: relative;
    top: -27px;
    padding: 7px;
    border-radius: 4px;
    color: #fffcfc;
    border: 2px solid red;
}

.chat-icon {
    background: url('/images/phonechat.svg');
    height: 42px;
    width: 42px;
    display: block;
    margin: 0 auto;
}

.black-text {
    color: #ffffff !important;
}

.pop-width {
    width: 100%;
}



.arrowdown {
    background: url('/images/arrowdown.svg');
    height: 40px;
    width: 40px;
    display: block;
    margin: 0 auto;
}

.chat {
    background: url('/images/chat.svg');
    height: 40px;
    width: 40px;
    display: block;
}

.phone2 {
    background: url('/images/phone2.svg');
    height: 40px;
    width: 40px;
    display: block;
    margin-right: 150px;
}

.floatingButtonInner {
    position: relative;
    display: flex;
    justify-content: center;
}

.floatingButton {
    display: block;
    width: 60px;
    height: 40px;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #8769a9, #507cb3);
    background: -o-linear-gradient(45deg, #8769a9, #507cb3);
    background: #031c43;
    color: #fff;
    line-height: 68px;
    /* position: absolute; */
    border-radius: 50% 50%;
    bottom: 0px;
    right: 0px;
    /* border: 5px solid #0ef9d6; */
    /* opacity: 0.3; */
    opacity: 1;
    transition: all 0.4s;
    margin: 0 auto !important;
}

    .floatingButton .fas {
        font-size: 30px !important;
    }

    .floatingButton.open,
    .floatingButton:hover,
    .floatingButton:focus,
    .floatingButton:active {
        opacity: 1;
        color: #fff;
    }

    .floatingButton .fas {
        transition: all 0.4s;
    }

.floatingMenu {
    position: absolute;
    bottom: 44px;
    /* width: 100%; */
    display: none;
    border-radius: 10px 10px 0px 0px;
    padding: 17px 130px 17px;
    margin: 0 auto;
    background: #031c43;
    border-top: 1px solid #0ff9d6;
    box-shadow: inset rgba(15,249,214,78%) 1px -1px 12px 3px;
}

    .floatingMenu li {
        width: 100%;
        list-style: none;
        margin-bottom: 5px;
    }

.fa-phone-alt:before {
    color: #0ef9d6;
}

.slidup-phone {
    display: inline-flex;
}

.floatingMenu li a {
    padding: 8px 15px;
    display: inline-block;
    color: #031c43;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    /* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
    -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    font-size: 18px;
    font-weight: 600;
}

    .floatingMenu li a:hover {
        margin-right: 10px;
        text-decoration: none;
    }
/* New Footer */
.uncheck-list li a:hover {
    display: block;
    color: #031c43 !important;
}

.bg-g {
    background: #031c43;
}

.margin-custom-350 {
    margin-top: -350px;
}

.tans-none {
    transition: none !important;
}

#divBottomButtonPanel {
    display: none !important;
}

.login-form h4 {
    color: #0ff9d6;
}

.landingpage-uncheck-list li {
    margin: 6px !important;
}

span.mb5.fw-light {
    display: grid;
    margin-top: 20px;
}

.input-group .questionnaire-error {
    text-align: left;
}

.ul80 {
    width: 80%;
}

.mt5 {
    margin-top: 10px;
}

div#divUpdateInfoForm {
    margin-bottom: 50px;
}

p.lead {
    color: white;
}

.landingpage-uncheck-list li {
    width: 154px;
}

.custom-cursor {
    cursor: pointer;
}

.mt30-desktop {
    margin-top: 30px;
}

#divBottomButtonPanel_top {
    margin-top: 35px;
}

.modal.right.fade.show .modal-dialog {
    top: 71px;
}

.float-48-right {
    width: 48%;
}

.btn-custom-120 {
    min-width: 120px !important;
}

.float-48-left {
    width: 48%;
}

.float-none-btn {
    float: left;
}

.progress-bar {
    display: none;
}

.form-check-input {
    margin-top: 0px;
}

.client-info-page {
    margin-top: 33px;
}

.process-btn-alt a {
    font-size: 15px;
    font-weight: 800;
}

input[type=checkbox] {
    mix-blend-mode: luminosity;
}

.rotate-270 {
    transform: rotate( 278deg );
}

.page-title h2 {
    padding: 27px 15px !important;
}

.dark-heading {
    font-size: 34px;
    color: #0ff9d6 !important;
    font-family: 'Nunito', sans-serif;
}

div#divtopViewAllOption {
    margin-top: 9px;
}

#divtopRightOptionContent .thanku-list .detail-list {
    display: block;
    text-align: center;
}

#divtopRightOptionContent .mobileonly {
    margin-bottom: 11px;
}

    #divtopRightOptionContent .mobileonly .cashoutex {
        font-size: 22px;
        margin-left: 0;
    }

#divtopRightOptionContent .bottomdivoption {
    display: block;
}

#divtopRightOptionContent .thanku-list.package-box {
    margin-bottom: 40px;
}

#divSelectionOption h4 {
    display: none;
}

.spe-topright {
    color: #0ff9d6;
    font-size: 18px;
    text-align: center;
}

.process-btn-2 {
    display: inline-flex;
}

    .process-btn-2 .btn-custom-2 {
        padding: 14px 21px !important;
        font-size: 14px !important;
    }

.process-view-7 {
    display: none;
}

#divtopRightOptionContent .thanku-list .detail-list .rate-list {
    max-width: 100%;
    margin-left: 0px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 12px;
}

#divtopRightOptionContent .thanku-list .detail-list .payment-list {
    margin-right: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}

#divtopRightOptionContent .thanku-list .detail-list .cash-req-list {
    margin-right: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}

#divtopRightOptionContent .thanku-list .bottomdivoption {
    text-align: center;
    display: none;
}

    #divtopRightOptionContent .thanku-list .bottomdivoption .spcialoption {
        margin-left: 0px;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    #divtopRightOptionContent .thanku-list .bottomdivoption .cashoutex.ng-binding {
        display: inline-block;
        font-size: 20px;
    }

#divtopRightOptionContent .thanku-list .detail-list .ammount-txt {
    font-size: 20px;
}

#divtopRightOptionContent {
    max-width: 40%;
    margin: 0 auto;
}

    #divtopRightOptionContent .thanku-list .btn-select {
        padding-bottom: 0px;
        margin-top: 20px;
    }

        #divtopRightOptionContent .thanku-list .btn-select .btn-blue {
            background: #031c43 !important;
            color: #0ceed4 !important;
        }

textarea:focus, input:focus {
    box-shadow: none !important;
    border-bottom: #031c43;
    border-top: #031c43 !important;
    border-left: #031c43 !important;
    border-right: #031c43 !important;
    border-bottom: 1px solid #0ff9d6 !important;
}

.height-51 {
    height: 51px !important;
    border-color: #0ef7d6 !important;
}

.k-widget.k-upload.k-upload-async {
    background: #031c44;
    border-color: #0ff9d6;
    margin-bottom: 10px;
    padding: 6px;
}

span.k-file-validation-message.k-text-success {
    color: white;
    display: none;
}

li.k-file.k-file-success {
    background: #031c44;
    color: #0ff9d6 !important;
}

.k-dropzone {
    padding: 0;
    /* background: red; */
    border: 0px solid #0ef7d6;
    border-radius: 6px;
}

.file_col .form_file_dis .file_list, .k-upload-files {
    height: 80px !important;
}

.k-button.k-upload-button {
    background-color: #0ff9d6 !important;
    padding: 13px;
    border: navajowhite;
    font-weight: 600;
}

.k-widget.k-upload.k-header {
    box-shadow: rgba(15, 249, 214 , 78%) 0px 0px 6px 0px;
    margin-left: 7px;
}

select#DocFileType {
    border-bottom: 1px solid #0ff9d6;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0 !important;
}

.k-header, .k-grid-header-wrap, .k-grid .k-grouping-header, .k-grid-header, .k-pager-wrap, .k-pager-wrap .k-textbox, .k-pager-wrap .k-link, .k-grouping-header .k-group-indicator, .k-gantt-toolbar .k-state-default {
    border: 1px solid #0ff9d6 !important;
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #031c44 !important;
}

.k-dropzone .k-upload-status {
    color: #0ff9d6 !important;
}

.k-file-success .k-progress {
    background-color: #031c44 !important;
    border: 1px solid #0ff9d6 !important;
    border-left: none !important;
    border-right: none !important;
}

.k-file-success {
    color: #0ff9d6 !important;
}

.k-upload-status {
    line-height: 1.7em !important;
}

.select_col textarea {
    border-bottom: none;
    border-top: none;
    border-color: #0ff9d6;
}

textarea.form-control {
    height: 52px;
    border-bottom: 1px solid #0ef7d6;
    border-top: none;
    border-right: none;
    border-left: none;
}

.file_col .form_file_dis .file_list, .k-upload-files {
    border: none !important;
    padding-left: 0px;
}

.k-dropzone .k-upload-status {
    color: #0ff9d6 !important;
}

.k-upload-status {
    top: -0.4em;
}

    .k-upload-status .k-button, .k-upload-status .k-warning {
        border: none;
    }

span.k-file-size.k-hidden {
    color: white;
    margin: 25px;
    text-align: right;
}

.custom-list p {
    margin-top: 10px !important;
    color: #031c43 !important;
}

.text-dark {
    color: #0ff9d6 !important;
}

.bright-green-text {
    color: #00ff1f !important;
}

.login-form p {
    color: #0ff9d6;
}

.login-form strong {
    color: #0ff9d6;
}

.top-24 {
    top: 22px !important;
}

.pad-head {
    padding: 8px;
    padding-bottom: 0px;
    text-align: left;
    color: white;
    font-size: 22px;
}

.text-green-dark {
    color: #0ff9d6;
}

.lender-text {
    color: #0ff9d6;
}

.mb60.text-center.section-title {
    color: white;
}

.section-title h1 {
    color: white;
}

.darkSelectBox .select-term {
    display: flex !important;
}

.bg-gray {
    background: #052454 !important;
}

.lh40 {
    line-height: 40px;
}

.para-points {
    line-height: 26px;
    margin-left: 27px;
}

label {
    color: #0ef9d6;
}

.close-dark-item {
    width: 20px;
    float: right;
}

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

    .text-bold span {
        font-weight: 800;
    }

.mb11 {
    margin-bottom: 11px;
}

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

#step-ul h3 {
    text-align: center;
}

.t-33 {
    font-size: 33px;
}

.mt5 {
    margin-top: 5px;
}

div#divSelectionOption {
    margin-top: -30px;
}

.special-orange-text {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #f59300;
}

.SelectedOptionSide .btn-select {
    padding-bottom: 5px;
}

.selected-info .spcialoption {
    margin-left: 89px;
    display: contents;
}

.spcialoption {
    width: 26%;
    /*margin-top: 13px !important;*/
    margin-top: -30px;
}

.cashoutex {
    font-size: 26px;
}

.SelectedOptionSide .cashoutex {
    font-size: 26px;
}

.zindex-custom {
    z-index: 9999;
}

.feature-list-bar p {
    color: white;
}

.refinance-sidebar-body, .sidebar-body, .refinance-side-bar .refinance-sidebar-body, .side-bar .sidebar-body {
    text-align: left !important;
    /*z-index: 10;*/
}

.refinance-side-bar .black-bg,
.side-bar .black-bg {
    background-color: rgba(0, 0, 0, 0%);
}

.cashoutex {
    margin-left: 350px;
    color: #0ff9d6;
}

    .cashoutex span:last-child {
        color: #ffc107 !important;
    }

.modal.right .modal-content {
    background: no-repeat;
}

.refinance-sidebar-body ul li:nth-child(even), .sidebar-body ul li:nth-child(even) {
    background: #031c43 !important;
}

.plan-list li span {
    float: right;
}

.SelectedOptionSide .selected-list ul li {
    text-align: left;
}

@media (max-width: 575px) {
    .plan-list li span {
        float: right !important;
    }

    .margin-custom-350 {
        margin-top: 0px;
    }

    .hidetextbox {
        display: none;
    }




    .special-heading-space {
        text-align: center;
    }

    .tooltip2 {
        position: relative;
        right: 0px;
        display: inline-table;
        /* float: right; */
        top: -23px;
    }

    .tooltip-icon {
        height: 32px;
        width: 32px;
    }

    .tooltip2 .tooltiptext {
        top: -14px;
        left: -327%;
        font-size: 16px;
        width: 160px;
    }

        .tooltip2 .tooltiptext::after {
            top: 50%;
            left: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent #0ff9d6;
        }

    .pdb40 {
        padding-bottom: 0px !important;
    }

    .floatingButtonWrap {
        display: inline-block;
    }

    .list-unstyled {
        padding: 0px !important;
        display: inline-block;
        margin-left: 0px !important;
    }

    .para-points {
        line-height: 24px;
    }

    .mt30-desktop {
        margin-top: 0px;
    }
    /*---Need to verify in other view---*/
    div#divBottomButtonPanel_top {
        display: none !important;
    }

    #divtopRightOptionContent {
        max-width: 100%;
    }

    .modal.right.fade.show .modal-dialog {
        top: 59px;
    }

    div#regsidebar {
        /* position: inherit; */
        top: 58px;
        scroll-behavior: auto;
    }

    .list-unstyled {
        display: inline-block;
    }

    /*---new modal css---*/
    .modal.right {
        top: 60px;
    }

    .modal-backdrop {
        background: none;
    }

    .refinance-sidebar-body, .sidebar-body {
        top: 60px;
    }

    .process-btn-alt {
        display: inline-block;
        width: 100%;
        position: fixed;
        background: #031c44;
        left: 0;
        bottom: 0;
        padding: 10px 15px;
        box-shadow: 0px 0px 10px #0ff9d6c7;
        z-index: 11 !important;
    }

    .dark-heading {
        font-size: 25px;
        text-align: center;
        color: #0ff9d6 !important;
        text-align: center;
    }

    .darkthankyoubody {
        text-align: center;
    }

    #step-ul h3 {
        text-align: center;
    }
}

.hide-on-dark {
    display: none !important;
}

.login-form-bg {
    background: #031c44 !important;
}

.login-form {
    background: #031c44 !important;
    border: 2px solid #0ff9d6 !important;
}

.mobile-menu {
    display: block;
}

.login-form .form-group .form-control {
    border-bottom: 2px solid #0ff9d6 !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
}

.login-form h3 {
    color: white;
}

.login-form .term-txt {
    color: white !important;
}

.alert-danger {
    color: #0ff9d6;
    /* background-color: #0ff9d6; */
    border-color: #0ff9d6;
    font-weight: 600;
}


.login-form-bg {
    background: #031c44 !important;
}

.login-form {
    background: #031c44 !important;
    border: 2px solid #0ff9d6 !important;
}

    .login-form .form-group .form-control {
        border-bottom: 2px solid #0ff9d6 !important;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0;
    }

    .login-form h3 {
        color: white;
    }

    .login-form .term-txt {
        color: white !important;
    }

.alert-danger {
    color: #0ff9d6;
    /* background-color: #0ff9d6; */
    border-color: #0ff9d6;
    font-weight: 600;
}

.login-form-bg {
    background: #031c43;
}

.special-heading-space {
    margin-bottom: 27px !important;
}

.mb32 {
    margin-top: 42px;
    margin-bottom: -13px;
}

.orange-text {
    color: #f59300;
}
/* Purchase Loan Option */

.text-blue {
    color: #0ff9d6 !important;
}

.text-green-app {
    color: #0ff9d6;
}

.footer-dark {
    display: none;
}

.before-login textarea:focus, input:focus {
    border: 0px solid #0ff1d1 !important;
}

.display-on-mobile {
    display: none;
}

img.img-fluid.hero-image-lp.animate__animated.animate__slideInRight {
    display: none;
}

.g-b:hover {
    background: #031c43 !important;
}

.btn-secondary:hover {
    border-color: #0ff9d6 !important;
}

.custom-load img {
    max-width: 250px !important;
    border-radius: 0px !important;
}

.custom-load {
    background: #031c43 !important;
}

.main-sec-dark {
    margin: -5px;
}

.display-hide {
    display: none;
}

.modal.right .modal-body span {
    text-align: left;
    float: right;
    color: #ffffff;
}

.display-show {
    display: block;
}

.main-side-menu {
    text-align: left !important;
}

#datepicker {
    background-color: #031c43 !important;
}

.ques-form .input-group {
    justify-content: center;
}

.process-view-4 {
    display: none;
}

.process-view-7 {
    display: none;
}

.btn-list a {
    margin-bottom: 13px !important;
}

.ques-form input:focus {
    border: 1px solid #0edbc2 !important;
    /* border-bottom: 1px solid #0edbc2 !important; */
}

.form-view-inner .form-control {
    border-bottom: 1px solid #ffffff !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: inherit;
}

.current-address .form-control {
    border-bottom: 1px solid #ffffff !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: inherit;
}

.form-view-inner label {
    color: #0ff9d6;
    font-size: 14px;
}

.input-group input:focus {
    border-bottom: 1px solid #0edbc2 !important;
}

.beforeLogin .form-control:hover {
    border-bottom: 1px solid #0eeccd !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.top-main-sec p {
    font-size: 17px;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
}

p.text-sm-left.mb20 {
    color: white;
}

.detail-list span {
    color: white;
}

.ul4box {
    width: 812px;
    margin-left: -56px;
}

.mb-10-d {
    margin-bottom: 30px;
}
/*new css April*/
div#topProgressBar {
    position: fixed;
    background: rgb(15, 249, 214);
    box-shadow: rgba(15 ,249, 214 , 78%) -5px -6px 12px 3px;
}

.select-list.special-text-refi {
    color: white;
}

.phone-icon {
    display: none;
}

.input-group-btn.process-btn a {
    margin: 5px;
}

.modal.right .modal-body {
    background: #031c44 !important;
    color: #ffffff;
}

.modal-body a {
    color: #0ff9d6 !important;
    float: left;
}

.dark-blue {
    background: #031c44 !important;
}

.uncheck-list li:hover {
    border: 4px solid #0ff9d6;
    transition: transform 330ms ease-in-out;
    transform: translate(0, -10px);
    background: #d6fffb;
    color: #ffffff !important;
}

.irs--big .irs-bar {
    background: #b3fff4 !important;
    border: none !important;
}

.uncheck-list li p:hover {
    color: #00685e;
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    background: none !important;
}

.form-control {
    background-color: #031c44 !important;
    color: #ffffff;
}

.input-group-text {
    border: 1px solid #0edbc2 !important;
}

.beforeLogin .form-control {
    border-bottom: 1px solid #ffffff !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.darkinput-group2 {
    width: 48%;
    float: left;
}

.darkinput-group3 {
    width: 48%;
    float: right;
}

.darkinput-group4 {
    width: 48%;
    float: left;
}

.darkinput-group5 {
    width: 48%;
    float: right;
}

.dark-light-btn {
    background: #031c44;
    border: 2px solid #0ff9d6;
    color: #031c44 !important;
    letter-spacing: 0.5px;
    margin-left: 10px;
    border: 2px solid #0ff9d6;
}

.uncheck-list li:hover p {
    color: #00685e;
}

.special-text-refi h3 {
    color: #ffffff !important;
    font-size: 32px;
    font-family: 'Times New Roman', Times, serif !important;
}

.special-text-refi {
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}

.special-text-refi-small {
    color: #ffffff !important;
}

.uncheck-list li {
    background: white;
    border-radius: 19px !important;
    padding: 8px !important;
    width: 154px;
    height: 154px;
    margin-bottom: 15px;
}

    .uncheck-list li a img {
        width: 100px !important;
    }

    .uncheck-list li p {
        font-family: 'Nunito', sans-serif;
        line-height: 23px;
        font-weight: 800 !important;
        color: #031c44;
        line-height: 16px;
    }

.input-group-text {
    background-color: #0edbc2 !important;
    color: #031c44 !important;
}
/*new css April*/

/*mobi scroll css */
.mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w, .mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-cal-picker {
    background: #011534 !important;
}

.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
    background: -webkit-linear-gradient(#031c43,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 48%,#031c43);
    background: linear-gradient(#031c43,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 48%,#031c43);
}

.mbsc-sc-bar:after {
    background: rgb(3 ,28 ,67) !important;
}

.mbsc-sc-bar-c {
    background: rgb(15, 249, 214);
}

.mbsc-sc-whl-gr-3d .mbsc-sc-whl-w, .mbsc-sc-whl-gr-3d .mbsc-sc-whl {
    transform-style: preserve-3d;
    background: #293663 !important;
}

.mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
    background: none !important;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm-sel {
    color: #0ff9d6 !important;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm {
    color: #ffffff !important;
}

.mbsc-ios.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, .mbsc-ios .mbsc-sc-itm:focus {
    background: rgb(15, 249, 209) !important;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-l {
    border-color: #0ff9d6 !important;
}

.mbsc-ios .mbsc-sc-whl-l, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-l {
    border-top: 1px solid #0ff9d6 !important;
    border-bottom: 1px solid #0ff9d6 !important;
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
    color: white;
}

.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
    background: #0ff9d6 !important;
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
    background: #0ff9d6 !important;
}


/* end mobil scroll css*/

:root {
    --black: #333333;
    --white: #ffffff;
    --gray: #ced4da;
    --lighter: #999999;
    --blue: #0A2DB1;
    --green: #38BEB7;
}

@font-face {
    font-family: 'courgetteregular';
    src: url('../fonts/courgette-regular-webfont.woff2') format('woff2'), url('../fonts/courgette-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icons_mobiscroll';
    src: url('../fonts/icons_mobiscroll.ttf') format('ttf'), url('../fonts/icons_mobiscroll.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a, button {
    outline: none !important;
    box-shadow: none !important;
}

::-webkit-scrollbar {
    width: 0px;
}

::-webkit-scrollbar-track {
    background: #031c43;
}

body {
    scroll-behavior: smooth;
    font-family: 'Open Sans', sans-serif;
    color: var(--black);
    font-size: 16px;
    max-width: 1920px;
    margin: 0 auto;
    background: #031c43;
    position: inherit;
    margin: 0;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-family: 'Nunito', sans-serif;
    color: var(--black);
    font-weight: 600;
}

a:hover,
a {
    color: #0ef7d6;
    text-decoration: unset;
}

.link-text {
    text-decoration: underline !important;
    cursor: pointer;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 31px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 19px;
}


/*---------------------------------------------------
    Overwrite - For Temporary view
-----------------------------------------------------*/

.uncheck-list li {
    float: none !important;
    text-align: center !important;
}

.uncheck-list {
    text-align: center !important;
}

.li-none {
    list-style: none !important;
}

.news-logo {
    height: 50px;
}

.mb50 {
    margin-bottom: 50px;
}
/*---------------------------------------------------
    Card Landing Page
-----------------------------------------------------*/
.card-hero-section {
    padding-top: 60px;
    padding-bottom: 45px;
    background: #031c43;
}

li::marker {
    display: none;
}

.card-benefit-tabs .st-tabs .tab-content {
    padding: 0px;
    border: none;
    background-color: transparent;
    margin-top: 30px;
}

.card-benefit-tabs .nav-tabs {
    border-bottom: 0px;
}

.card-benefit-tabs .st-tabs .nav-link {
    display: block;
    padding: 16px 49px;
    border: 1px solid #f6f9ff;
    border-radius: 5px;
    background-color: #f6f9ff;
    margin-bottom: -1px;
    margin-right: 10px;
}

.card-benefit-tabs .st-tabs a {
    font-size: 14px;
    font-style: initial;
    text-transform: capitalize;
    font-weight: 500;
    color: #7e93ae;
}

.card-benefit-tabs .st-tabs .nav-tabs .nav-item.show .nav-link,
.card-benefit-tabs .st-tabs .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #15549a;
    border-color: #15549a;
}

.card-rate-info .list-group-item {
    position: relative;
    display: block;
    padding: 19px 30px;
    margin-bottom: 2px;
    background-color: #e8f0f9;
    border: transparent;
    font-size: 14px;
    border-radius: 0px;
}
/*---------------------------------------------------
  Slider
-----------------------------------------------------*/

h2 {
    text-align: center;
    padding: 20px;
}
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide img {
    width: 150px !important;
}

/*---------------------------------------------------
    Card Landing Page
-----------------------------------------------------*/
.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.bg-gray {
    background: #f3f6f89e;
}

.icon-lg {
    height: 60px;
    width: 60px;
    line-height: 60px;
}

.btn-link {
    color: #0a2db1;
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 2px solid #15549a;
    display: inline-block;
    text-decoration: none;
}

    .btn-link:hover {
        color: #f51f8a;
        font-weight: 500;
        padding-bottom: 4px;
        border-bottom: 2px solid #f51f8a;
        text-decoration: none;
    }

    .btn-link.focus,
    .btn-link:focus {
        text-decoration: none;
        border-color: #f51f8a;
        box-shadow: none;
        color: #f51f8a;
    }

.btn-link-white {
    color: #fff;
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    text-decoration: none;
}

    .btn-link-white:hover {
        border-color: #657bf9;
        color: #657bf9;
    }

.w-80-svg {
    width: 60% !important;
}

.bg-green {
    background: #38beb7;
}

.lender-text {
    font-size: 18px !important;
    margin-bottom: 0px !important;
    position: relative;
    top: 22px;
}

.text-step {
    color: #3bbdb7 !important;
}

.bg-blue {
    background: #052454;
}

.section-space80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-space80-bottom {
    padding-top: 20px;
    padding-bottom: 80px;
}

.section-space40 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.section-space20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bg-gray-shape::before {
    position: absolute;
    background: url(../new/curve-shape-gray.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 150px;
    height: 300px;
    width: 100%;
    z-index: -1;
    content: "";
    background-position-x: center;
}

/*-----------------------------------------------------------------------
Service Page & Block Css
----------------------------------------------------------------------*/

#service .owl-next,
#service .owl-prev {
    background-color: transparent !important;
    border: 2px solid #a3b1c1;
    color: #a3b1c1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    #service .owl-next:hover,
    #service .owl-prev:hover {
        background-color: #f51f8a !important;
        border: 2px solid #f51f8a;
        color: #fff;
    }

.service-block {
    transition: box-shadow 0.5s;
}

    .service-block:hover {
        -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
        -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
        box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
    }

        .service-block:hover i {
            color: #f51f8a;
        }

#service .owl-controls {
    text-align: center;
    margin-top: 10px;
}

.icon-svg-2x {
    width: 80px;
}

.icon-svg-1x {
    width: 60px;
}

/*--------------------------------
Service-img
---------------------------------*/
.service-img-box {
    transition: box-shadow 0.5s;
}

    .service-img-box:hover {
        -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
        -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
        box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
    }

.service-img {
    position: relative;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    background-color: #132746;
}

.sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before {
    background: #132746;
}

.circle {
    background-color: #e3f0fe;
    width: 60px;
    height: 60px;
    border: 1px solid #15549a;
    border-radius: 100px;
    color: #15549a;
    margin: -70px auto 40px auto;
    padding: 10px;
    text-align: center;
    line-height: 1.7;
}

.number {
    font-size: 24px;
    font-weight: 500;
}

.number-block {
    text-align: center;
}

.number-title {
    margin-bottom: 20px;
}

.circle-large {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    line-height: 2;
    padding: 10px;
    text-align: center;
    font-size: 42px;
}

.circle-default {
    background-color: #f51f8a;
    color: #fff;
}

/*----------------
margin space
-----------------*/

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb140 {
    margin-bottom: 140px;
}

.mt0 {
    margin-top: 0px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 60px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.mr0 {
    margin-right: 0px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 10px;
}

.ml0 {
    margin-left: 0px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

/*----------------
less margin space from top
-----------------*/
.mt-20 {
    margin-top: -20px;
}

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

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

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

/*---------------
Padding space
-----------------*/
.nopadding {
    padding: 0px;
}

.nopr {
    padding-right: 0px;
}

.nopl {
    padding-left: 0px;
}

.pinside10 {
    padding: 10px;
}

.pinside20 {
    padding: 20px;
}

.pinside30 {
    padding: 30px;
}

.pinside40 {
    padding: 40px;
}

.pinside50 {
    padding: 50px;
}

.pinside60 {
    padding: 60px;
}

.pinside80 {
    padding: 80px;
}

.pinside100 {
    padding: 100px;
}

.pdt10 {
    padding-top: 10px;
}

.pdt20 {
    padding-top: 20px;
}

.pdt30 {
    padding-top: 30px;
}

.pdt40 {
    padding-top: 40px;
}

.pdt60 {
    padding-top: 60px;
}

.pdt80 {
    padding-top: 80px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pdb20 {
    padding-bottom: 20px;
}

.pdb30 {
    padding-bottom: 30px;
}

.pdb40 {
    padding-bottom: 20px !important;
}

.pdb60 {
    padding-bottom: 60px;
}

.pdb80 {
    padding-bottom: 80px;
}

.pdl10 {
    padding-left: 10px;
}

.pdl20 {
    padding-left: 20px;
}

.pdl30 {
    padding-left: 30px;
}

.pdl40 {
    padding-left: 40px;
}

.pdl60 {
    padding-left: 60px;
}

.pdl80 {
    padding-left: 80px;
}

.pdl120 {
    padding-left: 120px;
}

.pdr10 {
    padding-right: 10px;
}

.pdr20 {
    padding-right: 20px;
}

.pdr30 {
    padding-right: 30px;
}

.pdr40 {
    padding-right: 40px;
}

.pdr60 {
    padding-right: 60px;
}

.pdr80 {
    padding-right: 80px;
}

.y {
    padding-top: 220px;
}


.business-loan-products {
    background-color: #fff;
    padding: 40px;
    border: 1px solid #dee4ee;
    text-align: center;
    margin-bottom: 30px;
}

.loan-products-icon {
    margin-bottom: 20px;
}

.about-img {
    position: relative;
}

.business-request-form {
    margin-bottom: -180px;
}

    .business-request-form h3 {
        margin-bottom: 30px;
    }

    .business-request-form .form-group {
        margin-bottom: 0px;
    }

.lender-block {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #dee4ee;
    border-radius: 4px;
    text-align: center;
}

.rate-badge {
    background: #104b8c;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

/*-----------------------------------------
icon
------------------------------------------*/



.text-big {
    font-size: 24px;
    color: #0a2db1;
    font-weight: 600;
    margin-bottom: 0px;
}

.capital-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
}

.icon-1x {
    font-size: 24px;
}

/* default icon size of font*/
.icon-2x {
    font-size: 48px;
}

.icon-4x {
    font-size: 68px;
}

.icon-6x {
    font-size: 88px;
}

.icon-8x {
    font-size: 108px;
}

.icon-default {
    color: #3bbdb7;
}

.icon-primary {
    color: #15549a;
}

.icon-secondary {
    color: #bcbcbc;
}

.dark-line {
    border-top: 2px solid #2b2e35;
}

.bg-boxshadow {
    -webkit-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, 0.5);
    -moz-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, 0.5);
    box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, 0.5);
}

.outline {
    border: 1px solid #dee4ee;
}

.btn-link-black {
    color: #000000 !important;
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 2px solid #000000 !important;
    display: inline-block;
    text-decoration: none;
}

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

.rate-done {
    color: #f9b218;
    letter-spacing: 3px;
}

.rate-title {
    text-transform: uppercase;
    font-size: 14px;
    color: #778191;
}

.rate-icon {
    float: left;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
}

.rate-icon-2 {
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
}

.icon-svg-1x {
    width: 60px;
}

.rate-counter-block {
    border-right: 1px solid #dee7f2;
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.bg-gray-shape {
    position: relative;
}

.border-step {
    border-color: #3bbdb7 !important;
}

.benifits-feature {
    margin-bottom: 30px;
}

.pop-width {
    width: 350px;
}

.benifits-feature ul li {
    padding-left: 20px;
    color: #FFFFFF;
}

.white-margin {
    margin-top: 0px;
}

.benifits-feature .bullet-check-circle-default li:before {
    font-size: 18px;
}

.bg-white-blue {
    background: #E9F4FF;
}

@media only screen and (max-width: 768px) {
    .rate-icon {
        float: none;
        margin-bottom: 10px;
    }

    .margin-custom-350 {
        margin-top: -0px;
    }

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



    .phone-icon {
        display: initial;
    }

    .col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12 {
        padding: 0 !important;
    }

    .card-hero-section {
        padding-top: 28px;
    }

    .rate-icon-2 {
        float: none;
        margin-bottom: 10px;
    }

    .rate-counter-block {
        text-align: center;
    }

    .mb-hide {
        display: none;
    }

    .mobile-ml {
        margin-top: 65px;
    }

    .mobile-mb {
        margin-top: 65px;
    }
}
/*-----------------------------------------
Buttons
------------------------------------------*/

.btn-secondary {
    min-width: 150px;
    color: #031c43 !important;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    padding: 9px 20px;
    font-weight: 900;
    letter-spacing: 0.5px;
    border-radius: 25px;
}

    .btn-secondary:hover {
        color: #fff;
        border-color: #ffffff;
    }

    .btn-secondary.focus,
    .btn-secondary:focus {
        color: #fff;
    }


.btn-outline {
    min-width: 150px;
    color: #fff !important;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    padding: 9px 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    border-radius: 25px;
    border: 1px solid white;
    margin-left: 15px;
}

    .btn-outline:hover {
        color: #ffffff;
        background: #38beb7;
        border-color: #38beb7;
        color: #38beb7;
    }

    .btn-outline.focus,
    .btn-outline:focus {
        color: #fff;
    }
/*-----------------------------------------
Buttons
------------------------------------------*/

/*-----------------------------------------
Bullet
------------------------------------------*/
.bullet {
    position: relative;
    padding-left: 20px;
    line-height: 32px;
}

.bullet-arrow-circle-right li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    display: block;
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #788192;
    content: "\f35a";
    line-height: 2.5;
}

.bullet-arrow-right li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #747474;
    content: "\f101";
}

.bullet-check-circle li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #15549a;
    content: "\f058";
}

.bullet-check-circle-default li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #10a874;
    content: "\f00c";
    padding-right: 4px;
}


.quick-info {
    float: right;
    font-size: 16px;
    color: #414855;
    font-weight: 600;
    padding-top: 9px;
}

.slider-second .slider-img {
    background: none;
}

.slider-second#slider {
    margin-bottom: -1px;
}

    .slider-second#slider .owl-pagination {
        display: none;
    }

.overlay-section {
    margin-top: -60px;
}

.hover-tabs.st-tabs .nav-link {
    display: block;
    padding: 16px 68px 16px 0px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    margin-bottom: 10px;
}

.hover-tabs.st-tabs .tab-content {
    padding: 30px;
    border: 1px solid #ffffff;
    background-color: #fff;
    margin-top: -1px;
    border-radius: 5px;
}

.hover-tabs.st-tabs a {
    font-size: 16px;
    font-style: initial;
    text-transform: capitalize;
    font-weight: 500;
    color: #15549a;
}

.post-caption-block {
    position: relative;
}

.post-caption-img img {
    border-radius: 3px;
}

.post-caption-content {
    position: absolute;
    bottom: 0px;
    padding: 27px;
}

.post-caption-block .meta {
    text-transform: capitalize;
}

.cta-section-app {
    background: url(../images/cta-img-4.jpg) no-repeat;
    background-size: cover;
    background-position-x: 50%;
}


.refinance-card {
    --bg-color: #0a2db1;
    --bg-color-light: #38beb7;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.fa-check-circle:before {
    color: #ffffff;
}

.card-full {
    width: 100% !important;
}

.trust-sec {
    justify-content: center;
    text-align: left;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
}

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

.card {
    border: 1px solid #d3dbea;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
}

.card-body {
    padding: 30px;
}

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

.icon-md {
    height: 38px;
    width: 38px;
}

/*--------------------------------
Card Listing Page
---------------------------------*/
.card-listing {
    padding: 26px;
    border: 1px solid #dee7f2;
    margin-bottom: 30px;
    background: #eff3f8;
}

.card-content {
    margin-top: 20px;
}

    .card-content .btn {
        margin-right: 30px;
    }

.card-features {
    margin-top: 20px;
}

    .card-features ul li {
        border-bottom: 1px solid #eff3f8;
        padding-bottom: 10px;
        margin-bottom: 8px;
        line-height: 1.5;
    }

.card-head-sections {
    margin-bottom: 40px;
}

.btn-cta {
    margin-top: 55px;
}

.card p {
    font-size: 14px;
    color: #000000;
    margin-top: 0px;
    z-index: 1000;
    transition: color 0.3s ease-out;
    top: 9px;
    position: relative;
    text-align: center;
    padding: 4px;
    /* font-weight: 700; */
    width: 244px;
    text-align: left;
    float: left;
}

.mb-centre {
    justify-content: center;
}

p:last-child {
    margin-bottom: 0px;
}

.testimonial-h4 {
    font-size: 16px !important;
}

.bg-light-blue {
    background: #031c43;
}

    .bg-light-blue h1 {
        color: #fff;
    }

    .bg-light-blue p {
        color: #fff;
    }

.circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

    .circle:after {
        content: "";
        width: 118px;
        height: 118px;
        display: block;
        position: absolute;
        background: var(--bg-color);
        border-radius: 50%;
        top: 7px;
        left: 7px;
        transition: opacity 0.3s ease-out;
    }

    .circle svg {
        z-index: 10000;
        transform: translateZ(0);
    }

.overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: var(--bg-color);
    top: 23px;
    left: 35px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.card {
    /* width: 200px;
    height: 229px; */
    background: #fff;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0,0,0,0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
}

    .card:hover {
        transform: translateY(-5px) scale(1.005) translateZ(0);
        box-shadow: 0 24px 36px rgba(0,0,0,0.11), 0 24px 46px var(--box-shadow-color);
    }

        .card:hover .overlay {
            transform: scale(4) translateZ(0);
        }

        .card:hover .circle {
            border-color: var(--bg-color-light);
            background: var(--bg-color);
        }

            .card:hover .circle:after {
                background: var(--bg-color-light);
            }

        .card:hover p {
            color: black;
        }

    .card:active {
        transform: scale(1) translateZ(0);
        box-shadow: 0 15px 24px rgba(0,0,0,0.11), 0 15px 24px var(--box-shadow-color);
    }

.btn-cta {
    margin-top: 55px;
}

.circle {
    width: 131px;
    height: 131px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-out;
}

    .circle:after {
        content: "";
        width: 118px;
        height: 118px;
        display: block;
        position: absolute;
        background: var(--bg-color);
        border-radius: 50%;
        top: 7px;
        left: 7px;
        transition: opacity 0.3s ease-out;
    }

    .circle svg {
        z-index: 10000;
        transform: translateZ(0);
    }

.overlay {
    width: 118px;
    position: absolute;
    height: 118px;
    border-radius: 50%;
    background: var(--bg-color);
    top: 23px;
    left: 35px;
    z-index: 0;
    transition: transform 0.3s ease-out;
}

.btn-custom {
    min-width: 150px;
    color: #ffffff !important;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    padding: 9px 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-left: 0px;
    border: 2px solid #0ff9d6;
}

    .btn-custom:first-child {
        margin-left: 0px;
    }

.btn-green {
    background: #0ff9d6;
    border: 2px solid var(--green);
}

    .btn-green:hover {
        color: #0ff9d6 !important;
        background: transparent;
    }

.custom-load {
    border: none;
}

.btn-blue {
    background: #0ff9d6;
    border: 2px solid #0ff9d6;
}

    .btn-blue:hover {
        color: #0ff9d6 !important;
        background: transparent;
    }

.btn-green-border {
    border: 2px solid var(--green) !important;
    color: var(--green) !important;
    background: transparent;
}

    .btn-green-border:hover {
        color: #fff !important;
        background: var(--green);
    }

.btn-blue-border {
    border: 2px solid var(--blue) !important;
    color: var(--blue) !important;
    background: transparent;
}

    .btn-blue-border:hover {
        color: #fff !important;
        background: var(--blue);
    }

.btn-white-border {
    border: 2px solid #fff;
    background: transparent;
}

    .btn-white-border:hover {
        border: 2px solid var(--blue);
        background: var(--blue);
        color: #fff;
    }

.btn-radius {
    border-radius: 25px;
}

.white-color {
    color: #fff;
}

a.white-color:hover {
    color: #000000;
}

.custom-nav {
    height: 114px;
    box-shadow: rgba(15, 249, 214 , 78%) 0px -4px 12px 3px;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2 ease-in-out;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    left: 0;
}

.main-sec {
    padding-top: 70px;
}

    .main-sec.main-sec-inner {
        padding-top: 100px;
        max-width: 1440px;
        margin: 0 auto;
    }

.main-sec-admin {
    margin-left: 1%;
    margin-right: 1%;
    width: 97%;
}

.main-sec.main-sec-report {
    /*padding-top: 5px;
    max-width: 1440px;*/
    margin: 0 auto;
    max-width: 100%;
    padding: 10px;
}

.custom-nav .nav-link {
    color: var(--black);
    font-weight: 600;
}

    .custom-nav .nav-link:hover {
        color: var(--blue);
    }

.custom-nav .nav-item {
    margin-left: 10px;
}

.sticky-header .main-nav {
    display: none;
}

p.view-info-list {
    display: inline-block;
    width: 100%;
}

.view-info-list span {
    float: right;
}

.sticky-header .navbar-brand {
    max-width: 160px;
}

.custom-nav .top-nav {
    margin-bottom: 10px;
    margin-top: 10px;
}

.custom-nav .navbar-collapse {
    flex-direction: column;
}

.top-nav .nav-item .nav-link {
    font-size: 13px;
    font-weight: 500;
}

.top-nav .btn-custom.btn-blue-border {
    min-width: unset;
    height: unset;
    line-height: 1;
    padding: 10px 10px 7px;
    background: var(--blue) !important;
    color: #fff !important;
}

    .top-nav .btn-custom.btn-blue-border:hover {
        background: #f43776 !important;
        border-color: #f43776 !important;
    }

.navbar-brand {
    padding: 0;
    display: inline-block;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2 ease-in-out;
}

.navbar-brand {
    max-width: 240px;
    width: 100%;
}

    .navbar-brand img {
        width: 100%;
    }

.header_2 .navbar {
    height: 70px;
}

.header_2 .sticky-header.navbar,
.header_3 .sticky-header.navbar {
    height: 70px;
}

.header_3 .navbar {
    background: var(--blue);
    height: 100px;
}

.header_3 .custom-nav .nav-link {
    color: var(--white);
}

    .header_3 .custom-nav .nav-link:hover {
        color: var(--green);
    }

.banner-txt {
    padding: 100px 0;
    max-width: 365px;
}

    .banner-txt h1 {
        margin-bottom: 20px;
    }

.bg-image {
    background-position: center;
    background-size: cover;
}

.sec-padding {
    padding: 80px 0 100px;
}

.estimate-circle img {
    max-width: 50px;
}

.estimate-circle {
    width: 400px;
    height: 400px;
    border: 4px solid var(--blue);
    text-align: center;
    border-radius: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--blue);
    margin: 0 auto;
}

.ammount {
    font-size: 48px;
    font-weight: 700;
}

.estimate-circle tr td {
    padding: 5px;
    width: 50%;
    vertical-align: top;
}

.estimate-circle table {
    margin: 10px 0 !important;
}

.estimate-circle .text-left {
    color: var(--green);
}

.title-txt {
    text-align: center;
    margin-bottom: 50px;
}

.calculate-sec .input-group-btn {
    margin-top: 30px;
}

textarea:focus,
input:focus {
    box-shadow: none !important;
}

.calculate-ammount {
    max-width: 420px;
    margin: 0 auto;
}

.radio-btn {
    padding-left: 20px;
    display: inline;
    margin-right: 30px;
}

.calculate-sec .input-group {
    max-width: 280px;
}

.calculate-sec .btn-blue {
    width: 100%;
    max-width: 220px;
}

.calculate-sec .input-group .form-control {
    height: 44px;
}

.calculate-ammount .input-title {
    font-weight: 600;
    margin-top: 5px;
}

.calculate-ammount .input-group-text {
    background-image: linear-gradient(#fdfdfd, #f1f1f1);
    font-weight: 600;
    padding: 8px 14px;
}

.card-header-tabs {
    border: 1px solid #ced4da;
    margin: 0 0 15px;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
}

    .card-header-tabs .nav-item {
        display: inline-block;
        float: left;
        border: none;
    }

        .card-header-tabs .nav-item .nav-link {
            margin: 0;
            border: none;
            border-radius: 0;
            font-size: 16px;
            padding: 10px 30px;
            color: var(--blue) !important;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

            .card-header-tabs .nav-item .nav-link:hover,
            .card-header-tabs .nav-item .nav-link.active {
                background: var(--blue) !important;
                color: #fff !important;
            }

.resources-sec {
    background: var(--blue);
    background-size: 90px;
}

.box-inner {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 30px 15px;
    transition: 0.2s all;
}

    .box-inner img {
        height: 40px;
        margin-bottom: 15px;
    }

    .box-inner label {
        font-weight: 600;
    }

    .box-inner p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .box-inner a {
        font-size: 14px;
        font-weight: 600;
    }

.knowledge-sec .title-txt h2 {
    margin-bottom: 20px;
}

.knowledge-sec {
    padding-bottom: 100px;
}

    .knowledge-sec .title-txt p {
        max-width: 645px;
        margin: 0 auto 15px;
    }

.footer {
    border-top: 1px solid #0ef9d61a;
    padding-top: 30px;
    font-size: 14px;
    color: #ffffff;
    display: none;
}

.blog-inner {
    border: 1px solid var(--gray);
    border-radius: 10px;
    overflow: hidden;
    padding: 0 15px;
    transition: 0.2s all;
}

    .blog-inner .img-fluid {
        margin: 0 -15px;
        max-width: calc(100% + 30px);
    }

    .blog-inner .blog-meta {
        padding: 15px 0;
        font-size: 14px;
    }

        .blog-inner .blog-meta a {
            color: var(--green);
            font-weight: 600;
            margin-left: 10px;
        }

            .blog-inner .blog-meta a:before {
                content: '';
                width: 5px;
                height: 5px;
                background: var(--black);
                display: inline-block;
                border-radius: 100%;
                margin: 2px 5px;
            }

    .blog-inner .read-more {
        font-weight: 600;
        padding: 5px 0 20px;
        display: inline-block;
    }

        .blog-inner .read-more i {
            font-size: 22px;
            line-height: 15px;
            vertical-align: middle;
            margin-left: 6px;
            transition: 0.2s all;
        }

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

    .blog-title a {
        color: var(--black);
    }

.footer .foot-title {
    color: var(--blue);
    font-weight: 600;
    margin-bottom: 20px;
}

.foot-title-sub {
    font-weight: 600;
    margin-bottom: 20px;
}

.footer a {
    color: var(--white);
}

    .footer a:hover {
        opacity: 0.8;
    }

.footer .list-unstyled li {
    margin-bottom: 10px;
}

    .footer .list-unstyled li:last-child {
        margin-bottom: 0px;
    }

.footer .our-client img {
    max-width: 100px;
    width: 30%;
}

.footer .our-client p {
    margin-bottom: 0;
    margin: auto;
    margin-left: 15px;
}

.footer .our-client {
    display: flex;
}

.location-list li {
    padding-left: 30px;
    position: relative;
}

.footer .location-list li img {
    position: absolute;
    left: 0;
    top: 6px;
}

.footer .footer-social li {
    max-width: 40px;
    margin-bottom: 0;
    float: left;
    margin-right: 10px;
}

    .footer .footer-social li img {
        width: 100%;
    }

    .footer .footer-social li a:hover img {
        opacity: 1;
        filter: saturate(0);
    }

.sub-footer {
    padding: 50px 0;
}

.copyright {
    width: 100%;
    float: left;
    padding-bottom: 1px;
}

.copy-txt {
    font-size: 12px;
    margin-bottom: 15px;
}

.max-width {
    max-width: 260px;
    margin: 0 auto;
}
/*---Apply page---*/
.slider-sec .large-container {
    max-width: 100% !important;
}

    .slider-sec .large-container .carousel-item img {
        width: 100%;
    }

.slider-sec .slider-box {
    padding: 0;
}

.slider-sec .banner-row {
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slider-sec .green-row {
    background: var(--green);
}

.slider-sec .blue-row {
    background: var(--blue);
}

.slider-sec .banner-row h2 {
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    line-height: 65px;
    margin-bottom: 40px;
}

.slider-sec .green-row h2 {
    color: var(--blue);
}

.slider-sec .btn-green.btn-radius:hover {
    border-color: #fff;
    color: #fff !important;
}

.slider-sec .continue-box {
    max-width: 425px;
    margin-left: 10%;
}

.slider-sec .carousel-caption {
    text-align: left;
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    top: 13%;
    left: 10%;
    right: 10%;
    max-width: 450px;
    margin: 0 auto;
}

    .slider-sec .carousel-caption h1 {
        font-size: 48px;
        color: var(--blue);
        font-weight: bold;
    }
/*---Apply page---*/
/*---finance page---*/
.progress {
    background-color: #021e4a;
}

.progress-box .progress {
    width: 150px;
    height: 150px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

    .progress-box .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 15px solid var(--blue);
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress-box .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress-box .progress .progress-left {
        left: 0;
    }

    .progress-box .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 15px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .progress-box .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress-box .progress .progress-right {
        right: 0;
    }

        .progress-box .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-4 1.8s linear forwards;
        }

    .progress-box .progress .progress-value {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        font-size: 13px;
        color: #37ffbc;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 28px;
        text-align: center;
    }

.progress-box .progress-value span {
    margin-top: 18px;
    display: block;
    color: #000;
    font-size: 16px;
}

.progress-box .progress-value label {
    font-size: 35px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
}

.progress-box .progress.blue .progress-bar {
    border-color: #0ef9d6;
}

.progress-box .progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
}

.divhide {
    display: none !important;
}

.padding-t-10 {
    padding-top: 10px !important;
}
/*@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}*/
.client-info {
    padding: 34px 0 80px;
}

.select-list h3 {
    color: var(--blue);
    font-weight: 700;
}
/*removed vsiru*/
/*.select-term li {*/
/*    padding: 5px 0;*/
/*    padding-left: 30px;*/
/*    position: relative;*/
/*}*/
/*.select-term li a {*/
/*    font-size: 20px;*/
/*    color: #000;*/
/*    font-weight: 600;*/
/*}*/
/*.select-term li a:before {*/
/*    content: '';*/
/*    background: url(../images/check-black.svg);*/
/*    min-width: 22px;*/
/*    min-height: 22px;*/
/*    float: left;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    background-position: center !important;*/
/*    background-size: 22px 16px !important;*/
/*    background-repeat: no-repeat !important;*/
/*    top: 10px;*/
/*}*/
/*.select-term li a:hover:before,*/
/*.select-term li.active a:before {*/
/*    background: url(../images/check-green.svg);*/
/*}*/
.process-btn .btn-green-border {
    color: var(--gray-dark) !important;
}

    .process-btn .btn-green-border:hover {
        color: #fff !important;
    }

.process-btn .btn-green {
    color: var(--blue) !important;
}

.process-btn .btn-custom {
    padding: 14px 40px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif;
    z-index: 0;
}

.btn-blue.prev_step_btn {
    background: #031c43;
    border-color: #0ff9d6;
    color: #ffffff !important;
}

    .btn-blue.prev_step_btn:hover {
        border-color: #0ff9d6;
        background: transparent;
        color: #0ff9d6;
    }

.btn-blue.white_btn {
    background: #031c43;
    border-color: #0ff9d6;
    color: #0ff9d6 !important;
}

    .btn-blue.white_btn:hover {
        border-color: #fefeff;
        background: transparent;
    }

.btn-blue.nxt_step_btn:hover {
    background: #031c43;
    color: #0ff9d6 !important;
    border-color: white;
}

.select-term li.active a,
.select-term li a:hover {
    color: #ffffff;
}

.select-term {
    margin-bottom: 15px;
}
/*added vsiru*/
.select-list {
    margin-bottom: 44px;
    max-width: 930px;
    position: relative;
}

    .select-list .form-group {
        display: inline-block;
        width: 100%;
    }

.progress-box {
    background: #f0faf9;
    padding: 25px 15px 10px;
    box-shadow: rgba(0, 0, 0, 0.145) -1px 3px 6px;
    border-radius: 5px;
    position: sticky;
    top: 75px;
}

.selected-info .selected-list {
    padding: 18px 25px 20px 70px;
}

.selected-info .user-image {
    width: 60px;
    position: absolute;
    left: 0;
}

.selected-info .down-arrow {
    width: 20px;
    position: absolute;
    right: 0;
    top: 42px;
}

.selected-info {
    position: relative;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
    margin-top: 30px;
}

.selected-list p {
    margin-bottom: 10px;
}

.process-list {
    margin-bottom: 0;
}

.uncheck-list li {
    padding: 0;
    width: 100px;
    float: left;
    margin-right: 10px;
}

.uncheck-list .input-group-btn {
    display: inline-block;
    width: 100%;
}

.uncheck-list .select-term {
    display: inline-block;
    width: 100%;
}

.uncheck-list li {
    padding: 0 0 10px;
    width: 154px;
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}

.uncheck-list {
    display: inline-block;
    width: 100%;
}

    .uncheck-list li a {
        text-align: center;
    }

        .uncheck-list li a img {
            width: 100px;
            display: block;
            margin: 0 auto;
        }

.btn-blue-new {
    background: none;
    color: #0ff9d6 !important;
}

    .btn-blue-new:hover {
        background: none !important;
        border: 2px solid #0ef9d6 !important;
        color: #0ff9d6 !important;
    }

.uncheck-list .select-term li a:hover:before,
.uncheck-list .select-term li.active a:before {
    display: none !important;
}

.uncheck-list li p {
    font-size: 18px;
    text-align: center;
    margin: auto;
    font-weight: 500;
    margin-top: -12px;
    line-height: 18px;
    width: 118px;
}

.uncheck-list li a {
    color: var(--black);
}

.uncheck-list h3 {
    margin-bottom: 25px !important;
}

.or-tag {
    display: inline-block;
    font-size: 23px;
    vertical-align: middle;
    margin: 0 20px 0 30px;
    font-weight: 700;
}

.select-list .user-form .form-control {
    border-radius: 0px;
    padding: 10px 10px;
}

.user-form h6 {
    color: #0ef9d6;
}

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

.skip-btn {
    display: inline-block;
    padding: 1px 6px;
    margin: 0;
    position: absolute;
    min-width: unset;
    top: 4px;
    right: 0;
    font-size: 14px;
}

.process-list h3 {
    color: var(--blue);
    max-width: 630px;
    /* margin-bottom: 15px; */
    font-weight: 700;
}

.process-list .slider.slider-horizontal {
    border-top: 4px solid #d7d7d7;
    margin-top: 110px;
}

    .process-list .slider.slider-horizontal .slider-track {
        width: 100%;
        cursor: pointer;
    }

.process-list .slider .slider-selection {
    border-top: 4px solid var(--green) !important;
    margin-top: -4px;
}

.process-list .slider .tooltip.top {
    margin-top: -80px;
    opacity: 1;
    padding-left: 5px !important;
    margin-left: 0px !important;
    z-index: 1;
    text-align: center;
    left: 0 !important;
    right: 0 !important;
}

.process-list .slider .tooltip.tooltip-max.top,
.process-list .slider .tooltip.tooltip-min.top,
.process-list .slider .hide {
    display: none;
}

.process-list .slider .slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--green);
    top: -8px;
    box-shadow: 0px 0px 0px 1px #FFF;
    border-radius: 50%;
    cursor: pointer;
    margin-left: -10px;
}

.process-list .slider .tooltip-inner {
    padding: 0;
    color: #f43776;
    font-size: 32px;
    background-color: transparent;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
}

    .process-list .slider .tooltip-inner:hover {
        color: var(--green);
    }

    .process-list .slider .tooltip-inner:before {
        content: '$';
    }

.process-list .set-value {
    margin-top: 10px;
}

    .process-list .set-value .max-value {
        float: right;
    }

.process-list .slider-container {
    padding-bottom: 30px;
    max-width: 500px;
}
/*.uncheck-list li a:hover .unfill-icon,*/
/*.uncheck-list li a .fill-icon {*/
/*    display: none;*/
/*}*/
/*.uncheck-list li a.selected-opt .unfill-icon {*/
/*    display:none !important;*/
/*}*/
/*.uncheck-list li a.selected-opt .fill-icon {*/
/*    display: block !important;*/
/*    color: var(--blue) !important;*/

/*}*/

.uncheck-list li.selected-opt {
    display: block !important;
    color: var(--blue) !important;
    background: red;
}

.uncheck-list li a:hover,
.uncheck-list li a:hover .fill-icon {
    display: block;
    color: var(--blue);
}

.process-btn .btn-blue-border:hover {
    background: transparent;
    color: var(--green) !important;
    border: 2px solid var(--green) !important;
}

.years-slider .tooltip-inner:after {
    content: 'Years';
    margin-left: 5px;
}

.years-slider .tooltip-inner:before {
    display: none;
}

.creditscore-slider .tooltip-inner:before {
    display: none;
}

.set-slider {
    max-width: 500px;
}

.one-row-icon li {
    display: flex;
    margin-right: 25px;
    width: unset;
}

.one-row-icon .list-unstyled {
    display: flex;
    justify-content: space-between;
}

.select-list .form-control {
    max-width: 500px;
}

.input-icon {
    position: relative;
    max-width: 500px;
}

    .input-icon .form-control {
        max-width: calc(100% - 49px) !important;
        border-radius: 4px 0 0 4px;
    }

    .input-icon .icon-setting {
        background: var(--gray);
        font-weight: 700;
        position: absolute;
        top: 0;
        right: 0;
        padding: 7px 15px;
        font-size: 20px;
        font-family: 'Nunito', sans-serif;
        border-radius: 0 4px 4px 0;
    }

.user-form > .row {
    margin-bottom: 20px;
}

.user-form .row:last-child {
    margin-bottom: 0px;
}

.selected-list ul {
    list-style: none;
    padding: 5px 0 0;
    margin: 0px;
}

    .selected-list ul li {
        margin-top: 8px;
    }

.drag-menu {
    cursor: pointer;
    color: #0ff9d6 !important;
}

.drag-menu-4 {
    cursor: pointer;
    color: #0ff9d6 !important;
}

.drag-menu-3 {
    cursor: pointer;
    color: #0ff9d6 !important;
}

.drag-menu-1 {
    cursor: pointer;
    color: #0ff9d6 !important;
}

.drag-menu-5 {
    cursor: pointer;
    color: #0ff9d6 !important;
}

.congrats img {
    margin-right: 15px;
    max-width: 55px;
    vertical-align: sub;
}

.congrats {
    font-weight: 400;
    font-size: 18px;
    color: var(--lighter);
    line-height: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    padding: 60px 0 20px;
}

    .congrats p {
        margin-bottom: 10px;
    }

.congrats-inner {
    max-width: 66.666667%;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}

.loan-table {
    list-style: none;
    display: flex;
    background: #f2f2f2;
    padding: 5px 15px 5px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .loan-table li span {
        font-size: 13px;
        font-weight: 500;
    }

    .loan-table li label {
        font-size: 14px;
        color: var(--blue);
        font-weight: 600;
        margin-bottom: 5px;
    }

    .loan-table li .btn-custom {
        font-size: 13px;
        min-width: 70px;
        padding: 7px 20px 6px;
        margin-top: 9px;
    }

    .loan-table li:last-child {
        min-width: 175px;
    }

    .loan-table li {
        text-align: center;
        min-width: 120px;
    }

        .loan-table li .btn-green-border {
            color: var(--black) !important;
        }

            .loan-table li .btn-green-border:hover {
                color: var(--white) !important;
            }

.refinance-sidebar-body,
.sidebar-body {
    width: 750px;
    position: fixed;
    right: -750px;
    top: 0;
    background: #fff;
    padding: 50px;
    z-index: 99999;
    height: 100%;
    transition: 0.4s all;
    overflow-y: auto;
}

.refinance-side-bar .refinance-sidebar-body,
.side-bar .sidebar-body {
    right: 0%;
    padding-top: 50px;
    background: #031c43;
    box-shadow: rgba(15 ,249 ,214 , 78%) 2px 5px 12px 3px;
}

.refinance-side-bar .black-bg,
.side-bar .black-bg {
    background-color: rgba(0, 0, 0, 0.337254901960784);
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 9999;
    top: 0;
    left: 0;
}

.refinance-side-bar,
.side-bar {
    overflow: hidden;
}

.hide-plan {
    position: absolute;
    top: 110px;
    right: -400px;
    max-width: 25px;
    transition: 0.8s all;
}


div#darkmenuSideBar {
    margin-top: 104px !important;
}

.margin30-desktop {
    margin-bottom: 30px;
}

.refinance-side-bar .hide-plan,
.side-bar .hide-plan {
    position: fixed;
    right: 30px;
}

.hide-plan img {
    width: 100%;
}

.refinance-sidebar-body ul,
.sidebar-body ul {
    padding: 0;
    list-style: none;
    margin: 0;
    color: white;
}

.plan-card {
    border: none;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: rgba(15, 249, 214 , 78%) 0px 1px 6px 0px;
}

.top-100 {
    top: 74px !important;
}

.plan-card .plan-title {
    background-color: #031c43;
    display: block;
    padding: 12px 20px;
    cursor: pointer;
    font-weight: 600;
    color: #0ff9c8 !important;
    border: 1px solid #0ff9c8;
    border-radius: 5px;
}

.plan-card ul li:nth-child(odd) {
    background: #031c43;
}

.new-plan ul li {
    font-size: 14px;
    padding: 0px 21px !important;
    border: none !important;
    box-shadow: none !important;
}

div#plan-accordion {
    margin-top: 20px;
}

.refinance-sidebar-body ul li:last-child, .sidebar-body ul li:last-child {
    border-bottom: none;
    margin-bottom: 15px;
}

.plan-card ul li:nth-child(1) {
    margin-top: 12px;
}

.plan-select-btn .btn-custom.btn-blue.btn-radius {
    padding: 14px 40px;
    font-size: 16px;
}

.refinance-sidebar-body ul li,
.sidebar-body ul li {
    padding: 12px 20px;
    border-bottom: none;
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
    color: #0ff9d6;
}

    .refinance-sidebar-body ul li:last-child,
    .sidebar-body ul li:last-child {
        border-bottom: none;
    }

.plan-select-btn {
    text-align: center;
    margin-top: 25px;
}

    .plan-select-btn .btn-custom {
        font-size: 15px;
        padding: 7px 20px;
    }

.plan-card ul li {
    font-size: 14px;
    padding: 15px 20px;
}

.plan-list li, .plan-list-withoutfirst li {
    font-size: 14px;
    padding: 15px 20px;
}

    .plan-list li:first-child {
        font-size: 22px;
        font-weight: 400;
        color: #888282;
        padding-left: 0;
        color: #0ff9d6;
    }

    .plan-list li span, .plan-list-withoutfirst li span {
        float: right;
        color: #ffffff;
    }

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

.plan-circle {
    color: #0ff9d6;
    border: 1px solid;
    max-width: 190px;
    height: 190px;
    text-align: center;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    font-size: 20px;
    box-shadow: inset rgba(15, 249, 214 , 78%) 0px 1px 6px 2px;
}

.plan-ammount {
    font-family: sans-serif;
    font-size: 32px;
    font-weight: 700;
    /* color: red; */
}

.year-txt {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
}

.number-txt {
    color: #0ff9d6;
    font-size: 20px;
    text-align: center;
    margin: 15px 0 10px;
}

.plan-list {
    margin-bottom: 10px !important;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 25px !important;
}

.plan-title:after {
    content: '';
    background: url(../images/down-arrow.svg);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotateZ(90deg);
    float: right;
    margin-top: 3px;
    transition: 0.8s all;
}

.plan-title.collapsed:after {
    transform: rotateZ(-90deg);
}

/* .process-list li.active + li {
    display: block !important;
} */
.top-progress.progress {
    border-radius: 0;
    display: block;
}

    .top-progress.progress .progress-bar {
        background: var(--green);
    }

.irs--big .irs-handle {
    background: #38beb7 !important;
}

/*---finance page---*/
/*---sign in page---*/
.login-form-bg {
    background: #f2f2f2;
    display: inline-block;
    width: 100%;
    padding: 60px 15px;
}

.login-form {
    max-width: 450px;
    margin: 0 auto;
    background: #fff;
    padding: 45px;
    border-radius: 10px;
}

    .login-form h3 {
        font-weight: 700;
        margin-bottom: 15px;
    }

    .login-form a {
        text-decoration: underline !important;
    }

    .login-form .form-group {
        padding: 13px 0;
        margin-bottom: 0;
    }

    .login-form .clearfix .pull-right {
        font-size: 13px;
        text-decoration: none !important;
        color: var(--black);
    }

.form-control {
    font-size: 16px;
    font-weight: bold;
    height: 44px;
}

.bluetext {
    color: #0ef9d6;
}

.login-form .term-txt {
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
}

.login-form .btn-custom {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}
/*---sign in page---*/
/*---blog in page---*/
.all-blog .blog-inner,
.latest-blog .blog-inner {
    margin-top: 0 !important;
    border: none;
}

    .all-blog .blog-inner .blog-meta,
    .latest-blog .blog-inner .blog-meta {
        padding-top: 3px;
        margin-bottom: 7px;
    }

.border-radius {
    border-radius: 10px;
}

.all-blog .blog-inner {
    border: none;
    padding: 0;
}

.blog-row {
    margin-bottom: 40px;
}

    .blog-row:last-child {
        margin-bottom: 0px;
    }

.trending,
.trending:hover {
    margin-top: 50px;
    color: var(--black);
}

.blog-inner h3 a,
.blog-inner h5 a {
    color: var(--black);
}

.trending h4 {
    margin-bottom: 25px;
}

.trending-list {
    margin-bottom: 40px;
}

    .trending-list:last-child {
        margin-bottom: 0px;
    }

    .trending-list p {
        margin: 15px 0;
    }

    .trending-list .read-more {
        font-weight: 600;
        display: inline-block;
    }

        .trending-list .read-more i {
            font-size: 22px;
            line-height: 15px;
            vertical-align: middle;
            margin-left: 6px;
            transition: 0.2s all;
        }

        .trending-list .read-more:hover i {
            margin-left: 10px;
        }

.pagination ul,
.pagination p {
    margin-bottom: 0;
    font-weight: 600;
}

.pagination ul {
    display: flex;
    margin-left: 20px;
}

    .pagination ul li {
        width: 25px;
        text-align: center;
    }

        .pagination ul li a {
            display: block;
            color: var(--black);
            font-weight: 600;
        }

            .pagination ul li a:hover,
            .pagination ul li.active a {
                color: var(--green);
                text-decoration: underline !important;
                text-underline-position: under;
            }

.custom-tabs {
    width: calc(100% - 30px);
    margin: 0 15px 40px;
    border-bottom: 2px solid #eee;
}

    .custom-tabs .nav-item {
        padding: 4px;
        padding-bottom: 10px;
        border-bottom: 2px solid #eee;
        margin-right: 3%;
        margin-bottom: -2px;
        color: var(--black) !important;
        font-size: 20px;
        font-family: 'Nunito-SemiBold', 'Nunito SemiBold', 'Nunito';
    }

        .custom-tabs .nav-item:last-child {
            margin-right: 0;
        }

        .custom-tabs .nav-item:hover,
        .custom-tabs .nav-item.active {
            border-bottom: 2px solid var(--green);
        }

.all-blog .pagination {
    margin-top: 40px;
}
/*---blog in page---*/
/*---blog detail page---*/
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.breadcrumb-item a {
    color: var(--black) !important;
    font-weight: 500;
}

.blog-container {
    font-size: 16px;
    padding-top: 50px;
}

.blog-share ul {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}

    .blog-share ul li {
        max-width: 40px;
        margin: 0 5px;
        width: 100%;
    }

.blog-container .align-box {
    background: #fff !important;
}

    .blog-container .align-box h5 {
        color: #333333;
    }

.blog-share ul li:last-child {
    margin-right: 0px;
}

.blog-share ul li a img {
    width: 100%;
}

.blog-share ul li a:hover img {
    filter: saturate(0);
}

.blog-date {
    font-size: 13px;
    margin-bottom: 20px;
}

.share-title {
    font-weight: 600;
    color: #333;
    font-size: 18px;
    padding: 5px 0 10px;
}

.align-text {
    margin-bottom: 15px;
}

    .align-text h2 {
        max-width: 530px;
    }

.blogger-box {
    max-width: 215px;
    text-align: center;
    float: right;
    margin-left: 20px;
    font-size: 16px;
    line-height: 3em;
}

.blog-share {
    margin-right: 0;
    margin-left: auto;
}

.blog-container p:last-child {
    margin-bottom: 0;
}
/*---blog detail page---*/
.new-menu .nav-item {
    margin-left: 25px;
}

.row-reverse {
    flex-direction: row-reverse;
}

.table-box {
    overflow-x: auto;
}

    .table-box .loan-table {
        width: 100%;
    }

.custom-nav .dropdown-menu {
    padding: 0;
    top: 40px;
    overflow: hidden;
    min-width: 150px;
}

.process-list h3 small {
    font-size: 20px;
    font-weight: 700;
}

.error .input-group {
    flex-direction: column;
}

    .error .input-group .form-control {
        width: 100%;
    }

.error-alert {
    font-size: 12px;
    color: #f00;
    position: absolute;
    bottom: -18px;
}

.errordiv {
    font-size: 12px;
    color: #f00;
}

.green-color {
    color: var(--green);
}

.page-title {
    background: #031c44;
    background-size: 90px;
}

    .page-title h2 {
        padding: 70px 15px;
        text-align: center;
        color: #0ff9d6 !important;
        font-weight: 700;
        font-size: 38px;
    }

.new-sidebar .progress-box {
    position: fixed;
    width: 100%;
    max-width: 350px;
    right: 0;
    height: calc(100vh - 100px);
    overflow-x: auto;
    bottom: 0;
    top: unset;
    border-radius: 0;
    background: #f2f2f2;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2 ease-in-out;
}

.select-realtor ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    max-width: 500px;
    border: 1px solid #CCC;
    border-radius: 4px;
    border-top: none;
    width: 100%;
    position: absolute;
    background: #fff;
}

    .select-realtor ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.img-inline {
    padding: 6px 15px;
    cursor: pointer;
}

    .img-inline:hover {
        background: #f2f4fb;
    }

    .img-inline img {
        max-width: 45px;
        border-radius: 100%;
        margin-right: 7px;
    }

.select-realtor .form-control {
    min-height: 57px;
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.0666666666666667) inset;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.0666666666666667) inset;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.0666666666666667) inset;
}

.select-realtor ul.open {
    display: inline-block !important;
}

.select-box li img {
    max-height: 28px;
    display: block;
    margin: 10px auto 15px;
    max-width: 34px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.select-box li {
    border: 1px solid #0ff9d6;
    width: 112px;
    height: 112px;
    box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 14px 0px inset;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-right: 20px;
    padding: 0 !important;
    background: white;
    border-radius: 19px !important;
    padding: 8px !important;
    width: 166px !important;
    height: 154px;
    margin-bottom: 15px;
}

    .select-box li:last-child {
        margin-right: 0px;
    }

    .select-box li a {
        font-size: 20px;
        color: #031c44 !important;
        font-weight: 800;
    }

.select-box {
    display: flex;
    padding: 15px 0;
    align-items: center;
    justify-content: center;
}

    .select-box li.active img,
    .select-box li:hover img {
        filter: none;
    }

    .select-box li a:before {
        display: none !important;
    }

.box-setting {
    margin-bottom: 10px;
}

    .box-setting li {
        padding-bottom: 25px;
    }

    .box-setting h3 {
        margin-bottom: 30px !important;
    }

.btn-radius.google-btn {
    border: 1px solid #000 !important;
    color: #000 !important;
    padding: 11px 40px;
    font-weight: 500 !important;
}

    .btn-radius.google-btn:hover {
        border: 1px solid #518ef8 !important;
        color: #000 !important;
    }

.progress-sec .form-control {
    max-width: 600px;
}

.btn-radius.google-btn img {
    max-width: 24px;
    margin-right: 10px;
}

.down-icon {
    display: inline-block;
    width: 100%;
}

    .down-icon img {
        margin: 0;
        max-width: 22px;
    }

.congrats-inner .mt-4 {
    font-size: 18px;
}

.header_3 .custom-nav {
    box-shadow: none;
}

.thanks-logo {
    font-family: 'courgetteregular';
    font-size: 32px;
}

.thanku-list {
    padding: 0 0 50px;
    margin: 0;
    list-style: none;
}

    .thanku-list li {
        border: 1px solid #0ff9d6;
        border-radius: 2px;
        padding: 15px;
        box-shadow: rgba(15 ,249, 214 , 78%) 0px 0px 12px 3px;
    }

    .thanku-list .detail-list {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

.detail-list .rate-list {
    min-width: 120px;
    max-width: 120px;
}

.detail-list .input-group-btn.process-btn.btn-select {
    z-index: 10;
}

.detail-list img {
    max-width: 100px;
}

.ammount-txt {
    font-size: 26px;
    color: #0ff9d6;
}

.no-txt {
    color: rgb(244, 55, 118);
    margin-top: 7px;
    white-space: nowrap;
}

.ammount-txt sub {
    bottom: 6px;
}

.payment-list {
    margin-top: 0px;
}

.btn-list {
    display: grid;
    position: relative;
}

.preview_btn img {
    max-width: 15px;
    margin-left: 8px;
    transition: 0.8s all;
}

.preview_btn.open img {
    transform: rotate(180deg);
}

.preview_btn {
    position: absolute;
    bottom: -40px;
    right: 0;
    display: inline-flex;
    color: var(--green) !important;
    width: 105px;
}

.btn-list .prev_step_btn:hover {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff !important;
}

.more-info li {
    border: none;
    border-radius: 0;
    padding: 0;
}

.more-info {
    padding-top: 40px;
}

.tab-content > .active {
    opacity: 1;
}

.more-info .btn {
    display: block;
    font-size: 13px;
    padding: 14px 12px 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.thanku-list .tab-content {
    padding: 25px 0 5px;
}

    .thanku-list .tab-content table {
        font-size: 14px;
    }

        .thanku-list .tab-content table th {
            font-weight: 400;
            padding: 10px;
        }

        .thanku-list .tab-content table td {
            font-weight: 400;
            color: var(--blue);
            text-align: right;
            padding: 10px;
        }

        .thanku-list .tab-content table tr:nth-child(odd) {
            background: #f9f9f9;
        }

.more-info .nav-link {
    font-size: 15px;
}

.thanku-list li {
    margin-bottom: 15px;
}

    .thanku-list li:last-child {
        margin-bottom: 0px;
    }

.thanku-list.package-box {
    border: 1px solid #0ff9d6;
    border-radius: 22px;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 25px;
    box-shadow: rgba(15, 249 ,214 , 78%) 0px 0px 12px 3px;
}

.form-view-inner {
    -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.105882352941176);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.105882352941176);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.105882352941176);
    padding: 0;
    margin-left: 0px;
}

.sub-heading {
    background: none;
    margin: 0 -27px 0px;
    padding: 15px 25px;
    color: white;
}

    .sub-heading p {
        margin-bottom: 0;
        font-size: 12px;
    }

    .sub-heading h5 {
        margin-bottom: 0;
        font-size: 23px;
        color: #0ff9d6;
    }

.form-view {
    margin: 40px 0 25px;
}

    .form-view h4 {
        color: #0ff9d6;
        font-size: 22px;
        margin-bottom: 15px;
    }

.form-view-inner .process-btn {
    margin: 20px 0;
}

.preview_btn.relative-btn {
    position: relative;
    bottom: 0;
}

.credit-form-view .row {
    display: block;
}

.radio-style {
    display: flex;
    width: 100%;
    margin: 5px 0 20px;
    padding: 0;
    list-style: none;
}

    .radio-style li {
        position: relative;
    }

        .radio-style li input[type=radio] {
            position: absolute;
            visibility: hidden;
            width: 100%;
            height: 100%;
            z-index: 9;
        }

        .radio-style li label {
            display: block;
            font-weight: 300;
            z-index: 9;
            cursor: pointer;
            margin: 0 20px 0 0;
            padding-left: 30px;
        }

        .radio-style li .check {
            display: block;
            position: absolute;
            border: 3px solid rgba(228, 228, 228, 1);
            border-radius: 100%;
            height: 20px;
            width: 20px;
            top: 3px;
            left: 0px;
            z-index: -1;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

    .radio-style input[type=radio]:checked ~ .check {
        border: 3px solid var(--green);
    }

        .radio-style input[type=radio]:checked ~ .check::before {
            background: var(--green);
        }

    .radio-style li .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 10px;
        width: 10px;
        top: 2px;
        left: 2px;
        margin: auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
    }

.credit-form-view {
    margin-left: 50px;
}

.credit-report h5 {
    color: var(--blue);
    font-size: 26px;
    margin-bottom: 25px;
}

.credit-report {
    margin: 50px 0;
}

.credit-form-view .process-btn {
    margin-top: 35px;
}

.btn-list .btn-custom {
    width: 100%;
    margin: 0;
    padding: 10px 25px;
    min-width: 100px !important;
}

.btn-list .prev_step_btn {
    margin-top: 10px;
}

    .btn-list .prev_step_btn:hover {
        border-color: #ffffff !important;
        background: transparent !important;
        color: #0ff9d6 !important;
    }

.cash-req-list {
    margin-top: 0px;
}

.option-btn {
    margin: 0 -15px;
    border-top: 1px solid #ccc;
    padding: 15px 15px 0 15px;
    text-align: right;
    margin-top: 15px;
}

    .option-btn .btn {
        padding: 12px 25px;
    }

.refinance-sidebar-body ul li:nth-child(even),
.sidebar-body ul li:nth-child(even) {
    background: #031c43;
}

.view-info {
    margin-top: 15px;
    text-decoration: underline !important;
    color: #ffffff;
    font-size: 18px;
}

.user-image {
    border-radius: 100%;
    border: 2px solid #37ffbc;
}

    .user-image img {
        max-width: 100%;
    }


/*---new modal css---*/
.modal.right {
    z-index: 99999;
}

    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        max-width: 880px;
        width: 880px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }

    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }

    /*Right*/
    .modal.right .modal-dialog {
        right: -880px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
    }

    .modal.right .modal-header .close {
        padding: 0;
        margin: 0;
        position: absolute;
        right: 30px;
        top: 30px;
        font-size: 40px;
    }

.credit-form-view .row .form-group {
    max-width: 360px;
    width: 100%;
}

.select-information .modal-dialog {
    max-width: 580px !important;
}

.select-information .modal-body {
    padding: 20px !important;
}

.select-information a {
    font-size: 16px;
    width: 172px;
}

.thanku-list li .detail-list span {
    font-family: 'Nunito', sans-serif;
}
/* ----- MODAL STYLE ----- */
.modal.right {
    z-index: 99999;
}

    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        max-width: 880px;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }

    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }
    /*Right*/
    .modal.right .modal-dialog {
        right: -880px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
    }

    .modal.right .modal-header .close {
        padding: 0;
        margin: 0;
        position: absolute;
        right: 30px;
        top: 25px;
        font-size: 40px;
        opacity: 1;
    }
    /* ----- MODAL STYLE ----- */
    .modal.right .modal-content {
        border-radius: 0;
        border: none;
    }

    .modal.right .modal-header {
        border-bottom-color: #0bebcd;
        background-color: #031c44;
        padding: 31px 30px;
        position: relative;
    }

.modal-header h4 {
    text-align: center;
    display: block;
    width: 100%;
    color: #0ff9d6;
}

.row_form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.comn-col {
    padding: 0 15px;
    margin-top: 0px;
}

.drag_col {
    width: 30%;
}

.select_col {
    width: 40%;
}

.file_col {
    /*width: 30%;*/
    width: 50%;
}

.form_outer label {
    width: 100%;
    border: 1px dashed #c1c1c1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    flex-wrap: wrap;
    height: 250px;
    position: relative;
}

    .form_outer label small {
        font-size: 13px;
        color: #aaa;
        width: 100%;
    }

    .form_outer label span {
        display: block;
        width: 100%;
        display: none;
    }

.form_outer input[type=file] {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
}

.select_col label {
    font-size: 13px;
    color: #0df9d6;
}

.select_col textarea {
    resize: none;
}

.form-control, .form-control:focus {
    /* box-shadow: none; */
    outline: none;
}

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

.file_col .form_file_dis {
    border-left: 1px solid #c1c1c1;
    height: 250px;
}

    .file_col .form_file_dis .file_list, .k-upload-files {
        list-style: none;
        height: 199px;
        overflow-y: auto;
    }

        .file_col .form_file_dis .file_list li .k-upload-files li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            padding: 15px 0;
            border-bottom: 1px solid #c1c1c1;
        }

        .file_col .form_file_dis .file_list li:first-child, .k-upload-files li:first-child {
            padding-top: 0;
        }

        .file_col .form_file_dis .file_list li:last-child, .k-upload-files li:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .file_col .form_file_dis .file_list li span:first-child img {
            margin-right: 8px;
        }

.upload-file {
    padding: 0 15px;
}

.btn-primary {
    color: #fff;
    background-color: #0A2EB3;
    border-color: #0A2EB3;
}

.page-discription {
    margin-top: -66px;
    padding: 15px;
}

    .page-discription h4 {
        color: #0ff9d6 !important;
        font-size: 28px;
    }

    .page-discription p {
        font-size: 14px;
        color: white;
    }

    .page-discription .bottom_part {
        padding: 20px;
        background-color: #E8ECEF;
    }

        .page-discription .bottom_part h3 {
            font-size: 22px;
        }

        .page-discription .bottom_part ul {
            list-style: none;
            padding-left: 10px;
        }

        .page-discription .bottom_part img {
            margin: 15px 0;
            max-width: 100px;
        }

        .page-discription .bottom_part ul li {
            font-size: 14px;
            margin-bottom: 8px;
        }

.upload-file button {
    font-size: 14px;
}

.remove_file img {
    max-width: 18px;
}

.inn-dis {
    padding-left: 15px;
}

    .inn-dis ul {
        padding-left: 0px !important;
    }
/*---new modal css---*/
.table-list th {
    background: #f2f4fb;
    font-size: 13px;
    color: #414141;
    font-weight: 600;
    padding: 10px;
}

.table-list td {
    padding: 10px;
    font-size: 13px;
}

.table-list tr:nth-child(odd) {
    background: #f9f9f9;
}

.edit-btn img {
    max-width: 25px;
    max-height: 25px;
}

.table-list th:last-child,
.table-list td:last-child {
    text-align: center;
}

.property-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}

    .property-title h3 {
        font-size: 20px;
        color: var(--blue);
        margin: 0;
    }

.table-list {
    padding: 50px 0;
}

.report-table {
    padding: 10px 0 20px !important;
}

.property-title .btn-custom {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
}

    .property-title .btn-custom:hover {
        background: #08248d;
        color: #ffffff !important;
    }

.mortages-table th:last-child {
    min-width: 140px;
}

.edit-btn {
    margin: 0 7px;
}

.mortages-table {
    margin: 50px 0;
}

.property-form .form-control {
    max-width: 50%;
}

.create-property .modal-body {
    padding: 40px !important;
}

.property-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

    .property-form label {
        padding-right: 3%;
    }

.create-property .nxt_step_btn {
    margin-top: 10px;
    margin-left: 0;
}

.modal .form-control,
.main-sec-inner .form-control {
    border-color: rgba(228, 228, 228, 1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.0666666666666667) inset;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.0666666666666667) inset;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.0666666666666667) inset;
    font-size: 14px;
}

    .modal .form-control:focus,
    .main-sec-inner .form-control:focus {
        box-shadow: none !important;
        border: 1px solid var(--blue) !important;
    }

.table-list th, .table-list td {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.table-btn .btn-custom {
    padding: 5px 15px !important;
    min-width: unset;
    font-size: 14px;
}

    .table-btn .btn-custom.prev_step_btn {
        border: 1px solid #ccc;
    }

        .table-btn .btn-custom.prev_step_btn:hover {
            border: 1px solid var(--blue);
        }

.table-btn {
    display: flex;
}

.table-list.table-reset {
    padding-top: 10px;
}

.sticky-main-sec .top-progress {
    position: fixed;
    top: 58px;
    z-index: 99;
    width: 100%;
}

.navbar-nav .dropdown-item {
    font-size: 14px;
    padding: 5px 10px;
}

.form-income .btn-link:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 20px !important;
    vertical-align: sub;
    margin-right: 10px;
}

.form-income .btn-link.collapsed:before {
    background: url(../images/minus-img.svg);
}

.form-income .btn-link:before {
    background: url(../images/plus-img.svg);
}

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

    .input-form-income .form-group .input-title {
        margin: 0;
        max-width: 280px;
        font-size: 15px;
        width: 100%;
        padding-right: 15px;
    }

.input-form-income {
    max-width: 600px;
    margin-top: 30px;
}

.form-income .btn-link {
    color: var(--blue) !important;
    font-weight: 600;
    cursor: pointer;
}

.form-income {
    padding-left: 50px;
    margin-top: 35px;
}

.input-form-income .form-group:last-child {
    margin-bottom: 0;
}

.self-employed-card {
    margin-bottom: 40px;
}

.employed-table .table-list {
    padding-top: 20px;
    padding-bottom: 0;
}

    .employed-table .table-list th {
        height: 60px;
    }

.selected-opt-li {
    border: 4px solid #0ff9d6;
    /* transition: transform 330ms ease-in-out; */
    /* transform: translate(0, -10px); */
    background: #e2fffb !important;
    color: #ffffff !important;
}

.employed-table > span {
    color: var(--blue) !important;
}

.employed-table .checkbox {
    margin-top: 15px;
}

.employed-table {
    margin-top: 40px;
}

    .employment-txt .checkbox input,
    .employed-table .checkbox input {
        width: 18px;
        height: 18px;
        vertical-align: sub;
        margin-right: 7px;
    }

    .employed-table .table-list .form-control {
        min-height: 36px;
    }

.former-employment-card {
    margin-bottom: 40px;
}

    .former-employment-card .checkbox {
        margin-top: 30px;
    }

    .former-employment-card .input-form-income {
        margin-top: 20px;
    }

.assets-heading {
    margin-top: 25px;
    color: var(--blue) !important;
}

.other-income-txt .input-form-income:last-child {
    margin-top: 15px;
}

.form-income .btn-custom.nxt_step_btn {
    margin: 25px 0;
}

.btn-select .prev_step_btn {
    position: absolute;
    width: 275px;
    right: 0;
}

.btn-select .btn-custom {
    font-size: 14px;
    bottom: 0;
    padding: 12px 25px;
}

.btn-select {
    position: relative;
    padding-bottom: 15px;
}

.selected-side-bar .sidebar-body .process-btn .nxt_step_btn {
    display: none !important;
}

.selected-side-bar .sidebar-body .process-btn {
    text-align: center;
}

    .selected-side-bar .sidebar-body .process-btn .prev_step_btn {
        margin: 0;
    }

.selected-side-bar .refinance-sidebar-body .process-btn .nxt_step_btn {
    display: none !important;
}

.form-income .btn-link .remove-txt {
    display: none;
}

.form-income .btn-link .add-txt {
    display: inline-block;
}

.form-income .btn-link.collapsed .add-txt {
    display: none;
}

.form-income .btn-link.collapsed .remove-txt {
    display: inline-block;
}

.style-form {
    max-width: 500px;
    background-color: #f2f4fb;
    border-radius: 13px;
    margin: 0 auto;
    padding: 35px;
}

    .style-form .form-group:last-child {
        margin-bottom: 0;
    }

    .style-form .btn {
        display: block;
        width: 100%;
        margin-top: 30px !important;
    }

    .style-form h3 {
        margin-bottom: 20px;
    }

.form-title {
    text-align: center;
    padding: 0 0 15px;
}

.admin-form {
    padding: 60px 15px 80px;
}

.contact-form {
    width: 100%;
    background-color: #f2f4fb;
    border-radius: 13px;
    padding: 35px;
}

.contact-box {
    max-width: 450px;
    margin-right: 0;
    margin-left: auto;
}

.contact-txt iframe {
    border-radius: 13px;
}

.contact-txt h4 {
    font-size: 18px;
    font-weight: 700;
}

.contact-txt p {
    margin-bottom: 0;
}

.contact-txt {
    margin-bottom: 28px;
}

    .contact-txt:last-child {
        margin-bottom: 0;
        padding-top: 10px;
    }

.contact-info {
    font-size: 20px;
    margin-bottom: 28px;
}

.contact-form .form-group:last-child {
    margin-bottom: 5px;
}

.contact-row {
    margin: 70px 0;
}

.contact-txt a {
    color: var(--black);
    margin-right: 7px;
}

.sweet-alert {
    background-color: #132746 !important;
    border-radius: 22px !important;
    border: solid #0ff9d6;
    box-shadow: rgba(15, 249, 214 , 78%) 0px 0px 12px 3px;
}

.text-muted {
    color: #ffffff !important;
}

.app-id-text {
    color: #ffffff;
}

.nav-item.dropdown .dropdown-toggle:after {
    content: '';
    border: solid #0ff9d6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(45deg);
    margin-top: -4px;
}

.custom-nav .nav-link.dropdown-toggle:hover:after {
    border: solid var(--blue);
    border-width: 0 2px 2px 0;
}

.dropdown-menu > .dropdown-item {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px 4px 0 0;
}

    .dropdown-menu > .dropdown-item:last-child {
        border-bottom: none;
        border-radius: 4px;
    }

.header_3 .custom-nav .nav-link.dropdown-toggle:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.header_3 .custom-nav .nav-link.dropdown-toggle:hover:after {
    border: solid var(--green);
    border-width: 0 2px 2px 0;
}

.table-list th span {
    white-space: nowrap;
}

.table-width {
    min-width: 180px;
}

.table-checkbox {
    width: 16px;
    height: 16px;
    display: block;
}

.edit-property .property-form .form-control {
    max-width: calc(100% - 230px);
}

.edit-property .property-form .form-checkbox {
    width: calc(100% - 230px);
}

.edit-property .modal-body {
    padding: 30px !important;
}

.edit-property label {
    margin: 0;
}

.edit-property.modal.right .modal-dialog {
    max-width: 750px;
}

.edit-property .btn-custom {
    margin: 10px 0 !important;
}

.form-checkbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .form-checkbox ul li {
        display: inline-block;
        padding: 4px 15px 4px 0;
        font-size: 14px;
    }

        .form-checkbox ul li input[type="checkbox"] {
            margin-right: 4px;
            height: 14px;
            width: 14px;
            vertical-align: middle;
            margin-top: -3px;
        }

.title-row {
    background: #f2f4fb;
    display: block;
    color: #000 !important;
    padding: 10px;
    margin: 15px 0;
    border-radius: 4px;
    position: relative;
}

    .title-row:after {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: 20px !important;
        vertical-align: sub;
        background: url(../images/minus-img.svg);
        float: right;
        margin-top: 2px;
    }

    .title-row.collapsed:after {
        background: url(../images/plus-img.svg);
    }

.text-head h3 {
    margin: 15px 0;
    text-align: center;
}

.edit-table tr th:last-child {
    min-width: 135px;
}

.navbar .dropdown-menu:before {
    position: absolute;
    content: '';
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    z-index: 999999;
    left: 10px;
}

.navbar .dropdown-menu:after {
    position: absolute;
    content: '';
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 12px solid #eee;
    top: -12px;
    z-index: 99999;
    left: 9px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    overflow: unset;
}

.span-img img {
    margin-right: 10px;
}

.gj-datepicker .input-group-append {
    background: url("../images/calendar.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.gj-timepicker .input-group-append {
    background: url("../images/time.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.gj-icon {
    display: none;
}

.input-group-append .btn-outline-secondary {
    background: transparent !important;
    border: 1px solid #dee2e6;
}

.gj-picker table td, .gj-picker table th {
    border: 1px solid #eee;
    font-size: 14px;
}

.gj-picker-bootstrap {
    padding: 0;
}

    .gj-picker-bootstrap table {
        margin: 0 -1px;
    }

.gj-icon.chevron-right:before,
.gj-icon.chevron-left:before {
    display: none;
}

.width-70 {
    width: 70%;
}

.animated-btn {
    animation: click 1.5s;
}

@keyframes click {
    0% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.gj-icon.chevron-right {
    background: url(../images/virustotal-icon.svg);
    background-size: 16px;
    width: 25px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.gj-icon.chevron-left {
    background: url(../images/virustotal-icon.svg);
    background-size: 16px;
    width: 25px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}

.gj-picker div[role=navigator] div[role=period] {
    font-size: 14px;
    color: #08248d;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    background-color: #08248d;
    border-color: #08248d;
}

.gj-picker-bootstrap .selected {
    color: #0a2db1;
}

.about-width {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}

    .about-width h2 {
        margin-bottom: 20px;
    }

.outer-gray {
    background: #f6f6f6;
    padding: 60px 0;
}

.white-gray {
    background: #fff;
    padding: 60px 0;
}

.house-img img {
    max-width: 100%;
}

.house-img {
    max-width: 325px;
    width: 100%;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

.gray-gray p:last-child,
.white-gray p:last-child {
    margin-bottom: 0;
}

.form-view .alert-warning {
    background: #f2f4fb;
    border-color: #f2f4fb;
    color: #000;
}

    .form-view .alert-warning img {
        max-width: 20px;
        vertical-align: sub;
        margin-right: 10px;
    }

    .form-view .alert-warning button {
        font-size: 30px;
        opacity: 1;
        padding: 9px 15px;
    }

.page-style ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-style {
    margin-bottom: 35px;
}

    .page-style:last-child {
        margin-bottom: 10px;
    }

    .page-style ul li {
        margin-top: 15px;
    }

.align-box {
    background: var(--blue) !important;
    padding: 30px 15px;
    border-radius: 9px;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.145098039215686);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.145098039215686);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.145098039215686);
    text-align: center;
    color: #fff;
    position: sticky;
    top: 80px;
}

    .align-box h5 {
        margin: 0;
        color: #fff;
        padding: 20px 0;
    }

    .align-box .style-custom {
        margin: 0;
        color: var(--blue) !important;
        background: #fff;
        border: 1px solid #fff;
        padding: 12px 20px 10px;
    }

        .align-box .style-custom:hover {
            color: #fff !important;
            background: transparent;
            border: 1px solid #fff;
        }

.page-title h2 p {
    font-size: 22px;
    margin: 15px 0 0;
}

.white-gray h2 {
    margin-bottom: 25px;
}

.steps h2 span {
    width: 48px;
    height: 48px;
    background: #38beb7;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 10px;
    font-size: 24px;
}

.steps h2 {
    margin-bottom: 15px;
}

.steps {
    margin-bottom: 25px;
}

.step-sec {
    padding: 70px 0;
    position: relative;
}

    .step-sec:after {
        content: '';
        border: 2px solid #38beb7;
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        left: calc(50% - 2px);
        border-radius: 100%;
        transform: translateX(-50%);
    }

    .step-sec:before {
        content: '';
        border-right: 2px solid #38beb7;
        position: absolute;
        height: calc(100% - 200px);
        width: 1px;
        top: 50px;
        right: 50%;
    }

.empty-sec {
    height: 0;
    visibility: hidden;
}

.step-sec .btn-custom {
    margin-top: 25px;
}

.loan-program img {
    height: 100%;
    max-width: 70px;
    max-height: 70px;
    margin-bottom: 5px;
}

.loan-program .box-inner {
    padding: 40px 15px;
}

.loan-program h5 {
    margin: 15px 0;
}

.set-radius img {
    border-radius: 10px;
}

.title-set {
    text-align: center;
    margin-bottom: 40px;
}

.set-padding {
    padding: 60px 0 70px;
}

.ortgage-debt .change-order label {
    color: var(--blue) !important;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 10px;
}

.loan-img img {
    max-width: 100%;
}

.white-gray.loan-white-sec {
    padding-top: 0;
}

.testimonial-sec p {
    max-width: 900px;
    margin: 0 auto;
}

.img-box {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.testimonial-sec {
    background: #f2f4fb;
    text-align: center;
    border-radius: 10px;
    padding: 35px 15px;
    margin-bottom: 30px;
}

.testimonial-sec-green {
    background: #d4edda !important;
}

.testimonial-sec:last-child {
    margin-bottom: 0px;
    margin-top: 60px;
}

.testimonial-page {
    margin: 70px 0;
}

.testimonial-sec label {
    margin: 0 auto;
    font-size: 20px;
    max-width: 910px;
}

.align-box img {
    max-width: 80px;
}

.white-gray .set-sec {
    max-width: 1000px;
    margin: 0 auto;
}

.loan-txt {
    max-width: 570px;
}

    .loan-txt h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

.loan-white-sec .loan-txt {
    margin: 0 0 0 auto;
}

.custom-nav .dropdown-item.active,
.custom-nav .dropdown-item:active {
    color: #16181b;
    background-color: #f8f9fa;
}

.mortages-table tbody tr {
    cursor: all-scroll;
}

.mortages-table-style tbody tr:nth-child(even) {
    background: #f9f9f9;
}

.mortages-table-style tbody tr:nth-child(odd) {
    background: #fff;
}

.action-cell {
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-btn {
    margin: 0 7px;
    min-width: 28px;
}

.unmatched-mortages .un-link {
    display: none;
}

.btn_setting .btn-custom {
    margin-left: 50%;
}

.btn_setting .link-txt {
    color: #38BEB7;
    margin-left: 50%;
    padding: 10px 0;
    display: inline-block;
}

.mortages-table.table-list {
    margin: 0;
}

.btn-custom.btn-green.nxt_step_btn {
    color: #fff !important;
}

    .btn-custom.btn-green.nxt_step_btn:hover {
        color: var(--green) !important;
    }

.self-employed-card .btn-link {
    width: 275px;
    display: inline-block;
}

.btn-new-custom {
    color: #fff;
    padding: 8px 20px;
    border-radius: 25px;
}

.btn-custom.btn-green.nxt_step_btn.hover-green {
    color: var(--blue) !important;
    margin-top: 45px;
}

    .btn-custom.btn-green.nxt_step_btn.hover-green:hover {
        color: var(--green) !important;
    }

.joint-title {
    color: var(--green);
    font-weight: 700;
    padding: 15px;
    font-size: 18px;
}

.link-mortage .modal-dialog {
    max-width: 750px !important;
}

.link-mortage .property-form .form-control {
    max-width: 65%;
}

.link-mortage .btn_setting .btn-custom {
    margin-left: 35%;
}

.sa-button-container .btn {
    font-size: 16px;
    background: var(--green);
    color: #fff;
    margin-bottom: 10px;
}

.sa-button-container .confirm {
    background: #10d3bc;
    color: #132746 !important;
}

.sa-button-container .btn:hover {
    opacity: 0.9;
}

#edit-property .btn_setting {
    margin-top: 10px;
}

.view_more ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    max-width: 50%;
}

    .view_more ul li {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 10px;
        position: relative;
        font-size: 14px;
    }

        .view_more ul li label input {
            position: absolute;
            left: 0;
            top: 6px;
        }

.selected-realtor-option {
    max-width: 500px;
    position: absolute;
    top: 0;
    left: 0;
}

.form-group.select-realtor {
    position: relative;
}

.selected-realtor-option .img-inline:hover {
    background: transparent;
}


.questionnaire-error {
    display: none;
    font-size: 14px;
    color: #f00;
    padding-left: 10px;
    text-align: center;
}

.loader-box {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

.loader-box-flex {
    display: flex !important;
}

.loader-box-none {
    display: none !important;
}

.loader-box img {
    max-width: 290px;
    background: #fff;
    border-radius: 5px;
}

.ques-or {
    width: 100%;
    display: inline-block;
    margin: 0px 0 30px 0;
    font-weight: bolder;
    text-align: center;
    color: #0ddcc3;
    border-bottom: 1px solid #ffffff1f;
    position: relative;
    top: -10px;
}

    .ques-or span {
        width: auto;
        display: inline-block;
        position: relative;
        top: 11px;
        background: #fff;
        padding: 0 25px;
        border: 1px solid #0edcc3;
        background: #031c44 !important;
    }

.ques-form label {
    width: 100%;
    text-align: center;
}

.currency-symbol {
    position: absolute;
    padding: 8px 12px;
    font-size: large;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.form-group .currency {
    text-align: right;
}

.k-grid-edit-row .currency {
    text-align: right;
    height: 25px;
    width: 100%;
}

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

.w100 {
    width: 100% !important;
}

.emailconfirmhighlight {
    font-size: 18px;
    color: yellow;
    font-weight: bold;
}

.w290 {
    width: 290px;
}

.paddingol li {
    padding: 10px 0 5px 0;
}

/* Team Page CSS*/

.teamCentent .teamImage {
    position: relative;
    margin-bottom: 30px;
}

.teamContent img {
    width: 100%;
}

.teamSection.attorneys .col-xs-12 .teamContent {
    margin-bottom: 40px;
}

.teamContent .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    left: 0px;
    opacity: 0;
    background: rgba(81,91,120,0.5);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .teamContent .overlay a {
        display: block;
        height: 100%;
    }

.teamInfo {
    padding-bottom: 25px;
    border-bottom: 1px solid #dedede;
}

    .teamInfo h3 {
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 12px;
    }

    .teamInfo p {
        font-size: 11px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

.teamInfo h5 {
    margin: 8px 0px;
}

.sectionTitle.text-left {
    margin-bottom: 0;
}

.commonSection {
    padding: 50px 0;
}

.profile-detail {
    padding: 20px 0;
}

.profile-content h2 {
    margin-bottom: 10px;
}

.divsocialmediaLinks {
    height: 40px;
    margin: 10px auto;
}

    .divsocialmediaLinks img {
        width: 35px !important;
    }

.profile-contact {
    font-size: 13px;
    line-height: 23px;
}

    .profile-contact address {
        margin-bottom: 15px;
    }

    .profile-contact span {
        display: block;
    }

.profile-progress .progress-wrapper {
    padding: 0 0 0 80px;
    border-left: 1px solid #dedede;
    margin-left: 20px;
    overflow: hidden;
}

.progress-title {
    font-size: 13px;
    text-align: left;
}

.progress-bar-inner {
    position: relative;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #dedede;
    margin: 5px 0 20px;
    width: 100%;
    float: left;
}

.progress-bar-container.small {
    height: 8px;
}

.progress-bar-container {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background-color: #dedede;
}
/*Team Page Css*/

/*---Media query---*/
@media (min-width: 1440px) {
    .new-sidebar .progress-box {
        right: unset;
        margin-left: 165px;
        left: unset;
    }

    .congrats {
        border-radius: 0 0 10px 10px;
    }
}

@media (max-width: 1440px) and (min-width: 1240px) {
    .new-sec {
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 0;
        margin-right: auto;
    }
}

@media (max-width: 1199px) {
    .loan-table li .btn-custom {
        min-width: unset;
        padding: 7px 4px 6px;
    }

    .loan-table li:last-child {
        min-width: 120px;
    }

    .slider-sec .banner-row h2 {
        line-height: 60px;
        margin-bottom: 25px;
    }

    .custom-nav .main-nav .nav-link {
        font-size: 14px;
        padding: 4px !important;
    }
}

@media (min-width: 992px) {
    .small-container {
        max-width: 1000px;
    }



    .box-inner:hover {
        transform: translatey(-10px);
    }

    .blog-inner .read-more:hover i {
        margin-left: 10px;
    }

    .client-info-page .container {
        max-width: 1100px;
    }

    .full-size td {
        font-size: 15px;
    }
}

@media (max-width: 4520px) {
    form#loan-form {
        padding: 0 !important;
    }

    .package-box .payment-list {
        margin-right: 0px;
    }

    .package-box .mobileonly {
        display: block;
    }

    .package-box .bottomdivoption {
        display: none;
    }

    .custom-nav .navbar-collapse {
        display: block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .custom-nav .navbar-collapse.show {
        right: 0% !important;
        background: #031c43 !important;
        display: block;
        scroll-behavior: auto;
    }

    .selected-info .thanku-list .detail-list {
        display: block;
        text-align: center;
    }

    .selected-info .detail-list .rate-list {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .selected-info .spcialoption {
        margin-left: 89px;
    }

    .navbar-toggler-2 {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
    }

    .thanku-list-2 .detail-list {
        display: block;
        text-align: center;
    }

    .refinance-sidebar-body, .sidebar-body {
        width: 550px;
    }

    .dl-2 .rate-list {
        margin: 0 auto;
        margin-top: 15px;
    }

    .height-18 {
        height: 18px;
    }

    .align-menu-right {
        position: absolute;
        z-index: 5;
        right: 0px;
    }

    .custom-nav .main-nav .nav-link, .custom-nav .nav-link {
        color: white;
    }

    .nav-item.dropdown .dropdown-toggle-n:after {
        content: '';
        border: solid #ffffff !important;
        border-width: 0 2px 2px 0 !important;
        display: inline-block !important;
        padding: 3px !important;
        vertical-align: middle !important;
        transform: rotate(45deg) !important;
        margin-top: 7px !important;
        float: right;
    }

    .dropdown-menu {
        background-color: #031c43 !important;
    }

    .cash-req-list-rightside {
        margin-right: 0px !important;
    }

    .custom-nav .dropdown-menu {
        border: none;
        padding: 10px;
    }

    .box-inner,
    .blog-inner {
        margin-bottom: 30px;
    }

    .resources-sec,
    .knowledge-sec {
        padding-bottom: 70px;
    }

    .change-order {
        order: 2;
    }

    .calculate-ammount {
        margin-bottom: 50px;
    }

        .calculate-ammount .input-group-btn {
            text-align: center;
        }

    .card-header-tabs {
        width: 100%;
    }

        .card-header-tabs .nav-item {
            width: 50%;
            text-align: center;
        }

    .calculate-sec .input-group {
        max-width: 100%;
    }

    .slider-sec .banner-row h2 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .slider-sec .carousel-caption {
        font-size: 18px;
    }

        .slider-sec .carousel-caption h1 {
            font-size: 37px;
        }

    .slider-sec .continue-box {
        margin-left: 5%;
    }

    .select-term li a {
        font-size: 18px;
    }

    .select-term li {
        padding: 5px 0;
        padding-left: 25px;
    }

        .select-term li a:hover:before,
        .select-term li.active a:before,
        .select-term li a:before {
            background-size: 18px !important;
            top: 6px;
        }

    .selected-info .user-image {
        width: 40px;
    }

    .selected-info .down-arrow {
        width: 15px;
        top: 30px;
    }

    .selected-info .selected-list {
        padding: 10px 15px 15px 45px;
    }

    .selected-list p {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .selected-info {
        padding-top: 20px;
        margin-top: 48px;
    }

    .navbar-toggler.collapsed .hamburger-menu {
        display: block;
    }

    .navbar-toggler .hamburger-menu, .navbar-toggler.collapsed .close-menu {
        display: none;
    }

    .custom-nav .navbar-toggler img {
        height: 18px;
    }

    .custom-nav {
        height: 58px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        padding-left: 0;
        padding-right: 0;
    }

    .main-sec.main-sec-inner {
        padding-top: 58px;
    }

    .custom-nav .navbar-brand img {
        max-height: 40px;
    }

    .custom-nav .collapsing {
        transition: 0.8s all !important;
        right: 0% !important;
    }

    .custom-nav .navbar-collapse {
        background: #fff;
        position: absolute;
        width: 100%;
        max-width: 400px;
        right: -100%;
        top: 58px;
        padding: 10px 20px;
        z-index: 99999999999999999 !important;
        height: calc(100vh - 58px);
        display: block;
        overflow: unset !important;
        transition: 0.8s all !important;
    }

        .custom-nav .navbar-collapse.show {
            right: 0% !important;
            background: #031c43 !important;
        }

        .custom-nav .navbar-collapse.n-show {
            right: 0% !important;
            background: #031c43 !important;
        }

    .custom-nav .nav-item {
        margin-left: 0;
        margin-top: 7px;
    }

    .sticky-header .main-nav {
        display: block;
    }

    .custom-nav .main-nav .nav-link,
    .custom-nav .nav-link {
        padding: 5px 0 !important;
        font-size: 14px !important;
    }

    .custom-nav .top-nav {
        margin-bottom: 0;
        margin-top: 0;
    }

    .custom-nav .navbar-nav.ml-auto {
        max-width: 720px;
        margin: 0 auto;
    }

    .btn-custom.btn-apply {
        min-width: unset;
        margin: 0;
        padding: 5px 6px 3px;
        font-size: 11px;
    }

    .custom-nav {
        flex-direction: initial;
    }

    .top-nav {
        flex-direction: column;
    }

    .custom-nav .top-nav .nav-item {
        width: 33.3333%;
    }

        .custom-nav .top-nav .nav-item:nth-last-child(2) {
            text-align: left;
        }

        .custom-nav .top-nav .nav-item:nth-last-child(3) {
            text-align: center;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

        .custom-nav .top-nav .nav-item .nav-link {
            padding: 0 !important;
        }

    .custom-nav .navbar-toggler {
        padding: unset;
        margin-right: 0;
        margin-left: auto;
    }

    .navbar-nav.top-nav {
        padding: 10px 0;
    }

    .navbar-nav.main-nav {
        padding-bottom: 15px;
    }

    .loan-table {
        display: inline-block;
        padding: 15px 15px 20px;
        width: 100%;
    }

        .loan-table li span {
            margin-right: 10px;
        }

    .uncheck-list li {
        margin-right: 30px;
        float: none;
        padding: 5px 0 10px;
    }

    .one-row-icon .list-unstyled {
        display: inline-block;
    }

    .one-row-icon li {
        display: inline-block;
        margin-right: 25px !important;
        width: unset !important;
    }
    /*.process-view {
        display: none;
    }*/
    .process-view-2 {
        display: none;
    }

    .nav-item .dropdown-menu a:nth-child(2) {
        display: none;
    }

    .nav-item .dropdown-menu a:nth-child(1) {
        display: none;
    }

    .navbar-expand-lg > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .custom-nav .dropdown-menu {
        border: none;
    }

        .custom-nav .dropdown-menu .dropdown-item {
            padding: 0;
            margin-top: 7px;
            font-size: 14px;
            color: #0ef9d6;
        }

    .top-progress.progress {
        display: block;
    }

    .navbar .progress-box {
        background: transparent;
        box-shadow: none;
        padding: 0;
        margin: 10px 0;
        position: relative;
        top: 0;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #021635;
    }

    .navbar .progress-box .selected-info {
        background: #031c43;
        padding: 10px 5px 5px;
        border: none;
        margin-left: -20px;
        width: calc(100% + 40px);
        border-top: 1px solid #0ef9d6;
        border-bottom: 1px solid #0ef9d6;
    }

    .selected-list ul li {
        margin-top: 8px;
        color: #0ff9d6;
    }

    .navbar .progress-box .selected-info .down-arrow {
        top: 15px;
        right: 15px;
    }

    .navbar .progress-box .selected-info .user-image {
        left: 15px;
    }

    .custom-nav .navbar-collapse.show {
        overflow: auto !important;
        box-shadow: rgba(15, 249, 214 , 78%) 5px 16px 12px 3px;
    }

    .custom-nav .navbar-collapse.n-show {
        overflow: auto !important;
        box-shadow: rgba(15, 249, 214 , 78%) 5px 16px 12px 3px;
    }

    .navbar .selected-info .selected-list {
        padding: 10px 15px 15px 15px;
    }

    #loan-form {
        max-width: 100% !important;
        flex: 100%;
    }

    .loan-table li .btn-custom {
        min-width: 85px;
    }

    header {
        padding-top: 0;
    }

    .navbar-brand {
        max-width: 138px;
    }

    .sticky-header .navbar-brand {
        max-width: 138px;
    }

    .congrats {
        max-width: 100% !important;
    }

    .refinance-sidebar-body .process-btn,
    .sidebar-body .process-btn {
        position: relative;
        box-shadow: none;
        margin-bottom: 100px;
    }

    .refinance-sidebar-body .option-btn,
    .sidebar-body .option-btn {
        margin: 0 -15px;
        padding: 15px 15px 0 15px;
        width: calc(100% + 30px);
    }

    .refinance-sidebar-body, .sidebar-body,
    .refinance-side-bar .refinance-sidebar-body, .side-bar .sidebar-body {
        padding-top: 50px !important;
        top: 74px;
    }

    .form-view-inner .input-group-btn.process-btn {
        padding: 0;
    }

    .radio-style li .check {
        top: 1px;
    }

    .dropdown-menu > .dropdown-item {
        border-bottom: none;
    }

    .navbar .dropdown-menu:before,
    .navbar .dropdown-menu:after {
        display: none;
    }
}

@media (max-width: 991px) {
    body {
        font-size: 15px;
    }

    .lh40 {
        text-align: center;
    }

    .mb-10-d {
        margin-bottom: 0px;
    }

    .special-heading-space {
        text-align: center;
    }

    #divtopRightOptionContent {
        max-width: 100%;
    }

    .card-hero-block {
        margin-top: 35px;
    }

    .floatingButtonWrap {
        display: inline-block;
    }

    .mt30-desktop {
        margin-top: 30px;
    }
    /*---Need to verify in other view---*/
    div#divBottomButtonPanel_top {
        display: none !important;
    }

    /*---new modal css---*/
    .modal.right {
        z-index: 99999;
        top: 60px;
    }

    .modal-backdrop {
        background: none;
    }

    .refinance-sidebar-body, .sidebar-body {
        top: 60px;
    }

    #select-information .modal-body ul {
        margin-left: -50px;
    }

    .border-bottom-menu {
        border-bottom: none;
    }

    .hide-on-mobile {
        display: none;
    }

    .top-100 {
        top: 59px !important;
    }

    form#loan-form {
        padding: 0 !important;
    }

    .display-on-mobile {
        display: block;
    }

    .card-hero-section {
        padding-top: 28px;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 29px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 23px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 17px;
    }

    .box-inner,
    .blog-inner {
        margin-bottom: 30px;
    }

    .resources-sec,
    .knowledge-sec {
        padding-bottom: 70px;
    }

    .change-order {
        order: 2;
    }

    .calculate-ammount {
        margin-bottom: 50px;
    }

        .calculate-ammount .input-group-btn {
            text-align: center;
        }

    .card-header-tabs {
        width: 100%;
    }

        .card-header-tabs .nav-item {
            width: 50%;
            text-align: center;
        }

    .calculate-sec .input-group {
        max-width: 100%;
    }

    .slider-sec .banner-row h2 {
        font-size: 45px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .slider-sec .carousel-caption {
        font-size: 18px;
    }

        .slider-sec .carousel-caption h1 {
            font-size: 37px;
        }

    .slider-sec .continue-box {
        margin-left: 5%;
    }

    .select-term li a {
        font-size: 18px;
    }

    .select-term li {
        padding: 5px 0;
        padding-left: 25px;
    }

        .select-term li a:hover:before,
        .select-term li.active a:before,
        .select-term li a:before {
            background-size: 18px !important;
            top: 6px;
        }

    .selected-info .user-image {
        width: 40px;
    }

    .selected-info .down-arrow {
        width: 15px;
        top: 30px;
    }

    .selected-info .selected-list {
        padding: 10px 15px 15px 45px;
    }

    .selected-list p {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .selected-info {
        padding-top: 20px;
        margin-top: 48px;
    }

    .navbar-toggler.collapsed .hamburger-menu {
        display: block;
    }

    .navbar-toggler .hamburger-menu, .navbar-toggler.collapsed .close-menu {
        display: none;
    }

    .custom-nav .navbar-toggler img {
        height: 18px;
    }

    .custom-nav {
        height: 58px;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        padding-left: 0;
        padding-right: 0;
    }

    .main-sec {
        padding-top: 58px;
        background: #031c44;
    }

        .main-sec.main-sec-inner {
            padding-top: 58px;
        }

    .custom-nav .navbar-brand img {
        max-height: 40px;
    }

    .custom-nav .collapsing {
        transition: 0.8s all !important;
        right: 0% !important;
    }

    .custom-nav .navbar-collapse {
        background: #fff;
        position: absolute;
        width: 100%;
        max-width: 400px;
        right: -100%;
        top: 58px;
        padding: 10px 20px;
        border-top: 1px solid #0ef9d617;
        z-index: 9999 !important;
        height: calc(100vh - 58px);
        display: block;
        overflow: unset !important;
        transition: 0.8s all !important;
    }

        .custom-nav .navbar-collapse.show {
            right: 0% !important;
            background: #031c43 !important;
        }

    .custom-nav .nav-item {
        margin-left: 0;
        margin-top: 7px;
    }

    .sticky-header .main-nav {
        display: block;
    }

    .custom-nav .main-nav .nav-link,
    .custom-nav .nav-link {
        padding: 5px 0 !important;
        font-size: 14px !important;
    }

    .custom-nav .top-nav {
        margin-bottom: 0;
        margin-top: 0;
    }

    .custom-nav .navbar-nav.ml-auto {
        max-width: 720px;
        margin: 0 auto;
        margin-top: 14px !important;
    }

    .btn-custom.btn-apply {
        min-width: unset;
        margin: 0;
        padding: 5px 6px 3px;
        font-size: 11px;
    }

    .custom-nav {
        flex-direction: initial;
    }

    .top-nav {
        flex-direction: column;
    }

    .custom-nav .top-nav .nav-item {
        width: 33.3333%;
    }

        .custom-nav .top-nav .nav-item:nth-last-child(2) {
            text-align: left;
        }

        .custom-nav .top-nav .nav-item:nth-last-child(3) {
            text-align: center;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

        .custom-nav .top-nav .nav-item .nav-link {
            padding: 0 !important;
        }

    .custom-nav .navbar-toggler {
        padding: initial;
        margin-right: 0;
        margin-left: auto;
    }

    .navbar-nav.top-nav {
        padding: 10px 0;
    }

    .navbar-nav.main-nav {
        padding-bottom: 15px;
    }

    .header_2 .navbar, .header_3 .navbar {
        height: 58px;
    }

    .header_3 .custom-nav .nav-link {
        color: var(--black);
    }

    .loan-table {
        display: inline-block;
        padding: 15px 15px 20px;
        width: 100%;
    }

        .loan-table li span {
            margin-right: 10px;
        }

    .uncheck-list li {
        width: calc(50% - 60px);
        margin-right: 30px;
        float: none;
        padding: 5px 0 10px;
    }

    .one-row-icon .list-unstyled {
        display: inline-block;
    }

    .one-row-icon li {
        display: inline-block;
        margin-right: 25px !important;
        width: unset !important;
    }

    .process-view {
        display: block;
    }

    .navbar-expand-lg > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .custom-nav .dropdown-menu {
        border: none;
    }

        .custom-nav .dropdown-menu .dropdown-item {
            padding: 0;
            margin-top: 7px;
            font-size: 14px;
        }

    .top-progress.progress {
        display: block;
    }

    .navbar .progress-box {
        background: transparent;
        box-shadow: none;
        padding: 0;
        margin: 10px 0;
        position: relative;
        top: 0;
    }

        .navbar .progress-box .selected-info {
            background: #031c43;
            padding: 10px 5px 5px;
            border: none;
            margin-left: -20px;
            width: calc(100% + 40px);
            border-top: 1px solid #0ef9d6;
            border-bottom: 1px solid #0ef9d6;
        }

    .selected-list ul li {
        margin-top: 8px;
        color: #0ff9d6;
    }

    .navbar .progress-box .selected-info .down-arrow {
        top: 15px;
        right: 15px;
    }

    .navbar .progress-box .selected-info .user-image {
        left: 15px;
    }

    .custom-nav .navbar-collapse.show {
        overflow: auto !important;
        background: #031c43 !important;
    }

    .navbar .selected-info .selected-list {
        padding: 10px 15px 15px 15px;
    }

    #loan-form {
        max-width: 100% !important;
        flex: 100%;
    }

    .loan-table li .btn-custom {
        min-width: 85px;
    }

    .process-list h3,
    .select-list {
        max-width: 100%;
    }

    .dark-bg {
        position: absolute;
        width: 100%;
        height: calc(100vh - 58px);
        background: rgba(0, 0, 0, 0.58);
        left: 0;
        top: 58px;
        display: none;
    }

        .dark-bg.active {
            display: block;
        }

    .scroll-bar {
        overflow: hidden;
    }

    header {
        padding-top: 0;
    }

    .navbar-brand {
        max-width: 138px;
    }

    .sticky-header .navbar-brand {
        max-width: 138px;
    }

    .congrats {
        max-width: 100% !important;
    }

    .refinance-sidebar-body .process-btn,
    .sidebar-body .process-btn {
        position: relative;
        box-shadow: none;
    }

    .refinance-sidebar-body .option-btn,
    .sidebar-body .option-btn {
        margin: 0 -15px;
        padding: 15px 15px 0 15px;
        width: calc(100% + 30px);
    }

    .refinance-sidebar-body, .sidebar-body,
    .refinance-side-bar .refinance-sidebar-body, .side-bar .sidebar-body {
        padding-top: 50px !important;
        z-index: 10;
        top: 60px;
    }

    .form-view-inner .input-group-btn.process-btn {
        padding: 0;
    }

    .radio-style li .check {
        top: 1px;
    }

    .dropdown-menu > .dropdown-item {
        border-bottom: none;
    }

    .navbar .dropdown-menu:before,
    .navbar .dropdown-menu:after {
        display: none;
    }
}

@media (max-width: 767px) {
    .custom-nav .navbar-nav.ml-auto {
        max-width: 540px;
    }





    .tooltip2 .tooltiptext {
        top: -14px;
        left: -327%;
    }

    .special-heading-space {
        text-align: center;
    }

    .mb-10-d {
        margin-bottom: 0px;
    }

    .tooltip2 .tooltiptext::after {
        top: 50%;
        right: 0%;
        border-color: transparent transparent transparent #0ff9d6;
        left: 101%;
    }

    .card p {
        float: left;
        width: 300px;
    }

    #select-information .modal-body ul {
        margin-left: -50px;
    }

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

    .display-on-mobile {
        display: block;
    }

    .btn-blue.prev_step_btn {
        background: #031c44;
        border-color: #0ff9d6;
        color: #0ff9d6 !important;
    }

    .card-hero-section {
        padding-top: 28px;
    }

    .slick-slide {
        margin-right: 155px;
    }

    .card-body {
        width: 100%;
    }

    .all-blog .pagination {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .all-blog .blog-inner {
        padding-top: 20px;
    }

    .blog-row {
        margin-bottom: 0;
    }

        .blog-row:last-child .blog-inner {
            margin-bottom: 10px;
        }

    .latest-blog .blog-inner {
        padding: 20px 0 0;
        margin: 0;
    }

    .all-blog.sec-padding {
        padding-top: 15px;
    }

    .sec-padding.main-blog {
        padding-bottom: 30px;
    }

    .progress-box {
        margin-bottom: 35px;
    }

    .client-info {
        padding: 40px 0 60px;
    }

    .refinance-sidebar-body,
    .sidebar-body {
        width: 100%;
        right: -100%;
        padding: 20px;
    }

    .refinance-side-bar .hide-plan,
    .side-bar .hide-plan {
        right: 15px;
        top: 80px;
        max-width: 20px;
    }

    .one-row-icon li,
    .uncheck-list li {
        width: 154px;
        margin-right: 4px !important;
    }

        .uncheck-list li p {
            font-size: 16px;
        }

    .google-btn .btn-custom {
        float: none !important;
        margin: 0;
    }

    .process-btn {
        display: inline-block;
        width: 100%;
        position: fixed;
        background: #031c44;
        left: 0;
        bottom: 0;
        padding: 10px 15px;
        box-shadow: 0px 0px 10px #0ff9d6c7;
        z-index: 10;
        text-align: center;
        padding-bottom: 10px;
    }

        .process-btn.google-btn {
            position: relative;
            padding: 0;
            box-shadow: none;
        }

    .custom-nav .navbar-collapse {
        max-width: 100%;
    }

    .thanku-list .detail-list {
        display: block;
        text-align: center;
    }

    .cash-req-list,
    .payment-list {
        margin: 15px 0 !important;
    }

    .detail-list .process-btn {
        position: relative;
        box-shadow: unset;
        max-width: 100%;
    }

    .detail-list .input-group-btn.process-btn.btn-list {
        margin-left: 0;
    }

    .comn-col {
        width: 100% !important;
        padding: 0;
    }

    .file_col .form_file_dis {
        border-left: none;
        height: auto;
    }

        .file_col .form_file_dis .file_list {
            padding-left: 0;
            height: auto;
            margin-bottom: 30px;
        }

    .upload-file {
        padding: 0 0;
    }

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

        .page-discription .bottom_part ul {
            padding-left: 0;
        }

        .page-discription .bottom_part {
            padding: 15px;
        }

            .page-discription .bottom_part h3 {
                font-size: 18px;
            }

    .inn-dis {
        margin-bottom: 40px;
        padding-left: 0px;
    }

    .page-discription .bottom_part img {
        margin-top: 0;
    }

    .modal.right .modal-header .close {
        right: 15px;
        top: 10px;
    }

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

    .modal.right .modal-body {
        padding: 0 15px 30px;
    }

    .bottom_part .col-md-6:last-child .inn-dis {
        margin-bottom: 0;
    }

    .credit-report {
        margin: 50px 0 100px;
    }

    .form-view-inner .process-btn {
        position: relative;
        box-shadow: none;
    }

        .form-view-inner .process-btn .btn-custom {
            font-size: 14px;
            margin: 0 auto;
            display: block;
            max-width: 250px;
            margin-bottom: 10px !important;
        }

    .detail-list img {
        margin-bottom: 15px;
    }

    .btn-select .prev_step_btn {
        position: relative;
        margin: 10px 0 0;
    }

    .input-group-btn.process-btn.btn-select {
        max-width: 275px;
        padding: 15px 0;
        text-align: center;
    }

    .btn-select .btn-custom {
        float: none !important;
    }

    .contact-box {
        margin: 50px auto 0;
    }

    .house-img {
        margin-bottom: 40px;
    }

    .align-box {
        position: relative;
        top: 0;
        margin-bottom: 40px;
    }

    .step-sec:before,
    .step-sec:after {
        display: none;
    }

    .set-padding {
        padding: 50px 0;
    }

    .step-sec {
        padding: 0 0 70px;
    }

    .steps h2 span {
        width: 40px;
        height: 40px;
    }

    .loan-img {
        margin-bottom: 25px;
    }

    .testimonial-sec:last-child {
        margin-top: 50px;
    }

    .btn_setting .btn-custom,
    .btn_setting .link-txt {
        margin-left: 0;
    }

    .btn-new-custom {
        margin-top: 25px;
    }

    .input-form-income .form-group {
        display: block;
    }

        .input-form-income .form-group .input-title {
            max-width: 100%;
            padding-right: 0;
            padding-bottom: 8px;
        }

    .view_more ul li {
        width: 100%;
        padding-right: 0px;
    }

    .detail-list .rate-list {
        min-width: 100%;
        max-width: 100%;
    }
    /* Teams Page */
    .profile-progress .progress-wrapper {
        padding: 0 0 0 30px;
        border-left: 0 0 0 30px;
        margin-top: 0;
    }

    .commonSection {
        padding: 100px 0;
    }
    /* Teams Page*/
}

@media (max-width: 575px) {
    body {
        font-size: 14px;
        overflow: scroll;
        overflow-x: hidden;
    }

    .lh40 {
        text-align: center;
    }


    .mb-10-d {
        margin-bottom: 0px;
    }

    .float-none-btn {
        float: none;
    }

    .display-on-mobile {
        display: block;
    }

    .phone-icon {
        display: initial;
    }

    .input-group-btn.process-btn a {
        margin: 0px;
    }

    .btn-blue.prev_step_btn {
        background: #031c44;
        border-color: #0ff9d6;
        color: #0ff9d6 !important;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 27px !important;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 21px;
    }

    h5 {
        font-size: 19px;
    }

    h6 {
        font-size: 15px;
    }

    .footer-box {
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .max-width {
        max-width: 100%;
    }

    .sub-footer {
        padding: 0;
        margin-bottom: 20px;
    }

    .footer-social {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

    .footer .our-client {
        margin-bottom: 20px;
    }

    .footer .foot-title,
    .footer .foot-title-sub {
        font-weight: 600;
        margin-bottom: 15px;
    }

    .footer {
        padding-top: 50px;
    }

    .sec-padding {
        padding: 50px 0 60px;
    }

    .resources-sec, .knowledge-sec {
        padding-bottom: 30px;
    }

    .title-txt {
        margin-bottom: 25px;
    }

    .estimate-circle {
        width: 290px;
        height: 290px;
    }

    .btn-custom {
        font-size: 14px;
        min-width: 135px;
    }

    .estimate-circle p {
        margin-bottom: 0;
    }

    .estimate-circle tr td {
        padding: 2px 5px;
    }

    .ammount {
        font-size: 35px;
    }

    .estimate-circle table {
        margin-bottom: 25px !important;
    }

    .slider-sec .banner-row h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .slider-sec .carousel-caption {
        font-size: 16px;
    }

        .slider-sec .carousel-caption h1 {
            font-size: 30px;
        }

    .slider-sec .continue-box {
        margin-left: 0;
        padding: 10%;
    }

    .navbar-brand img {
        max-height: 35px;
    }

    .select-term li a {
        font-size: 16px;
    }

    .login-form {
        padding: 30px 20px;
    }

    .login-form-bg {
        padding: 30px 15px;
    }

    .custom-nav .navbar-brand img {
        max-height: 40px;
    }

    .custom-tabs .nav-item {
        padding: 3px;
        margin-right: 1%;
        font-size: 14px;
        padding-top: 15px;
    }

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

    .align-text {
        display: block;
    }

    .blog-share {
        padding: 10px 0 0;
    }

        .blog-share ul li {
            max-width: 30px;
            margin-right: 12px;
        }

    .blogger-box {
        float: none;
        margin-left: 0;
    }

    .or-tag {
        margin: 10px;
        display: block;
        text-align: center;
    }

    .set-slider {
        max-width: calc(100% - 50px);
        margin: 0 auto 15px;
        padding-right: 20px;
    }

    .process-list .slider-container {
        max-width: 100%;
        position: relative;
    }

    .select-list .form-control {
        max-width: 100%;
    }

    .google-btn .btn-custom {
        display: block;
    }

    .process-list h3 {
        font-size: 23px;
    }

        .process-list h3 small {
            font-size: 16px;
            font-weight: 600;
        }

    .navbar-brand {
        max-width: 138px;
    }

    .sticky-header .navbar-brand {
        max-width: 138px;
    }

    .refinance-sidebar-body .btn-custom,
    .sidebar-body .btn-custom {
        float: none !important;
        min-width: 100%;
        padding: 12px !important;
        font-size: 14px !important;
        max-width: 180px;
    }

        .refinance-sidebar-body .btn-custom.prev_step_btn,
        .sidebar-body .btn-custom.prev_step_btn {
            margin-top: 10px;
            margin-left: 0;
        }

    .plan-list li span {
        float: right;
    }

    .thanks-logo {
        font-size: 25px;
    }

    .process-btn .btn-custom {
        padding: 10px 20px;
    }

    .credit-form-view {
        margin-left: 0px;
    }

    .property-form {
        display: block;
    }

    .special-text-edit {
        color: #0ef7d6;
    }

    .property-form .form-control {
        max-width: 100%;
    }

    .table-list th {
        min-width: 100px;
    }

    .view-info {
        font-size: 16px;
    }

    .btn-radius.google-btn img {
        max-width: 20px;
    }

    .google-btn .google-btn {
        padding-bottom: 7px;
        padding-top: 12px !important;
    }

    .congrats-inner {
        max-width: 100%;
    }

    .btn-select .prev_step_btn {
        width: 258px;
    }

    .style-form {
        padding: 25px 15px;
    }

    .admin-form {
        padding: 50px 15px 55px;
    }

    .contact-form {
        padding: 25px;
    }

    .steps h2 {
        font-size: 20px;
    }

    .view_more ul {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    .uncheck-list li {
        width: 130px !important;
    }

    .btn-custom {
        font-size: 14px;
        min-width: 100px;
    }

    .process-btn .btn-custom {
        font-size: 12px;
    }

    .mbsc-ios .mbsc-sc-whl-gr {
        padding: 0px;
    }

    .pdb40 {
        padding-bottom: 20px !important;
    }
}

@media only screen and (device-width: 360px) {
    .uncheck-list li {
        width: 130px !important;
    }

    .btn-custom {
        font-size: 14px;
        min-width: 100px;
    }

    .process-btn .btn-custom {
        font-size: 12px;
    }

    .mbsc-ios .mbsc-sc-whl-gr {
        padding: 0px;
    }

    .pdb40 {
        padding-bottom: 20px !important;
    }
}

@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .desktop-arch {
        display: none;
    }

    .cashoutex {
        margin-left: auto;
    }

    .mobile-arch {
        display: block;
    }

    .floatingButtonWrap {
        display: none;
    }

    .thanku-list .detail-list {
        display: block;
        text-align: center;
    }

    .detail-list .rate-list {
        min-width: 100%;
        max-width: 100%;
    }

    .payment-list {
        margin-right: 0px;
    }

    .cash-req-list {
        margin-right: 0px;
    }

    .detail-list .rate-list {
        margin-left: 0px;
    }

    .thanku-list.package-box {
        width: 100%;
    }

    .thanku-list {
        padding-bottom: 150px;
        width: 70%;
        margin: 0 auto;
    }

    .process-btn {
        display: inline-block;
        width: 100%;
        background: #031c44;
        left: 0;
        bottom: 0;
        padding: 10px 15px;
        z-index: 10;
    }
}

@media (min-width: 600px) and (max-width: 1023px) {

    .custom-nav .navbar-collapse.show {
        overflow: scroll !important;
    }

    .special-text-refi h3 {
        font-size: 26px;
    }

    .process-btn {
        z-index: 0 !important;
        padding-top: 10px;
    }

    .process-list .slider-container {
        margin: 0 auto;
    }

    .floatingButtonInner {
        padding: 0 70px;
    }

    .floatingMenu {
        bottom: 60px;
    }
}

@media (min-width:1024px) and (max-width: 1365px) {
    .process-btn-2 .btn-custom-2 {
        font-size: 12px !important;
    }

    .input-group-btn.process-btn a {
        margin: 2px;
    }
}

@media (orientation: landscape) {

    .floatingButtonInner {
        top: 12px;
    }

    .floatingMenu {
        bottom: 61px;
    }
}


/* New progressbar Css */
.icons_selection ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .icons_selection ul li {
        list-style: none;
    }

.icons_selection.horizontle ul li a {
    display: inline-block;
    width: 46px;
    text-decoration: none;
    font-size: 12px;
    color: #000;
    text-align: center;
}

.icons_selection ul li a i {
    display: inline-block;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    border: 1px solid #949494;
    position: relative;
    z-index: 4;
    font-size: 44px;
    line-height: 44px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.icons_selection.horizontle ul li {
    display: inline-block;
    padding: 0 15px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
}

.icons_selection.vertical ul li i {
    margin-right: 15px;
}

.icons_selection.vertical ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    text-align: center;
    position: relative;
    z-index: 999;
}

.icons_selection.vertical ul li {
    padding: 15px 0;
    position: relative;
}

.icons_selection ul li:before {
    content: "";
    height: 4px;
    width: 0%;
    background: #C2C2C2;
    position: absolute;
    left: -20px;
    top: 22px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.icons_selection ul li:after {
    content: "";
    height: 4px;
    width: 37px;
    background: #C2C2C2;
    position: absolute;
    left: -20px;
    top: 22px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.icons_selection ul li:nth-child(1):after {
    display: none;
}

.icons_selection.vertical ul {
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

    .icons_selection.vertical ul li {
        display: flex;
    }

        .icons_selection.vertical ul li:before {
            content: "";
            height: 0%;
            width: 4px;
            background: #C2C2C2;
            position: absolute;
            top: -18px;
            left: 22px;
            z-index: -1;
        }

        .icons_selection.vertical ul li:after {
            content: "";
            height: 35px;
            width: 4px;
            background: #C2C2C2;
            position: absolute;
            top: -18px;
            left: 22px;
            z-index: -2;
        }

        .icons_selection.vertical ul li.active:before {
            height: 35px;
            width: 4px;
        }

.icons_selection ul li:nth-child(1):before {
    display: none;
}

.icons_selection ul li.active:before {
    width: 60%;
}

.icons_selection ul li.active:nth-child(1) a i {
    background: #FFDC3C;
    border-color: transparent;
}

.icons_selection ul li.active:nth-child(2) a i {
    background: #AFE86A;
    border-color: transparent;
}

.icons_selection ul li.active:nth-child(3) a i {
    background: #41B44F;
    border-color: transparent;
}

.icons_selection ul li.active:nth-child(4) a i {
    background: #006838;
    border-color: transparent;
}

.icons_selection ul li.active:nth-child(5) a i {
    background: #D8072B;
    border-color: transparent;
}

.icons_selection ul li.active:nth-child(2):before {
    background: rgb(255,220,60);
    background: -moz-linear-gradient(90deg, rgba(255,220,60,1) 0%, rgba(175,232,106,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,220,60,1) 0%, rgba(175,232,106,1) 100%);
    background: linear-gradient(90deg, rgba(255,220,60,1) 0%, rgba(175,232,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdc3c", endColorstr="#afe86a", GradientType=1);
}

.icons_selection ul li.active:nth-child(3):before {
    background: rgb(136, 216, 64);
    background: -moz-linear-gradient(90deg, rgba(136, 216, 64,1) 0%, rgba(65,180,79,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(136, 216, 64,1) 0%, rgba(65,180,79,1) 100%);
    background: linear-gradient(90deg, rgba(136, 216, 64,1) 0%, rgba(65,180,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#afe86a", endColorstr="#41b44f", GradientType=1);
}

.icons_selection ul li.active:nth-child(4):before {
    background: rgb(103,184,38);
    background: -moz-linear-gradient(90deg, rgba(103,184,38,1) 0%, rgba(0,104,56,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(103,184,38,1) 0%, rgba(0,104,56,1) 100%);
    background: linear-gradient(90deg, rgba(103,184,38,1) 0%, rgba(0,104,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41b44f", endColorstr="#006838", GradientType=1);
}

.icons_selection ul li.active:nth-child(5):before {
    background: rgb(0,104,56);
    background: -moz-linear-gradient(90deg, rgba(0,104,56,1) 0%, rgba(216,7,43,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,104,56,1) 0%, rgba(216,7,43,1) 100%);
    background: linear-gradient(90deg, rgba(0,104,56,1) 0%, rgba(216,7,43,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006838", endColorstr="#d8072b", GradientType=1);
}

.icons_selection ul li.active:nth-child(1) i {
    color: #006838;
}

.icons_selection ul li.active:nth-child(2) i {
    color: #D8072B;
}

.icons_selection ul li.active:nth-child(3) i {
    color: #fff;
}

.icons_selection ul li.active:nth-child(4) i {
    color: #AFE86A;
}

.icons_selection ul li.active:nth-child(5) i {
    color: #FFFFFF;
}

.icons_selection ul li img path {
    fill: #fff !important;
}

.icons_selection.dark ul li a i {
    background: #031C44;
    color: #fff;
}

.icons_selection.dark ul li a {
    color: #fff;
    position: relative;
}

.icons_selection.dark ul li:before {
}

.icons_selection.dark ul li.active:nth-child(1) a i {
    color: #FFDC3C;
    background: #031C44;
    border-color: #FFDC3C;
}

.icons_selection.dark ul li.active:nth-child(1) a span {
    color: #FFDC3C;
}

.icons_selection.dark ul li.active:nth-child(2) a i {
    color: #AFE86A;
    background: #031C44;
    border-color: #AFE86A;
}

.icons_selection.dark ul li.active:nth-child(2) a span {
    color: #AFE86A;
}

.icons_selection.dark ul li.active:nth-child(3) a i {
    color: #88D840;
    background: #031C44;
    border-color: #88D840;
}

.icons_selection.dark ul li.active:nth-child(3) a span {
    color: #88D840;
}

.icons_selection.dark ul li.active:nth-child(4) a i {
    color: #67B826;
    border-color: #67B826;
    background: #031C44;
}

.icons_selection.dark ul li.active:nth-child(4) a span {
    color: #67B826;
}

.icons_selection.dark ul li.active:nth-child(5) a i {
    color: #fff;
    background: #031C44;
    border-color: #D8072B;
}

.icons_selection.dark ul li.active:nth-child(5) a span {
    color: #fff;
}

.wth-bar {
    display: flex;
}

    .wth-bar:before {
    }

.icons_selection ul li.active.current i {
    box-shadow: rgba(15, 249, 214 , 30%) 0px 0px 12px 3px;
}

/* 
@keyframes blinker {
 50% {
 opacity: 0.5;
}
} */

@media(max-width:991px) {
    .spestimatedcredit {
        top: 17px;
    }

    .uncheck-list li a img {
        max-width: 85px;
        margin-bottom: 10px;
    }

    .one-row-icon li, .uncheck-list li {
        min-height: 157px;
    }

    .icons_selection {
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        margin-top: 0px;
    }

        .icons_selection.vertical ul {
            margin: 0 -15px;
        }

        .icons_selection ul li {
            display: inline-block !important;
        }

            .icons_selection ul li a {
                display: inline-block !important;
            }

            .icons_selection ul li a {
                width: 46px;
            }

        .icons_selection.vertical ul li {
            padding: 0px 25px;
        }

            .icons_selection.vertical ul li i {
                margin-right: 0px;
            }

            .icons_selection.vertical ul li:after {
                width: 54px;
                height: 4px;
                left: -28px;
                top: 23px;
            }

            .icons_selection.vertical ul li:before {
                height: 4px;
                width: 0px;
                left: -28px;
                top: 23px;
                right: 0px;
                bottom: 0px;
            }

            .icons_selection.vertical ul li.active:before {
                height: 4px;
                width: 53px;
            }

    .wth-bar {
        display: block;
    }

        .wth-bar:before {
            display: none;
        }
}


.nobar {
    display: none;
}

@media(max-width:950px) {
    .one-row-icon li, .uncheck-list li {
        min-height: 132px;
    }

    .uncheck-list li {
        height: 132px;
    }
}

@media(max-width:500px) {
    .icons_selection.vertical ul li {
        padding: 0px 18px;
    }
}

@media(max-width:430px) {
    .icons_selection.vertical ul li {
        padding: 0px 14px;
    }
}

@media(max-width:385px) {
    .icons_selection.vertical ul li {
        padding: 0px 12px;
    }
}

@media(max-width:367px) {
    .icons_selection.vertical ul li {
        padding: 0px 10px;
    }
}

@media(max-width:345px) {
    .icons_selection.vertical ul li {
        padding: 0px 9px;
    }
}

@media(max-width:340px) {
    .icons_selection.vertical ul li {
        padding: 0px 7px;
    }
}

@media(max-width:319px) {
    .icons_selection.vertical ul li {
        padding: 0px 5px;
    }
}
/* ccs for Progress Bar*/
/*@media(max-width:767px) {
	.icons_selection.vertical ul li {
		padding: 0px 25px;
	}
	.icons_selection.vertical ul li:after {
		width: 54px;
		left: -28px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -28px;
	}
	#step-ul h3 {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 30px !important;
	}
	.icons_selection { margin-bottom:30px;}
	.uncheck-list li{
		padding: 3px !important; 
		min-height:125px;
		width: 132px !important;
		margin: 10px 10px !important;
		height: auto;
	}
}
@media(max-width:496px) {
	.icons_selection.vertical ul li {
		padding: 0px 18px;
	}
	.icons_selection.vertical ul li:after {
		width: 42px;
		left: -21px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -21px;
	}
	#step-ul h3 {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 20px !important;
	}
	.icons_selection { margin-bottom:20px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:105px;
		width: 140px !important;
		margin: 5px 10px !important;
		height: auto;
	}
}
@media(max-width:430px) {
	.icons_selection.vertical ul li {
		padding: 0px 14px;
	}
	.icons_selection.vertical ul li:after {
		width: 42px;
		left: -21px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -21px;
	}
	#step-ul h3 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 15px !important;
	}
	.icons_selection { margin-bottom:15px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:105px;
		width: 140px !important;
		margin: 5px 10px !important;
		height: auto;
	}
}
@media(max-width:385px) {
	.icons_selection.vertical ul li {
		padding: 0px 12px;
	}
	.icons_selection.vertical ul li:after {
		width: 38px;
		left: -19px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -19px;
	}
	#step-ul h3 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 15px !important;
	}
	.icons_selection { margin-bottom:15px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:100px;
		width: 140px !important;
		margin: 4px 10px !important;
		height: auto;
	}
}
@media(max-width:365px) {
	.icons_selection.vertical ul li {
		padding: 0px 10px;
	}
	.icons_selection.vertical ul li:after {
		width: 35px;
		left: -16px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -16px;
	}
	#step-ul h3 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 15px !important;
	}
	.icons_selection { margin-bottom:15px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:100px;
		width: 125px !important;
		margin: 4px 10px !important;
		height: auto;
	}
	.btn-custom {
    font-size: 14px;
    min-width: 100px;
	}
    .process-btn .btn-custom {
        font-size: 12px;
    }
}
@media(max-width:345px) {
	.icons_selection.vertical ul li {
		padding: 0px 8px;
	}
	.icons_selection.vertical ul li:after {
		width: 28px;
		left: -14px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -14px;
	}
	#step-ul h3 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 15px !important;
	}
	.icons_selection { margin-bottom:15px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:100px;
		width: 123px !important;
		margin: 4px 8px !important;
		height: auto;
	}
}
@media(max-width:330px) {
	.icons_selection.vertical ul li {
		padding: 0px 8px;
	}
	.icons_selection.vertical ul li:after {
		width: 24px;
		left: -12px;
	}
	.icons_selection.vertical ul li:before {
		width: 0px;
		left: -12px;
	}
	#step-ul h3 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 15px !important;
	}
	.icons_selection { margin-bottom:15px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:100px;
		width: 123px !important;
		margin: 4px 8px !important;
		height: auto;
	}
}
@media(max-width:330px) {
	.icons_selection.vertical ul li {
		padding: 0px 7px;
	}
	#step-ul h3 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 15px !important;
	}
	.icons_selection { margin-bottom:15px;}
	.uncheck-list li{
		padding: 4px !important; 
		min-height:100px;
		width: 123px !important;
		margin: 4px 8px !important;
		height: auto;
	}
}*/
/* dhiren refinancedark1np only mobile css */

/*@media (max-width: 400px) {
.main-sec {  padding-top: 54px;}

.card-hero-section {     padding: 20px 0;  }
.uncheck-list li{    padding: 3px !important; min-height:95px;     width: 132px !important;    margin: 3px 2px !important;   height: auto;}

.uncheck-list li p { height:33px;  font-size: 13px; line-height: 16px;}
.process-btn { padding: 8px 15px 4px;}
.process-btn .btn-custom {  padding: 9px 20px 6px;}

.uncheck-list li a img {max-width: 70px;}
.selected-opt-li {border: 2px solid #0ff9d6;}
.dtext-left {font-size:15px !important;}
.top-main-sec p {font-size:13px;}
.special-heading-space {margin-bottom:5px !important;}
.section-space40 { padding-top:10px;padding-bottom:10px;}
.special-orange-text {font-size: 14px; }
}


@media (max-width: 320px) {
.card-hero-section {     padding: 10px 0;  }
.card-hero-section {    height: 86vh; }


}*/