.why-bg img:first-child,
.why-bg img:nth-child(2) {
	animation: 3s linear infinite service-ani-one;
	width: 50%;
	z-index: -1
}

.subanner-conent h2,
a.showMore {
	font-weight: 700;
	text-transform: uppercase
}

:root {
	--blue-color: #3b60a8 !important;
	--red-color: #e73c3e !important;
	--light-gray: #f9fafb !important
}

.ptb-5 {
	padding: 5rem 0
}

a {
	text-decoration: none !important
}

.quick-form input::placeholder {
	color: #d3d3d3
}

.dark-btn {
	background: var(--blue-color);
	color: #fff;
	font-size: 1.2rem;
	margin-top: 1rem;
	padding: .5rem 1.3rem;
	border-radius: 5px;
	transition: .5s
}

.dark-btn:hover {
	transform: scale(1.1);
	color: #fff
}

.mobile-banner {
	display: none
}

.bt-calc .step-content h3,
.char-item .icon svg {
	font-size: 1.2rem !important
}

.hl-steps .step-content {
	margin-top: 1rem;
	padding-bottom: 1rem
}

.lap-app-process .step-content {
	margin-top: 0
}

.bl-steps .step-content span,
.car-steps .step-content span,
.lap-app-process .step-content span {
	top: 0
}

.lap-app-process .step-content::before {
	height: 120% !important
}

.bl-steps .step-content,
.bt-calc .step-content,
.car-steps .step-content {
	padding-bottom: 0
}

.car-steps .step-content::before {
	height: 160% !important
}

.prod-breadcrumb {
	background: #f2f7fc;
	padding: .3rem 1rem;
	display: flex;
	align-items: center
}

.ban-icon1,
.ban-icon2,
.ban-icon3,
.ban-icon4,
.ban-icon5 {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	padding: .2rem;
	position: absolute;
	transition: .5s
}

.prod-breadcrumb p {
	font-size: .7rem;
	display: flex;
	align-items: center
}

.prod-breadcrumb .bread-link {
	font-size: .7rem;
	font-weight: 600;
	padding: 0 .3rem
}

.breadcrumb .breadlink.active,
.loan-content ul li a svg,
.prod-breadcrumb .bread-link.active,
.red-bg ul.outer-li li::before,
.roi-type .roi-icon svg {
	color: var(--red-color)
}

.ban-text {
	position: absolute;
	top: 50%;
	left: 4%;
	max-width: 415px;
	transform: translate(-5%, -50%);
	color: #fff
}

.ban-icon1 {
	top: 10%;
	right: -115px;
	background: 0 0
}

.ban-icon1:hover,
.ban-icon2:hover,
.ban-icon3:hover,
.ban-icon4:hover,
.ban-icon5:hover {
	right: 0;
	background: rgba(0, 0, 0, .5)
}

.ban-icon2,
.ban-icon3,
.ban-icon4,
.ban-icon5,
.best-services-slider #thumbs .owl-item.active.current,
.subanner-conent .breadcrumb {
	background: 0 0
}

.ban-icon2 {
	top: 30%;
	right: -96px
}

.ban-icon3 {
	top: 50%;
	right: -115px
}

.ban-icon4 {
	top: 70%;
	right: -140px
}

.ban-icon5 {
	top: 50%;
	right: -155px
}

.btdoc-section .blue-shodow .bluetab-list li,
.prod-img,
.relative,
.sub-banner {
	position: relative
}

.side-text {
	color: #fff;
	font-weight: 600
}

.ban-icon1 a,
.ban-icon2 a,
.ban-icon3 a,
.ban-icon4 a,
.ban-icon5 a {
	display: flex;
	height: 100%;
	align-items: center
}

.side-icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 55px;
	font-size: 1.7rem;
	color: var(--red-color);
	display: flex;
	justify-content: center;
	align-items: center
}

.bullet-list li,
.check-list li {
	padding-left: 2rem !important;
	margin-bottom: .5rem;
	position: relative;
	font-size: .9rem
}

.bullet-list li::before {
	content: '\2022';
	font-weight: 700;
	margin-right: 1rem;
	font-size: 1.5rem;
	position: absolute;
	left: 5px;
	top: 2px;
	line-height: .8;
	color: var(--blue-color)
}

.show_hide {
	color: var(--red-color);
	cursor: pointer;
	text-align: right;
	width: 100%
}

.best-services-slider #thumbs .owl-item,
.doc-tabs .nav-tabs .nav-item,
.subanner-conent {
	text-align: center
}

.check-list li::before {
	content: '\2713';
	font-weight: 700;
	margin-right: 1rem;
	font-size: 1rem;
	position: absolute;
	left: 5px;
	top: 5px;
	line-height: .8;
	color: var(--red-color)
}

.why-bg img:first-child {
	position: absolute;
	top: 0;
	left: 0
}

.why-bg img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0
}

.list-element li {
	list-style-type: disc
}

.subanner-conent {
	display: block;
	margin: 10% auto !important
}

.amt-schedule,
.benifit-emi,
.emi-paid,
.factor-emicalc,
.factor-section,
.feature-cont p,
.hou-use-emicalc,
.overview-cont p,
.pl-int-calc,
.reduce-emi,
.what-emi {
	text-align: justify
}

.subanner-conent h2 {
	font-size: 6rem;
	color: #fff
}

.arrow,
.full-btn,
.loan-content h3 {
	color: var(--red-color)
}

.sub-banner {
	background: url(../../img/loan/all-loan.jpg) center center no-repeat fixed;
	z-index: 1
}

.sub-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5
}

.loan-outer {
	padding: 1rem;
	background: #fff
}

.loan-inner {
	border: 1px solid #d3d3d3;
	box-shadow: 0 0 4px 2px #d3d3d3;
	transition: .5s
}

.loan-content h3 {
	margin: .5rem 0;
	font-size: 1.4rem
}

