@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);/@font-face {
	font-family: FontAwesome;
	src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
	src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0 !important;
	list-style: none
}

html {
	overflow-y: scroll;
}

body {
	color: #223a72;
	line-height: 1.5;
	font-weight: 400;
	font-size: 14px;
	font-family: Montserrat, sans-serif;
	overflow-x: clip;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700
}

button,
input,
select,
select option,
textarea {
	font-family: Montserrat, sans-serif;
	font-size: 14px
}

p {
	font-size: 14px;
	line-height: 1.5;
	word-spacing: 1px;
	margin-bottom: 20px
}

a,
span {
	display: inline-block;
	text-decoration: none;
	color: inherit
}

a:hover {
	text-decoration: none;
	color: inherit
}

button {
	cursor: pointer
}

.bg-blue .title span {
	color: #fff;
}

.social a:hover {
	transform: translateY(-8px)
}

.parain ol li a:hover {
	font-weight: 700
}

.caption {
	margin-top: -80px
}

.innerbannersmall {
	background: #253a71 !important;
}

.innerbannersmall .content h1 {
	color: #fff !important;
}

.blogs .fcyellow {
	color: #223a72;
}

.bg-blue span img {
	filter: brightness(0) invert(1);
}

.yellow-btn-bg {
	background: #e6b120
}

.ybtn {
	padding: 5px 18px 10px !important;
	position: relative;
	margin: -5px 2px 0;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	background: linear-gradient(to right, #223a72, #223a72);
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size 1s
}

.ybtn:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 4px;
	right: 0;
	height: 2px;
	background-color: #fff
}

.ybtn .txt {
	position: relative;
	z-index: 1;
	color: #fff
}

.ybtn span {
	position: relative;
	z-index: 2
}

span.isvalid {
	width: 95%
}

span.isvalid::after {
	content: "✓";
	color: #e6b120;
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 22px
}

.pass-text {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	padding: 34px 20px 35px;
	width: 100%
}

.pasright {
	background: url(../img/bg-arrows.png) center/cover no-repeat;
	padding-top: 45px;
	padding-left: 50px;
	padding-right: 40px
}

.pasright h2 {
	font-size: 24px;
	text-decoration: underline
}

.pasright h2:hover {
	font-size: 25px
}

.paspoints img {
	height: auto;
	width: auto
}

.paspoints p {
	display: inline;
	color: #223a72
}

.bg-blue {
	background-color: #2961AD;
}

.color-white {
	color: #fff
}

.iconoffer p {
	font-size: 17px;
	display: inline;
	line-height: 21px
}

.flex-container {
	display: flex;
	flex-wrap: nowrap
}

.loanthumb {
	background-color: #fff;
	width: 131px;
	margin: 0 7px 15px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	height: 100px
}

.loanthumbh {
	background-color: #fff;
	width: 131px;
	margin: 0 6px 15px;
	text-align: center;
	cursor: pointer;
	height: 100px;
	display: none;
	position: relative;
	transition: 0.5s
}

.blh:hover .loanthumbh {
	display: block;
	transition: 0.5s;
	border-radius: 10px;
	cursor: default
}

.blh:hover .loanthumb {
	display: none;
	transition: 0.5s
}

.blh {
	display: block;
	cursor: pointer;
	z-index: 5
}

.ploan {
	position: absolute !important;
	bottom: 60px
}

.loanthumb {
	border-radius: 10px
}

.loanthumb img,
.loanthumbh img {
	padding-top: 10px
}

.loanthumbh img {
	padding-top: 0px !important
}

.loanthumb p {
	color: #fff;
	line-height: 18px;
	padding-top: 10px;
	font-size: 15px
}

.loanthumbh p {
	color: #223a72;
	line-height: 18px;
	padding-top: 8px;
	font-size: 15px
}

.loanthumbh a.banner-apply-now {
	padding: 5px 10px;
	background-color: #fff;
	color: #223a72;
	font-size: 13px;
	position: absolute;
	left: 0;
	right: 0;
	font-weight: 700;
	overflow: hidden
}

.loanthumbh a.banner-apply-now span {
	color: #233972;
	padding: 5px 16px 5px 16px;
	border-radius: 12px;
	background-color: #223a72;
	color: #fff
}

.a_span_tag {
	padding: 2px 16px 2px 16px
}

.a_span_tag:hover {
	text-decoration: underline
}

.loanthumbh a.banner-know-more {
	background-color: #fff;
	padding: 10px;
	color: #223a72;
	font-size: 13px;
	position: absolute;
	left: 0;
	right: 0;
	font-weight: 700;
	overflow: hidden
}

.empty_up_tag {
	top: -20px;
	position: absolute;
	left: 0;
	right: 0;
	padding: 20px;
	border-radius: 10px;
	background-color: #fff;
	z-index: -1
}

.loanthumbh a.banner-apply-now:before,
.loanthumbh a.banner-know-more:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 100%;
	bottom: 3px;
	background: #fff;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.loanthumbh a.banner-apply-now:active:before,
.loanthumbh a.banner-apply-now:focus:before,
.loanthumbh a.banner-apply-now:hover:before,
.loanthumbh a.banner-know-more:active:before,
.loanthumbh a.banner-know-more:focus:before,
.loanthumbh a.banner-know-more:hover:before {
	right: 0
}

.loanthumbh a.banner-know-more {
	bottom: -60px;
	border-radius: 10px
}

.loanthumbh a.banner-apply-now {
	bottom: -25px
}

.icard {
	position: relative
}

.icardtext {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 90px;
	background-color: rgba(255, 255, 255, .75);
	padding: 12px 20px;
	text-align: left
}

.icardtext h4 {
	font-size: 20px;
	color: #000;
	line-height: 22px
}

.icardtext p {
	color: #000;
	line-height: 18px;
	width: 90%;
	margin-bottom: 0
}

.img-hover-zoom {
	height: auto;
	overflow: hidden
}

.img-hover-zoom img {
	transition: transform 0.3s
}

.img-hover-zoom:hover img {
	transform: scale(1.1)
}

.loader {
	display: none;
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999
}

.loader img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px !important;
	height: 10px !important;
	margin: 15px 3px;
	background: #909cb8 !important;
	border-radius: 50%
}

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

.parain {
	background: url(../img/bg-arrows.png) center/cover no-repeat;
	padding-top: 40px
}

.parain ol {
	list-style: none;
	counter-reset: my-awesome-counter
}

.parain img {
	height: auto;
	width: auto
}

.parain h2 {
	font-size: 24px;
	text-decoration: underline
}

.parain h2:hover {
	font-size: 25px
}

.parain ol li {
	border-bottom: 1px dashed #b7b7b7;
	margin-right: 30px;
	padding: 15px 0
}

i.fa.fa-play {
	color: #fff
}

i.fa.fa-chevron-right {
	font-size: initial
}

.shadow {
	-webkit-box-shadow: 0 5px 35px 0 rgb(148 146 245 / 15%);
	box-shadow: 0 5px 35px 0 rgb(148 146 245 / 15%)
}

.newsmedia h5 {
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 10px
}

.mediatext {
	margin: 20px
}

.mediatext h5 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	font-size: 18px
}

.blogs .mediatext h5 {
	overflow: visible;
	display: inherit
}

.blogs .shadow:hover .mediatext h5 {
	color: #223a72
}

