.panel.bgtr.panel-default.trD .panel-body {
    padding: 10px 20px 16px;
    background: #fff;
    border-radius: 10px;
    margin: 2px 0 10px
}

h4.panel-title.pd.sub a {
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #878787
}

.wrapper.center-block .panel-body {
    padding: 0 60px
}

h4.panel-title.pd a {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #9d1d27;
    padding: 10px
}

h4.panel-title.pd {
    padding: 0
}

.bgtr {
    background: 0 0 !important
}

@media(max-width:992px) {
    .wrapper {
        width: 100%
    }
}

.panel-heading {
    padding: 0;
    border: 0
}

.panel-title>a,
.panel-title>a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none
}

.panel-heading a:before {
    font-family: FontAwesome;
    content: "\f078";
    float: right;
    font-size: 14px;
    font-weight: 100
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.PhoneHolder i,
.MailHolder i {
    font-size: 45px !important
}

.ContactHolder h4 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 10px;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 0;
    padding: 15px 0 0
}

.SectionLoanForNeed .fa {
    color: #9D1D27;
    font-size: 14px;
    padding-right: 10px
}

.SectionLoanForNeed h6 {
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #272727
}

.ContactHolder::-webkit-scrollbar-track {
    background: #f1f1f1
}

.ContactHolder::-webkit-scrollbar-thumb {
    background: #c1c1c1
}

.ContactHolder::-webkit-scrollbar-thumb:hover {
    background: #555
}

.ContactHolder {
    border: 1px solid #c1c1c1
}

.DetailsHolder {
    background-color: #fff2f0
}

.PhoneHolder,
.MailHolder {
    background-color: #fff
}

.PhoneHolder i,
.MailHolder i {
    color: #774182 !important
}

.bgPink {
    background-color: #fff2f0;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1
}

.cc_borderRight {
    border-right: 1px solid #c1c1c1;
    padding: 10px
}

.imageHolder5 {
    background-color: #fff2f0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.SectionOurCostomer {
    background-color: #fff2f0
}

.SectionOurCostomer h1 {
    color: #774182
}

.SectionOurCostomer img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.customerDetails h3 {
    color: #a251b3
}

.customerDetails h6 {
    color: #774182
}

.customerDetails h5 {
    color: #774182
}

.OurCustomerSlider .slick-next {
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff
}

.OurCustomerSlider .slick-prev {
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff
}

.pd {
    padding: 20px 20px 0 0
}

h5.text-left {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #9d1d27
}

.cc_marginBottom30px {
    margin-bottom: 30px;
    margin-top: 30px
}

.imageHolder5 {
    background-color: #fff2f0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.SectionLoanForNeed h3 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #9d1d27
}

.SectionLoanForNeed a {
    text-decoration: none
}

.SectionLoanForNeed p {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #9b9b9b;
    padding: 10px 0 5px
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider1 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider1:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider1:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px)
}

.slider1.round {
    border-radius: 34px
}

.slider1.round:before {
    border-radius: 50%
}

.ContactHolder {
    height: 250px !important;
    overflow-y: auto;
    width: 100%;
    margin-bottom: 30px
}

.ContactHolder::-webkit-scrollbar {
    width: 5px
}

.DetailsHolder {
    border-radius: 20px;
    padding: 35px 42px 50px
}

.PhoneHolder,
.MailHolder {
    width: 100px;
    height: 100px;
    display: inline-block;
    float: left;
    border-radius: 50%;
    margin-right: 30px
}

.PhoneHolder i,
.MailHolder i {
    position: absolute;
    top: 50%;
    left: 16%;
    transform: translate(-50%, -50%)
}

.SectionLoanForNeed h1 {
    color: #774182;
    font-weight: 700
}

.DetailsHolder h1 {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #9d1d27;
    padding-top: 24px
}

.DetailsHolder p {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #878787
}

.SectionLoanForNeed .from-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.imageHolder5 {
    width: 125px;
    height: 125px;
    border-radius: 20px;
    margin: 0 auto
}

.imageHolder5 img {
    max-width: 100%;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%)
}

button:hover {
    background-color: #dc6022 !important;
    color: #fff !important
}

a.breakup {
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #9D1D27
}

.emitop {
    position: absolute;
    right: 29px;
    top: 5px
}

.calculatorBox .emiBox i {
    line-height: 0
}

.calculatorBox .emiBox span {
    font-size: 20px;
    font-weight: 700;
    padding-left: 2px
}

