header.header-area, header.header-area.header-sticky { /*background-color: #E6FFF7 !important;*/ background-color: #fff !important;}
.header-area .main-nav .nav{ float: left;}
.justify {	text-align: justify;}
/* Menu-extra
------------------------------------------------------ */
.menu.menu-extra {float: right;	margin-top: 30px;}
.menu-extra li {   display: inline-block;   position: relative;}
.menu-extra > li > a  {    padding: 15px;   color: #333;}
.featured-images-in-header .header.is-sticky .menu-extra li > a {    color: #333;}
.featured-images-in-header .menu-extra li > a {    color: #fff;}
.menu-extra li a i {    font-size: 24px;    color: #0184C1;}
.menu-extra > li.shopping-cart > a {    padding-right:7px;    position: relative;}
.menu-extra li.search-box .submenu {	width: 0;    z-index: 999;    position: absolute;    right: -8px;    top: -10px;    background: #ffffff;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
       opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.menu-extra li.search-box.active .submenu {
    width: 250px;
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       	filter: alpha(opacity=100);
       opacity: 1;
}
.off-canvas-active .menu-extra .off-canvas a i:before {    content: "\f054";}
/* Widget search */
.widget.widget_search .widget-title {	margin-bottom: 37px;}
.widget.widget_search .search-form {    width: 100%;	height: 50px;	position: relative;	margin: 0;}
.widget.widget_search .search-form label {	display: block;}
.widget.widget_search .search-form input[type="search"] {	width: 100%;	height: 50px;}
.widget.widget_search .search-form input[type="search"]:focus {	border-color: #000;}
.widget.widget_search .search-form .search-submit {	background-image: url( ../images/search.png);	background-color: transparent;	background-size: 13px 13px;
	background-position: center right;	background-repeat: no-repeat;	width: 24px;	height: 21px;	text-indent: -9999px;	padding: 0;	position: absolute;	right: 21px;
	top: 13px;	border: none;
}
.slider-content .left-content.show-up.header-text {
	position: absolute;
	top: 30%;
}
.slider-content .left-content.show-up.header-text h4{
  color: #50AF51;
  font-size: 35px;
  line-height: 42px;
  font-weight: 600;
}
.slider-content .left-content.show-up.header-text p{
  color: #50AF51;
}
.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.mt-40 {margin-top: 40px;}
.mb-40 {margin-bottom: 40px;}
.mt-50 {margin-top: 50px;}
.mb-50 {margin-bottom: 50px;}
h4.title{
  font-size: 35px;
  font-weight: 800;
  color: #0184C1;
}
h4.title.white{
  color: #fff;
}
h4.title.black{
  color: #353535;
}
/*
.cust-banner{
	background-color: #d1e7e0;
}
*/
#ourpartner {
	/*background-color: #d1e7e0;*/
	padding-bottom: 65px;
  padding-top: 140px;
  margin-top: -120px;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
}
footer .footer-menu {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
}
footer .footer-menu.links {
  margin-top: 40px;
  margin-bottom: 20px;
}
footer .footer-menu.social {
  margin-bottom: 40px;
}
ul.footer-menu li {
	position: relative;
	display: inline-block;
	margin: 0 15px;
}
ul.footer-menu li a{
  color: #fff;
}
#ourproducts{
  background-image: url( ../images/productbanner.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
  margin-top: -50px;
}
#ourproducts .productbtn.line {
	padding: 12px;
}
#ourproducts a.productbtn.line, #ourproducts a.productbtn.inline{
  color: #353535;
}
#ourproducts .productbtn {
	vertical-align: middle;
	text-align: center;
	background: #E6FFF7;
	padding: 30px;
	width: 100%;
	position: relative;
	display: inline-block;
}
#ourproducts .productbtn .img-responsive.prosize {
	width: auto;
}
.productsection .productbtn {
	margin-bottom: 20px;
}
#asfeaturedin{
  background-color: #F3F5F5;
}
.feature-box {
	position: relative;
	display: inline-block;
	padding: 30px;
	background: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}
#asfeaturedin p{
  font-size: 20px;
  margin-top: 10px;
}
.feature-box a.right {
  float: right;
}
.feature-box a.right .arrow {
	margin-top: -35px;
}
.feature-box .box img {
	width: auto;
}
#customerhappiness{
  background-color: #fff;
}
#customerhappiness  .testimonial-box {
      display: block;
      position: relative;
      padding: 30px 20px;
      background: #fff;
      border-radius: 5px;
      text-align: center;
  }
