.loan-calculator__form .thm-btn,
.loan-calculator__form p:first-child {
    margin-top: 40px
}

.loan-calculator__form .input-box,
.loan-calculator__top__text {
    margin-bottom: 50px
}

:root {
    scroll-behavior: auto;
    --thm-font: "Inter", sans-serif;
    --heading-font: "Inter", sans-serif;
    --special-font: "reeyregular", sans-serif;
    --thm-color: #68686f;
    --thm-color-rgb: 104, 104, 111;
    --thm-base: #22a972;
    --thm-base-rgb: 230, 58, 39;
    --thm-primary: #f7c35f;
    --thm-primary-rgb: 247, 195, 95;
    --thm-secondary: #ed4b4b;
    --thm-secondary-rgb: 237, 75, 75;
    --thm-special: #5366c2;
    --thm-special-rgb: 83, 102, 194;
    --thm-black: green;
    --thm-black-rgb: 28, 28, 39;
    --thm-black2: #16161f;
    --thm-black2-rgb: 22, 22, 31;
    --thm-gray: #f2ede9;
    --thm-gray-rgb: 242, 237, 233;
    --thm-border-color: #e7e1dc;
    --thm-border-color-rgb: 231, 225, 220;
    --thm-text-dark: white;
    --thm-text-dark-rgb: 162, 162, 177
}


.loan-calculator {
    position: relative;
    z-index: 10
}

.loan-calculator--has-bg {
    background-image: linear-gradient(0deg, #fff 0, var(--thm-gray) 100%)
}

.loan-calculator--has-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/shapes/faq-form-bg-1-1.png);
    background-repeat: no-repeat;
    background-position: top center
}

.single-loan-header .nice-select {
    display: none;
}

.single-loan-header select {
    display: block !important;
}

.loan-calculator--has-bg .container,
.loan-calculator__image {
    position: relative
}

.loan-calculator__form {
    padding: 40px;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .1);
    margin-top: 40px;
    background-color: #fff
}

@media (min-width: 992px) {
    .loan-calculator__form {
        margin-top: 0;
        padding-top: 7px;
        padding-bottom: 8px
    }
}

.loan-calculator__form__terms {
    font-size: 14px;
    line-height: 2.14286em;
    font-weight: 300;
    margin-top: 21px
}

.loan-calculator__form p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 18px;
    align-items: center
}

.loan-calculator__form p span {
    line-height: 1
}

.emi-calculation-content p i,
.loan-calculation-content p i,
.loan-calculator__form p i {
    font-style: normal
}

.loan-calculator__form p b {
    font-weight: 600;
    color: var(--thm-black);
    line-height: 1
}

.loan-calculator__form p+p {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--thm-border-color)
}

.loan-calculator__form .noUi-horizontal {
    height: 7px;
    border-radius: 3.5px;
    background-color: var(--thm-gray);
    border: none;
    box-shadow: none
}

.loan-calculator__form .noUi-horizontal .noUi-handle,
.main-slide .ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border: 4px solid var(--thm-base);
    background: #fff;
    border-radius: 50%;
    outline: 0 !important;
    box-shadow: none
}

.highcharts-credits,
.highcharts-exporting-group,
.loan-calculation .noUi-horizontal .noUi-handle::after,
.loan-calculation .noUi-horizontal .noUi-handle::before,
.loan-calculator__form .noUi-horizontal .noUi-handle::after,
.loan-calculator__form .noUi-horizontal .noUi-handle::before {
    display: none
}

.loan-calculation .noUi-tooltip,
.loan-calculator__form .noUi-tooltip {
    border: none;
    padding: 0;
    color: var(--thm-color);
    font-size: 15px;
    background-color: none;
    box-shadow: none
}

.loan-calculator__form .noUi-horizontal .noUi-tooltip {
    top: 185%
}

.loan-calculator__form .noUi-connect {
    background-color: var(--thm-base);
    border-radius: 0
}

.loan-calculator__form .input-box__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: var(--thm-color);
    margin-bottom: 12px
}

@media (max-width: 991px) {
    .loan-calculator__image {
        text-align: center
    }
}

.loan-calculator__image img {
    max-width: 100%
}

.loan-calculator__image__caption {
    width: 398px;
    height: 295px;
    background-image: url(../images/shapes/calculator-form-bubble-bg-1-1.png);
    background-repeat: no-repeat;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    z-index: 10;
    bottom: 80px;
    right: -120px;
    display: none
}

@media (min-width: 1200px) {
    .loan-calculator__form {
        padding: 55px 80px 53px;
        margin-right: -43px
    }

    .loan-calculator__image img {
        margin-left: 43px
    }

    .loan-calculator__image__caption {
        display: flex
    }
}

.loan-calculator__image__caption__inner {
    background-color: var(--thm-base);
    border: 4px solid var(--thm-black);
    width: 260px;
    height: 130px;
    margin-top: 59px;
    padding-left: 30px;
    padding-top: 20px
}

.loan-calculator__image__title {
    margin: 0;
    color: #fff;
    font-size: 55px;
    font-weight: 600;
    line-height: 1
}

.loan-calculator__image__title span {
    font-size: 35px;
    position: relative;
    top: -20px;
    right: 3px
}

.loan-calculator__image__text {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    font-weight: 400;
    margin-top: 5px
}

.slider-box {
    margin-bottom: 30px
}