.mediatext p {
	overflow: hidden;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.newsmedia p {
	-webkit-line-clamp: unset
}

.df {
	display: flex
}

.img2hw {
	width: 220px;
	height: 252px
}

h2.fcblue {
	font-size: 40px
}

.fcblue {
	color: #223a72
}

.fcyellow {
	color: #fff
}

.o-hidden {
	overflow: hidden
}

.position-re {
	position: relative
}

.bg-img {
	background-image: url(../img/banner.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

.section-padding {
	padding: 50px 0
}

.cd-headline {
	font-size: 3rem;
	line-height: .7
}

.cd-words-wrapper {
	display: inline-block;
	position: relative;
	text-align: left
}

.cd-words-wrapper b {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0
}

.cd-words-wrapper b.is-visible {
	position: relative
}

.cd-headline.clip span {
	display: inline-block;
	padding: .2em 0
}

.cd-headline.clip .cd-words-wrapper {
	overflow: hidden;
	vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
	content: "";
	position: absolute;
	top: 10%;
	right: 0;
	width: 5px;
	height: 70%;
	background-color: #e6b120
}

.cd-headline.clip b {
	opacity: 0
}

.cd-headline b.is-visible {
	opacity: 1;
	font-weight: 900
}

.navbar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: 0 0;
	z-index: 9;
	min-height: 80px;
	padding: 0
}

nav.navbar.bgopac,
nav.navbar.bgopac.navbar-expand-lg.nav-scroll {
	background: #fff;
	opacity: 100%
}

.navbar .icon-bar {
	color: #e6b120
}

.navbar .navbar-nav .nav-item {
	cursor: pointer
}

.navbar .navbar-nav .nav-link {
	font-size: 13px;
	color: #000;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	padding: 15px 8px
}

.navbar .navbar-nav .nav-link:hover {
	color: #000;
	font-weight: 700
}

.navbar .navbar-nav .nav-link::before {
	display: block;
	content: attr(title);
	font-weight: 700;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.navbar .navbar-nav .active {
	color: #000 !important
}

.tab-menu>li>a.active {
	background: #f8f8f8
}

.tab-menu>li>a.active:after {
	content: "\f078";
	font-family: FontAwesome;
	color: #223a72;
	border: none;
	vertical-align: 0;
	position: absolute;
	transform: rotate(-90deg);
	padding-left: 10px;
	top: 20px
}

.dropdown-menu p {
	font-size: 13px;
	padding-top: 12px
}

.dropdown-menu .yellow-btn {
	margin: 12px
}

.dropdown-menu .yellow-btn .txt {
	font-size: 13px
}

.dropdown-menu .yellow-btn-bg {
	padding: 5px 18px 10px
}

.dropdown-menu .tab-menu {
	height: 365px
}

.nav-scroll {
	background: #fff;
	border-bottom: 1px solid #223a72;
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	z-index: 99
}

.nav-scroll .icon-bar {
	color: #e6b120
}

.nav-scroll .navbar-nav .nav-link {
	color: #000
}

.nav-scroll .navbar-nav .logo {
	padding: 15px 0;
	color: #111
}

.logo {
	padding: 25px 10px;
	width: 239px
}

.header {
	overflow: hidden
}

.content-home {
	width: 100%;
	text-align: center;
	top: 34%;
	position: absolute
}

.header .caption h1 {
	margin: 10px 0;
	font-size: 55px;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s
}

.header .caption h1 b {
	color: #223a72;
	font-weight: 700
}

.header .caption p {
	font-size: 20px;
	word-spacing: 2px;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	font-weight: 500
}

.header .caption .butn {
	padding: 10px 30px;
	position: relative;
	margin: 20px 2px 0;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.srch-form-1 {
	position: relative;
	margin-top: 8px
}

.blog-list li a:hover {
	font-weight: 700
}

.srch-bar-1 {
	padding: 8px 14px;
	border: 1px solid #223a72;
	border-radius: 50px;
	width: 144px;
	position: relative;
	font-size: 13px;
	color: #000
}

.srch-bar-1::-webkit-input-placeholder {
	color: #223a72
}

.srch-bar-1::-moz-placeholder {
	color: #223a72
}

.srch-bar-1:-ms-input-placeholder {
	color: #223a72
}

.srch-bar-1:-moz-placeholder {
	color: #223a72
}

.srch-bar-1-btn {
	color: #223a72;
	border: none;
	background: 0 0;
	right: 14px;
	top: 8px;
	position: absolute;
	float: left
}

.navbar-2 ul li a {
	margin: 0 10px
}

.butn:hover::before,
.header .caption .butn:hover::before {
	opacity: 1;
	background-color: #ffb32f
}

.butn:after,
.header .caption .butn:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 4px;
	right: 0;
	height: 2px;
	background-color: #fff
}

.butn .txt,
.header .caption .butn .txt {
	position: relative;
	z-index: 1
}

.butn:hover:after,
.header .caption .butn:hover:after {
	width: 100%;
	left: 0;
	-webkit-transition: width 0.3s;
	transition: width 0.3s
}

.butn span,
.header .caption .butn span {
	position: relative;
	z-index: 2
}

.slider .owl-item,
.slider-fade .owl-item {
	height: 100vh;
	position: relative
}

.slider .item,
.slider-fade .item {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover
}

.slider .owl-theme .owl-dots,
.slider-fade .owl-theme .owl-dots {
	position: absolute;
	bottom: 5vh;
	width: 100%
}

.pb-50 {
	padding-bottom: 50px !important
}

#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3
}

.callback {
	position: fixed;
	right: -120px;
	top: 270px;
	z-index: 6;
	transform: rotate(90deg)
}

.callback a {
	height: 30px;
	background-color: #223a72;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
	transition: 0.5s
}

.callback a:hover {
	background-color: #061537
}

.callback img {
	width: 20px;
	transform: rotate(-90deg);
	margin-left: 5px
}

footer {
	padding: 30px 0;
	color: #fff;
	font-size: 12px;
	width: 100%;
	float: left
}

.copyright {
	padding: 15px 0
}

.copyright p {
	color: #fff
}

.w-17 {
	width: 17% !important
}

.w-18 {
	width: 18% !important
}

footer .footercol {
	width: 16%;
	float: left;
	margin: 0;
	padding: 0 20px 0 0
}

footer h5 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 17px;
	font-weight: 600
}

footer ul li {
	margin: 0 0 6px;
	padding: 0;
	list-style: none
}

footer a:hover {
	text-decoration: underline
}

.goldenborder {
	border-bottom: 10px solid #fff
}

hr {
	border-top: 1px solid #fff;
	margin-bottom: 0;
	margin-top: 0
}

.fcwhite {
	color: #fff
}

.textbold {
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	letter-spacing: .8px
}

.footbold {
	font-weight: 700;
	letter-spacing: .8px
}

footer p {
	font-size: 12px
}

.social {
	margin-left: -5px
}

.social li {
	float: left
}

.social a {
	width: 30px;
	height: 30px;
	margin: 10px 5px;
	font-size: 20px;
	line-height: 30px;
	background-color: #fff;
	color: #1c346c;
	border-radius: 100px;
	text-align: center;
	display: inline-block;
	transition: 0.5s
}

.social a i {
	margin-top: 6px;
	font-size: 16px
}

.breadcrumbdiv {
	width: 100%;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	padding: 10px;
	bottom: 0;
	display: inline-block
}

.blue-btn-bg,
.yellow-btn-bg {
	background-color: #223a72 !important;
}

.breadcrumb {
	background-color: transparent;
	margin: 0;
	padding: 0
}

.breadcrumb a,
.breadcrumb li {
	color: #fff
}

.breadcrumb .active {
	color: #fff;
	font-weight: bold;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	color: #fff
}

.steps {
	position: relative
}

.steps .container:after {
	width: 70%;
	height: 3px;
	background-color: #223a72;
	display: inline-block;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1
}

.steps .cols .stepdiv:after {
	content: "";
	width: 70%;
	height: 3px;
	background-color: #223a72;
	display: inline-block;
	position: absolute;
	top: 52%;
	left: 0;
	transform: translate(-50%, -50%);
	z-index: -1
}

.steps .cols .stepdiv.no-after:after {
	content: none
}

.stepdiv {
	position: relative
}

.steps .cols {
	width: 15%;
	margin: 2%;
	display: inline-block;
	position: relative;
	background-color: #fff
}

.step {
	width: 80%;
	height: 80%;
	border: 10px solid #c4c4c4;
	border-radius: 50%;
	display: inline-block;
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 11.5px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	transition: 0.5s
}

.step img {
	width: 40px;
	height: 40px;
	margin-bottom: 5px;
	filter: invert(80%) brightness(50%);
	margin-left: -2px;
}

.step2 {
	border: 10px solid #223a72
}

.step:hover {
	background-color: #c4c4c4;
	color: #fff
}

.step2:hover {
	background-color: #223a72;
	color: #fff
}

.step:hover img {
	filter: brightness(900%)
}

.dot {
	position: relative
}

.dot:before {
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #c4c4c4;
	border: 3px solid #fff;
	position: absolute;
	top: 50%;
	left: -52px;
	transform: translateY(-50%);
	box-shadow: 0 0 0 3px #c4c4c4
}

.dot:after {
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #c4c4c4;
	border: 3px solid #fff;
	position: absolute;
	top: 50%;
	right: -52px;
	transform: translateY(-50%);
	box-shadow: 0 0 0 3px #c4c4c4
}

.step2 .dot:after,
.step2 .dot:before {
	background-color: #223a72;
	box-shadow: 0 0 0 3px #223a72
}

.cols:first-child .step .dot:before,
.cols:last-child .step .dot:after {
	display: none
}

.cols p {
	text-align: center;
	margin: 20px 0;
	color: #223a72
}

.pltype .img-hover-zoom {
	height: auto
}

.pltype .icard {
	margin: 0
}

.pltype .icardtext {
	padding: 20px;
	height: auto;
	background-color: rgba(255, 255, 255, .7);
	opacity: 1
}

.pltype .icardtext h4,
.pltype .icardtext p {
	color: #223a72
}

.pltype .icardtext i {
	color: #223a72
}

.pltype .icardtext p {
	margin-bottom: 0
}

.owl-nav {
	position: absolute;
	top: 40%;
	width: 100%
}

.owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 0;
	padding: 15px 10px;
	margin: 0
}

.owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 0;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 0;
	padding: 15px 10px;
	margin: 0
}

.offcarausel .owl-nav .owl-prev {
	left: -50px
}

.offcarausel .owl-nav .owl-next {
	right: -50px
}

.lbranch {
	width: 100%;
	height: 100%;
	background: url(../img/lbranch-bg.png) no-repeat #fff;
	padding: 20px;
	display: inline-block
}

.lbranch h4 {
	color: #223a72;
	font-size: 20px;
	margin-bottom: 20px
}

.lbranch ul {
	margin: 0;
	padding: 0;
	height: 175px;
	overflow-y: scroll
}

.lbranch ul::-webkit-scrollbar {
	width: 8px
}

.lbranch ul::-webkit-scrollbar-track {
	background: #4e608c
}

.lbranch ul::-webkit-scrollbar-thumb {
	background: #fff;
	border: 1px solid #e1e1e1;
}

.lbranch ul::-webkit-scrollbar-thumb:hover {
	background: #fff
}

.lbranch ul li {
	margin: 0;
	padding: 0 0 8px 20px;
	list-style: none;
	color: #223a72
}

.lbranch ul li a {
	font-size: 18px;
	text-decoration: underline;
	position: relative
}

.lbranch ul li a:before {
	content: "";
	width: 7px;
	height: 7px;
	background-color: #223a72;
	border-radius: 50px;
	display: inline-block;
	position: absolute;
	left: -20px;
	top: 10px
}

.blogs i {
	font-size: 22px;
	color: #223a72
}

.blogs i:hover {
	transform: translateY(-8px)
}

.faqbox {
	width: 100%;
	border: 1px solid #e6b120;
	display: inline-block
}

.faqbox .emitab .nav-tabs,
.faqbox .emitab .tab-content {
	border: none
}

.faqbox .emitab .tab-content {
	padding: 20px 0
}

.faqbox .emitab .nav-link {
	border: 1px solid #223a72 !important;
	border-radius: 5px !important
}

i.fa.fa-rupee {
	font-size: 12px
}

.accordion .card-header:after {
	font-family: FontAwesome;
	content: "\f068";
	float: right
}

.accordion .card-header.collapsed:after {
	content: "\f067"
}

.card {
	border: none
}

.card-body {
	padding: .5rem 1.25rem
}

.card-header {
	background-color: transparent;
	border-bottom: 1px dashed #e6b120;
	padding: 10px;
	cursor: pointer;
	color: #223a72
}

.accordion .card,
.card-body p {
	color: #223a72;
	margin-bottom: 0
}

.card-title {
	margin-bottom: 0
}

.accordion .card-header.collapsed:after,
.accordion .card-header:after {
	color: #e6b120
}

.tab-content td {
	vertical-align: middle;
	color: #223a72;
	border: none;
	font-size: 16px;
	line-height: 20px
}

.tab-content th {
	border-top: 0 solid #e6b120;
	font-size: 22px;
	color: #223a72
}

.tab-content .table-striped tbody tr:nth-of-type(odd) {
	border-bottom: 1px solid #e6b120;
	background-color: #fff
}

.tab-content .table-striped tbody tr:nth-of-type(even) {
	border-bottom: 1px solid #e4e4e5
}

.tab-content .table-striped tbody tr:last-child {
	border-bottom: none
}

.fa-rupee {
	font-weight: 400;
	font-size: 12px
}

.emichart {
	width: 100%;
	border-right: 2px dashed #223a72;
	margin: 20px 0;
	display: inline-block
}

.result {
	background-color: #efefef;
	padding: 10px 30px;
	font-size: 20px;
	font-weight: 700;
	color: #223a72;
	margin: 20px 0;
	display: inline-block
}

.result i {
	font-size: 21px
}

.circle-wrap {
	width: 150px;
	height: 150px;
	background: #efefef;
	border-radius: 50%;
	margin-right: 15%;
	float: left
}

.circle-wrap .circle .fill,
.circle-wrap .circle .mask {
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 50%
}

.circle-wrap .circle .mask {
	clip: rect(0, 150px, 150px, 75px)
}

.circle-wrap .circle .mask .fill {
	clip: rect(0, 77px, 319px, 0);
	background-color: #223a72
}

.circle-wrap .circle .fill,
.circle-wrap .circle .mask.full {
	animation: 3s ease-in-out fill;
	transform: rotate(30deg)
}