#customerhappiness  .carousel-testimonial .item {
    padding: 0px 10px;
  }
#customerhappiness  .carousel-testimonial .fiximg{
  width: auto;
  display: inline-block;
  border-radius: 50%;
  border: 5px solid #50AF51;
}
#customerhappiness  .carousel-testimonial .name{
  color: #0184C1;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}
#customerhappiness  .carousel-testimonial p{
  font-size: 20px;
  color: #000;
}
#customerhappiness  .carousel-testimonial .owl-nav {
    text-align: center;
  }
#customerhappiness  .carousel-testimonial .owl-nav button.owl-next,
#customerhappiness  .carousel-testimonial .owl-nav button.owl-prev {
      padding: 0 12px !important;
  }
#customerhappiness  .carousel-testimonial .owl-nav button {
    outline: none;
    padding: 0;
  }
#customerhappiness  .carousel-testimonial .owl-nav button.owl-next span,
#customerhappiness  .carousel-testimonial .owl-nav button.owl-prev span {
    display: block;
      font-size: 40px;
      width: 25px;
      height: 25px;
      vertical-align: 0px;
      line-height: 16px;
      border: 2px solid;
      border-radius: 180%;
  }
#customerhappiness  .carousel-testimonial .owl-nav button.owl-next.disabled,
#customerhappiness  .carousel-testimonial .owl-nav button.owl-prev.disabled {
    opacity: 0.5;
  }
