/*!
Copyright 2017-2024 Homeville Consulting Pvt Ltd
Theme Name: homecapital
Theme URI: http://underscores.me/
Author: Homeville Group
Author URI: http://homevillegroup.com
Description: HomeCapital WordPress theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: homecapital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

homecapital is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Finance page CSS starts */
#finance, #homeLoanEligibilityCalc {
	padding-top: 80px;
}

#finance .finance-page .fixed-left-menu .wrapper, #job-details .finance-page .fixed-left-menu .wrapper, #homeLoanEligibilityCalc .finance-page .fixed-left-menu .wrapper {
	display: flex;
	align-items: stretch;
}

/* width */
#finance .finance-page .fixed-left-menu ::-webkit-scrollbar, #job-details .finance-page .fixed-left-menu ::-webkit-scrollbar, #homeLoanEligibilityCalc .finance-page .fixed-left-menu ::-webkit-scrollbar {
	width: 10px;
	border-radius: 0px;
	border-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	scrollbar-width: 10px;
}

/* Track */
#finance .finance-page .fixed-left-menu ::-webkit-scrollbar-track, #job-details .finance-page .fixed-left-menu ::-webkit-scrollbar-track, #homeLoanEligibilityCalc .finance-page .fixed-left-menu ::-webkit-scrollbar-track {
	background: #f8f4f4;
	scrollbar-color: #f8f4f4;
	border-radius: 0px;
	border-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Handle */
#finance .finance-page .fixed-left-menu ::-webkit-scrollbar-thumb, #job-details .finance-page .fixed-left-menu :-webkit-scrollbar-thumb, #homeLoanEligibilityCalc .finance-page .fixed-left-menu ::-webkit-scrollbar-thumb {
	background: #e6e6e9;
	border-radius: 0px;
	border-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* Handle on hover */
#finance .finance-page .fixed-left-menu ::-webkit-scrollbar-thumb:hover, #job-details .finance-page .fixed-left-menu ::-webkit-scrollbar-thumb:hover, #homeLoanEligibilityCalc .finance-page .fixed-left-menu ::-webkit-scrollbar-thumb:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#finance .finance-page .fixed-left-menu .sidebar-wrapper, #homeLoanEligibilityCalc .finance-page .fixed-left-menu .sidebar-wrapper, #job-details .finance-page .fixed-left-menu .sidebar-wrapper {
	min-width: 205px;
	max-width: 205px;
	margin-top: 15px;
	transition: .5s;
}

/* #finance .finance-page .fixed-left-menu .sidebar-wrapper .sticky { */
#finance .finance-page .fixed-left-menu #sidebar, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar, #job-details .finance-page .fixed-left-menu #sidebar {
	overflow-y: scroll;
	height: 100%;
	scrollbar-width: thin;
	scrollbar-color: #e6e6e9 #f8f4f4;
	width: 100% !important;
}

#finance .finance-page .fixed-left-menu #sidebar ul, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar ul, #job-details .finance-page .fixed-left-menu #sidebar ul {
	margin: 0px;
}

#finance .finance-page .fixed-left-menu #sidebar li, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar li, #job-details .finance-page .fixed-left-menu #sidebar li {
	padding: 5px 7px 5px 12px;
	font-size: 14px;
	margin-bottom: 6px;
	color: #000d3d;
	max-width: 175px;
	font-weight: 400;
}

#finance .finance-page .fixed-left-menu #sidebar li.title, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar li.title, #job-details .finance-page .fixed-left-menu #sidebar li.title {
	font-weight: bold;
	font-size: 16px;
}

#finance .finance-page .fixed-left-menu #sidebar li.active, #job-details .finance-page .fixed-left-menu #sidebar li.active {
	background: #707070;
	color: #fff !important;
}

#finance .finance-page .fixed-left-menu #sidebar li:hover, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar li:hover, #job-details .finance-page .fixed-left-menu #sidebar li:hover {
	background: #fff;
}

#finance .finance-page .fixed-left-menu #sidebar li.active a:hover, #finance .finance-page .fixed-left-menu #sidebar li.active, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar li.active a:hover, #homeLoanEligibilityCalc .finance-page .fixed-left-menu #sidebar li.active, #job-details .finance-page .fixed-left-menu #sidebar li.active a:hover, #job-details .finance-page .fixed-left-menu #sidebar li.active {
	background: #707070;
	color: #fff !important;
}