.loan-content ul li {
	padding: .3rem 0
}

.loan-content ul li a {
	text-decoration: none;
	color: #212529;
	font-weight: 400
}

.full-btn {
	text-decoration: none;
	font-weight: 600;
	padding: .5rem;
	display: block;
	border: 1px solid var(--red-color);
	margin: .2rem 0;
	transition: .5s
}

.full-btn:hover {
	color: #fff;
	background: var(--red-color)
}

.breadcrumb,
.eligibility-form .form-group {
	margin: 0
}

.loan-inner:hover {
	transform: translate(0, -10px)
}

.loan-content svg {
	margin-right: .5rem
}

.arrow {
	font-size: 1.5rem;
	line-height: 1.2;
	padding-right: .5rem
}

.prod-banner {
	background-color: var(--light-gray);
	overflow: hidden
}

.prod-img {
	width: 100%
}

.banner-title {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	max-width: 400px
}

.city-banner {
	left: 5%;
	transform: translate(-5%, -50%);
	max-width: 450px
}

.quick-form {
	position: absolute;
	bottom: -115px;
	right: 12%;
	transition: .5s
}

.form-inner {
	max-width: 100%;
	background-color: #313131;
	padding: 1rem;
	border: 2px solid #313131;
	border-radius: 5px;
	color: #fff;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform-origin: center bottom
}

.whybg-bottom,
.whybg-top {
	animation: 3s linear infinite service-ani-one
}

@keyframes bounce {

	0%,
	100%,
	50% {
		transform: translate3d(0, 0, 0)
	}

	25%,
	75% {
		transform: translate3d(0, -5px, 0)
	}
}

.form-inner .form-group span {
	font-size: .7rem;
	height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 35px !important;
	font-size: 15px;
	border-radius: 0;
}

.form-inner .form-group .otp-btn {
	text-decoration: none;
	color: #fff;
	background-color: var(--red-color);
	padding: .7rem;
	width: 100%;
	text-align: center;
	display: block;
	border-radius: 5px
}

.form-inner .form-head {
	display: block;
	width: 100%;
	padding-left: 1rem;
	margin-bottom: .5rem;
	font-size: .9rem;
	font-weight: 600
}

.form-inner .form-group input {
	padding: .3rem;
	border-radius: 0;
	position: relative
}

.form-inner .form-group input:focus~label {
	top: 10%;
	color: #000;
	font-size: .8rem
}

.form-inner .form-group label {
	position: absolute;
	color: #313131;
	background-color: #fff;
	padding: .1rem;
	top: 40%;
	left: 10%;
	transform: translate(-10%, -50%);
	transition: .5s;
	font-size: .8rem
}

.form-inner.open {
	animation: none
}

.quick-form.slide-up {
	bottom: 0
}

.mid-menu .navbar-nav a.nav-link {
	margin: 0 1rem !important;
	padding: 0 !important;
	position: relative
}

.mid-menu .navbar-nav a.nav-link.active::before {
	content: '';
	width: 100%;
	height: 3px;
	background-color: var(--red-color);
	position: absolute;
	bottom: -70%;
	left: 0
}

.pl-btcsection,
.pl-docsection,
.pl-emicalcsection,
.pl-overview,
.pl-roicsection {
	background-color: #fff;
	position: relative
}

.overview-cont p {
	margin-bottom: .8rem;
	font-size: .9rem
}

.choose-title h1,
.choose-title h2 {
	font-size: 1.7rem !important
}

.loan-services {
	background: #f9fcff;
	padding: 1rem
}

.tab-icon {
	width: 60px;
	height: 60px;
	background: #fff;
	border: 1px solid var(--light-gray);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px auto
}

.tab-icon img {
	width: auto !important
}

.eli-details h3,
.feature-cont h3,
.pl-process .type-icon svg,
.services-tab-content h3,
.services-tabs-item h3 {
	font-size: 1.5rem
}

.doc-tabcontent .tab-pane p,
.factor-content p,
.factor-content ul li,
.pl-btcsection li,
.pl-btcsection p,
.pl-emicalcsection p,
.pl-roicsection p,
.services-tabs-item p,
.whytrust-item p {
	font-size: .9rem
}

.services-tabs-item .apply-btn {
	width: 40%;
	margin-top: 2rem
}

.best-services-slider #thumbs .owl-item a {
	font-size: .8rem;
	text-decoration: none;
	color: #212529;
	font-weight: 600
}

.best-services-slider #thumbs .owl-stage-outer {
	position: relative;
	margin-bottom: -10px
}

.best-services-area #thumbs {
	border-bottom: 1px solid #cbcbcc
}

.services-tabs-item {
	padding-top: 2rem
}

.best-services-slider #thumbs .owl-item .tabs-item,
.lowestroi-section p,
.reporate-section p {
	padding-bottom: 1rem
}

.best-services-slider #thumbs .owl-item.active.current .tabs-item {
	border-bottom: 1px solid var(--red-color)
}

.best-services-slider #thumbs .owl-nav button .fa-arrow-circle-left {
	position: absolute;
	left: -30px;
	top: 62%;
	font-size: 1.5rem;
	color: var(--red-color);
	transform: translate(0, 30%)
}

.best-services-slider #thumbs .owl-nav button .fa-arrow-circle-right {
	position: absolute;
	right: -30px;
	top: 62%;
	font-size: 1.5rem;
	color: var(--red-color);
	transform: translate(0, 30%)
}

.best-services-slider #thumbs .owl-item.active.current a {
	color: var(--red-color);
	text-decoration: none
}

.best-services-slider .owl-nav button.owl-prev {
	position: absolute;
	left: 0;
	background: 0 0 !important
}

.best-services-slider .owl-nav button.owl-next {
	position: absolute;
	right: 0;
	background: 0 0 !important
}