/* Star */
#customerhappiness .star-rating {
	padding: 10px 0;
}
#customerhappiness .star-rating .star-ratings-sprite {
	background: url("../images/star.png") repeat-x;
	font-size: 0;
	height: 28px;
	line-height: 0;
	overflow: hidden;
	text-indent: -999em;
	width: 125px;
	margin: 0 auto;
}
#customerhappiness .star-rating .star-ratings-sprite-rating {
	background: url("../images/star.png") repeat-x;
	background-position: 0 100%;
	float: left;
	height: 24px;
	display: block;
}
#videosection{
  background-color: #0184C1;
}
#aboutsection{
  background-color: #E6F8FF;
}
#emisection{
  background-color: #fff;
}
/* ----------------------------------------- */
/** UI Slider **/
.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
/** UI Slider **/
/* Widget Theming */
#widget{display:flex; margin: 50px auto;}
#widget .wid_left{width:100%;}
#widget .wid_left .form-group{margin-bottom:8px}
#widget .wid_left .form-group label{margin:0;font-size:18px;font-weight:500;/* color: #212529; */}
#widget .wid_left .form-group .range_indicator{display:flex;justify-content:space-between}
#widget .wid_left .form-group .range_indicator .indi_rgt{font-size:16px;font-weight:500;/* color: #212529; */}
#widget .wid_left .form-group label > span{font-size:14px;font-weight:400}
#widget .wid_right{width:275px;margin-left: 80px;background:#fff;border-radius:20px;padding:45px 20px 40px;text-align:center;}
#widget .wid_right > li{font-size: 15px;}
#widget .wid_right > li:last-child{text-transform:uppercase}
#widget .wid_right > li:last-child p{color:#d11c26;margin-bottom:0}
#widget .wid_right > li p.smtxt{margin:0;font-size:13px;font-weight:400;text-transform:capitalize;color: #212529;}
#widget .wid_right > li p{display:block;margin-bottom:28px;font-size:21px;font-weight:700;color:#4a4a4a}
#widget .wid_right > li p i {font-size:0.8em}
#widget .ui-widget.ui-widget-content{background: #b9b9b9;border:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;height: 3px;margin-top: 14px;}
#widget .ui-widget-header{background: #d11c26;/* height: 3px; */}
#widget .ui-slider .ui-slider-handle{width: 12px;height: 12px;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius: 40px;background: #e31e24;border:none;top: -5px;outline: none;}
.scalerange{display:flex;width:calc(100% + 32px);justify-content:space-between;margin:0 -15px;font-size:12px;color:#4a4a4a}
.scalerange span{text-align:center;min-width:35px;padding-top:16px;position:relative}
.scalerange span:before{content:'';background: #a9a9a9;display:block;width:1px;height:9px;position:absolute;top: 7px;left:calc(50% - 1px);}
#widget .ui-slider .ui-slider-handle{margin-left: -6px;}
/* ----------------------------------------------- */
#carousel .owl-nav button.owl-next span, #carousel .owl-nav button.owl-prev span {
	display: block;
	font-size: 40px;
	width: 25px;
	height: 25px;
	vertical-align: 0px;
	line-height: 16px;
	border: 2px solid;
	border-radius: 180%;
}
.owl-slider #carousel .owl-prev {
	top: 40%;
	position: absolute;
	color: #fff;
	width: 32px;
	font-size: 85px;
  left: 5px;
}
.owl-slider #carousel .owl-next {
	top: 40%;
  right: 0;
	position: absolute;
	color: #fff;
	width: 32px;
	font-size: 85px;
}
.owl-slider #carousel .item img{
  border-radius: 20px;
}
.owl-slider #carousel .blog-content {
  position: absolute;
  bottom: 0;
  background: linear-gradient(rgba(0,0,0,0.5), rgba(1,132,193,0.7));
  color: #fff;
  width: 100%;
  transition: .5s ease;
  opacity:1;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: left;
  border-radius: 20px;
  height: 100%;
}
.owl-slider #carousel .blog-content .content{
 top: 70%;
 position: absolute;
}
#aboutsection hr {
	color: #0184C1;
}
.blog-list .blogcontent p{
  color: #000;
  font-size: 20px;
  line-height: 22px;
}
.blog-list .blogcontent p.date{
  font-size: 12px;
}
.blog-list .blogcontent {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	border-bottom: 2px solid #0184C1;
	padding-bottom: 20px;
  width: 90%;
}
.blog-list .blogcontent .blogsearch {
	position: absolute;
	left: 100%;
	top: 50%;
}
.carousel-ourpartner .owl-prev span,.carousel-ourpartner .owl-next span {font-size: 60px;}
.carousel-ourpartner .owl-prev {top: 30%;position: absolute;left: -2%;color: #0184C1 !important;}
.carousel-ourpartner .owl-next {top: 30%;position: absolute;left: 100%;color: #0184C1 !important;}
.blue{color: #0184C1;}
.green{color: #50AF51;}
.white{color: #fff;}
.item .blog-content p.date {font-size: 16px;}
.carousel-ourpartner .owl-nav button.owl-next span, .carousel-ourpartner .owl-nav button.owl-prev span {
	display: block;
	font-size: 40px;
	width: 25px;
	height: 25px;
	vertical-align: 0px;
	line-height: 16px;
	border: 2px solid;
	border-radius: 180%;
}
#emisection{
  padding-bottom: 50px;
}
#emisection .col-sm-6.left{
  padding-right: 0px;
}
#emisection .col-sm-6.right{
  padding-left: 0px;
}
#emisection .section-heading.loancalculator{
  background-color: #0184C1;
  border-radius: 15px 15px 0 0;
  padding: 20px 0;
}
#emisection .loanresult{
  background-image: url( ../images/emiresultbackground.png);
	background-color: transparent;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
  padding: 74px 50px
}
#emisection .loanresult .loanresultbox{
  background-color: #e6fff7;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
  padding: 50px 0;
}
#emisection .loanresult .loanresultbox .emival{font-size: 24px;}
#emisection .loanresult .loanresultbox .emival span.symbol{font-size: 42px;}
#emisection .loanresult .loanresultbox .emival span.emiValue{font-size: 38px;}
#emisection .loanresult .loanresultbox .intval{font-size: 20px; font-weight: 500;}
#emisection .loanresult .loanresultbox .totalval{font-size: 20px; font-weight: 500;}
#emisection .loancalc{
  background-color: #03a7e8;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
  padding: 20px 20px;
}
#emisection .loancalc p, #emisection .loancalc label, #emisection .loancalc span, #emisection .loancalc div{color: #fff;}
#emisection .loanbutton{display: inline-block; position: relative; width: 100%;}
.white-button .blue {
	color: #0184C1 !important;
}
.loanbutton .white-button.first-button.scroll-to-section {
	width: auto;
	float: left;
	margin-right: 40px;
}
.green-button a,.green-button .reset {
	display: inline-block !important;
	padding: 10px 20px !important;
	color: #fff !important;
	text-transform: capitalize;
	font-size: 25px;
	background-color: #50AF51;
	border-radius: 5px;
	font-weight: 500 !important;
	letter-spacing: 0.3px !important;
	transition: all .5s;
  border: none;
}
#videosection .videoblockleft {background: #fff;margin-bottom: 40px;}
#videosection .videoblockleft .content{padding: 20px;}
#videosection .videoblockleft h5 {font-size: 20px;}
#videosection .videoblockleft span {font-size: 18px;}
#videosection .videoblockright {background: #fff;padding: 20px;min-height: 460px; max-height: 460px;	margin: 30px 0px;overflow: scroll;}
#videosection .videoblockright h6 {font-size: 18px;}
#videosection .videoblockright span {font-size: 16px;}
#videosection .videoblockright .videosection {margin-top: 10px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
.main-banner.main-breadcrumb{
  background: rgb(0,157,224);
  background: linear-gradient(90deg, rgba(0,157,224,1) 0%, rgba(9,160,187,1) 45%, rgba(17,162,144,1) 100%);
}
.main-banner.main-breadcrumb .breadcrumb-content{
  padding: 50px;
}
#ourproductslisting .productbox .content-block {background: #e6fff7;padding: 20px;	text-align: center;}
#ourproductslisting .productbox .line {border: 2px solid #0184C1;width: 50%;	display: inline-block;}
#ourproductslisting .productbox .blue.btn {background: #0184C1;position: relative;	margin-top: 20px;}
#ourproductslisting .productbox .blue.btn:hover {background: #fff;color: #0184C1;}
#ourproductslisting .productbox .circle {width: 70px;background: #e6fff7;border-radius: 360px;padding: 10px;border: 2px solid #0184C1;}
#ourproductslisting .productbox .img-block {text-align: center;margin-bottom: -15px;}
#ourproductslisting .productbox {margin-bottom: 30px;}
#loancompare {background: #ddd;}
#loancompare table tr th {background: #0184C1;color: #fff;text-align: left;border: 1px solid #b5b5b5;}
#loancompare table tr td {text-align: left;color: #0184C1;	border: 1px solid #b5b5b5;}
#loancompare .table > :not(:first-child) {border-top: none;}
#loancompare table .circle.loanrateimg {position: absolute;width: 40px;top: 18%;background: #000;text-align: center;border-radius: 360px;padding: 5px;}
#aboutsection .blog-content h4.white p {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
  line-height: 1.2;
}
#customcontactform .custform {border: 2px solid #ccc;}
#customcontactform .custform .title {border-bottom: 2px solid #ccc;	padding: 20px;}
#customcontactform .custform .custblock{padding: 20px;}
#customcontactform .custform .topborder {border-top: 2px solid #ccc;margin-top: 30px;	padding-top: 20px;}
.header-area .main-nav .nav li:hover a ul.dropdown-menu.shadow li a, .header-area .main-nav .nav li a.active ul.dropdown-menu.shadow li a,
.background-header .main-nav .nav li:hover a ul.dropdown-menu.shadow li a, .background-header .main-nav .nav li a.active  ul.dropdown-menu.shadow li a {
	color: #0184C1 !important;
	border-bottom: none !important;
  padding: 0px;
}
.header-area .main-nav .nav ul.dropdown-menu.shadow li a.dropdown-item {
	padding: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #1e2125;
	background-color: transparent;
	border-bottom: 2px solid #50AF51 !important;
}
#homeemisection label,#homeemisection #widget {
	color: #fff;
}
#homeemisection .loanresult {
	background: #fff;
	margin-top: 20px;
	padding: 0px;
	border-radius: 10px;
}
#homeemisection .loanresult div.emival, #homeemisection .loanresult div.intval {
  border-bottom: 2px solid #50AF51;
	padding-bottom: 20px;
}
#homeemisection .loanresult div.emival .blockpadding, #homeemisection .loanresult div.intval .blockpadding, #homeemisection .loanresult div.totalval .blockpadding{
	padding: 20px;
}
#homeemisection #widget{margin: 50px 0 0 0;}
#homeemisection .text-right {
	text-align: right;
	position: relative;
	display: inline-block;
	width: 100%;
}
#homeemisection .loanbutton .green-button.first-button.scroll-to-section.mt-20 {
	text-align: right;
}
#applyblockfix {  position: fixed;  right: -20px;  top: 50%;  transform: rotate(-90deg); z-index: 5;}
#applyblockfix .applybtn{ background-color : #ff585b; color: white; padding: 15px 17px; border-radius: 4px; border-color: #ff585b;}
.smalltext p{font-size: 14px;}
.main-banner .cust-banner .img-responsive.mobile {display: none;}
.main-banner .cust-banner .img-responsive.desktop {display: block;}
header nav.main-nav a.logo img {width: 250px;}
.submit.action-button.blue.btn.cust {
	background: #0184c1 !important;
	color: #fff !important;
}
#ourproductslisting .productbox .content-block p {min-height: 150px;}