#finance #finance-content, #homeLoanEligibilityCalc #hlec-finance-content {
	width: 100%;
	padding: 25px 0px 50px 30px;
	min-height: 100vh;
	transition: all .3s;
	overflow-x: hidden !important;
}

#finance #dpa-calculator .finance-main-title, #homeLoanEligibilityCalc #hlec-dpa-calculator .finance-main-title {
	border-bottom: 1px solid rgba(0, 0, 0, .0784313725);
}

#finance #dpa-calculator .finance-first-para, #homeLoanEligibilityCalc #hlec-dpa-calculator .finance-first-para {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 16px;
	padding-bottom: 20px;
}

h3.home-finance-planning-title {
	font-size: 22px !important;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	margin-bottom: 30px;
	color: #000d3d;
}

h5.finance-details-title {
	padding: 15px 30px 15px 15px;
	margin-bottom: 0;
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.toggleWhite {
	font-size: 14px;
	padding-left: 8px !important;
	padding-right: 8px !important;
	color: #707070 !important;
	background: #fff 0 0 no-repeat padding-box;
	border-color: #707070;
	border: 1px solid #707070 !important;
}

#finance #dpa-finance-calc .card-body {
	padding: 0px 15px !important;
}

#finance .form-group label, #homeLoanEligibilityCalc .form-group label {
	margin-bottom: 8px;
	font-size: 14px !important;
	font-weight: normal;
	color: #212529 !important;
}

#finance .calculator-input, #homeLoanEligibilityCalc .calculator-input {
	border-right: none;
	margin-bottom: 24px !important;
}

#finance .calculator-input .form-group {
	margin-bottom: 0;
	padding: 12px 30px 0;
}

#finance .calculator-input .form-group .first, #finance .calculator-input .form-group .second, #homeLoanEligibilityCalc .calculator-input .form-group .first, #homeLoanEligibilityCalc .calculator-input .form-group .second {
	padding-left: 7px;
}

#finance .input, #homeLoanEligibilityCalc .input {
	padding: 7px;
}

#finance .calculator-input .form-group select.form-control, #homeLoanEligibilityCalc .calculator-input .form-group select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'100\' height=\'100\' fill=\'%23000000\'><polygon points=\'0,0 100,0 50,50\'/></svg>") no-repeat;
	background-size: 8px;
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
}

#finance .calculator-input .form-group select.form-control.nitro-lazy, #homeLoanEligibilityCalc .calculator-input .form-group select.form-control.nitro-lazy {
	background: none !important;
}

#finance .form-control:focus, #homeLoanEligibilityCalc .form-control:focus {
	box-shadow: none;
	background-color: #e6e6e9;
}

#finance .form-control, #homeLoanEligibilityCalc .form-control {
	background-color: #fff;
	border: 1px solid #e6e6e9;
	height: 34px;
	font-size: .875rem;
	font-weight: 400;
	background-position: calc(100% - 20px) center;
	border-radius: .4px;
}

#finance div.prepend .input-group-text, #homeLoanEligibilityCalc div.prepend .input-group-text {
	padding: .2rem .625rem .2rem .55rem !important;
}

#finance .offering {
	padding: 8px 12px 0px 25px !important;
}

#finance .calculation-result, #homeLoanEligibilityCalc .calculation-result {
	padding-left: 0px;
	padding-right: 0px;
}

#finance .calculation-result .calculation-result-box, #homeLoanEligibilityCalc .calculation-result .calculation-result-box {
	background: #000d3d;
	color: #fff;
	padding: 25px 25px 18px;
}

h4.calculator-result-box {
	font-size: 1.125rem;
	font-family: "Open Sans", sans-serif !important;
	font-weight: 400;
}

#finance .calculation-result-box .alphasum {
	margin-top: 10px;
}

h5.calculator-result-box {
	text-align: right;
	letter-spacing: 0px;
	color: #ffb736;
	opacity: 1;
	font-size: 14px;
	font-weight: 600;
}

