@charset "utf-8";
main a { outline: 0 !important; text-decoration: none !important; }
main a:active, main a:hover, main a:focus { outline: 0 !important; text-decoration: none !important; }
svg { fill: currentColor; }
/* ====== comman css  ====== */
body { overflow-x: hidden; /* background: url('../images/one.png')10px top no-repeat !important;opacity: 0.5; */ }
.mc_fluid_container { margin-right: auto; margin-left: auto; }
.mc_container { width: 1252px; margin-right: auto; margin-left: auto; }
.flex {   display: -webkit-flex;   display: -moz-flex;  display: -o-flex;  display: -ms-flex;  display: flex;  -webkit-flex-wrap: wrap;  -o-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
/* ====== normalize css  ====== */
html {  height: 100%;}
* {  margin: 0px;  padding: 0px;  text-decoration: none;  box-sizing: border-box;  list-style: none;  border: none;}
body,ul,ol,li,p {  margin: 0;  padding: 0;  list-style: none;}
.clearfix:before {  content: " ";  display: table;}
.clearfix:after {  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
.w100 {  width: 100%;}
.w50 {  width: 50%;}
.clear {  clear: both;}
/* --- Comman breadcrum for Msites --- */
.breadcrum_sec {  clear: both;  display: block;  overflow: hidden;  background-color: #fff;}
.breadcrum_sec .heading_txt {  display: inline-block;  font-size: 12px;}
.brad_crum {  border-bottom: 0 dotted #a9a9a9;  color: #282828;  margin: 0 auto;  padding: 6px 0;  text-transform: uppercase;  font: 400 16px 'Fira Sans', sans-serif;  display: block;  clear: both;  overflow: hidden;}
.bread-title {  color: #000;  font: 500 12px 'Fira Sans', sans-serif;}
.brad_crum a {  color: #337ab7 !important;}
.brad_crum a {  font: 400 12px 'Fira Sans', sans-serif;  text-transform: capitalize;  color: #337ab7 !important;}
.brad_crum a:last-of-type {  color: #333 !important;}
.brad_crum .bread-arrow {  display: inline-block;  height: 11px;  padding-left: 5px;  width: 11px;  position: relative;  top: 2px;  background: unset;}
.brad_crum .bread-arrow:before {  content: "/";  position: absolute;  top: 0;  left: 3px;  width: 11px;  height: 11px;  font-size: 11px;  line-height: 11px;  font-weight: 400;  color: #ccc;}
.bred_list {  margin: 0px 0 0 5px;  padding: 0px;  display: inline;}
.bred_list li {  display: inline-block;  padding-right: 6px;  font: 12px 'Lato', Arial, sans-serif;  color: #202020;}
.bred_list li a {  color: #1765a5;}
.col_graysp {  color: #999;}
/*=== slick slider ===*/
.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;  margin-left: auto;  margin-right: auto;}
.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: auto;  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-dots {  text-align: center;}
.slick-dots li {  display: inline-block;  vertical-align: middle;  margin: 0 5px;}
.slick-dots button {  border-radius: 100%;  border: 0;  width: 10px;  height: 10px;  background-color: #a0a4a4;  font-size: 0;  outline: 0;}
.slick-dots li.slick-active button {  background-color: #2b7493;}
.slick-next,.slick-prev {  outline: 0;}
/*=== comman classes and style ===*/
.mob_view {  display: none;}
main {  font: 400 16px/22px 'Lato', serif;  color: #000;  background-color: #fff;}
.advbanner_wrap {  margin: 0 auto 30px auto;  text-align: center;}
.sec_title {  font: 800 22px/26px 'Lato', sans-serif;  color: #000;  text-transform: uppercase;  margin-bottom: 15px;padding-bottom: 10px;  border-bottom: 3px solid #CECECE;}

.dFlex{display: flex;}
.rhsSide{width: 300px; margin-left: 20px; flex-shrink: 0;}
.lhsSide{width: calc(100% - 320px); flex-shrink: 0;}

.personalLoanSec{padding: 20px 0 30px;}
.perFinSlider{margin-top: 35px;margin-bottom: 30px;}
/***** loanTabs ********/
.loanTabs{display: flex;border-bottom: 1px solid #D1D1D1;}
.loanTabs a{color: #666;font: 400 16px/19px 'Lato', sans-serif;padding: 10px 18px 19px; display: inline-block;position: relative;}
.loanTabs a.active,.loanTabs a.active h2{color: #000;font-weight: 900;}
.loanTabs a.active::after{position: absolute;content: '';left:0;bottom: 0;width: 100%;height: 3px;background: #000;}

@media all and (max-width: 980px) {
	.loanTabs{width: 100%;overflow: auto;}
}

/******** calculate table ***********/
.calcTable{position: relative;}
.topLine{display: flex; border-bottom: 1px solid #E0E0E0;width: 100%; text-align: center; flex-wrap: wrap;margin: 0;}
.topLine li:first-child{width: 70px; flex-shrink: 0; border-right: 1px solid #E0E0E0;}
.topLine li{width: 209px;text-align: center;flex-shrink: 0;font: 700 14px/15px 'Lato', sans-serif; padding: 16px 10px;color: #333;}
.acc_panel{background: #f7f7f7;}
.stickyBar{position: sticky;top:0;display: flex;background: #F6F9FB; border-bottom: 1px solid #D1D1D1; align-items: center;z-index: 2;margin: 0;}
.stickyBar li{padding: 15px 10px; width: 213px;text-align: center;flex-shrink: 0;color: #202020;font: 800 14px/15px 'Lato', sans-serif;}
.stickyBar li:nth-child(5){border-left: 1px solid #D1D1D1;}
.stickyBar li:first-child{width: 70px; flex-shrink: 0; border-right: 1px solid #E0E0E0;}
.accordion_sec { overflow-y:auto; max-height: 600px; border-bottom: 0px solid #ddd; scrollbar-color: #666666; scrollbar-width: thin; scrollbar-height: thin;}
.accordion_sec::-webkit-scrollbar {height:4px; width:4px; background-color: #E5E5E5; border-radius:5px;}
.accordion_sec::-webkit-scrollbar-thumb {background-color:#666; border-radius:5px;}

@media all and (max-width: 980px) {
	.dFlex.colDir{flex-direction: column;}
	.topLine li:first-child{position: sticky;left:0;background: #fff;}
	.topLine{flex-wrap: nowrap;background: #f7f7f7;}
	.acc_title .topLine{background: #fff;}
	.stickyBar li:first-child,.topLine li:first-child{position: sticky;left:0;width: 50px;}
	.stickyBar li:first-child{background: #F6F9FB;}
	.accordion_sec .acc_panel ul li:first-child{width: 50px;}
	.stickyBar li{width: 160px;padding: 15px 0px;}
	.stickyBar li:last-child,.topLine li:last-child{width: 40px;}
	.topLine li{width: 160px;}
	.stickyBar,.topLine{width: 730px;}
	.accordion_sec .acc_panel ul li{width: 160px;}
	.downArrow{width: 12px; transition: ease all 0.8s;}
	.acc_title.active .downArrow{transform: rotate(180deg);}
}

/****** faq starts *******/
.faqSec{padding-bottom: 80px;}
.accordion_sec { max-height: 286px;overflow: auto;}
.accordion_sec .acc_card {position: relative;}
.accordion_sec .acc_card .acc_title {cursor: pointer;padding-right: 0;transition: 0.5s all ease;}
.accordion_sec .acc_card .acc_title.active {font-weight: 700;margin-bottom: 0;}
.accordion_sec .acc_card .acc_title:after {position: absolute;content: '';display: block; position: absolute; z-index: 2; right: 10px;top: 0px;z-index: 1;background: url('https://images.moneycontrol.com/assets/images/dnArrow.png')center 20px no-repeat;width: 10px;height: 30px; background-size: 10px;transform: rotate(0deg);padding: 10px;}
.accordion_sec .acc_card .acc_title.active:after {position: absolute;content: '';display: block; position: absolute; z-index: 2; right: 10px;top: 0px;z-index: 1;background: url('https://images.moneycontrol.com/assets/images/dnArrow.png')center 25px no-repeat;width: 10px;height: 30px; background-size: 10px;padding: 10px;transform: rotate(180deg);}
.accordion_sec .acc_panel {display: none;font: 400 14px/20px "IBM Plex Sans", sans-serif;position: relative;color: #333;padding-right: 0;}
.accordion_sec.box_active {transition: 0.5s all ease;}
.accordion_sec.box_active .acc_title {transition: 0.5s all ease;}
.accordion_sec .acc_panel.active{display: block;}

@media all and (max-width: 980px) {
	.accordion_sec .acc_card {padding: 0;}
	.accordion_sec .acc_card .acc_title {font-size: 16px;padding-right: 0px;line-height: 24px;;}
	.accordion_sec .acc_panel {font-size: 14px;line-height: 20px;margin-bottom: 0px;padding-right: 0px;}
	.accordion_sec .acc_card .acc_title.active:after {background-size: 100%;}
	.accordion_sec .acc_panel ul li { font-size: 14px; font-weight: 400;background: #f7f7f7;}
	.accordion_sec{margin-left: 0; width: 100%;}
	.faqImg{display: none;}
	.accordion_sec .acc_card .acc_title:after{top:14px;}
	.faqs_aside .secTitle{font-size: 24px; line-height: 28px; font-weight: 800;}
	.faqs_aside .secTitle::before{width: 10%;right: 0;}
	.faqs_aside .secTitle::after{width: 10%;left: 0;}
	.accordion_sec .acc_card .acc_title{font-size: 14px;line-height: 20px;}
	.faqSec{padding-bottom: 50px;}
	.accordion_sec .acc_card .acc_title:after,.accordion_sec .acc_card .acc_title.active:after{display: none;}
}
/****** faq ends *******/

/*== SIP range slider ==*/
.sip_slider {float: left;}
.sipslider_value {float: right;}
.sip_slider .slider {vertical-align: middle; position: relative; float: left;}
.sip_slider .slider-track {position: absolute; cursor: pointer;}
.sip_slider .slider-track-low, .sip_slider .slider-track-high {position: absolute;}
.sip_slider .slider.slider-horizontal .slider-selection, .sip_slider .slider.slider-horizontal .slider-track-low, .sip_slider .slider.slider-horizontal .slider-track-high {height: 100%; top: 0; bottom: 0;}
.sip_slider .slider.slider-horizontal {width: 203px; height: 7px; margin-top: 35px;}
.sip_slider .slider.slider-horizontal .slider-track {height: 7px; margin-top: 4px; top: 50%; left: 0;}
.sip_slider .slider-selection {border-radius: unset; box-shadow: none; background-color: #df9411; background-image: none;}
.sip_slider .slider-track-high {position: absolute; border: 1px solid #d2dbe0; background-color: #e9eff2; border-radius: unset; box-shadow: none;}
.sip_slider .slider-handle {background: transparent url(https://images.moneycontrol.com/assets/images/pf_internal_sprite.png?v=1.2) -101px -2px no-repeat; width: 25px; height: 24px; top: 0px; position: absolute;}
.sip_slider .sipslidervalue {font: 400 20px 'Lato',sans-serif; color: #333333;}
.sip_slider .slider.slider-horizontal .slider-tick, .sip_slider .slider.slider-horizontal .slider-handle {margin-left: -10px; margin-top: 17px;}
.sip_slider .slider .tooltip.top {margin-top: -20px;}
.sip_slider .slider.slider-horizontal .tooltip {-ms-transform: translateX(-50%); transform: translateX(-50%);}
.sip_slider .tooltip.top {margin-top: -3px; padding: 5px 0;}
.sip_slider .slider .tooltip {pointer-events: none;}
.sip_slider .tooltip {position: absolute; z-index: 1070; display: block; font-family: "robotomedium",Arial,sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; opacity: 0; filter: alpha(opacity=0);}
.sip_slider .slider.slider-horizontal .slider-track {width: 100%; margin-top: 22px;}
.tooltip.in {opacity: .9;}
.sip_slider .tooltip.top {background: none; width: unset !important; height: unset !important;}
/*== SIP range slider ==*/

/***** highchart css starts *******/
.locacal_range label h3 {font:800 18px/35px 'Lato', arial;color: #333;}
.locacal_range {margin-bottom:69px;}
.calrange_input.rateintr {float: none;width: 184px;margin-left: 0;display: flex;justify-content: space-between;}
.justSpBet{justify-content: space-between;}
.marBotOne{margin-bottom: 80px;}
.mclcal_left { width: 615px; flex-shrink: 0;}
.mclcal_right { width: 285px;margin-top: -14px; flex-shrink: 0;;}
.mclcal_right sup{top: -4px;}
.mcemichart { width: 200px; height: 185px;  margin: 0px auto 0px;}
.blueBtn{border: 1px solid #2F669E;font: 700 14px/20px "Lato", sans-serif; padding: 5px 10px; color: #2F669E;}
.perFinSlider .dFlex.colDir{justify-content: space-between;}
.typeofloan .tab-pane { padding:45px 0;}
.sip_slider { width: 100%; display: block; float: none; margin-top: 0px;}
.sip_slider .slider.slider-horizontal { width: 100%; margin-top: 0px;}
.sip_slider .slider.slider-horizontal .slider-track { margin: 0px;}
.loancalculator { background:#E7EFF6;}
.mnth_emi {text-align:center; color:#666666; font:16px 'Lato', arial; }
.mnth_emi p { color:#333333;  font:30px 'Lato', arial; }
.emi_breakup table td { padding:10px 10px 10px 0; border-bottom: 1px solid #D5D5D5; color:#666666; font:16px 'Lato', arial;}
.emi_breakup table td:last-child { color: #000;font:16px 'Lato', arial; padding: 10px 0px 10px 2px; width: 120px;text-align: right;}
.emi_breakup table tr:last-child td { border:none; }
.memcir { display: inline-block; width: 15px; height: 15px; border-radius: 50%;}
.prin_amt { background:#61D088;}
.intr_amt { background:#D36483;}
.locacal_range .sip_slider { margin-top:25px; height: 10px;}
.locacal_range label { margin: 0px; float: left; color: #333333; font:20px/35px 'robotobold', arial; }
.calrange_input { border: 1px solid #D0D7DC; float: right; width: 185px;height: 35px;}
.calrange_input.prerang { display:inline-block; margin-right: 10px; float: none; } 
.calrange_input.rateintr input { width:104px; }
.calrange_input span { color: #000; font:16px 'latobold', arial;display: inline-block; text-align: center; line-height: 33px;  background:#D0D7DC; width: 44px; height: 33px; }
.calrange_input input {padding:0 10px; border:none; width:135px; color: #333333;   font:16px 'Lato', arial;line-height: 32px; }
.calrange_input input:focus {outline:0px;}
.curevalml {	margin:7px 0 0 20px; float: left;}
.curevalml li  { margin-right: 10px; display: inline-block; }  
.curevalml li label { margin: 0px;}
.sip_slider .slider.slider-horizontal .slider-tick, .sip_slider .slider.slider-horizontal .slider-handle { cursor: pointer; margin-top: -6px; }
.sip_slider .slider .tooltip.top {margin-top: -41px;}
ul.opinion_list {float: left; margin-right: 27px;}
.opinion_list.disNone{display: none;}
.opinion_list li {float: left; cursor: pointer; padding-right: 15px; color: #333333; font: 400 16px 'robotoregular',sans-serif;}
.radioicn {display: inline-block; width: 25px; height: 27px; vertical-align: middle; background: url(https://images.moneycontrol.com/assets/images/mf_nav_sprite.png?v=1.0) -67px -103px no-repeat; margin-right: 7px;}
.opinion_list li input {visibility: hidden; width: 25px; border: 0px; height: 25px;}
.opinion_list li.checked {font-weight: bold;}
.opinion_list li:last-child {padding-right: 0px;}
.opinion_list li.checked .radioicn {background-position: -66px -73px;}
.radio_text {display: inline-block; vertical-align: middle;}
.mcemichart svg { height: 215px; }
.calrange_input.zeroAmt{border: 1px solid #E3515C;}

@media all and (max-width: 980px) {
	.locacal_range,.marBotOne{margin-bottom: 50px;}
	.mclcal_right{width: 100%;margin-top: 0;padding-left: 0;}
}
/***** highchart css ends *******/

/* ============== Web Css End ============== */
@media all and (max-width: 1316px) {
	.mc_container {    width: 100%;    padding-left: 20px;    padding-right: 20px;  }
}

@media only screen and (min-width: 768px) and (max-width:1024px)  {
	.mclcal_left{width: calc(100% - 310px);}
	.stickyBar li:first-child,.topLine li:first-child{width: 50px;}
	.stickyBar li{width: 155px;padding-left: 0;padding-right: 0;}
	.topLine li{width: 151px;padding-left: 0;padding-right: 0;}
}

@media all and (max-width: 980px) {
	main {    font: 400 14px/20px 'Lora', serif;  }
	.desk_view {    display: none;  }
	.mob_view {    display: block;  }
	.sec_title {    font-size: 14px;    line-height: 18px;  }
	.advbanner_wrap {    margin-bottom: 20px;  }
	.lhsSide,.rhsSide,.mclcal_left{width: 100%;}
}

.blueBtn { border-radius: 3px; padding: 9px 21px; }
.loanGryBtn { background: #333; display: inline-block; padding: 8px 27px; border-radius: 3px; color: #fff; font: 700 14px "Lato", sans-serif; }
.loanGryBtn:hover, .loanGryBtn:active, .loanGryBtn:focus { color: #fff !important; text-decoration: none !important; }
.loanGryBtn span { display: block; position: relative; font: 600 12px "Lato", sans-serif; color: #c1c1c1; font-style: italic; margin-top: 5px; }
.loanGryBtn span:before, .loanGryBtn span:after { position: absolute; content: ""; background: #808080; width: 50px; height: 1px; top: 6px; }
.loanGryBtn span:before { left: 0; }
.loanGryBtn span:after { right: 0; }
.curevalml { margin: 2px 0 0 20px; }
@media all and (max-width: 980px) {
	.curevalml { margin: 5px 0 0 0px; }
	.tenureInfo ul.opinion_list { display: flex; flex-direction: column; float: none; margin-right: 0; width: 137px; }
	.locacal_range label.fulWidlable { display: block; float: none; }
	.tenureInfo { display: flex; align-items: flex-end; }
	.loanGryBtn, .blueBtn { min-width: 227px; display: inline-block; }
}