.emichart .desc {
	margin-top: 50px
}

.emichart .desc .tp {
	margin-bottom: 5px
}

@keyframes fill {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(30deg)
	}
}

.circle-wrap .inside-circle {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: #fff;
	line-height: 110px;
	text-align: center;
	margin-top: 20px;
	margin-left: 20px;
	position: absolute;
	z-index: 1;
	font-weight: 700;
	font-size: 2em
}

.tp:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #efefef;
	margin-right: 10px;
	display: inline-block
}

.ip:before {
	content: "";
	width: 10px;
	height: 10px;
	background-color: #223a72;
	margin-right: 10px;
	display: inline-block
}

.sec2 {
	border-bottom: 1px solid #ccc
}

.dropdown-menu {
	width: 700px;
	border-radius: 0;
	padding: 0;
	border: none;
	top: 60px;
	margin: 0
}

.tab-menu li {
	width: 100%;
	display: block
}

.tab-menu>li>a {
	color: #000;
	padding: 13px 12px;
	display: block;
	margin: 0 !important;
	font-size: 13px;
	position: relative
}

.dropdown-item:hover,
.tab-menu>li>a.active,
.tab-menu>li>a:focus,
.tab-menu>li>a:hover {
	font-weight: 700
}

.dropdown-menu .tab-content {
	height: 100%;
	background-color: #f5f5f5;
	padding: 0 20px
}

.submenu a {
	padding: 13px 12px;
	display: block;
	font-size: 13px;
	margin: 0 !important
}

.submenu a:hover {
	font-weight: 700;
	margin-right: 0
}

.dropdown-toggle::after {
	content: "\f078";
	font-family: FontAwesome;
	color: #223a72;
	border: none;
	vertical-align: 0
}

.tab-menu p {
	font-size: 13px
}

.ddsmall {
	width: 250px !important
}

.ddsmall .dropdown-item {
	margin: 0;
	color: #000;
	padding: 10px;
	background-color: #fff;
	font-size: 13px
}

.modal {
	padding-right: 0 !important
}

.feedback-form {
	position: fixed;
	top: 15%;
	right: 0;
	z-index: 5;
	min-height: 450px
}

.feedback-form-show {
	right: 0 !important
}

.feedback_form_area {
	position: relative;
	display: none;
	overflow: hidden;
	background-color: #14264f;
	border: 1px solid #fff
}

.feedback_form_area_inner {
	width: 300px;
	min-height: 450px;
	color: #fff;
	padding: 10px 30px
}

.feedback_form_area h3 {
	margin-top: 0
}

.feedback-form-btn {
	position: absolute;
	left: -95px;
	color: #fff;
	transform: rotate(90deg);
	top: 150px;
	padding: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #223a72;
	min-width: 160px;
	text-align: center;
	border: 1px solid #FFF
}

.feedback-form-btn:hover {
	color: #fff;
	background-color: #14264f
}

.feedback-form-btn img {
	margin-left: 5px
}

@media only screen and (max-width:320px) {
	.feedback_form_area_inner {
		width: 260px;
		min-height: 450px;
		color: #fff;
		padding: 15px
	}
}

.input-group {
	margin-bottom: 20px;
	position: relative
}