#finance .calculation-result .calculation-result-box .btn, #homeLoanEligibilityCalc .calculation-result .calculation-result-box .btn {
	border: 1px solid #fff;
	color: #fff !important;
}

#finance .homecapital-assistance-result, #homeLoanEligibilityCalc .homecapital-assistance-result {
	padding-top: 0px;
	font-size: 16px;
}

#finance .homecapital-assistance-result .row-bg, #homeLoanEligibilityCalc .homecapital-assistance-result .row-bg {
	background: #f8f4f4 0% 0% no-repeat padding-box;
	opacity: 1;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

#finance .homecapital-assistance-result .assistance, #homeLoanEligibilityCalc .homecapital-assistance-result .assistance {
	color: #bf0000 !important;
}

#finance .homecapital-assistance-result label, #homeLoanEligibilityCalc .homecapital-assistance-result label {
	font-size: 13px !important;
}

#finance .home-finance-planning .right-box, #finance .home-finance-planning .left-box {
	padding: 20px 15px !important;
}

#finance .home-finance-planning .right-box {
	background: #f8f4f4;
	padding: 20px 30px !important;
}

#finance .home-finance-planning .left-box {
	background: #f8f4f4;
	border-right: 3px solid #fff;
	padding: 20px 30px !important;
}

#finance .finance-btn-blue {
	color: #fff !important;
	border: 1px solid #000d3d !important;
	background-color: #000d3d !important;
	border-color: #000d3d !important;
	font-weight: 600 !important;
	padding: 8px 16px !important;
}

#finance .finance-btn-teal {
	background-color: #12ad9f;
	color: #fff !important;
	border: 1px solid #12ad9f;
	background-size: 200% 100%;
	font-weight: 600 !important;
	padding: 8px 16px !important;
}

hr.finance {
	margin: 30px 0;
}

#finance .home-finance-planning table tr td:last-child {
	white-space: nowrap;
}

#finance .home-finance-planning table tr td, #finance .home-finance-planning table tr th {
	border: transparent;
	font-size: 15px;
}

#finance .home-finance-planning table tr:last-child {
	border-top: 1px solid #000d3d !important;
}

#finance .home-finance-planning table tr:last-child td, #finance .home-finance-planning table tr:last-child th {
	font-size: 16px !important;
}

#finance .home-finance-planning table tr:nth-child(1) {
	border-top: 1px solid #000d3d;
}

#finance .home-finance-planning table td, #finance .home-finance-planning table th {
	padding: 7px 0;
	font-weight: 400;
}

#finance .repayment-schedule {
	padding-top: 20px;
}

#finance .repayment-schedule .repayment-info {
	color: #fff;
	margin-right: 0;
	margin-left: 0;
}

#finance .repayment-schedule .repayment-info .first-section {
	background: #000d3d;
	border-right: 2px solid;
	padding-right: 30px !important;
}

#finance .repayment-schedule .repayment-info .second-section {
	background: #000d3d;
	padding-right: 30px;
	padding-left: 30px !important;
}

#finance .repayment-schedule .repayment-info .first-row {
	padding-top: 16px;
	padding-bottom: 8px;
	display: inline-block;
	border-bottom: 1px solid;
	width: 100%;
}

#finance .repayment-schedule .repayment-info .second-row {
	padding-bottom: 16px;
	padding-top: 2px;
	display: inline-block;
	width: 100%;
}

#finance .repayment-emi {
	margin-top: 20px;
}

#finance .repayment-emi .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

#finance .repayment-emi .headers {
	border-bottom-width: 5px;
	border-color: #fff;
	background: #e6e6e9;
}

#finance .repayment-emi table tr.headers td, #finance .repayment-emi table tr.headers th {
	font-weight: 600;
	background: #e6e6e9;
	padding: 12px 25px;
	font-size: 15px;
	border-top: unset;
}

#finance .repayment-emi table tr td {
	background: #f8f4f4;
	padding-left: 30px;
	border-bottom-width: 5px;
	border-color: #fff;
	color: #000d3d;
	font-weight: 400;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: middle;
}

#finance .view-more {
	text-align: left;
	letter-spacing: 0px;
	color: #12ad9f !important;
	opacity: 1;
	font-size: 16px;
	font-weight: 400;
	text-decoration: underline !important;
}