.main-heading.block-title {
    margin-bottom: 40px
}

.main-heading p {
    line-height: 1.66;
    margin: 0
}

.main-heading h3 {
    font-size: 34px
}

.single-loan-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-wrap: wrap
}

.main-slide h4 {
    font-size: 22px
}

.main-slide input,
.main-slide select {
    border-radius: 6px;
    max-width: 200px;
    width: 100%;
    padding: 8px 12px;
    outline: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

@media(max-width: 576px) {
    .loan-calculator__box {
        padding: 0 15px
    }

    .single-loan-header {
        display: block
    }

    .main-slide h4 {
        margin-bottom: 20px
    }

    .main-slide input,
    .main-slide select {
        max-width: none;
        width: 100%;
        margin-bottom: 10px
    }

    .slider-box {
        padding-right: 0
    }
}

.slider-box .ui-widget-content {
    border: none !important;
    background: #eff2f6 !important;
    height: 10px
}

.main-slide .ui-slider .ui-slider-range {
    background: var(--thm-base);
    border-radius: 3px
}

.main-slide .ui-slider-horizontal .ui-slider-handle {
    top: -6px !important;
    margin-left: -5px !important
}

.loan-counter-value h6 {
    margin-top: 5px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    color: var(--thm-color)
}

.loan-counter-value {
    font-weight: 400;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 20px;
    margin-top: 4px;
}


.total-loan-form {
    margin-bottom: 20px
}

.total-loan-form-emi {
    margin-bottom: 90px
}

.total-loan-form-calculation {
    text-align: center
}

.emi-calculation {
    position: relative;
    background: #dfeaff;
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
}

.emi-calculation-content {
    padding: 15px 30px
}

.emi-calculation-content p {
    margin: 0;
    text-align: center;
    font-size: 16px;
    align-items: center
}

.emi-calculation-content p span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 2px;
    display: inline-block
}

.emi-calculation-content p b {
    font-weight: 700;
    font-size: 33px;
    color: #042a72;
    line-height: 1;
    display: block;
}

.loan-calculation {
    position: relative;
    z-index: 10;
    margin-left: 0;
    border-radius: 8px;
    padding: 15px;
}

#loan-chart {
    min-height: 190px;
    border-radius: 20px
}

@media(max-width: 499px) {
    #loan-chart {
        min-height: 170px
    }
}

.loan-calculation.loan-eligibility {
    background-color: var(--thm-gray);
    box-shadow: none
}

.loan-calculation-content {
    padding: 20px 30px 0
}

.loan-calculation-content p {
    margin: 0;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center
}

@media (max-width: 1199px) {

    .emi-calculation-content p,
    .loan-calculation-content p {
        font-size: 18px
    }

    .loan-calculation {
        margin-left: 0
    }
}

.loan-calculation-content p span {
    line-height: 1;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 767px) {
    .total-loan-form {
        padding: 20px
    }

    .emi-calculation-content p,
    .loan-calculation-content p {
        font-size: 16px
    }

    .emi-calculation-content p span,
    .loan-calculation-content p span {
        font-size: 14px
    }
}

@media (max-width: 490px) {

    .emi-calculation-content p span,
    .loan-calculation-content p span {
        max-width: 100px
    }
}

.loan-calculation-content p b {
    font-weight: 400;
    color: #333;
    line-height: 1;
    display: block;
    font-size: 20px
}

@media (max-width: 425px) {

    .emi-calculation-content,
    .loan-calculation-content {
        padding-left: 25px;
        padding-right: 25px
    }

    .emi-calculation-content p,
    .loan-calculation-content p {
        display: block;
        text-align: center
    }

    .emi-calculation-content p b,
    .loan-calculation-content p b {
        margin-top: 10px
    }
}

.loan-calculation-content .loan-eligibility-inner {
    text-align: left;
    font-size: 30px;
    color: var(--thm-black)
}

.loan-calculation-content .loan-eligibility-inner h4 {
    font-weight: 700
}

.loan-calculation-content .loan-eligibility-inner #loan-eligibility-emi {
    font-size: 20px
}

.loan-calculation-content .loan-eligibility-inner+.loan-eligibility-inner,
.loan-calculation-content p+p {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.loan-calculation .thm-btn.scroll-to-chart {
    background-color: var(--thm-gray);
    color: var(--thm-black)
}

.loan-calculation .thm-btn:hover {
    background-color: var(--thm-black);
    color: #fff
}

.loan-calculation .noUi-horizontal {
    height: 7px;
    border-radius: 4px;
    background-color: #eff2f6;
    border: none;
    box-shadow: none
}

.loan-calculation .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    background: var(--thm-base);
    border-radius: 50%;
    outline: 0 !important;
    box-shadow: none
}

.loan-calculation .noUi-horizontal .noUi-tooltip {
    bottom: 185%;
    font-weight: 500
}

.loan-calculation .noUi-connect {
    background-color: var(--thm-base);
    border-radius: 4px
}

.thm-btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: 0 !important;
    font-size: 15px !important;
    font-family: var(--thm-font);
    padding: 23px 46px;
    transition: .5s;
    line-height: 1;
    background-color: #f97d09;
    color: #fff
}

.loan-calculation .thm-btn {
    width: 100%;
    margin-top: 35px;
    padding-top: 17.5px;
    padding-bottom: 17.5px
}