.feedback-form input {
	width: 100%;
	background-color: transparent;
	padding: 10px 0 5px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #6078ae;
	color: #fff;
	font-weight: 400;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.feedback-form textarea {
	width: 100%;
	background-color: transparent;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #6078ae;
	color: #fff;
	font-weight: 400;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.feedback-form select {
	width: 100%;
	background-color: transparent;
	padding: 10px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #6078ae;
	color: #fff;
	font-weight: 400;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.feedback-form select option {
	color: #000
}

.feedback-form .labelwrap {
	position: relative;
	width: 100%
}

.feedback-form .labelwrap:after {
	content: "\f078";
	font-family: FontAwesome;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block
}

.floating-label {
	position: absolute;
	pointer-events: none;
	top: 10px;
	font-size: 14px;
	color: #fff;
	transition: 0.2s
}

input:focus~.floating-label,
input:not(:focus):valid~.floating-label {
	top: -10px;
	font-size: 11px;
	color: #fff
}

.otp input[type="number"] {
	text-align: center;
	width: 25px;
	margin-right: 5px;
	padding: 0 0 5px;
	-moz-appearance: textfield
}

.otp input::-webkit-inner-spin-button,
.otp input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.feedback-form textarea::-webkit-input-placeholder {
	color: #fff
}

.feedback-form textarea::-moz-placeholder {
	color: #fff
}

.feedback-form textarea:-ms-input-placeholder {
	color: #fff
}

.feedback-form textarea:-moz-placeholder {
	color: #fff
}

.ybtn.yellow-btn-bg:hover {
	background-size: 100% 100%
}

.no-hover {
	background-color: #e6b120;
	outline: 0;
	border: none;
	color: #fff;
	border-radius: 6px
}

.overviewbullet ul li::before {
	content: "";
	border-color: transparent #223a72;
	border-style: solid;
	border-width: .35em 0 .35em .45em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: .9em;
	position: relative
}

.overviewbullet ul li {
	margin: 0;
	padding: 0 0 10px 20px;
	list-style: none;
	color: #223a72;
	position: relative;
	font-weight: 400;
}

.loan-amount .rupee_symbol {
	position: absolute;
	right: 43%;
	top: 7%;
	z-index: 1;
}

.intrest-rate .percentage-symbol {
	position: absolute;
	right: 67px;
	top: 0;
	font-size: 13px;
	transform: translateY(-50%);
	transform: translate(407%, 50%);
	font-weight: 700
}

@-webkit-keyframes ripple-down {
	from {
		opacity: 1;
		transform: translate(0, 0)
	}

	to {
		opacity: 0;
		transform: translate(10%, 20%) scale(1.5);
		box-shadow: 10px 5px 5px #f2d88f
	}
}

@keyframes ripple-down {
	from {
		opacity: 1;
		transform: translate(0, 0)
	}

	to {
		opacity: 0;
		transform: translate(20%, 20%) scale(1.5);
		box-shadow: 10px 5px 5px #f2d88f
	}
}

.tab-scroll-fixed {
	background: #fff;
	border-bottom: 1px solid #223a72;
	border-top: 1px solid #223a72;
	position: fixed;
	top: 109px;
	left: 0;
	max-width: 100%;
	z-index: 10;
	margin: auto;
	right: 0;
	padding-left: 9%
}

.emisection .nav-tabs.tab-scroll-fixed .nav-item.show .nav-link,
.nav-tabs.tab-scroll-fixed .nav-link.active:after {
	content: unset
}

.input_container .radios-box {
	display: flex
}

.input_container .radios-box .select_option {
	position: relative;
	height: 30px;
	width: auto
}

.input_container .radios-box .select_option label {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	font-size: 13px;
	padding-right: 10px
}

.input_container .radios-box .select_option input {
	height: 1px;
	width: 1px;
	opacity: 0
}

.input_container .radios-box .select_option .outside {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 15px;
	height: 15px;
	border: 1px solid #233972;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: 0 0
}

.input_container .radios-box .select_option .inside {
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	background: #233972;
	left: 2px;
	top: 2px;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0)
}

.input_container .radios-box .select_option input:checked+.outside .inside {
	-webkit-animation: 0.1s linear radio-select;
	animation: 0.1s linear radio-select;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.z-index-up {
	position: relative;
	z-index: -1
}

.back-to-top {
	position: fixed;
	bottom: 70px;
	right: 10px;
	background: #14264f;
	width: 40px;
	height: 40px;
	text-decoration: none;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: block;
	z-index: 999
}

.back-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 12px;
	top: 10px;
	font-size: 18px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 999
}

.back-to-top:hover {
	background: #14264f
}

.feedback-form input:-webkit-autofill,
.feedback-form input:-webkit-autofill:focus input:-webkit-autofill,
.feedback-form input:-webkit-autofill:hover,
.feedback-form select:-webkit-autofill,
.feedback-form select:-webkit-autofill:focus,
.feedback-form select:-webkit-autofill:hover,
.feedback-form textarea:-webkit-autofill,
.feedback-form textarea:-webkit-autofill:hover .feedback-form textarea:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 1000px #14264f inset
}

.blue-btn {
	padding: 10px 30px;
	position: relative;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.blue-btn:hover::before {
	opacity: 1;
	background-color: #223a72
}

.blue-btn:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 4px;
	right: 0;
	height: 2px;
	background-color: #fff
}

.blue-btn .txt {
	position: relative;
	z-index: 1
}

.blue-btn:hover:after {
	width: 100%;
	left: 0;
	-webkit-transition: width 0.3s;
	transition: width 0.3s
}

.blue-btn span {
	position: relative;
	z-index: 2
}

.blue-btn-bg {
	border: none;
	border-radius: 5px;
	color: #fff !important;
	font-weight: 700;
	z-index: 4;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	background: linear-gradient(to right, #223a72, #223a72);
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size 1s
}

.blue-btn-bg:hover {
	background-size: 100% 100%
}

.yellow-btn {
	padding: 10px 30px;
	position: relative;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}

.yellow-btn:hover::before {
	opacity: 1;
	background-color: #e6b120
}

.yellow-btn:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 4px;
	right: 0;
	height: 2px;
	background-color: #fff
}

.yellow-btn .txt {
	position: relative;
	z-index: 1
}

.yellow-btn:hover:after {
	width: 100%;
	left: 0;
	-webkit-transition: width 0.3s;
	transition: width 0.3s
}

.yellow-btn span {
	position: relative;
	z-index: 2
}

.yellow-btn-bg {
	border: none;
	border-radius: 5px;
	color: #fff !important;
	font-weight: 700;
	z-index: 4;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	background: linear-gradient(to right, #223a72, #223a72);
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size 1s
}

.yellow-btn-bg:hover {
	background-size: 100% 100%
}

.hide_desktop {
	display: none
}

.title {
	font-size: 32px !important;
	color: #223a72;
	position: relative;
	text-decoration: none !important;
	margin-bottom: 20px;
	padding-right: 10px;
	font-weight: 700
}

.title.color-white {
	color: #fff
}

.title span {
	color: #223a72
}

.know-more-link a {
	font-weight: 700;
	font-size: 20px;
	color: #223a72;
	padding-top: 25px;
	transition: 0.5s
}

.know-more-link a span {
	color: #e6b120;
	padding-left: 5px
}

.know-more-link a span img {
	width: 17px;
	margin-left: 3px;
	height: auto;
	vertical-align: middle
}

.know-more-link a:hover {
	padding-left: 5px
}

.offers .title.color-white {
	margin-bottom: 40px
}

.offers .bg-blue,
.reviews {
	padding: 50px 0
}

.reviews .item {
	padding: 60px 40px 30px;
	border: 1px solid #223a72;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	min-height: 250px;
	margin: 10px 20px
}

.reviews .item p {
	margin-bottom: 0
}

.reviews .item.yellow-box,
.reviews .owl-item.center .item {
	border: 1px solid #e6b120
}

.reviews .item h3 {
	color: #223a72;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: 700
}

.reviews .item .after-arrow,
.reviews .item .before-arrow {
	position: absolute;
	width: 30px;
	height: 30px
}

.reviews .item .before-arrow {
	background: url(../img/before-arrow.png) center/100% no-repeat;
	top: 30px
}

.reviews .item .after-arrow {
	background: url(../img/after-arrow.png) center/100% no-repeat;
	bottom: 30px;
	right: 50px
}

.reviews .item.yellow-box .before-arrow,
.reviews .owl-item.yellow-box .item .before-arrow {
	background: url(../img/before-arrow-gold.png) center/100% no-repeat
}

.reviews .item.yellow-box .after-arrow,
.reviews .owl-item.yellow-box .item .after-arrow {
	background: url(../img/after-arrow-gold.png) center/100% no-repeat
}

.newsmedia {
	padding: 50px 0
}

.mobile-form {
	display: none
}

.list {
	margin-bottom: 0;
	padding: 10px 0
}

.list li {
	color: #223a72;
	padding-left: 15px;
	padding-bottom: 5px;
	position: relative
}

.list li i.fa.fa-rupee {
	font-size: 13px;
	padding-right: 1px
}

.list li:before {
	content: "";
	border-color: transparent #253a71;
	border-style: solid;
	border-width: .35em 0 .35em .45em;
	display: block;
	height: 0;
	width: 0;
	left: 0;
	top: 4px;
	position: absolute
}

.list ul li a {
	text-decoration: underline;
	font-weight: 700;
	display: inline
}

.card-body h1 {
	font-size: 24px
}

.card-body h2 {
	font-size: 22px
}

.card-body h3,
.card-body h5 {
	font-size: 17px;
	color: #223a72;
	margin-top: 25px
}

.accordion-new {
	margin: 10px 0
}

.accordion-item {
	background-color: transparent;
	cursor: pointer;
	color: #223a72;
	border-bottom: 1px dashed #223a72
}

.accordion-header {
	padding: 14px 35px 14px 10px;
	background: #fff;
	cursor: pointer;
	transition: 0.3s;
	position: relative
}

.accordion-body {
	padding: 0 10px 10px;
	display: none
}

.accordion-body .list {
	padding-top: 0
}

.accordion-body a {
	text-decoration: underline;
	font-weight: 700;
	display: inline
}

.accordion-item .accordion-header:after {
	content: "";
	width: 11px;
	height: 3px;
	background: #223a72;
	position: absolute;
	top: 22px;
	right: 18px
}

.accordion-item .accordion-header:before {
	content: "";
	width: 3px;
	height: 11px;
	background: #2961AD;
	position: absolute;
	top: 18px;
	right: 22px
}

.accordion-item.active>.accordion-header:before {
	content: none
}

.accordion-item.active .js-accordion-header {
	position: relative;
	z-index: 5;
	font-weight: 700
}

.accordion-item:last-child {
	border-bottom: none
}

.blog-list ul li {
	padding: 10px 0 11px;
	border-bottom: 1px dashed #b7b7b7;
	color: #000;
}

.blog-list .blue-btn-bg {
	margin-top: 17px
}

.blog-list ul li:last-child {
	border-bottom: 0
}

.five-right-text h4 {
	display: none
}

.dot span {
	display: initial;
}

.inner_banner {
	position: relative;
	margin-top: 90px
}

.inner_banner .inner_text {
	position: absolute;
	top: 50%;
	width: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: left
}

.inner_banner .inner_text h4 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2
}

.inner_banner .inner_text h4 span {
	display: block;
	font-weight: 700
}

.inner_banner .inner_text h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2
}