/* Forms CSS */
#msform, #otpgenerateform, #otpvalidateform, .form{
    position: relative;
    margin-top: 30px;
}
#msform ul#progressbar, #otpgenerateform ul#progressbar, .form ul#progressbar {
  margin-bottom: 30px;
  border-bottom: 2px solid #50AF51;
  padding-bottom: 30px;
}
#msform fieldset, #otpgenerateform fieldset,#otpvalidateform fieldset, .form fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    font-size: 18px;
    /*margin: 0 10%;*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type), #otpgenerateform fieldset:not(:first-of-type){
    display: none;
}

/*inputs*/
#msform input, #msform textarea, #otpgenerateform input, #otpgenerateform textarea,#otpvalidateform input, #otpvalidateform textarea, .form textarea{
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 18px;
}

#msform textarea, #otpgenerateform textarea, .form textarea {
    resize: vertical;
    min-height: 50px
}
#msform select, #otpgenerateform select, .form select{
    padding: 15px;
    border: 1px solid #000;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 18px;
}

/*buttons*/
#msform .action-button, #otpgenerateform .action-button,#otpvalidateform .action-button, .form .action-button {
    width: 100px;
    background: #0184C1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover, #msform .action-button:focus, #otpgenerateform .action-button:hover, #otpgenerateform .action-button:focus,#otpvalidateform .action-button:hover, #otpvalidateform .action-button:focus, .form .action-button:hover, .form .action-button:focus{
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0184C1;
}