#finance .finance-accordians {
	padding-top: 24px;
	padding-left: 15px;
}

#finance .finance-accordians .card-header {
	padding: 0;
}

#finance .finance-accordians .accordion .card {
	box-shadow: none !important;
}

#finance .finance-accordians .accordion .card .card-header, #finance .finance-accordians .accordion .card-body, #finance .finance-accordians .accordion .btn-link {
	padding: 0;
}

#finance .accordion .card .card-header {
	box-shadow: none !important;
}

#finance .accordion-item {
	border: none !important;
}

#finance .accordion-button:not(.collapsed), #finance .accordion-button:focus {
	background-color: transparent !important;
	box-shadow: none;
	color: #000d3d;
	border: none !important;
}

#finance .accordion-button::after {
	display: none !important;
}

#finance .padding, #homeLoanEligibilityCalc .padding {
	padding-left: 0px;
	padding-right: 0px;
}

#finance .acc-header-tittle {
	font-size: 16px;
	color: #000d3d;
}

#finance .mobile {
	display: none;
}

#finance .alphasum {
	margin-top: 10px;
}

#finance .alphasum h5 {
	text-align: right;
	letter-spacing: 0px;
	color: #ffb736;
	opacity: 1;
	font-size: 14px;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	#finance .offering {
		padding: 8px 30px 0px 25px !important;
	}
	
	#finance .mobile {
		display: block;
	}
	
	#finance .mobile .h5 {
		text-align: left;
	}
	
	#finance .alphasum {
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	#finance .alphasum h5 {
		text-align: left;
	}
	
	#finance .desktop {
		display: none !important;
	}
	
	#finance .finance-btn-blue {
		width: 100%;
	}
	
	#finance .finance-btn-teal {
		width: 100%;
	}
	
	#finance .repayment-schedule .repayment-info .second-section {
		padding-left: 12px !important;
	}
	
	#finance .repayment-schedule .repayment-info .first-section {
		border-bottom: 2px solid !important;
		border-right: none !important;
	}
	
	#finance .home-finance-planning .left-box {
		border-bottom: 3px solid #fff !important;
		border-right: none !important;
	}
}

#finance .col-md-6 .first-section-dpa, #homeLoanEligibilityCalc .col-md-6 .first-section-dpa {
	border-right: 1px solid rgba(0, 0, 0, .1);
}

#finance .offering-wise-dpa .card {
	height: auto;
	border-radius: 0;
	box-shadow: .5px .5px 8px rgba(230, 230, 233, .8) !important;
	opacity: .9;
	border: none;
}

#finance .offering-wise-dpa .card .card-body {
	padding: 0 15px;
}

.padding-15 {
	padding: 15px !important;
}

#finance .offering-wise-dpa .input-title {
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#finance .offering-wise-dpa .applicants-loan {
	padding-bottom: 20px;
}

#finance .offering-wise-dpa .form-control {
	background-color: #fff !important;
	border: 1px solid #e6e6e9;
	height: 34px;
	font-size: .875rem;
	font-weight: 400;
	background-position: calc(100% - 20px) center;
}

#finance .offering-wise-dpa .form-control:focus {
	box-shadow: none !important;
	background-color: #e6e6e9 !important;
	border-color: #86b7fe;
	outline: 0;
}

#finance .offering-wise-dpa .calculator-input .form-group input {
	padding: 7px !important;
}

#finance .offering-wise-dpa .calculator-input .form-group {
	padding: 0px 12px !important;
}

#finance .offering-wise-dpa .calculator-input {
	margin-bottom: 0px !important;
}

#finance .offering-wise-dpa .m20 {
	margin-top: 20px !important;
}

@media screen and (max-width: 767px) {
	#finance #finance-content, #homeLoanEligibilityCalc #hlec-finance-content {
		padding: 0 15px 50px !important;
	}
}

#finance .home-loan-emi-subtitle {
	padding: 24px 0px 0px !important;
	margin-bottom: 8px;
	font-size: 18px;
	color: #000;
	font-family: "Open Sans", sans-serif !important;
}

#finance .emi-calculator .loan-amortization table tr.headers th {
	background: #000d3d !important;
	font-weight: 600 !important;
	padding: 12px 30px !important;
	color: #fff !important;
	font-size: 16px !important;
}