.type-loan {
	padding: 1rem;
	border: 1px solid #d3d3d3;
	box-shadow: 0 0 5px 3px #d3d3d3;
	background: #fff
}

.pl-process,
.step-content span {
	background: #f9fafb
}

.outer-list li,
.pl-process .cont {
	padding-left: 2rem;
	position: relative
}

.pl-process .cont li {
	display: flex;
	font-size: .9rem
}

.feature-item {
	display: flex;
	margin-bottom: 1.5rem;
	position: relative
}

.feature-cont,
.other-charges ul li {
	padding-left: 3rem;
	position: relative
}

.feature-item .icon {
	position: absolute;
	left: 0;
	top: 0
}

.feature-item .icon svg {
	font-size: 2rem;
	color: var(--red-color)
}

.pl-process .cont li svg {
	color: var(--red-color);
	margin-right: .5rem;
	margin-top: 5px
}

.pl-type h4 {
	color: #5f9ea0
}

.pl-process .type-icon {
	position: absolute;
	top: 5%;
	color: var(--red-color)
}

.why-bg img {
	z-index: 0 !important
}

.pl-trust {
	background-color: var(--light-gray);
	position: relative
}

.whybg-top {
	position: absolute;
	top: 0;
	left: 0
}

.whybg-bottom {
	position: absolute;
	bottom: 0;
	right: 0
}

.whytrust-item {
	padding-left: 5rem;
	position: relative;
	margin-bottom: 1.5rem
}

.whytrust-item .icon {
	position: absolute;
	top: -15px;
	left: 0;
	font-size: 1.5rem;
	color: var(--blue-color);
	width: 50px;
	height: 50px;
	background: #e7f1fd;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.doc-tabcontent .tab-pane h3,
.eligibility-section ul li h3,
.roi-content h3,
.whytrust-item h3 {
	font-size: 1.3rem
}
.car-trust h3{
	font-size: 1.2rem;
	font-weight: 500;
}
.car-trust .whytrust-item {
	padding-left: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 0 2px 1px lightsteelblue;
    border-radius: 10px;
    margin-bottom: .8rem;
    background: rgb(204,227,254);
	background: linear-gradient(45deg, rgba(204,227,254,1) 0%, rgba(255,255,255,1) 100%, rgba(9,9,121,1) 100%);
}
.car-trust .whytrust-item .icon{
	left: 15px;
	top: 10px !important;
	background: #bdc8d5;
}
.document-list .table-row:nth-child(2n),
.product-steps,
.roi-table tr:nth-child(odd) {
	background: #e7f1fd
}

.cswork-icon {
	width: 100px;
	height: 100px;
	background: #fff;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #d3d3d3;
	box-shadow: 0 0 8px 1px #d3d3d3;
	position: relative;
	z-index: 2
}

.cswork-icon p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #d3d3d3;
	font-size: 4rem !important;
	font-weight: 700;
	opacity: .4;
	z-index: -1
}

.left-calc .calc-title,
.tsm-bottom h3,
.work-cont {
	color: var(--blue-color)
}

.work-cont {
	text-align: center;
	margin-top: 1rem;
	font-size: 1.2rem;
	text-transform: capitalize;
	font-weight: 600
}

.forword-arrow {
	position: absolute;
	top: 25%;
	right: -5%;
	transform: translate(0, -25%)
}

.testimonial-item .tsm-bottom img {
	width: 25%
}

.testimonial-item .tsm-top a {
	background: #d4e8ff !important;
	color: var(--blue-color) !important
}

.testimonial-item .tsm-top {
	border-color: #d4e8ff !important
}

#testimonial-slider .owl-stage-outer {
	padding-top: 5%
}

.testimonial-item .tsm-top::before {
	bottom: -35px !important;
	left: 50% !important;
	right: 50% !important;
	transform: translate(-50%, 0);
	border-top: 35px solid #d4e8ff !important
}

.widget-item {
	margin-bottom: 30px;
	border: 2px solid #fdebeb;
	padding: 30px
}

.eligibility-calc .nav-tabs .nav-item,
.widget-item ul {
	padding: 0
}

.widget-item h3 {
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 5px;
	border-left: 3px solid var(--red-color);
	padding-left: 10px;
	font-size: 1.2rem
}

.sideways li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: .8rem
}

.widget-item ul li,
widget-item ul li {
	margin-bottom: 10px;
	padding: 12px 15px;
	display: block;
	transition: .5s
}

widget-item ul li {
	background-color: #fdebeb;
	display: flex;
	justify-content: space-between
}

.eligibility-calc .nav-tabs .nav-item .nav-link.active,
.widget-item ul li:hover {
	background: var(--red-color)
}

.red-card .nav-item .nav-link.active,
.service-download.widget-item ul li:hover a,
.service-download.widget-item ul li:hover a svg,
.widget-item ul li:hover a,
.widget-item ul li:hover svg {
	color: #fff
}

.widget-item ul li a,
.widget-item ul li svg {
	text-decoration: none;
	color: #011f4c;
	font-weight: 400;
	transition: .5s;
	font-size: .9rem
}

.service-download.widget-item ul li a,
.service-download.widget-item ul li a svg {
	color: var(--red-color);
	font-weight: 500
}

.widget-item ul li {
	background-color: #fef7f3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .9rem
}

a.showMore {
	display: block;
	font-size: 12px;
	margin-top: 20px;
	color: #0077c8;
	text-decoration: none
}

a.showMore::after {
	content: '+ VIEW MORE'
}

a.showLess::after {
	content: '- VIEW LESS'
}

@keyframes service-ani-one {

	0%,
	100% {
		opacity: 1
	}

	50% {
		opacity: .2
	}
}

.max-title {
	max-width: 800px;
	margin: auto auto 2rem
}

.document-list {
	border-radius: 10px;
	width: 100%
}