#msform .action-button-previous, #otpgenerateform .action-button-previous, .form .action-button-previous{
    width: 100px;
    background: #0184C1;
    color: #fff;
    font-weight: bold;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus, #otpgenerateform .action-button-previous:hover, #otpgenerateform .action-button-previous:focus,#otpvalidateform .action-button-previous:hover, #otpvalidateform .action-button-previous:focus, .form .action-button-previous:hover, .form .action-button-previous:focus,.form .action-button-previous:hover, .form .action-button-previous:focus{
    box-shadow: 0 0 0 2px white, 0 0 0 3px #0184C1;
}

#msform input.checkbox {
	width: auto !important;
	float: left !important;
	margin-top: 10px;
	margin-right: 10px;
  margin-left: 0px;
}

label.error {
	color: #ff0000;
	position: relative;
	display: block;
	float: left;
	width: auto;
	font-size: 12px;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: #ccc;
    text-transform: uppercase;
    font-size: 20px;
    width: 25%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}
#progressbar li.active {
    color: #0184C1;
}


#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 18px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 20px 10px auto;
    text-align: center;
}

/*progressbar connectors*/

#progressbar li:after {
  content: '';
width: 35%;
height: 2px;
background: white;
position: absolute;
left: -12%;
top: 15px;
z-index: -1;
}