.calculatorBox .emiBox {
    color: #fff;
    padding: 22px 0
}

.headrEMi {
    background: #9D1D27;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

span.numbers.principal_amount {
    font-size: 20px
}

.calculatorBox .amountBox span {
    font-size: 20px;
    font-weight: 500
}

hr {
    clear: both
}

.calculatorBox .amountBox i {
    line-height: 50px
}

.clearfix1 {
    clear: both
}

.pd10 {
    padding: 10px !important;
    height: 353px
}

span.smtxt.lt.monMin.ltrspce {
    left: -27px
}

span.smtxt.rt.monMax.Rtrspce {
    right: -4px
}

.boxes.pd10 {
    padding: 10px 20px
}

.boxes.pd10 {
    margin-top: 20px
}

.nav-tabs>li>a {
    margin-right: 0
}

a#Salaried {
    width: 200px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

a#Selfem {
    width: 200px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.personalloan .offerBox {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.dashcontent p {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: normal;
    color: #878787
}

.terms1 {
    font-size: 12px;
    float: left;
    padding-left: 35px;
    color: #000;
    font-size: 12px;
    font-weight: 500
}

.check input:checked~.checkmark {
    border: solid 2px #417505;
    background-color: transparent
}

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    border: solid 1px #979797
}

.check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 13px;
    border: solid #417505;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cc_checkbox.form-group label:before {
    border: 2px solid #00bf44;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05)
}

.cc_checkbox.form-group input:checked+label:after {
    border: solid #00bf44
}

.DivRequestCallBack h2 {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 5px
}

.DivRequestCallBack h2 {
    color: #9d1d27
}

.DivRequestCallBack .form-control {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .075)
}

.DivRequestCallBack label {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #9b9b9b
}

.DivRequestCallBack {
    position: absolute;
    top: -90px;
    right: 70px;
    padding: 10px 0;
    border-radius: 15px
}

.formArea.paddtop {
    padding: 10px 0
}

.DivRequestCallBack input {
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #000
}

.cc_checkbox.form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    width: 6px;
    height: 14px;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.cc_checkbox.form-group {
    display: block;
    margin-bottom: 15px
}

.cc_checkbox.form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.cc_checkbox.form-group label {
    position: relative;
    cursor: pointer
}

.cc_checkbox.form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.cc_checkbox span {
    padding-left: 10px
}

.rc-anchor-logo-portrait {
    margin: 10px 0 0 0 !important
}

.rc-anchor-normal .rc-anchor-content {
    width: 183px !important
}

.rc-anchor-light.rc-anchor-normal {
    width: 275px !important
}

iframe {
    width: 100%
}

.DivRequestCallBack {
    box-shadow: 0 0 6px 2px rgba(105, 105, 105, .36);
    background-color: #fff
}

.starttext {
    font-size: 12px;
    font-weight: 400;
    color: #3e3e3e;
    margin: 8px 0 35px
}

.totalbox {
    background: 0 0;
    border-bottom: solid 1px #bfbfbf;
    border-radius: 0;
    padding: 0;
    height: 62px
}

.sliderRng .smtxt.rt {
    right: -37px;
    text-align: left
}

.cal_input {
    bottom: -60px
}

.cal_input {
    outline: 0;
    display: inline-block;
    border: 0;
    border-bottom: solid 1px #000;
    color: #9D1D27;
    font-size: 20px;
    margin: 0 4px;
    font-weight: 700;
    width: 100px;
    text-align: center
}

.boxes.pd10 {
    margin-top: 0
}

section#Calculator .col-lg-12 {
    padding: 0
}

#Calculator .calculatorBox .boxesRt.pd10 {
    margin-top: 0
}

.sliderRng .smtxt.lt {
    left: -44px;
    text-align: right
}

.sliderRng .smtxt {
    bottom: -27px
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    display: none
}

span.ui-slider-line {
    display: none
}

.calculatorBox .sliderRng {
    max-width: 100%;
    padding-top: 15px;
    position: relative
}

input#amt,
input#amtrent,
input#per,
input#yr,
input#amtOther,
input#total_income,
input#amtLoan,
input#amtHouse,
input#amtHouse,
input#amtHousehold,
input#amtTuition,
input#amtMedical,
input#amtLifestyle,
input#amtBill,
input#amtOtherMonthly {
    background: 0 0;
    border-bottom: 1px solid #dbdbdb
}

.calculatorBox .boxes {
    padding: 12px 12px 50px;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 transparent;
    background-color: #fff;
    height: 110px;
    border-radius: 12px;
    background-color: #fff2f0
}