.inner_banner .inner_text h1 span {
	display: block;
	font-weight: 700
}

.inner_banner .inner_text p {
	font-size: 18px;
	padding-top: 5px;
	line-height: 1.2;
	color: #223a72
}

.inner_banner .inner_text p i {
	font-size: 17px;
	padding-right: 1px
}

.inner_banner .breadcrumb a,
.inner_banner .breadcrumb li {
	font-size: 13px
}

.blogaudio audio {
	width: 90%;
	height: 45px;
}

.unselectable {
	-webkit-user-select: none;
	user-select: none
}

.shr_bx {
	position: absolute;
	right: 0;
	top: 90%;
	background-color: #223a72;
	padding: 6px 8px;
	margin-bottom: 0;
	border-radius: 6px;
	transition: 0.2s ease-in;
	z-index: 2;
	display: none
}

.shr_bx li {
	display: table-cell;
	padding: 0 3px
}

.shr_bx li a {
	display: block;
	width: 20px;
	height: 20px
}

.wht_fill {
	fill: #fff
}

.shr_icn:hover .shr_bx {
	display: inline-block
}

.blg_hgt {
	height: 453px
}

.blg_hgt2 {
	height: 490px
}

@media only screen and (min-width:992px) {
	header li.dropdown:hover>.dropdown-menu {
		display: block
	}
}

@media screen and (max-width:1920px) {
	.steps .container:after {
		width: 50%
	}

	.tab-scroll-fixed {
		padding-left: 20.86%
	}
}

@media screen and (max-width:1599px) {
	.blg_hgt {
		height: 400px
	}
}

@media screen and (max-width:1440px) {
	.steps .container:after {
		width: 70%
	}

	.tab-scroll-fixed {
		padding-left: 11%
	}
}

@media screen and (max-width:1366px) {
	.tab-scroll-fixed {
		padding-left: 8.9%
	}
}

@media screen and (max-width:1280px) {
	.tab-scroll-fixed {
		padding-left: 6.4%
	}
}

@media screen and (max-width:1200px) {
	.blg_hgt {
		height: 372px
	}
}

@media screen and (max-width:1170px) {
	.steps .cols {
		width: 18%;
		margin: 1%
	}

	.lbranch ul {
		height: 100px
	}
}

@media only screen and (max-width:1024px) {
	.blh {
		width: 100% !important
	}

	.tab-scroll-fixed {
		padding-left: 4.4%
	}
}

@media only screen and (min-width:1170px) {
	.cd-headline {
		font-size: 6rem
	}
}

@media screen and (max-width:992px) {
	.tab-scroll-fixed {
		padding-left: 3.2%
	}
}

@media screen and (max-width:991px) {
	.feedback-form-btn {
		left: -115px;
		top: 70px
	}

	.navbar .navbar-collapse {
		height: auto;
		overflow: auto;
		background: #fff;
		text-align: center;
		padding: 10px 0;
		position: absolute;
		width: 100%;
		top: 80px;
		left: 0;
		right: 0
	}

	.mbadjust {
		width: 100%
	}

	.navbar-nav {
		text-align: left
	}

	.navbar .nav-link {
		margin: 0 auto !important;
		padding: 10px 20px
	}

	.header .caption h1 {
		font-size: 40px
	}

	.header .caption p {
		font-size: 14px;
		line-height: 1.2
	}

	#particles-js {
		height: 69%
	}

	.loanthumb p,
	.loanthumbh p {
		font-size: 14px
	}

	.sec1 {
		width: 100% !important
	}

	.steps .container:after {
		top: 46%
	}

	.step {
		border: 5px solid #223a72;
		padding: 5px;
		font-size: 15px;
		line-height: 14px
	}

	.dot:before {
		left: -26px
	}

	.dot:after {
		right: -26px
	}

	.lbranch h4 {
		font-size: 18px
	}

	.lbranch ul {
		height: 50px
	}

	.lbranch ul li a {
		font-size: 15px
	}

	.faqbox .emitab .nav-item {
		width: 100%
	}

	.faqbox .nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active:after {
		right: 46% !important
	}

	.dropdown-toggle::after {
		position: absolute;
		right: 35px;
		top: 15px
	}

	.dropdown-menu {
		width: 100%;
		border: none;
		background-color: #f5f5f5;
		margin: 0
	}

	.navbar .navbar-nav .nav-link {
		font-size: 13px;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #efefef;
		padding: 15px
	}

	.dropdown-item {
		padding: 10px 20px;
		border-bottom: 1px dashed #ccc;
		font-size: 13px;
		color: #000
	}

	.hamburger {
		display: inline-block
	}

	.hamburger span {
		position: relative;
		transform: translateY(-2px);
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transition: 0 0.3s;
		display: block;
		margin: 0 10px 0 20px
	}

	.hamburger span,
	.hamburger span:after,
	.hamburger span:before {
		background: #223a72;
		width: 20px;
		height: 3px
	}

	.hamburger span:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 6px;
		transition: bottom 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s, transform 0.3s cubic-bezier(.23, 1, .32, 1);
		-webkit-transition: bottom 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s, transform 0.3s cubic-bezier(.23, 1, .32, 1);
		-moz-transition: bottom 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s, transform 0.3s cubic-bezier(.23, 1, .32, 1)
	}

	.hamburger span:after {
		content: "";
		position: absolute;
		left: 0;
		top: 6px;
		transition: top 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s, transform 0.3s cubic-bezier(.23, 1, .32, 1);
		-webkit-transition: top 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s, transform 0.3s cubic-bezier(.23, 1, .32, 1);
		-moz-transition: top 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s, transform 0.3s cubic-bezier(.23, 1, .32, 1)
	}

	.hamburger.active span {
		background: rgba(255, 255, 255, 0)
	}

	.hamburger.active span:after {
		background: #e6b120;
		top: 0;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transition: top 0.3s cubic-bezier(.23, 1, .32, 1), transform 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s;
		-webkit-transition: top 0.3s cubic-bezier(.23, 1, .32, 1), transform 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s;
		-moz-transition: top 0.3s cubic-bezier(.23, 1, .32, 1), transform 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s
	}

	.hamburger.active span:before {
		background: #e6b120;
		bottom: 0;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transition: bottom 0.3s cubic-bezier(.23, 1, .32, 1), transform 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s;
		-webkit-transition: bottom 0.3s cubic-bezier(.23, 1, .32, 1), transform 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s;
		-moz-transition: bottom 0.3s cubic-bezier(.23, 1, .32, 1), transform 0.3s cubic-bezier(.23, 1, .32, 1) 0.3s
	}

	.mobile-form {
		display: block;
		position: absolute;
		right: 90px
	}

	.logo {
		width: 200px;
		padding: 0 10px
	}

	.innerbannersmall {
		margin-top: 95px
	}

	.tab-scroll-fixed {
		top: 78px
	}

	.inner_banner {
		margin-top: 80px
	}

	.inner_banner .inner_text h4 {
		font-size: 24px
	}

	.inner_banner .inner_text h1 {
		font-size: 24px
	}

	.inner_banner .inner_text p {
		font-size: 15px
	}

	.inner_banner .inner_text p i {
		font-size: 14px
	}

	.ploan {
		bottom: 15px
	}
}

@media only screen and (min-width:768px) {
	.cd-headline {
		font-size: 4.4rem;
		font-weight: 400
	}
}