.dark-blue {
	background: #0054a6;
	color: #fff
}

.light-blue {
	background: #4782bb;
	color: #fff
}

.right-darkblue {
	background: #dae6fc
}

.right-lightblue {
	background: #dfe8f7
}

.document-list .col-lg-6,
.factor-content {
	padding: 1rem
}

.gray-bg,
.red-bg {
	padding: 2rem;
	height: 100%
}

.document-list .col-lg-6 ul {
	padding-left: 1.5rem;
	color: var(--blue-color);
	margin: 0
}

.document-list .col-lg-6 ul li {
	list-style: square
}

.document-list .col-lg-3 p,
.document-list .col-lg-6 p,
.document-list .col-lg-6 ul li {
	font-size: .9rem;
	font-weight: 600
}

.lender-table .table-row {
	min-height: 50px;
	align-items: center
}

.document-list .row:first-child .col-lg-6:nth-child(1) {
	border-top-left-radius: 10px
}

.document-list .row:first-child .col-lg-6:nth-child(2) {
	border-top-right-radius: 10px
}

.document-list .row:last-child .col-lg-6:first-child {
	border-bottom-left-radius: 10px
}

.document-list .row:last-child .col-lg-6:nth-child(2) {
	border-bottom-right-radius: 10px
}

.factor-pl,
.lightgray-bg,
.pl-eligibility-details {
	background: var(--light-gray)
}

.clasification-charges ul li h5,
.eligibility-section ul li .eli-icon svg,
.factor-content h3 {
	font-size: 1.2rem
}

.factor-content ul li::before {
	content: '\2022';
	color: var(--red-color);
	font-weight: 700;
	display: inline-block;
	margin-right: 1rem;
	font-size: 1.2rem
}

.doc-tabs .nav-tabs {
	display: flex;
	justify-content: space-around
}

.doc-tabs .nav-tabs .nav-item .nav-link.active {
	background: 0 0;
	color: var(--red-color)
}

.gray-bg {
	background: #e8e8e8
}

.red-bg {
	background: #fdebeb
}

.gray-bg h3,
.red-bg h3 {
	font-size: 1.3rem;
	margin-bottom: 1rem
}

.gray-bg ul.outer-li li,
.red-bg ul.outer-li li {
	padding-left: 1.5rem;
	position: relative;
	margin-bottom: .6rem;
	font-size: .9rem
}

.gray-bg ul.outer-li li::before,
.red-bg ul.outer-li li::before {
	content: '\2022';
	font-weight: 700;
	margin-right: 1rem;
	font-size: 1.5rem;
	position: absolute;
	left: 0;
	top: 0;
	line-height: .8
}

.gray-bg ul.inner-li,
.red-bg ul.inner-li {
	padding-left: 1rem
}

.gray-bg ul.inner-li li::before,
.red-bg ul.inner-li li::before {
	content: '\03bf';
	font-weight: 700;
	margin-right: 1rem;
	font-size: 1rem;
	position: absolute;
	left: 5px;
	top: 2px;
	line-height: .8
}

.gray-bg ul.outer-li li::before {
	color: #404040
}

.eligibility-section {
	padding: 1rem;
	background: #fdfbf9
}

.bt-documents .inner-list li,
.btcriteria-section .inner-list li,
.step-content {
	padding-left: 3rem
}

.eligibility-section ul li {
	padding-left: 4rem;
	position: relative;
	margin-top: 1rem
}

.eligibility-section ul li .eli-icon {
	position: absolute;
	top: -15px;
	left: 0;
	color: var(--red-color);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff4ef;
	display: flex;
	justify-content: center;
	align-items: center
}

.eli-process-list ul li::before,
.inner-list li::before {
	content: '\2022';
	font-size: 1.5rem;
	top: 2px;
	line-height: .8;
	font-weight: 700;
	margin-right: 1rem
}

.eli-process-list ul li {
	padding-left: 2rem;
	margin-bottom: 1.2rem;
	position: relative;
	font-size: .9rem
}

.eli-process-list ul li::before {
	position: absolute;
	left: 5px;
	color: var(--red-color)
}

.service-steps h3 {
	font-weight: 400
}

.step-title {
	font-weight: 600
}

.step-content {
	position: relative;
	margin-top: 2rem;
	padding-bottom: 2rem
}

.service-steps .step-content::before {
	content: '';
	width: 1px;
	height: 150%;
	background: var(--red-color);
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 1
}

.step-content span {
	position: absolute;
	left: 0;
	top: -5px;
	font-size: 1rem;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid var(--red-color);
	text-align: center;
	line-height: 30px;
	color: var(--red-color);
	z-index: 2
}

.step-end::before {
	content: '' !important;
	width: 0 !important
}

.eligibility-calculator {
	background: #fdebeb;
	padding: 1rem
}

.eligibility-calculator h3,
.eligibility-calculator span {
	text-align: center;
	display: block
}

.btdoc-section .blue-shodow,
.eligibility-calculator span.error,
.hou-use-emicalc h3 {
	text-align: left
}

.eligibility-form,
.outer-list {
	margin-top: 1rem
}

.eligibility-form label,
.roi-content p {
	font-size: .85rem
}

.default-fullbtn {
	background: var(--red-color);
	color: #fff;
	outline: 0;
	border: 1px solid var(--red-color);
	border-radius: 5px;
	width: 100%;
	padding: .7rem
}

.result-eligibility {
	display: flex
}

.result-eligibility p,
.result-eligibility span {
	font-size: 1.3rem;
	font-weight: 600
}

.result-eligibility span {
	color: var(--red-color);
	padding-left: 1rem
}

.eligibility-result {
	height: 100%;
	background: var(--light-gray);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative
}

.eligible-amount {
	color: var(--red-color);
	font-size: 2rem
}

.celebration-img {
	position: absolute;
	left: 25%;
	width: 50%;
	top: 10%
}