span.loan {
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9d1d27
}

.sliderRng .ui-widget-header {
    background-color: #fff;
    background-image: none !important;
    border-radius: 8px
}

table.table.stats.caps td {
    color: #9b9b9b;
    padding: 10px 20px
}

table.table.stats.caps tbody tr:nth-of-type(odd) {
    background-color: #fceeff
}

tr:nth-child(even) {
    background-color: #fff
}

table.table.stats.caps th {
    background: #9D1D27;
    color: #fff;
    text-align: center
}

table.table.stats.caps th {
    border: 1px solid #d2d2d2
}

table.table.stats.caps {
    border: 1px solid #d2d2d2
}

.carcle-icon h4.heading4 {
    text-align: center;
    background: #fff2f0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 10px;
    color: #9d1d27;
    font-size: 25px;
    font-weight: 700;
    margin: 0 auto;
    outline: none
}

.carcle-icon {
    text-align: center
}

.carcle-icon p {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #878787
}

.tab-content.margin-tops {
    padding: 60px 0 0
}

.nav-tabs {
    border: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-color: #9D1D27;
    background-color: #9D1D27;
    color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

ul.nav.nav-tabs.tabtop.tabsetting li a {
    text-align: center;
    font-weight: 600
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    border: none;
    background-color: transparent
}

p.desctext {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #878787
}

h3.text-center a {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000
}

.loginArea .searchInput {
    margin-right: 10px;
    display: inline-block !important
}

.withoutbutton {
    border: 1px solid #9D1D27;
    background: 0 0;
    color: #9D1D27;
    font-weight: 600;
    padding: 8px 6px
}

.carousel-caption {
    bottom: 30%
}

.sliderheadtext h2 {
    margin: 0 0 15px;
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #9d1d27
}

.imgwidth {
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: #fff2f0;
    border-radius: 50px
}

.textwidth h5 {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000
}

.dashbtn {
    margin-top: 20px
}

.imgwidth img {
    background: #fff2f0;
    border-radius: 50px;
    padding: 15px
}

.carousel-indicators .active {
    background-color: #9D1D27;
    border-color: #9D1D27
}

a.nav-link.activedash {
    border-bottom: 4px solid #9d1d27;
    padding: 22px 0;
    color: #9d1d27;
    font-weight: 600
}

a.nav-link {
    color: #333
}

ul.navtiondash li {
    display: inline;
    padding: 0 10px 22px
}

section.navigationtitle .container {
    padding: 10px 0 0
}

section.navigationtitle {
    border-bottom: 3px solid #cdcdcd;
    margin-bottom: 10px;
    margin-top: 12px
}

ul.navtiondash {
    padding: 5px 0
}

.MB {
    margin-bottom: 10px
}

.dashcontent h1 {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #9d1d27
}

.dashoffer-title.text-center {
    margin-bottom: 40px;
    margin-top: 20px
}

.dashHeaderSlider.owl-carousel.owl-theme.owl-loaded.owl-drag .circle {
    width: 200px;
    height: 200px;
    background-color: #fff2f0;
    margin: 0 auto;
    border-radius: 50%;
    display: block
}

.dashHeaderSlider.owl-carousel.owl-theme.owl-loaded.owl-drag .circle img {
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.circleTxt p.desc {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: center;
    color: #878787
}

.dashoffer-title.text-center h2 {
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: center;
    color: #000
}

.howheading {
    padding: 35px 0;
    text-align: center
}

.howheading h1 {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #9d1d27
}

.howheading p {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #878787
}

.howheading p {
    color: #9b9b9b
}

.howcontent {
    text-align: center
}

.imground img {
    margin: 0 auto;
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.imground {
    width: 150px;
    height: 150px;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 50%
}

.roundTxt h2 {
    margin: 0;
    padding: 10px 0;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #9d1d27
}

.roundTxt p {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #878787
}

section.containerbg {
    background-color: #fceeff;
    padding: 10px 0 30px
}

.mr25 {
    margin: 25px 0
}

.pnkbg {
    background: #fceeff
}

.pbcontainer {
    padding: 10px 0 30px
}

.borderimg {
    position: absolute;
    left: 21%;
    margin-top: 5%;
    height: 15px
}

.left56 {
    left: 54%
}

.howheading h4 {
    margin: 25px 0 0;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: center;
    color: #030303
}

.mt15 {
    margin: 15px 0
}

.carclerate {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px
}

.carclerate p {
    font-size: 12px;
    padding: 25px 4px 0;
    margin: 0
}

.carclerate h3 {
    text-align: center
}

.carclerate h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #663179
}

.carclerate span {
    color: #9D1D27
}

@media only screen and (max-width:680px) {
    .howheading h1 {
        font-size: 24px
    }

    .howheading p,
    .roundTxt p {
        color: #9b9b9b;
        font-size: 14px
    }

    img.borderimg.left56,
    .borderimg {
        display: none
    }

    ul.navtiondash {
        overflow: scroll;
        white-space: nowrap
    }

    .carousel-caption {
        bottom: 18%;
        right: 5%
    }

    .sliderheadtext h2 {
        margin: 0;
        font-size: 24px
    }

    .textwidth h5 {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        margin: 20px 0
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: -42px !important
    }

    .dashHeaderSlider.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 13px
    }

    ul.navtiondash li {
        display: inline;
        padding: 0 10px
    }

    .dashcontent h1 {
        font-size: 24px
    }

    .dashcontent p {
        line-height: 24px
    }

    section#personalloan .col-lg-12 {
        padding: 0
    }

    .dashoffer-title.text-center h2 {
        font-size: 20px;
        margin-bottom: 0
    }

    .dashoffer-title.text-center {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .row.dashHeaderSlide .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block
    }

    .row.dashHeaderSlide .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 10px
    }

    a.nav-link.activedash {
        padding: 5px 0
    }

    section.navigationtitle {
        margin: 0;
        padding: 5px 0
    }

    section.navigationtitle .col-lg-10 {
        padding: 0
    }

    button.withoutbutton.MB {
        display: none
    }

    .imgwidth {
        margin-top: 10px
    }

    button.withoutbutton.width100 {
        width: 100%
    }

    button.width100 {
        width: 100%
    }

    button.withoutbutton {
        margin-top: 20px;
        width: 45%;
        float: left;
        margin-right: 5px
    }

    .moibget {
        width: 50%;
        float: left;
        margin-top: 20px;
        margin-left: 1px
    }

    .mr25 {
        margin: 21px 0 0
    }

    .howheading {
        padding: 14px 0 21px;
        text-align: center
    }

    a#Salaried {
        width: 144px
    }

    a#Selfem {
        width: 153px
    }

    section#eligibility button.withoutbutton {
        margin-left: 3%
    }

    .carcle-icon p {
        font-size: 14px;
        line-height: 1.71;
        font-weight: 400
    }

    section#eligibility button.mr25.moibget {
        float: none
    }

    .howheading h4 {
        margin: 0;
        font-size: 18px
    }

    section#Rateofinterst .col-sm-10.col-md-10.col-sm-offset-1.col-md-offset-1 {
        padding: 0
    }

    section#Calculator a#Selfem {
        padding: 0
    }

    .tab-content.margin-tops {
        padding: 20px 0 0
    }

    div#headerSlider .owl-carousel .owl-nav.disabled {
        display: none
    }

    button.withoutbutton.hidden-lg {
        width: 70%
    }

    .calculatorBox .isMob {
        width: 100%;
        margin: 0 auto;
        border-radius: 6px;
        box-shadow: 0 0 5px 0 transparent;
        padding-bottom: 10px
    }

    .calculatorBox .boxes {
        height: 130px
    }

    .isMobcal {
        width: 50%;
        float: left
    }

    .calculatorBox .amountBox i {
        line-height: 35px;
        clear: both
    }

    .pd10 {
        padding: 10px !important;
        height: 280px
    }

    .wrapper.center-block .panel-body {
        padding: 0 10px
    }

    h4.panel-title.pd.sub a {
        font-size: 14px
    }

    button.withoutbutton.mr25 {
        float: none
    }

    .col-md-12.text-center.cc_marginBottom30px {
        padding: 0
    }

    .ContactHolder {
        margin-top: 20px
    }

    .col-md-12.bgPink {
        padding: 0
    }

    .SectionLoanForNeed p {
        padding: 0 0 5px;
        margin: 0
    }

    .ContactHolder h4 {
        font-size: 14px;
        padding: 10px 0 1px;
        margin: 0 0 5px
    }

    .pd {
        padding: 10px 0 0
    }

    .DetailsHolder {
        border-radius: 20px;
        padding: 1px 1px 31px
    }

    .DetailsHolder h1 {
        font-size: 18px;
        line-height: 5px;
        padding-top: 36px
    }

    .PhoneHolder,
    .MailHolder {
        margin-right: 10px;
        margin-left: 10px;
        width: 70px;
        height: 70px;
        margin-top: 18px
    }

    .PhoneHolder i,
    .MailHolder i {
        font-size: 35px !important
    }
}