@media screen and (max-width:767px) {

	body,
	p {
		font-size: 13px;
		line-height: 1.4
	}

	.hide_Mobile {
		display: none
	}

	.input-group {
		margin-bottom: 15px
	}

	.feedback_form_area_inner {
		padding: 10px 30px
	}

	.content-home {
		width: 90%;
		top: 45%
	}

	h2.fcblue {
		font-size: 24px
	}

	.w-14,
	.w-17,
	.w-18 {
		width: 100% !important
	}

	.header .caption h1 {
		font-size: 24px
	}

	.navbar .navbar-collapse {
		top: 60px
	}

	.df {
		display: block
	}

	.mt-5,
	.my-5 {
		margin-top: 1rem !important
	}

	.parain ol li {
		margin-right: 0
	}

	.mtc {
		text-align: center !important
	}

	.mpl-0 {
		padding-left: 0 !important
	}

	.mpb-5 {
		margin-bottom: 2.5rem !important
	}

	.pasright {
		padding-top: 40px
	}

	.paspoints p {
		padding-left: 15px !important
	}

	.header {
		min-height: unset
	}

	.bg-img {
		background-image: url(../img/banner-mobile.jpg);
		margin-top: 65px
	}

	footer .footercol {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0
	}

	footer .footercol ul {
		display: none
	}

	footer .footercol h5 {
		position: relative
	}

	.footercol h5:after,
	footer .footercol h5:before {
		content: "";
		position: absolute
	}

	footer .footercol h5:before {
		width: 12px;
		height: 2px;
		border-top: 2px solid #fff;
		top: 7px;
		right: 15px
	}

	footer .footercol h5:after {
		width: 2px;
		height: 12px;
		border-left: 2px solid #fff;
		top: 2px;
		right: 20px
	}

	footer .footercol .no-more h5:after,
	footer .footercol .no-more h5:before,
	footer .footercol h5.active:after {
		display: none
	}

	.request-loader.insght,
	.request-loader.insght a {
		height: 70px !important;
		width: 100px !important
	}

	.pass-text {
		padding: 10px 30px 10px 15px;
		width: 75%
	}

	.navbar {
		padding: 0;
		min-height: 60px
	}

	.logo {
		width: 150px
	}

	.img2hw {
		height: auto
	}

	.emitab .nav-item {
		width: 100%
	}

	.emitab .nav-link {
		margin-right: 0 !important
	}

	.emisection .nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active:after {
		right: 46% !important
	}

	.step {
		padding: 20px;
		font-size: 18px;
		line-height: 20px
	}

	.steps .container:after {
		content: "";
		width: 3px;
		height: 70%;
		background-color: #223a72;
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: -1
	}

	.lbranch ul {
		height: 150px
	}

	.offcarausel {
		padding: 0 !important
	}

	.gallery .offcarausel {
		padding: 30px 0 10px !important
	}

	.blog .shadow {
		margin-bottom: 20px
	}

	.emichart {
		border-right: none;
		border-bottom: 2px dashed #223a72;
		padding-bottom: 30px
	}

	.result {
		font-size: 18px;
		padding: 10px 20px;
		width: 100%;
		text-align: center
	}

	.result i.fa.fa-rupee {
		font-size: 16px !important
	}

	.callback {
		transform: none;
		right: auto;
		top: auto;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 2
	}

	.callback a {
		width: 50%;
		height: auto;
		padding: 10px;
		border-radius: 5px 5px 0 0;
		text-align: center;
		float: left
	}

	.callback img {
		transform: none
	}

	.offcarausel .owl-nav .owl-prev {
		left: 0
	}

	.offcarausel .owl-nav .owl-next {
		right: 0
	}

	.offcarausel .galnav .owl-nav .owl-prev {
		left: -35px
	}

	.offcarausel .galnav .owl-nav .owl-next {
		right: -35px
	}

	.feedback-form {
		width: 100%;
		min-height: auto;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto
	}

	.feedback-form-btn {
		left: 0;
		top: auto;
		transform: none;
		width: 49.8%;
		position: relative;
		border-top-left-radius: 10px !important;
		border-top-right-radius: 10px !important;
		border-radius: 0;
		float: left;
		border: 1px solid #fff;
		background-color: #0d2458
	}

	.feedback-form-btn span {
		color: #e6b120
	}

	.feedback_form_area_inner {
		width: 100%
	}

	.feedback_form_area {
		border-top: none
	}

	.feedback-form-btn.apply {
		background-color: #0d2458;
		color: #fff
	}

	.feedback-form-btn.apply span {
		color: #fff
	}

	.feedback-form-btn img {
		transform: none;
		margin-top: -5px
	}

	.tab-scroll-fixed {
		top: 85px
	}

	.back-to-top {
		width: 35px;
		height: 35px;
		bottom: 70px;
		right: 10px
	}

	.back-to-top i {
		left: 11px;
		top: 9px;
		font-size: 15px
	}

	footer,
	footer p {
		font-size: 12px
	}

	footer h5 {
		font-size: 15px
	}

	.copyright {
		padding: 15px 45px 45px 15px
	}

	.copyright p {
		padding-bottom: 10px
	}

	.copyright .text-right {
		text-align: left !important
	}

	.ploan {
		position: unset !important;
		margin: 0;
		padding: 20px 15px;
		background: #223a72
	}

	.ploan .row {
		margin: 0;
		padding: 0 20px
	}

	.blh {
		width: 50%;
		border: 6px solid transparent
	}

	.loanthumb,
	.loanthumbh {
		margin: 0;
		width: 100%
	}

	.hide_desktop {
		display: inline-block
	}

	.header .caption .butn:after {
		height: 1px
	}

	.pasright {
		padding-left: 15px;
		padding-right: 15px
	}

	.pasright .mtc {
		text-align: left !important
	}

	.iconoffer img,
	.paspoints img {
		margin-right: 10px;
		height: auto
	}

	.iconoffer .mpb-5 {
		margin-bottom: 30px !important
	}

	.iconoffer p {
		font-size: 13px;
		display: block;
		margin-bottom: 0
	}

	.iconoffer .mtc {
		text-align: left !important
	}

	.parain {
		padding: 40px 15px !important
	}

	.parain img {
		height: 21px;
		width: 21px
	}

	.parain ol {
		margin-bottom: 0;
		margin-right: 0
	}

	.newsmedia {
		padding: 40px 0
	}

	.mediatext {
		margin: 15px
	}

	.newsmedia h5,
	.newsmedia p {
		font-size: 14px
	}

	.title {
		font-size: 20px !important;
		line-height: 28px
	}

	.title span img {
		width: 17px;
		height: auto
	}

	.know-more-link a {
		font-size: 18px
	}

	.offers .title.color-white {
		text-align: left !important;
		margin-bottom: 30px
	}

	.offers .bg-blue {
		padding: 40px 0 0
	}

	.reviews {
		padding: 40px 0
	}

	.reviews .item {
		padding: 50px 20px 0;
		min-height: 215px
	}

	.reviews .item .before-arrow {
		top: 25px
	}

	.insights .know-more-link {
		margin-top: 20px
	}

	.parain .title {
		margin-bottom: 10px
	}

	.navbar-toggler {
		padding: 0;
		margin: 0
	}

	.mobile-form {
		position: absolute;
		right: 42px;
		top: 12px
	}

	.srch-bar-1 {
		-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
		-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
		box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
		width: 150px;
		padding: 4px 23px 4px 15px;
		border-radius: 10px;
		font-size: 12px !important
	}

	.srch-bar-1-btn {
		right: 10px;
		top: 3px
	}

	.card-body h1 {
		font-size: 22px
	}

	.card-body h2 {
		font-size: 20px
	}

	.card-body h3,
	.card-body h5 {
		font-size: 15px
	}

	.accordion-item .accordion-header:after {
		right: 17px
	}

	.faqbox .emitab .nav-item {
		width: 31.33%;
		margin: 0 1%
	}

	.faqbox .emitab .nav-link {
		padding: 10px 3px;
		font-size: 10px
	}

	.faqbox .emitab .tab-content {
		padding: 10px 0
	}

	.blue-btn {
		padding: 10px 25px
	}

	.blue-btn:after {
		height: 1px
	}

	.blog-list ul li {
		padding: 10px 0
	}

	.loan-amount .rupee_symbol {
		right: 73%;
		/* top:34%; */
		top: 42px
	}

	.intrest-rate .percentage-symbol {
		right: 45%;
		/*top:48%*/
		top: 33px;
	}

	.steps .cols .stepdiv:after {
		content: none
	}

	.steps .title {
		text-align: left !important;
		margin-bottom: 0 !important
	}

	.step,
	.step3,
	.step5 {
		border: 7px solid #c4c4c4
	}

	.step2,
	.step4 {
		border: 7px solid #223a72
	}

	.step span {
		display: none
	}

	.steps .cols h4 {
		display: block
	}

	.steps .cols {
		width: 35%;
		display: block;
		margin: 7% 8% !important
	}

	.steps .container:after {
		left: 25.9%
	}

	.steps .cols .step {
		width: 100px;
		height: 100px;
		z-index: 9
	}

	.dot {
		padding-top: 0
	}

	.dot:before {
		top: -50px;
		left: 40%
	}

	.dot:after {
		top: 97px;
		left: 40%
	}

	.five-right-text {
		position: absolute;
		left: 100%;
		padding-left: 25px;
		width: 180px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		text-align: left;
		top: 50%
	}

	.five-right-text h4 {
		font-size: 16px;
		border-bottom: 1px dashed #223a72;
		color: #223a72;
		padding-bottom: 10px
	}

	.five-right-text p {
		text-align: left;
		margin: 0;
		line-height: 19px
	}

	.cols:first-child .step .dot:before,
	.cols:last-child .step .dot:after {
		display: none
	}

	.icardtext h4,
	.mediatext h5 {
		font-size: 16px
	}

	.know-more-link a span img {
		width: 14px
	}

	.inner_banner {
		margin-top: 65px
	}

	.inner_banner .inner_text {
		width: 90%;
		top: 19%
	}

	.inner_banner .inner_text h1,
	.inner_banner .inner_text h1 span,
	.inner_banner .inner_text h4,
	.inner_banner .inner_text h4 span {
		font-size: 20px
	}

	.inner_banner .inner_text p {
		font-size: 14px
	}

	.inner_banner .inner_text p i {
		font-size: 13px
	}

	.inner_banner .breadcrumb a,
	.inner_banner .breadcrumb li {
		font-size: 12px
	}

	.blg_hgt {
		height: auto
	}
}