.eli-details {
	margin-bottom: 1.5rem
}

.eli-details .eli-process-list ul li p.eli-detail-title {
	font-size: 1.1rem;
	font-weight: 600
}

.eligibility-calc .nav-tabs {
	border: 1px solid #d3d3d3;
	border-radius: 30px;
	display: inline-flex
}

.eligibility-calc .nav-tabs .nav-item .nav-link {
	padding: .7rem 2rem;
	background: 0 0
}

.pl-btcsection h2,
.pl-btcsection h3,
.pl-emicalcsection h2,
.pl-emicalcsection h3,
.pl-roicsection h2,
.pl-roicsection h3 {
	font-size: 1.5rem !important
}

.emi-section p,
.pl-btcsection p {
	text-align: justify;
	margin-bottom: 1rem;
	font-size: .9rem
}

.emi-section img,
.what-emi img {
	width: 90%;
	display: block;
	margin: 0 auto
}

.formula-img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.formula-img img {
	width: 90%
}

.outer-list li span {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--red-color)
}

.inner-list li {
	padding-left: 5rem;
	position: relative
}

.roi-table td,
.roi-table th {
	padding: 1rem.5rem
}

.inner-list li::before {
	position: absolute;
	left: 50px;
	color: var(--red-color)
}

.emi-section .emi-calc1 {
	width: 100%
}

.how-work-calc .eli-process-list,
.pl-int-calc .eli-process-list {
	padding-top: 1rem
}

.how-work-calc .eli-process-list ul li {
	margin-bottom: .5rem
}

.benifit-emi ul li {
	padding-left: 4rem;
	position: relative;
	padding-top: 1.5rem
}

.benifit-emi ul li .eli-icon {
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px;
	height: 50px;
	background: #e7f1fd;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%
}

.benifit-emi ul li .eli-cont h3 {
	font-size: 1.3rem !important
}

.benifit-emi ul li .eli-icon svg {
	font-size: 1.3rem;
	color: var(--blue-color)
}

.reduce-emi .container-fluid {
	background: #fcf9f9;
	padding: 1rem
}

.emi-section .roi-img1 {
	width: 80%;
	margin: 0 auto
}

.roi-type {
	position: relative;
	padding: 1rem 2.5rem;
	border: 1px solid #fdebeb;
	height: 100%;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px #fdebeb
}

.roi-content {
	padding-left: 1.5rem
}

.roi-type .roi-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fdebeb;
	display: flex;
	justify-content: center;
	align-items: center
}

.blue-shodow {
	box-shadow: 0 0 5px 2px #e7f1fd;
	border: 1px solid #e7f1fd
}

.blue-shodow .roi-content {
	padding: 0;
	text-align: center
}

.other-charges ul li::before {
	content: '\2713';
	font-weight: 700;
	margin-right: 1rem;
	font-size: 1rem;
	position: absolute;
	left: 3%;
	top: 5px;
	line-height: .8;
	color: var(--red-color)
}

.btdoc-section .blue-shodow .bluetab-list li:before,
.clasification-charges ul li:before {
	content: '\2022';
	font-weight: 700;
	margin-right: 1rem;
	font-size: 1.5rem;
	line-height: .8;
	color: var(--red-color);
	position: absolute
}

.clasification-charges ul li {
	padding-left: 2rem;
	padding-bottom: 1rem;
	position: relative
}

.clasification-charges ul li:before {
	left: 1%;
	top: 2px
}

.roi-type img {
	display: block;
	margin: .5rem auto
}

.btcriteria-section .inner-list li::before {
	left: 5%
}

.btcriteria-section .icon-list {
	padding-bottom: .5rem
}

.btdoc-section .blue-shodow .bluetab-list {
	text-align: left;
	padding-left: 1rem
}

.btdoc-section .blue-shodow .bluetab-list li:before {
	left: -4%;
	top: 0
}

.doc-table {
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid var(--blue-color);
	border-radius: 0
}

.document-list .table-head {
	padding: .5rem;
	text-align: center;
	background: var(--blue-color);
	color: #fff
}

.roi-table th {
	background: var(--blue-color);
	color: #fff;
	border-right: 1px solid #fff
}

.roi-table,
.roi-table td {
	border: 1px solid var(--blue-color)
}

.roi-table th:last-child() {
	border-right: 1px solid var(--blue-color)
}

.calc-title {
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 0
}

.input-group-addon {
	width: 40%;
	text-align: left;
	color: #fff;
	font-weight: 600
}

.light-blut-btn {
	padding: .44rem 1.2rem;
	background-color: #d4e8ff;
	color: var(--blue-color);
	font-weight: 600
}

.light-blut-btn:focus,
.light-blut-btn:hover {
	background-color: var(--blue-color);
	color: #fff
}

.input-group {
	align-items: center
}

.emi-calc-banner input {
	border-radius: 0
}

.emi-calc-banner input::-webkit-input-placeholder {
	font-size: .7rem
}

#results .input-group {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

#results .input-group span {
	position: absolute;
	left: 10px;
	font-size: .9rem;
	z-index: 1;
	color: #a9a9a9
}

#results .input-group input {
	padding-left: 6rem;
	background-color: #fff;
	text-align: right
}

.loan-content {
	height: 300px
}

.small-icon {
	width: 35px !important;
	height: 35px !important;
	top: -5px !important
}

.small-icon svg {
	font-size: 1rem
}

.ele-head {
	background: var(--red-color);
	color: #fff;
	padding: .3rem
}

.ele-table {
	border: 1px solid var(--red-color)
}

.ele-table .col-md-6 {
	border-right: 1px solid var(--red-color)
}

.ele-cont p {
	height: 100%;
	font-size: .9rem;
	padding: .4rem
}

.ele-cont p:nth-child(2n) {
	background: #fff
}