.dashHeaderSlide .owl-theme .owl-nav [class*=owl-] {
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 40%;
    z-index: 999
}

.dashHeaderSlide .owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.dashHeaderSlide .owl-theme .owl-nav .owl-prev {
    left: -20px
}

.dashHeaderSlide .owl-theme .owl-nav .owl-next {
    right: -20px
}

.dashHeaderSlide .owl-theme .owl-nav .disabled {
    opacity: 0
}

.dashHeaderSlide .owl-theme .owl-nav .disabled img {
    opacity: .3
}

.dashHeaderSlide1 .owl-theme .owl-nav [class*=owl-] {
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 40%;
    z-index: 999
}

.dashHeaderSlide1 .owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.dashHeaderSlide1 .owl-theme .owl-nav .owl-prev {
    left: 5px
}

.dashHeaderSlide1 .owl-theme .owl-nav .owl-next {
    right: 5px
}

.dashHeaderSlid1 .owl-theme .owl-nav .disabled {
    opacity: 0
}

.dashHeaderSlide1 .owl-theme .owl-nav .disabled img {
    opacity: .3
}

.dashHeaderSlide1 .owl-theme .owl-dots {
    top: 0;
    position: relative;
    z-index: 9999;
    margin-top: -50px
}

.dashHeaderSlide1 .owl-theme .owl-dots .owl-dot span {
    background: #87878763 !important
}

