/* GOBAL_CSS_CHANGES_START_FROM_HERE */
* {
    margin: 0px;
    padding: 0px;
}
html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
	background: #f9fafb;
}
h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea, label {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
button, input, textarea {
    outline: none !important;
}
/* GOBAL_CSS_CHANGES_END_HERE */

/* GOBAL_VAR_CSS_START_FROM_HERE */
:root {
    --white: #ffffff;
    --main-color: #337ab7;
	--black: #393939;
    --poppins-bold: "Poppins-Bold";
    --poppins-medium: "Poppins-Medium";
    --poppins-regular: "Poppins-Regular";
    --poppins-semiBold: "Poppins-SemiBold";
}
/* GOBAL_VAR_CSS_CSS_HERE */

/* FONT_CSS_START_FROM_HERE */
@font-face {
    font-family: "Poppins-Bold";
    src: url("../webfonts/Poppins-Bold.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-Medium";
    src: url("../webfonts/Poppins-Medium.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-Regular";
    src: url("../webfonts/Poppins-Regular.ttf");
    font-weight: regular;
    font-style: normal;
}
@font-face {
    font-family: "Poppins-SemiBold";
    src: url("../webfonts/Poppins-SemiBold.ttf");
    font-weight: regular;
    font-style: normal;
}
/* FONT_CSS_END_HERE */



/* CSS-START-HERE */
.calculator-main-wrapper {
    padding: 100px 0px;
    background: #f9fafb;
}
.calculator-main-wrapper ul {
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 19px 0 rgba(0,0,0,.17);
    border-radius: 10px;
}
.calculator-main-wrapper ul li {
    margin: 0px 0px 15px 0px;
}
.calculator-main-wrapper ul li p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--poppins-regular);
}
.calculator-main-wrapper ul li p input {
	height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
}
.calculator-main-wrapper ul li h2 button {
    font-size: 16px;
    color: var(--white);
    width: 200px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background: var(--main-color);
    border-radius: 2px;
	font-family: var(--poppins-bold);
	border: none;
    transition: 0.5s;
}
.calculator-main-wrapper ul li h2 button:hover {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.05), 0 7px 14px rgba(0,0,0,.15);
    transform: translateY(-1px);
}
.calculator-main-wrapper ul li h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--poppins-regular);
    margin: 30px 0px 0px 0px;
}
.calculator-main-wrapper ul li p b {
    font-size: 14px;
    color: #000;
	font-family: var(--poppins-regular);
}
.calculator-main-payment h2{
	font-size: 14px;
	color: #000;
	font-family: var(--poppins-regular);
	text-align: center;
}
.saving-calculator-first-wrapper {
    padding: 100px 0px;
    background: #f9fafb;
}
.saving-calculator-first-wrapper .tab1 {
    width: 70%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 2px 19px 0 rgba(0,0,0,.17);
	border-radius: 10px;
	padding: 30px;
}
.saving-calculator-first-wrapper tbody tr {
    margin: 0px 0px !important;
    padding: 5px 20px;
}
.saving-calculator-first-wrapper tbody tr td {
    font-size: 16px;
    font-family: var(--poppins-regular);
    color: var(--black);
    padding: 10px 30px;
}
.saving-calculator-first-wrapper table tbody tr td input{
	height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
}
tr.saving-goal-wrapper-btn-center {
    border: none !important;
    justify-content: center !important;
    border-bottom: 2px solid #cfc1c12e !important;
    border-radius: 0px !important;
}
.saving-goal-wrapper-btn {
    display: flex;
    justify-content: center;
    margin: 20px 0px;
    gap: 20px;
}
.saving-goal-wrapper-btn input{
	font-size: 16px;
    color: var(--white) !important;
    width: 200px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	background: var(--main-color) !important;
    border-radius: 2px;
	font-family: var(--poppins-bold);
	border: none;
    transition: 0.5s;
}
.saving-goal-wrapper-btn input:hover {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.05), 0 7px 14px rgba(0,0,0,.15);
    transform: translateY(-1px);
}
.contact-first-wrapper {
    padding: 80px 0px 80px 0px;
    background: #f9fafb;
}
.contact-form-wrapper label {
    font-size: 18px;
    color: var(--black);
    font-family: var(--poppins-bold);
    text-align: center;
    margin-bottom: 10px;
}
.contact-form-wrapper p {
    font-size: 14px;
    font-family: var(--lightfont);
    color: rgb(103, 115, 117);
    margin: 0px 0px 15px 0px;
    min-height: 63px;
}
.contact-form-wrapper input{
	height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
}
h4.investment-worth{
	font-family: var(--poppins-bold);
	font-size: 26px;
	color: var(--black);
	margin: 20px 0px 20px 0px;
}
.contact-table-wrapper-main thead th {
    font-size: 14px;
    color: var(--black);
    font-family: var(--poppins-regular);
    text-align: center;
    border: none;
}
.contact-table-wrapper-main td {
    font-size: 14px;
    color: var(--black);
    font-family: var(--poppins-regular);
    text-align: center;
    padding: 15px 10px;
    border-color: 1px #363326;
}
.initial_calculator p {
    text-align: center;
    font-size: 18px;
    margin: 0px 0px 20px 0px;
    color: var(--black);
    font-family: var(--poppins-medium);
}
.calc_input_table label {
    font-size: 18px;
    color: var(--black);
	font-family: var(--poppins-medium);
}
.calc-flex {
    font-size: 16px;
    color: #000000;
    padding: 0px 10px 0px 0px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    cursor: pointer;
	gap: 10px;
}
.calc-flex .input_block_data input{
	height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
}
.result_text {
    text-align: center;
    padding: 15px 0px;
    font-size: 18px;
    color: var(--black);
    font-family: var(--poppins-medium);
}
.result_block {
    font-size: 16px;
    padding: 7px 10px 6px 10px;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    min-width: 200px;
    font-family: var(--poppins-regular);
    height: 40px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
    border-radius: 20px;
}
span.result_block_type {
    font-size: 18px;
    padding: 0px 10px;
    font-weight: 500;
}
.result_block_data {
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
}
.details_table {
    margin: 0 auto;
}
.details_table tbody tr {
    border: 1px solid var(--main-color);
}
.details_table tr th {
    font-size: 16px;
    font-weight: 400;
    padding: 18px 25px;
    border-right: 1px solid var(--main-color);
    display: flex;
    align-items: center;
    color: var(--black);
    font-family: var(--poppins-medium);
}
.details_table .result_block {
    border-radius: 0px;
    border: transparent;
    width: auto;
	background: #f9fafb;
}
.increasepayment_calculator {
    margin-top: 50px;
}
h2.calculator-main-heading {
    font-size: 40px;
    font-family: var(--poppins-bold);
    margin: 0px 0px 40px 0px;
    text-align: center;
    color: var(--main-color);
    width: 90%;
    margin: 0 auto 20px auto;
}
.main-cal-wrapper{
	padding: 100px 0px;
	background: #f9fafb;
}
.main-tabs-warp {
    width: 40%;
    margin: 0 auto;
	position: relative;
}
.custom-nav{
	justify-content: space-between;
}
.custom-nav .nav-link {
    background: #e2e8e9;
    border: 0;
    border-radius: 0.25rem;
    color: var(--black);
    font-family: var(--poppins-medium);
    font-size: 14px;
    height: 50px;
    width: 160px;
}
.custom-nav .nav-link.active, .custom-nav .show>.nav-link {
    color: var(--black);
    background-color: var(--white);
    border-top: 4px solid var(--main-color);
}
.tab-content{
	background: var(--white);
	box-shadow: -1px 5px 7px 0 rgba(0,0,0,.08);
	border-radius: 0 0 8px 8px;
	padding: 40px 0px 0px 0px;
	transform: translate(0px , -20px);
}
.mortgage-text-box h6{
	font-family: var(--poppins-medium);
	font-size: 25px;
	color: var(--black);
	margin: 0px 0px 10px 0px;
}
.mortgage-text-box p{
	font-family: var(--poppins-medium);
	color: rgb(103, 115, 117);
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 1.75;
}
.mortgage-text-flex-in h5{
	font-family: var(--poppins-medium);
	font-size: 14px;
	color: var(--black);
}
.mortgage-text-input input {
    height: 40px;
    padding: 0px 10px 0px 40px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
    font-family: var(--poppins-medium);
    width: 100%;
}
.mortgage-text-input{
	position: relative;
}
.mortgage-text-input span{
	position: absolute;
	left: 7%;
	top: 19%;
	font-size: 16px;
	color: #6f7777;
	font-family: var(--poppins-medium);
}
.mortgage-text-input-1 input {
    height: 40px;
    padding: 0px 15px 0px 10px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
    font-family: var(--poppins-medium);
    width: 100%;
}
.mortgage-text-input-1{
	position: relative;
}
.mortgage-text-input-1 span{
	position: absolute;
	right: 9%;
	top: 19%;
	font-size: 16px;
	color: #6f7777;
	font-family: var(--poppins-medium);
}
.mortgage-text-flex-inflex{
	display: flex;
	align-items: center;
	gap: 10px;
}
.mortgage-text-flex-in {
    margin: 0px 0px 10px 0px;
}
.mortgage-text-input select {
    height: 40px;
    padding: 0px 10px 0px 10px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
    font-family: var(--poppins-medium);
    width: 100%;
	outline: none;
}
.mortgage-text-btn a{
	font-family: var(--poppins-regular);
	font-size: 16px;
	color: var(--main-color);
}
.mortgage-text-btn a:hover{
	text-decoration: underline;
}
.mortgage-text-flex-in h4{
	font-family: var(--poppins-medium);
	font-size: 18px;
	color: var(--black);
}
.mortgage-text-flex-in h3{
	font-family: var(--poppins-medium);
	font-size: 25px;
	color: var(--main-color);
}
.mortgage-text-flex-in h3 span{
	color: #6c7474;
	font-size: 14px;
}
.hide{
	display: none;
}
.mortgage-bar{
	overflow: hidden;
	border-radius: 10px;
}
.martgage-prgress-bar{
	width: 100%;
	background: rgb(111, 182, 243);
	height: 15px;
}
.martgage-prgress-barinn{
	width: 90%;
	background: rgb(81, 152, 213);
	height: 15px;
}
.martgage-prgress-barinn-1{
	width: 90%;
	background: rgb(51, 122, 183);
	height: 15px;
}
.martgage-prgress-bar-debt{
	width: 100%;
	background: rgb(111, 182, 243);
	height: 15px;
}
.martgage-prgress-barinndebt{
	width: 40%;
	background: rgb(81, 152, 213);
	height: 15px;
}
.martgage-prgress-barinn-1debt{
	width: 40%;
	background: rgb(51, 122, 183);
	height: 15px;
}
.text-circle{
	width: 15px;
    height: 15px;
    border-radius: 99px;
    float: left;
    margin: 5px;
	background: rgb(51, 122, 183);
}
.text-circle1{
	width: 15px;
    height: 15px;
    border-radius: 99px;
    float: left;
    margin: 5px;
	background: rgb(81, 152, 213);
}
.text-circle2{
	width: 15px;
    height: 15px;
    border-radius: 99px;
    float: left;
    margin: 5px;
	background: rgb(111, 182, 243);
}
.mortgage-text-circle p{
	font-family: var(--poppins-regular);
	font-size: 13px;
	color: var(--black);
	margin: 0px;
}
.mortgage-felx-text-box{
	display: flex;
	justify-content: space-between;
	margin: 0px 0px 20px 0px;
}
.mortgage-text-circle {
    width: 100%;
}
.mortgage-last-btn button{
	font-family: var(--poppins-medium);
	font-size: 18px;
	color: var(--white);
	background: var(--main-color);
	width: 100%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	border-radius: 0px 0px 10px 10px;
}
.mortgage-text-p-box {
    padding: 0px 30px;
}
.mortgage-text-flex-in h2{
	font-family: var(--poppins-medium);
	font-size: 16px;
	color: #007cc2;
}
.hide1{
	display: none;
}
.switch {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 70px;
    height: 35px;
}
.switch input {
    opacity: 1;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background: #fff;
    transition: .4s;
    border-radius: 19.95px;
    border: 1px solid #ccc;
}
.slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    border-radius: 16px;
    left: 8%;
    top: 10%;
    bottom: 0;
    background-color: white;
    box-shadow: 0 2px 5px #999999;
    transition: .4s;
}
input:checked + .slider {
    border: 1px solid transparent;
    background-color: var(--main-color);
}
input:checked + .slider:before {
    transform: translateX(35px);
}
.mortgag-checkbox{
	text-align: center;
}
.mortgage-text-flex-in h4 span{
    color: #6c7474;
    font-size: 14px;
}
.mortgage-text-flex-in h1{
    color: #10c302;
    font-size: 20px;
}
.hide2,.hide22{
	display: none;
}
.mortgage-text-btn {
    margin: 0px 0px 5px 0px;
}
.mortgage-text-flex-inn h4{
	color: #10c302;
    font-size: 25px;
}
.higher_payment_table caption {
    text-align: center;
    color: var(--black);
    font-family: var(--poppins-medium);
}
.higher_payment_table tbody tr td {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    font-family: var(--poppins-medium);
}
.increasepayment_calculator label input {
    font-size: 16px;
    padding: 0px 10px 0px 0px;
    display: inline-flex;
    align-items: center;
    margin: 0px 5px;
	height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dfe8ea;
    color: #303637;
}
.increasepayment_calculator table {
    margin: 0 auto;
}
/* CSS-START-HERE */