.ele-cont p:nth-child(odd) {
	background: #fdebeb
}

.roi-right img {
	width: 70%
}

.card-tabs ul {
	justify-content: space-between;
	border: none
}

.card-tabs ul .nav-item .nav-link {
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	padding: 1rem;
	color: #3b60a7;
	transition: .5s;
	font-size: 1.2rem
}

.card-tabs ul .nav-item .nav-link.active {
	background: #3b60a7;
	color: #fff
}

.card-tabs ul .nav-item .nav-link .icon {
	display: block;
	text-align: center;
	font-size: 1.8rem
}

.red-card ul {
	border: none
}

.red-card li {
	width: 25%;
	padding: 0
}

.red-card .nav-item .nav-link {
	display: block;
	text-align: center;
	padding: 1.5rem;
	border: 1px solid var(--red-color);
	border-radius: 0;
	font-size: 1.2rem;
	color: var(--red-color);
	transition: .5s
}

.red-card .nav-item .nav-link .icon svg {
	font-size: 2rem
}

.cc-slider .owl-stage-outer {
	padding: 3rem 0;
	text-align: center
}

.cc-slider .owl-nav {
	display: block !important
}

.cc-inner h5 {
	padding: 1rem 0;
	height: 100px
}

.cc-info-cont {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cardinfo-img {
	display: flex;
	justify-content: center
}

.cardinfo-img img {
	width: 65%
}

.cc-info-cont p {
	line-height: 2
}

.best-creditcard-section,
.cc-eligibility-section {
	background: #fef9f9
}

.sideways li {
	width: 100%;
	padding: 0 !important
}

.card-content {
	height: 100px
}

.cc-documents,
.cc-overview {
	background: #f9fcff
}

.pl-criteria li p {
	padding: 1rem;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	margin: 10px 0;
	border-bottom: 3px solid #5f9ea0
}

.eligibility-collapse {
	font-size: 1.3rem;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	margin: 0;
	width: 100%;
	border-bottom: 3px solid #5f9ea0
}

.eligibility-collapse button {
	border: none;
	width: 100%;
	text-align: left;
	padding: .5rem;
	border-radius: 10px;
	position: relative
}

.eligibility-collapse button:after {
	content: '+';
	top: 50%;
	right: 0;
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	color: #5f9ea0
}

.eligibility-collapse .accordion-button:not(.collapsed)::after {
	content: '-';
	top: 50%;
	right: 10px;
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	color: #5f9ea0
}

.bl-feature h3 {
	background: #ef7489;
	color: #fff;
	padding: .5rem;
	font-size: 1.3rem;
	margin-bottom: 0;
	border-radius: 10px 10px 0 0;
}

.bl-feature p {
	background: #fff1eb;
	padding: .5rem;
	border-radius: 0 0 10px 10px;
	height: 160px;
	border-bottom: 2px solid #f5a382
}
.car-feature p{
	font-size: .850rem;
	height:125px;
	padding: .5rem 1rem;
}

.pl-trust #accordionExample .accordion-body {
	background: #5f9ea0;
	padding: 1rem;
	border-radius: 0 0 10px 10px;
	color: #fff;
	margin: 0 10px
}