.dashHeaderSlide1 .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #9D1D27 !important
}

.dashHeaderSlide1 .owl-theme .carousel-caption {
    right: 0%;
    left: 5%;
    padding-bottom: 30px
}

.dashHeaderSlide11 .owl-theme .owl-nav [class*=owl-] {
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 15%;
    z-index: 999
}

.dashHeaderSlide11 .owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.dashHeaderSlide11 .owl-theme .owl-nav .owl-prev {
    left: -8px
}

.dashHeaderSlide11 .owl-theme .owl-nav .owl-next {
    right: -8px
}

.dashHeaderSlid111 .owl-theme .owl-nav .disabled {
    opacity: 0
}

.dashHeaderSlide11 .owl-theme .owl-nav .disabled img {
    opacity: .3
}

.dashHeaderSlide11 .owl-theme .owl-dots {
    top: 0;
    position: relative;
    z-index: 9999;
    margin-top: 0
}

.dashHeaderSlide11 .owl-theme .owl-dots .owl-dot span {
    background: #87878763 !important
}

.dashHeaderSlide1 .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #9D1D27 !important
}

.dashHeaderSlide11 .owl-theme .carousel-caption {
    right: 0%;
    left: 5%;
    padding-bottom: 30px
}

.OTP {
    width: 200px;
    margin: 0 auto
}

.OTP h3 {
    color: #663177;
    font-weight: 700;
    margin: 6px 0;
    text-align: center
}

.OTP fieldset input {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 20px;
    padding: 0 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    border-color: #bababa
}

.timerContainer {
    position: relative;
    width: 200px;
    margin: 0 auto
}

.circle {
    display: inline-block;
    padding: 15px 40px
}

.e-c-base {
    fill: none;
    stroke: #f1f1f1;
    stroke-width: 3px
}

.e-c-progress {
    fill: none;
    stroke: #663177;
    stroke-width: 4px;
    transition: stroke-dashoffset .7s
}

#e-pointer {
    transition: transform .7s
}

.e-c-pointer {
    fill: #fff;
    stroke: #f7958e;
    stroke-width: 2px
}

.controlls {
    position: absolute;
    left: 60px;
    top: 38px;
    text-align: center
}

.display-remain-time {
    font-family: roboto;
    font-weight: 100;
    font-size: 25px;
    color: #9D1D27
}

#pause {
    outline: none;
    background: 0 0;
    border: none;
    margin-top: 10px;
    position: relative
}

.play::before {
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    left: 20px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #f7958e
}

ul.list-inline.cc_marginBottom {
    text-align: center
}

.modal-header h2 {
    margin: 10px;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #9D1D27
}

button.close {
    color: #9D1D27;
    opacity: 1;
    font-size: 28px
}

.width400 {
    width: 400px
}

.modal-dialog.width400 .modal-header {
    padding: 0;
    border-bottom: 1px solid #e5e5e500
}

