@media only screen and (max-width: 768px) {
    .card-accordion {
        margin-top: -95px;
    }

    .account-varaints-pointers {
        margin-top: -109px;
    }

}

.credit-card-page .pointer-carousel-with-link .varaints-pointer-card .content {
    min-height: 278px;
}

.credit-card-page .pointer-carousel-with-link .varaints-pointer-card .media {
    padding: 15px;
}

.credit-card-page .faqaccordion .col-width-50 {
    width: 50%;
}

.credit-card-page .benefit-card {
    min-height: 180px;
    width: 380px !important;
    margin-right: 20px !important;
}

.credit-card-page .benefit-card-section {
    padding-top: 106px;
    padding-bottom: 50px;
}

.credit-card-page .benefit-card-section .overlap-padding-bottom-75 {
    display: none;
}

.credit-card-page .checkbox-list.selected .checkmark:after {
    display: block
}

@media only screen and (max-width: 992px) {
    .credit-card-page .nav-tabs li a {
        padding: 11px 20px;
    }

    .credit-card-page .account-variants-card .button-group-2 {
        padding: 13px 6px;
    }

    .credit-card-page .account-variants-card .button-group-2 span {
        padding-right: 0;
        float: left;
    }

    .credit-card-page .account-variants-card .button-group-2 span.line {
        padding-left: 4px;
    }

    .credit-card-page .account-variants .section-title {
        margin-bottom: 40px;
    }

    .credit-card-page .benefit-card {
        min-height: auto;
        margin-right: 0
    }
}

@media only screen and (max-width: 990px) {
    .credit-card-page .faqaccordion .col-width-50 {
        width: 100%;
    }
}