.accordion-item {
	margin-bottom: 10px
}

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

	.banner-title,
	.center-text {
		top: 50% !important
	}

	.ban-text,
	.banner-title {
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%
	}

	.ban-text .btn-default,
	.banner-right-button,
	.destop-banner {
		display: none
	}

	.mobile-banner {
		display: block;
		position: relative
	}

	.mobile-banner::before {
		content: '';
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
		background: rgba(44, 65, 116, .9);
		position: absolute
	}

	.bl-feature p {
		height: auto
	}

	.center-text h3 {
		font-size: 3rem
	}

	.center-text .btn-default {
		display: block !important
	}

	.banner-title {
		position: absolute;
		max-width: 80% !important
	}

	.input-group-addon {
		width: 100%;
		margin-bottom: 1rem
	}

	.emi-calc-banner .input-group input {
		padding: 1rem;
		box-shadow: none;
		border-radius: 5px;
		width: 100%;
		border: none;
		position: relative;
		font-size: 1.3rem
	}

	#results .input-group input {
		font-size: 2rem;
		font-weight: 600
	}

	.pl-trust ul,
	.prod-breadcrumb {
		padding: 1rem
	}

	.best-services-area .tabs-item span,
	.prod-breadcrumb .bread-link,
	.roi-type .roi-icon svg,
	.tsm-bottom span {
		font-size: 1rem
	}

	#results .input-group span {
		font-size: 1.3rem;
		top: 20%;
		transform: translate(0, -50%)
	}

	.ban-text {
		top: 25%;
		max-width: 90%;
		text-align: center
	}

	.form-inner {
		background: 0 0;
		border-color: #fff;
		animation: none;
		width: 100%;
		max-width: 100%
	}

	.form-inner .form-head {
		font-size: 2rem;
		text-align: center
	}

	.form-inner .form-group input {
		border: none;
		border-radius: 5px;
		padding: .8rem
	}

	.ban-text h1 {
		font-size: 2.2rem;
		position: relative
	}

	.ban-text h1::before {
		content: '';
		width: 40%;
		height: 2px;
		position: absolute;
		background: var(--red-color);
		bottom: -10px;
		left: 30%
	}

	.product-steps .container-fulid .row {
		margin-left: 0;
		margin-right: 0
	}

	.product-steps .container-fulid .row .col-lg-3 {
		margin-bottom: 6rem
	}

	.testimonial-item .tsm-top {
		height: 500px !important
	}

	.testimonial-item .tsm-top a {
		top: -35px !important
	}

	.light-blut-btn {
		font-size: 1.5rem;
		padding: 1rem;
		display: block;
		width: 100%;
		margin: 2rem 0
	}

	.emi-calc-banner .input-group input::placeholder {
		font-size: 1.2rem
	}

	.loan-inner {
		margin-top: 3rem
	}

	.apply-btn a,
	body {
		font-size: 1.5rem !important
	}

	.mobile-nav select {
		z-index: 1
	}

	.form-inner .form-group label {
		font-size: 1rem;
		left: 40px
	}

	.quick-form {
		position: absolute;
		top: 50%;
		width: 90%;
		left: 4%;
		transform: translate(1%, -25%)
	}

	.type-loan {
		max-width: 450px;
		width: 100%;
		margin: 1rem auto
	}

	.pl-process .type-icon {
		top: 15%
	}

	.whytrust-item .icon {
		width: 40px;
		height: 40px
	}

	.doc-tabcontent .tab-pane p,
	.doc-tabs .nav-tabs .nav-item .nav-link,
	.document-list .col-lg-6 p,
	.document-list .col-lg-6 ul li,
	.eli-process-list ul li,
	.emi-section p,
	.factor-content p,
	.factor-content ul li,
	.form-inner .form-group span,
	.gray-bg ul.outer-li li,
	.outer-list li,
	.overview-cont p,
	.pl-btcsection li,
	.pl-btcsection p,
	.pl-emicalcsection p,
	.pl-process .cont li,
	.pl-roicsection li,
	.pl-roicsection p,
	.red-bg ul.outer-li li,
	.services-tabs-item .list li,
	.services-tabs-item p,
	.tsm-content i,
	.whytrust-item p,
	.widget-item ul li a,
	.widget-item ul li svg {
		font-size: 1.2rem
	}

	.forword-arrow {
		top: initial;
		bottom: -30%;
		left: 50%;
		transform: translate(-50%, 0) rotate(90deg)
	}

	.pl-docsection .col-lg-9 .container-fluid,
	.pl-overview .col-lg-9 .container-fluid {
		padding: 0
	}

	.form-inner .form-group .otp-btn {
		width: 30%;
		margin: 0 auto
	}

	.overview-cont {
		margin-top: 2rem
	}

	.choose-title h2,
	.feature-cont h3,
	.services-tab-content h3,
	.services-tabs-item h3 {
		font-weight: 600
	}

	.services-tab-content {
		margin-bottom: 1.5rem
	}

	.pl-process .cont h5 {
		font-weight: 600;
		font-size: 1.4rem
	}

	.testimonial-item .tsm-top::before {
		bottom: -35px !important
	}

	#testimonial-slider .owl-stage-outer {
		padding-top: 10%
	}

	.document-list .row:first-child .col-lg-6:nth-child(1),
	.document-list .row:first-child .col-lg-6:nth-child(2),
	.document-list .row:last-child .col-lg-6:first-child,
	.document-list .row:last-child .col-lg-6:nth-child(2) {
		border-radius: 0
	}

	.factor-pl img {
		width: 50%;
		margin: 0 auto 1rem;
		display: block
	}

	.doc-tabcontent .tab-pane h3,
	.factor-content h3,
	.step-content span {
		font-size: 1.5rem
	}

	.eligibility-section .choose-title {
		margin-bottom: 3rem
	}

	.benifit-emi ul li,
	.eligibility-section ul li {
		padding-left: 7rem
	}

	.eligibility-section ul li .eli-icon {
		top: -10%
	}

	.eligibility-section ul li .eli-icon svg {
		font-size: 2rem
	}

	.ele-img img {
		width: 70%;
		display: block;
		margin: auto
	}

	.mob-order1,
	.right-cont {
		order: 1
	}

	.left-cont,
	.mob-order2 {
		order: 2
	}

	.step-content {
		padding-left: 5rem
	}

	.pl-eligibility-details .container {
		margin-left: 0;
		margin-right: 0;
		padding: 3rem;
		width: 100%;
		display: block;
		max-width: 100%
	}

	.inner-list li::before {
		left: 5%
	}

	.formula-img img {
		width: 50%;
		margin-top: 1rem
	}

	.factor-emicalc .eligibility-section ul li .eli-icon {
		top: -10px
	}

	.roi-type .roi-icon {
		width: 30px;
		height: 30px
	}

	.other-charges ul li::before {
		left: 2%;
		top: 10px
	}

	.bt-section img,
	.btcriteria-section img {
		width: 50%;
		margin: 0 auto;
		display: block
	}

	.btcriteria-section .inner-list li::before {
		left: 2%
	}

	.btcriteria-section .icon-list li {
		padding-bottom: 1rem
	}

	.card-tabs ul {
		flex-wrap: nowrap;
		text-align: center
	}

	.bt-documents .container-fluid .row {
		margin: 0
	}
}