#progressbar li:first-child:after {
    content: none;
}


/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #0184C1;
    color: white;
}
#progressbar li:before {
    background: #ccc;
    color: white;
}
#msform,#otpgenerateform,.form{text-align: center;}
#msform .languages_row,#msform .products_row{text-align: left;}
.pull-left{text-align: left !important; display: block;}
em{color: #ff0000;}
.radioblock,.checkboxblock {
	position: relative;
	display: block;
	float: left;
}
.radioblock .required.radio,.checkboxblock .required.checkbox {
	float: left;
	position: relative;
	display: block;
	width: auto !important;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 10px;
}
span.green {
	font-size: 14px;
}
#msform span.text-danger, #otpgenerateform span.text-danger, .form span.text-danger {
	font-size: 14px;
	text-align: left !important;
	position: relative;
	display: block !important;
	/* margin: 0 auto; */
	width: 100% !important;
}



@media (min-width: 1100px) and (max-width: 1400px) {
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .main-banner {padding: 100px 0px 0px 0px;}
  #ourpartner .section-heading {margin-top: 0;}
  .slider-content .left-content.show-up.header-text h4 {font-size: 28px;line-height: 28px;	}
  .main-banner .left-content p {margin-bottom: 20px;}
  .white-button a, .white-button .calculate {font-size: 20px;}
  .main-banner .col-lg-6.align-self-center {text-align: left;}
  #ourproducts .productbtn {padding: 30px 0px;}
}
@media (min-width: 992px) and (max-width: 1023px) {
  .main-banner {padding: 100px 0px 0px 0px;}
  #ourpartner .section-heading {margin-top: 0;}
  .slider-content .left-content.show-up.header-text h4 {font-size: 28px;line-height: 28px;	}
  .main-banner .left-content p {margin-bottom: 20px;}
  .white-button a, .white-button .calculate {font-size: 20px;}
  .main-banner .col-lg-6.align-self-center {text-align: left;}
  #ourproducts .productbtn {padding: 30px 0px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-nav .nav {margin-left: 15px;	}
  .main-banner {padding: 100px 0px 0px 0px;}
  .slider-content .left-content.show-up.header-text h4 {font-size: 26px;	line-height: 26px;}
  .main-banner .left-content p {margin-bottom: 20px;}
  .white-button a, .white-button .calculate {font-size: 18px;}
  #ourpartner .section-heading {margin-top: 0px;}
  #ourproducts .productbtn.line br {display: none;}
  #ourproducts .img {display: none;}
  #emisection .col-sm-6.left {width: 100%;padding-right: 13px;}
  #emisection .col-sm-6.right {padding-left: 18px;width: 100%;}
  #aboutsection .blog-content h4.white p {font-size: 22px;	}
  footer div.text-center img {width: 50%;}
  .main-banner .col-lg-6.align-self-center {text-align: left;}
}
@media (min-width: 320px) and (max-width: 767px) {
  header nav.main-nav a.logo img {width: 200px;}
  .main-banner .cust-banner .img-responsive.mobile {display: block;}
  .main-banner .cust-banner .img-responsive.desktop {display: none;}
  .main-banner .col-lg-6.align-self-center {text-align: left;}
  .main-banner {padding: 90px 0px 0px 0px;}
  .slider-content .left-content.show-up.header-text h4 {	font-size: 16px;	line-height: 16px;	margin-top: 50px;	margin-bottom: 15px;}
  .main-banner .left-content p {margin-bottom: 0;}
  .main-banner .mt-20 {margin-top: 0px;}
  .main-banner p {display: none;}
  .white-button a, .white-button .calculate {font-size: 14px;}
  .header-area.header-sticky .nav {margin-top: 0;}
  h4.title {font-size: 24px;}
  #ourpartner .section-heading {margin-top: 0;}
  #ourproducts .productbtn.line br {display: none;}
  #ourproducts .img {display: none;}
  .col-sm-6 {width: 100%;}
  #emisection .col-sm-6.left {padding-right: 18px !important;}
  #emisection .col-sm-6.right {padding-left: 18px !important;}
  #aboutsection .blog-content h4.white p {font-size: 12px;}
  #aboutsection .item .blog-content p.date {font-size: 12px;}
  #aboutsection .blog-list .blogcontent p {color: #000;font-size: 16px;line-height: 20px;}
  #aboutsection .blog-list .blogcontent .blogsearch {position: absolute;left: 95%;top: 50%;}
  #progressbar li {width: 100% !important;text-align: left;}
  #progressbar li::after {background: transparent !important;position: absolute;left: -12%;	top: 15px;	z-index: -1;}
  #myBtn {font-size: 14px;}
  #homeemisection .loanresult {font-size: 14px;}
  /* Menu */
  .dropdown-menu.show {	position: static !important;margin-top: -50px !important;	padding: 20px;	background: #f7f7f7;}
  .header-area .main-nav .nav .dropdown-menu.show li a {height: 30px !important;line-height: 30px !important;font-size: 16px !important;}
}


@media (min-width: 768px) and (max-width: 991px) {
  .about-box-blue p {font-size: 16px;	line-height: 20px;}
  #withus h4.white {font-size: 22px;margin-bottom: 20px;}
  html, body {	font-size: 18px; }
  .header-area .main-nav .nav li a {font-size: 18px;}
  p {	font-size: 18px;}
  .slider-content .left-content.show-up.header-text h4 {font-size: 20px;	line-height: 24px;}
  h4.title {font-size: 26px;}
  .h4, h4 {	font-size: 20px;}
  .blog-list .blogcontent p {	font-size: 18px;	line-height: 20px;}
  #customerhappiness .carousel-testimonial p {font-size: 18px;}
  #asfeaturedin p {font-size: 18px;}
  .h2, h2 {font-size: 22px;}
}

@media (min-width: 300px) and (max-width: 767px) {
  .about-box-blue p {font-size: 16px;	line-height: 20px;}
  #withus h4.white {font-size: 22px;margin-bottom: 20px;}
  html, body {	font-size: 18px; }
  .header-area .main-nav .nav li a {font-size: 18px;}
  p {	font-size: 18px;}
  .slider-content .left-content.show-up.header-text h4 {font-size: 20px;	line-height: 24px;}
  h4.title {font-size: 26px;}
  .h4, h4 {	font-size: 20px;}
  .blog-list .blogcontent p {	font-size: 18px;	line-height: 20px;}
  #customerhappiness .carousel-testimonial p {font-size: 18px;}
  #asfeaturedin p {font-size: 18px;}
  .h2, h2 {font-size: 22px;}

  /*
  .table-bordered > :not(caption) > * {
    	border-width: 1px 0;
    	margin-top: 5px !important;
    	display: inline-block;
    }
  #loancompare table tr td {
    	font-size: 18px !important;
    	width: 100%;
    	position: relative;
    	display: inline-block;
    }
    #loancompare table tr th {
    	font-size: 18px !important;
    	width: 100%;
    	display: inline-block;
    }
    */

    #loancompare table tr th,
    #loancompare table tr td a,#loancompare table tr td {
    	white-space: nowrap;
    }



}