.calculator-banner {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-16.18%, #EEEEEE), color-stop(75.4%, rgba(246, 246, 246, 0)));
    background: linear-gradient(0deg, #EEEEEE -16.18%, rgba(246, 246, 246, 0) 75.4%);
    /* range */
    /* calculator list */
}

.calculator-banner input[type="range"] {
    width: 100%;
    height: 2px;
    -webkit-appearance: none;
    outline: 0;
    border: 0;
    /* &:focus::-webkit-slider-runnable-track, &:hover::-webkit-slider-runnable-track {
          background: $white;
        } */
}

.calculator-banner input[type="range"]::-webkit-slider-runnable-track {
    /*   background: $white; */
    border-radius: 1.3px;
    height: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.calculator-banner input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #fff;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-top: -9px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.calculator-banner input[type="range"]:focus::-webkit-slider-thumb,
.calculator-banner input[type="range"]:hover::-webkit-slider-thumb {
    background: #fff;
}

.calculator-banner input[type="range"]::-moz-focus-outer {
    border: 0;
}

.calculator-banner input[type="range"]::-moz-range-track {
    background: #777;
    height: 2px;
    border-radius: 4px;
}

.calculator-banner input[type="range"]::-moz-range-thumb {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.calculator-banner input[type="range"]:focus::-moz-range-thumb,
.calculator-banner input[type="range"]:hover::-moz-range-thumb {
    background: #fff;
}

.calculator-banner input[type="range"]::-moz-range-progress {
    background: #fff;
    border-radius: 4px;
    height: 2px;
}

.calculator-banner input[type="range"]:focus::-moz-range-progress,
.calculator-banner input[type="range"]:hover::-moz-range-progress {
    background: #fff;
}

.calculator-banner input[type="range"]::-ms-track {
    background: #777;
    height: 2px;
    border-radius: 4px;
    border: none;
    color: transparent;
}

.calculator-banner input[type="range"]:focus::-ms-track,
.calculator-banner input[type="range"]:hover::-ms-track {
    background: #777;
}

.calculator-banner input[type="range"]::-ms-thumb {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: none;
    margin: 0 4px 0;
}

.calculator-banner input[type="range"]:focus::-ms-thumb,
.calculator-banner input[type="range"]:hover::-ms-thumb {
    background: #fff;
}

.calculator-banner input[type="range"]::-ms-tooltip {
    display: none;
}

.calculator-banner input[type="range"]::-ms-fill-lower {
    background: #fff;
    border-radius: 4px;
}

.calculator-banner input[type="range"]:focus::-ms-fill-lower,
.calculator-banner input[type="range"]:hover::-ms-fill-lower {
    background: #fff;
}

.calculator-banner .calculator-list {
    position: relative;
}

.calculator-banner .calculator-list .caluculator-list-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.calculator-banner .calculator-list .content {
    width: calc(38% - 90px);
    margin-right: 90px;
}

.calculator-banner .calculator-list .content .c-section-title {
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 0;
}

.calculator-banner .calculator-list .content p {
    margin-bottom: 15px;
}

.calculator-banner .calculator-list .content p a {
    text-decoration: none;
}

.calculator-banner .calculator-list .content ul {
    margin: 0 0 15px 15px;
}

.calculator-banner .calculator-list .content ul li {
    list-style: disc;
    line-height: 30px;
}

.calculator-banner .calculator-list .content .button-group {
    margin-top: 20px;
}

.calculator-banner .calculator-list .button-group a:not(:last-child) {
    margin-right: 20px;
}

@media only screen and (max-width: 1122px) {
    .calculator-banner .calculator-list .button-group a:not(:last-child) {
        margin-bottom: 20px;
    }
}

.calculator-banner .calculator-list .calculator-right {
    width: 62%;
    border-radius: 10px;
    overflow: hidden;
    background: #ad1e23;
    padding: 30px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator {
    padding-top: 0;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .tabpanel-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .tabpanel-inner .left-panel {
    width: 30%;
    margin-right: 30px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .tabpanel-inner .left-panel h5 {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin-bottom: 35px;
    overflow: hidden;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs p {
    color: #fff;
    margin-right: 45px;
    white-space: nowrap;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs .nav-tabs li {
    margin: 0 -6px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs .nav-tabs::after {
    width: 30px;
}

@media screen and (max-width: 767px) {
    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs {
        flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        margin-bottom: 20px;
    }

    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs p {
        margin: 20px 0 0 0;
    }

    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .product-tabs .nav-tabs li {
        margin-right: -6px;
    }
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab h5 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 210px;
    margin-right: 30px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 34px;
    letter-spacing: 0.02em;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .tabs-section {
    display: block;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: 1px solid #f37e20 !important;
    display: inline-block;
    border-radius: 100px;
    margin-bottom: 10px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs::before,
.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs::after {
    display: none;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs li {
    margin-right: -7px;
    min-width: 100px;
    display: inline-block;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs li::before,
.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs li::after {
    display: none;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs li a {
    display: inline-block;
    min-width: 100px;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 3px 20px !important;
}

@media screen and (max-width: 767px) {
    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab {
        display: block;
    }

    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs li {
        min-width: auto;
    }

    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .inside-nav-tab .nav-tabs li a {
        min-width: auto;
        padding: 3px 15px;
    }
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin: 0 -15px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner .creditcard-img {
    margin: 0 15px;
    max-width: 210px;
    width: 100%;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner .creditcard-img img {
    border-radius: 10px;
    overflow: hidden;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner .creditcard-desc {
    color: #fff;
    margin: 0 15px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner .creditcard-desc h2 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner .creditcard-desc .button-group {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner {
        display: block;
    }

    .calculator-banner .calculator-list .calculator-right.creditcard-calculator .creditcard-inner .creditcard-img {
        margin: 0 15px 20px;
    }
}

.calculator-banner .calculator-list .calculator-inner .c-title {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 144%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.calculator-banner .calculator-list .calculator-inner input {
    max-width: 100%;
    font-size: 14px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff !important;
}

.calculator-banner .calculator-list .calculator-inner input:before,
.calculator-banner .calculator-list .calculator-inner input:after {
    background: #fff;
}

.calculator-banner .calculator-list .calculator-inner input:focus {
    background-color: transparent !important;
}

.calculator-banner .calculator-list .calculator-inner label {
    color: rgba(255, 255, 255, 0.8);
    display: block;
    margin-bottom: 2px;
}

.calculator-banner .calculator-list .calculator-inner .loan-amt-display.w-75 {
    width: 75px;
}

.calculator-banner .calculator-list .calculator-inner .cal-dropdown .ui-selectmenu-button {
    font-size: 14px;
    border: 1px solid #fff;
    max-width: 100%;
    height: 30px;
}

.calculator-banner .calculator-list .calculator-inner .cal-dropdown .ui-selectmenu-text {
    font-size: 14px;
    color: #fff;
    text-transform: none;
    height: 30px;
    line-height: 30px;
}

.calculator-banner .calculator-list .calculator-inner .cal-dropdown .ui-selectmenu-button-closed .ui-icon-triangle-1-s {
    top: 3px;
    border-top: 5px solid #fff;
}

.calculator-banner .calculator-list .calculator-inner .cal-dropdown .ui-selectmenu-button-open .ui-icon-triangle-1-s {
    top: 3px;
    border-bottom: 5px solid #fff;
}

.calculator-banner .calculator-list .calculator-inner .preapproved .input-box:before,
.calculator-banner .calculator-list .calculator-inner .preapproved .input-box::after {
    background-color: #fff;
}

.calculator-banner .calculator-list .calculator-inner .preapproved .loan-amt-input {
    color: #fff;
}

.calculator-banner .calculator-list .calculator-inner .preapproved input,
.calculator-banner .calculator-list .calculator-inner .preapproved .rupees {
    border: none !important;
}

.calculator-banner .calculator-list .calculator-inner .preapproved .range-figures {
    margin-top: 5px;
}

.calculator-banner .calculator-list .calculator-inner .preapproved .font-18 {
    font-size: 18px;
}

.calculator-banner .calculator-list .calculator-inner .number-holder {
    padding: 0 15px;
}

.calculator-banner .calculator-list .calculator-inner .number-holder p {
    font-size: 24px;
}

.calculator-banner .calculator-list .calculator-inner .checkmark {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.calculator-banner .calculator-list .calculator-inner .radio-style-box .radio-wrap {
    height: 30px;
}

.calculator-banner .calculator-list .calculator-inner .radio-style-box .radio-wrap .checkmark {
    font-size: 14px;
    height: 30px;
    line-height: 26px;
}

.calculator-banner .calculator-list .calculator-inner .radio-style-box .radio-wrap input:checked~.checkmark {
    background-color: #f37e20;
    border: 1px solid #f37e20;
}

.calculator-banner .calculator-list .calculator-inner .range-figures ul li {
    color: #fff;
}

.calculator-banner .calculator-list .calculator-inner .flatpickr-input {
    font-size: 14px;
    background: url("../images/icons/date-picker-w.png") no-repeat 96%;
    background-size: 13px;
}

.calculator-banner .calculator-list .calculator-inner .date-picker input[type="text"],
.calculator-banner .calculator-list .calculator-inner .date-picker input[type="date"] {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.calculator-banner .calculator-list .calculator-inner .input-style {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.calculator-banner .calculator-list .calculator-inner .text-in-line p {
    white-space: nowrap;
    margin-bottom: 0;
}

.calculator-banner .calculator-list .calculator-inner input[type="range"] {
    height: 2px;
}

.calculator-banner .calculator-list .calculator-inner .light-brown {
    background: rgba(77, 0, 3, 0.2);
    border-radius: 10px;
    color: #fff;
    padding: 10px 0;
}

.calculator-banner .calculator-list .calculator-inner .light-brown label {
    color: rgba(255, 255, 255, 0.8);
}

.calculator-banner .calculator-list .calculator-inner .ic-more {
    color: #fff;
}

.calculator-banner .calculator-list .calculator-inner .ic-more:after {
    background: url("../images/icons/more-w.png") no-repeat;
}

.calculator-banner .calculator-list .calculator-inner input[type="date"]::-webkit-inner-spin-button,
.calculator-banner .calculator-list .calculator-inner input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

@media only screen and (max-width: 1310px) {
    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .apply-btn {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 1200px) {
    .calculator-banner .calculator-list .calculator-inner .number-hoderinner {
        display: block;
    }

    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .emi-interest {
        max-width: 67%;
        margin-bottom: 20px;
    }

    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .apply-btn {
        max-width: 100%;
        white-space: unset;
    }
}

@media only screen and (max-width: 991px) {
    .calculator-banner .calculator-list .calculator-inner .number-hoderinner {
        display: block;
    }

    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .emi-interest {
        max-width: 100%;
    }

    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .apply-btn {
        max-width: 100%;
        padding-left: 0px;
    }

    .calculator-banner .calculator-list .calculator-inner .number-holder .buttons {
        margin-left: -15px;
    }

    .calculator-banner .calculator-list .calculator-inner h5 {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: phone) {
    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .light-brown .col-md-6 {
        max-width: 100%;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 399px) {
    .calculator-banner .calculator-list .calculator-inner .number-hoderinner .light-brown .col-md-6 {
        max-width: 100%;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .calculator-banner .calculator-list .caluculator-list-inner {
        display: block;
        margin: 0;
    }

    .calculator-banner .calculator-list .calculator-right,
    .calculator-banner .calculator-list .content {
        width: 100%;
    }

    .calculator-banner .calculator-list .content {
        margin: 20px 0;
    }
}

@media only screen and (max-width: 640px) {
    .calculator-banner .calculator-list .calculator-right {
        padding: 30px 20px;
    }
}

.calculator-banner .slick-dots {
    margin-left: 276px;
    bottom: 23px;
}

.calculator-banner .slick-dots li.slick-active {
    border: 2px solid #fff !important;
    background: #fff !important;
}

@media only screen and (max-width: 991px) {
    .calculator-banner .slick-dots {
        margin-left: 0px;
        bottom: 15px;
        text-align: center;
    }
}

.calculator-banner .error {
    color: #ffa397;
}

@media only screen and (min-width: 768px) {
    .calculator-banner .mb-sm-shiftup-25 {
        margin-top: -25px;
    }
}

/*# sourceMappingURL=calculator-banner.css.map */




/** SEO related changes for card filter functionlity : start**/
.seoChanges {
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: transparent;
}

/** SEO related changes for card filter functionlity : end**/

.nav-tabs li.active::after {
    right: -16px;
}

.how-it-works-component .how-it-works-two-cta .how-it-works-card .how-it-works-card-inner .content-wrapper p {
    color: #f37e20;
}

@media only screen and (max-width: 768px) {
    .card-accordion {
        margin-top: 0px;
    }
}

#related-blogs-fourcol .card-item .media {
    width: 100% !important;
    max-width: 300px !important;
    height: 137px !important;
}
/* update start 17/08/2023 */
.filter-section.filter-offer-section .sidebar-content.active .sb-box {
    padding: 25px 20px !important;
    margin: 0px !important;
    background: #ffebdc;
    border-radius: 15px;
}
/* update end 17/08/2023 */