@media only screen and (max-width:768px) {
	.testimonial-item .tsm-top {
		height: 250px !important
	}

	.testimonial-item .tsm-top a {
		top: -35px !important
	}

	.banner-right-button,
	.credit-ban-text {
		display: none
	}

	.testimonial-item .tsm-top::before {
		border-top: 20px solid #d4e8ff !important;
		bottom: -20px !important
	}

	.banner-title {
		top: 20%
	}

	.eligibility-section ul li .eli-icon {
		width: 35px;
		height: 35px
	}

	.eli-process-list ul li,
	.eligibility-section ul li .eli-icon svg {
		font-size: 1.5rem
	}

	.eligibility-section ul li {
		padding-left: 5rem
	}

	.default-fullbtn,
	.eligibility-form .form-control {
		padding: 1rem
	}

	.result-eligibility {
		margin-top: 1rem
	}

	.result-eligibility p,
	.result-eligibility span {
		font-size: 2rem
	}

	.emi-section p,
	.outer-list li,
	.pl-btcsection li,
	.pl-btcsection p,
	.pl-emicalcsection p,
	.pl-roicsection li,
	.pl-roicsection p {
		font-size: 1.4rem
	}

	.pl-emicalcsection h2,
	.pl-emicalcsection h3 {
		font-size: 1.7rem !important
	}

	.benifit-emi ul li .eli-cont h3 {
		font-size: 1.5rem !important;
		font-weight: 700
	}

	.benifit-emi ul li .eli-icon {
		width: 35px;
		height: 35px;
		left: 15px
	}

	.indi_rgt input {
		width: 90%;
		padding: .5rem;
		font-size: 1.5rem
	}

	.right-details .wid_right {
		display: flex
	}

	.right-details .wid_right li h3 {
		font-size: 1.5rem !important
	}

	.right-details .wid_right li {
		margin: 0 .5rem;
		text-align: center
	}

	.right-details .wid_right li span {
		font-size: 1.7rem
	}

	.roi-type .roi-icon {
		top: 5px;
		left: 5px
	}

	.other-charges ul li::before {
		top: 6px;
		font-size: 1.2rem
	}

	.btdoc-section .col-sm-6,
	.pltype-section .col-sm-6 {
		margin-bottom: 2rem
	}

	.bt-documents .container-fluid,
	.btcriteria-section .container-fluid,
	.btdoc-section .container-fluid,
	.calculation-section .container-fluid,
	.pl-roicsection .col-lg-9 .container-fluid,
	.pltype-section .container-fluid {
		padding: 0
	}

	.card-tabs ul {
		display: inherit;
		width: 60%;
		margin: 0 auto
	}

	.card-tabs ul .nav-item .nav-link {
		display: flex;
		justify-content: flex-start;
		align-items: center
	}

	.card-tabs ul .nav-item .nav-link .icon {
		margin-right: 2.2rem
	}

	.card-tabs ul .nav-item .nav-link .icon svg {
		font-size: 3rem
	}

	.overview-img {
		text-align: center
	}

	.bullet-list li,
	.check-list li {
		font-size: 1.2rem
	}

	.car-trust {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		margin-bottom: 0
	}

	.car-trust .whytrust-item .icon {
		width: 25px !important;
		height: 25px !important
	}

	.eligibility-result .dark-btn {
		z-index: 11;
		font-size: 1.5rem;
		padding: 1rem 2rem
	}

	.eligibility-result {
		padding-bottom: 7rem
	}

	.celebration-img {
		left: 35%;
		width: 35%;
		top: 10%
	}

	.pl-int-calc .text-right {
		text-align: center !important
	}

	.loan-content {
		height: initial
	}
	#car-emi, #emi-calc, #car-ele, #car-doc, .car-doc, .car-topup{
		padding-left: 15px;
		padding-right: 15px;
	}
	.car-doc .doc-data .outer-li, 
	.car-calc-output .right-details .wid_right{
		padding:0 !important;
	}
	.car-trust h3{
		font-size: 1.5rem;
	}
	.car-trust .whytrust-item{
		padding-left: 5rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}

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

	.emi-calc-banner .input-group input,
	.light-blut-btn {
		padding: .5rem
	}

	.best-services-area .tabs-item span,
	.input-group-addon {
		font-size: 1.2rem
	}

	.banner-title {
		top: 55% !important;
		max-width: 200px
	}

	.calc-title {
		font-size: 1.5rem
	}

	.ban-title {
		margin-bottom: 1rem !important
	}

	.testimonial-item .tsm-top {
		height: 150px !important
	}

	.testimonial-item .tsm-top a {
		top: -35px !important
	}

	.banner-right-button {
		display: none
	}

	#widget .wid_left .form-group .range_indicator,
	.btn-default,
	.right-details .wid_right {
		display: block
	}

	.testimonial-item .tsm-top::before {
		border-top: 20px solid #d4e8ff !important;
		bottom: -30px !important
	}

	.divide-row {
		margin-top: 0 !important
	}

	.factor-pl img,
	.why-bg img:first-child,
	.why-bg img:nth-child(2) {
		width: 100%
	}

	.loan-inner {
		margin-top: 3rem
	}

	.banner-title h1 {
		font-size: 1.7rem
	}

	.doc-tabs .nav-tabs .nav-item {
		width: 50%;
		border: 1px solid var(--blue-color)
	}

	.factor-content {
		padding: 3rem
	}

	.eligibility-section ul li {
		margin-top: 2rem;
		font-size: 1.2rem
	}

	.eligibility-section ul li .eli-icon {
		top: -10px;
		left: -10px
	}

	#widget .wid_left .form-group {
		margin-bottom: 25px
	}

	#widget .wid_left .form-group .range_indicator .indi_rgt {
		text-align: left
	}

	.right-details .wid_right li {
		margin-bottom: 2rem
	}

	.btn-default {
		margin: 1rem auto
	}

	.red-card .nav-item .nav-link {
		height: 100%
	}
}

@media only screen and (max-width:390px) {
	.ban-text {
		top: 20%
	}

	.mobile-nav select {
		width: 70% !important
	}

	.apply-btn {
		width: 30% !important
	}

	.mobile-nav.fixed {
		top: 5% !important
	}

	.services-tabs-item .apply-btn {
		width: 100% !important
	}

	.testimonial-item .tsm-top::before {
		bottom: -20% !important
	}

	.testimonial-item .tsm-top a {
		top: -30% !important
	}

	.cswork-icon p {
		font-size: 8rem
	}

	.inner-list li::before {
		left: 10%
	}

	.emi-section img,
	.formula-img img,
	.what-emi img {
		width: 100%
	}

	.amt-schedule h3,
	.pl-int-calc h3 {
		text-align: left
	}

	.factor-emicalc .eligibility-section ul li .eli-icon {
		left: -20px
	}

	.eligibility-section ul li {
		padding-left: 3rem
	}

	.benifit-emi ul li .eli-icon {
		left: 0
	}

	.benifit-emi ul li {
		padding-left: 4rem
	}
}