#loancompare table tr td a.submit.action-button.blue.btn.cust {padding: 10px 15px !important; font-size: 16px !important;}
#loancompare table tr th,#loancompare table tr td{font-size: 16px !important;}
#loancompare table tr td {font-size: 16px !important;}
#loancompare table tr th {font-size: 16px !important;}
#loancompare table tr td a.submit.action-button.blue.btn.cust {padding: 5px 10px !important;font-size: 16px !important;}
input.blue.calculate_compare, input.blue.calculate_affordable, input.blue.calculate {background-color: #0184C1;color: #fff !important;font-size: 18px;}
.loanresult .wid_right {margin: 40px auto;font-size: 18px;font-weight: 600;}
#nav-emi div#Result,.calculator div#nav-comparative, .calculator div#nav-comparative input{font-size: 18px;}

/* ===== Scrollbar CSS ===== */
  #aboutsection .blog-list {
      height: 450px;
      overflow-x: hidden;
  }
  /* Firefox */
  #aboutsection .blog-list {
    scrollbar-width: auto;
    scrollbar-color: #0184C1 #87B8C4;
  }

  /* Chrome, Edge, and Safari */
  #aboutsection .blog-list::-webkit-scrollbar {
    width: 16px;
  }

  #aboutsection .blog-list::-webkit-scrollbar-track {
    background: #87B8C4;
  }

  #aboutsection .blog-list::-webkit-scrollbar-thumb {
    background-color: #0184C1;
    border-radius: 10px;
    border: 3px solid #87B8C4;
  }

  @media (min-width: 992px) and (max-width: 1399px) {
    .productsection .productbtn span {font-size: 16px;}
  }

  /* 22-06-2023 */
  .header-area .main-nav .nav li {padding-left: 10px;padding-right: 10px;}
  .scroll-to-section.box {border: 1px solid #0184C1;background: #0184C1;}
  ul.nav li.scroll-to-section.box a.top {color: #ffffff;text-decoration: none;}
  ul.nav li.scroll-to-section.box a.top:hover,ul.nav li.scroll-to-section.box a.top.active {color: #fff !important;border-bottom: none;}
  @media (min-width: 992px) and (max-width: 1199px) {
    .header-area .main-nav .nav li {
    	padding-left: 5px;
    	padding-right: 5px;
    }
    .header-area .main-nav .nav li a {
	     font-size: 14px;
     }

  }

  @media (min-width: 768px) and (max-width: 991px) {
    .header-area .main-nav .nav li {
    	padding-left: 3px;
    	padding-right: 3px;
    }
    .header-area .main-nav .nav li a {
	     font-size: 11px !important;
     }
  }

  @media (min-width: 320px) and (max-width: 767px) {
    .scroll-to-section.box {border: none;}
    ul.nav li.scroll-to-section.box a.top:hover {color: #191a20 !important;}
    ul.nav li.scroll-to-section.box a.top.active {color: #0184C1 !important;}
  }

  #withus .about-box-green .content p.white {
    text-align: justify;
    padding-top: 15px;
  }