@media screen and (max-width:320px) {
	.logo {
		width: 125px
	}

	.srch-bar-1 {
		width: 140px
	}

	.mobile-form {
		top: 22px
	}

	.steps .cols {
		width: 41% !important;
		margin: 7% 5% !important
	}

	.five-right-text {
		padding-left: 20px;
		width: 150px
	}

	.feedback-form .apply-btn {
		float: right
	}

	.feedback-form-btn {
		min-width: 49.8%;
		padding: 10px 6px
	}
}

.blog-inner p a,
.blog-inner ul li a {
	color: #223a72;
	text-decoration: underline;
	font-weight: 600
}

@media only screen and (max-width:780px) {
	#owl-client img {
		padding-top: 0px !important;
		width: 35% !important;
		margin-left: 35%
	}
}

@media only screen and (max-width:600px) {
	#owl-client img {
		padding-top: 0px !important;
		width: 50% !important;
		margin-left: 30%
	}
}

@media only screen and (max-width:480px) {
	#owl-client img {
		padding-top: 0px !important;
		width: 75% !important;
		padding-left: 20px !important;
		margin-left: 0
	}
}

.pdf-list ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.inner_banner .w-45 {
	width: 45% !important;
}

.inner_banner .inner_text .usps {
	font-size: 16px;
}

.kkc-prod-cta {
	position: absolute;
	left: 10.5%;
	top: 68%;
}

.kkc-prod-cta .ybtn .txt {
	color: #223a72;
}

.kkc-prod-cta .ybtn:after {
	background-color: #223a72;
}

.kkc-prod-cta .ybtn.yellow-btn-bg:hover {
	background-size: 0 100%;
}

@media screen and (max-width: 767px) {
	.kkc-prod-cta {
		top: 86%;
		left: 50%;
		transform: translateX(-50%);
	}

	.circle-steps {
		justify-content: initial;
	}
}

.tab-inner-content img {
	filter: invert(80%) brightness(50%);
}

.circle-steps {
	justify-content: center;
}

@media screen and (max-width:767px) {
	.circle-steps {
		justify-content: initial;
	}
}

.textanchor {
	text-decoration: underline;
	font-weight: bold;
}

.textanchor:hover {
	text-decoration: underline;
}

.addspace {
	line-height: 1 !important;
}

.hrow {
	border-top: 1px solid #223a72;
	margin: 14px 0px;
}

.para_icon {
	height: 27px;
	width: 27px;
	margin-right: 11px;
	filter: none !important;
}

.para_space {
	margin-left: 38px;
	margin-top: -17px;
}

.hor-row {
	border-color: #223a72;
	margin-bottom: 24px;
}

.ninetab .emitab .nav-link {
	padding: 10px 8px;
}

.banner-btn-left {
	color: #ffffff !important;
	background-color: #223a72 !important;
	padding: 10px 30px;
	border-radius: 5px;
}

.inner_container .btn-text-left {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
	.logo {
		width: 204px;
	}

	.navbar .navbar-nav .nav-link {
		font-size: 12px;
		padding: 15px 6px;
	}

	.social-award {
		width: 180px !important;
	}
}

@media screen and (max-width: 767px) {
	.step span {
		display: none !important;
	}
}

.inner_container h1 {
	font-size: 35px !important;
	display: block;
	font-weight: 700 !important;
	margin-bottom: 0;
	line-height: 1.2 !important;
}

.inner_container span {
	font-size: 35px;
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}

@media screen and (max-width: 991px) {
	.inner_container span {
		font-size: 20px !important;
		line-height: 25px !important;
	}

	.inner_container h1 {
		font-size: 24px !important;
		line-height: 29px !important;
	}
}

@media screen and (max-width: 767px) {
	.inner_banner .inner_container {
		top: 23% !important;
	}

	.inner_container span {
		font-size: 18px !important;
		line-height: 23px !important;
	}

	.inner_container h1 {
		font-size: 20px !important;
		line-height: 25px !important;
	}

	.ninetab .emitab .nav-link {
		padding: 10px 3px;
	}
}

/*Repayment Schedule CTA Scrollbar CSS*/
.popup-scrollbar .scroll-div {
	padding-right: 0;
	overflow-x: clip;
}