.modal-dialog.width400 .modal-header .close {
    margin: 0;
    padding: 0 20px
}

.iconHolder {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-radius: 100px;
    background: #fff2f0;
    border: 2px solid #e0e0e0;
    text-align: center;
    font-size: 26px;
    padding: 10px;
    font-weight: 100
}

h2.cc_textCenter {
    color: #417505;
    font-weight: 700;
    margin: 15px 5px;
    text-align: center
}

.showthankuct {
    width: 77px;
    margin: 0 auto
}

.showthanku p {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #878787
}

@media(max-width:767px) {
    .modal {
        position: fixed;
        top: 38px;
        right: 0
    }

    .width400 {
        width: 100%;
        margin: 0
    }

    .DivRequestCallBackmobile {
        box-shadow: 0 0 6px 2px rgba(105, 105, 105, .36);
        background-color: #fff;
        padding: 0;
        border-radius: 15px
    }

    .formArea {
        padding: 0
    }

    .modal-dialog.width400 .col-lg-12 {
        padding: 0
    }

    .modal-dialog.width400 .modal-body {
        padding: 0
    }

    .modal-dialog.width400 .formArea {
        padding: 14px
    }
}

.emiDetailWrapper-btn {
    display: flex;
    justify-content: space-between;
    max-width: 590px;
    margin: 0 auto
}

.foreclosureCalculator .boxes {
    height: auto !important
}

.FCsmtxt-wrapper {
    display: flex;
    justify-content: space-between
}

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

.foreclosureCalculator .sliderRng .smtxt.lt {
    left: -28px
}

.foreclosureCalculator .boxes {
    margin-bottom: 20px;
    padding: 20px !important
}

.foreclosureCalculator .sliderRng .smtxt {
    bottom: -30px
}

.foreclosureAmt_wrapper {
    width: 155px;
    border-bottom: solid 1px #9b9b9b;
    display: flex;
    align-items: center
}

.foreclosureCalculator .cal_input {
    font-size: 24px;
    background: initial;
    border-bottom: none;
    text-align: left;
    font-weight: 500
}

.FCsmtxt {
    color: #9b9b9b;
    font-size: 14px;
    padding-top: 5px
}

.foreclosureCalculator .loantext {
    text-transform: capitalize
}

.foreclosureCalculator .ui-slider-horizontal .ui-slider-handle {
    top: -.4em
}

.foreclosureCalculator .ui-slider .ui-slider-handle {
    width: 1.37em;
    height: 1.37em
}

input#tenureMonthAmt,
#mofMonthAmt {
    width: 42px !important
}

#fcChargesAmt {
    width: 30px !important
}

.emiDetailWrapper {
    max-width: 590px;
    margin: 0 auto;
    margin-top: 20px
}

.emiDetailWrapper .emiBox {
    color: #fff;
    padding: 4px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.emiDetailTitle {
    color: #9d1d27;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    padding: 10px 0
}

.emiDetailWrapper .emiBox i {
    font-size: 14px;
    font-weight: 500
}

.emiDetailWrapper .emiBox span {
    font-size: 28px;
    font-weight: 500
}

.emiDetailWrapper .emiBox sup {
    font-size: 144%
}

.emiDetailWrapper .amountBox i {
    color: #000;
    font-size: 15px;
    font-weight: 500
}

.emiDetailWrapper .amountBox {
    color: #272727;
    padding-bottom: 7px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.emiDetailWrapper .boxesRts {
    padding: 0;
    border-radius: 13px;
    background-color: #fff2f0
}

.boxesRt-content {
    padding: 5px 20px 20px
}

.boxesRtHeadr {
    background: #9D1D27;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px
}

@media screen and (max-width:700px) {
    .emiDetailWrapper-btn {
        flex-direction: column
    }

    .emiDetailWrapper-btn button {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:680px) {
    .container {
        padding: 20px 15px
    }
}

@media screen and (max-width:520px) {
    .foreclosureCalculator .smtitle1 {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column
    }

    .foreclosureCalculator .cal_input {
        position: static;
        text-align: left
    }

    .emiDetailWrapper .amountBox {
        flex-direction: column;
        justify-content: center;
        text-align: center
    }

    .emiDetailWrapper .amountBox i {
        line-height: 1.4
    }

    .emiDetailWrapper .emiBox {
        padding: 10px
    }

    .emiDetailWrapper .emiBox span {
        font-size: 19px
    }
}

@media screen and (max-width:500px) {
    .emiDetailWrapper .boxesRts {
        margin-top: 0 !important
    }
}