/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

p,h1,h2,h3,h4,span,small,button,a,input,textarea,label,strong,li,div {
	font-family: 'Poppins', sans-serif;
}

body.home #header-space {
	display: none !important;
}

#top #logo img {
	height: auto !important;
}

div#header-secondary-outer {
    background: #b76e79;
    border: none !important;
}

body #header-secondary-outer .nectar-center-text {
    max-width: 100%;
    color: #ffffff;
    font-size: 15px;
    text-align: left;
	font-family: 'Mulish', sans-serif;
}

body #header-secondary-outer .nectar-center-text a {
    color: #000;
    background: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    display: inline;
    margin-left: 20px;
    text-transform: uppercase;
	font-family: 'Mulish', sans-serif;
}

#top nav ul li a {
    color: #282828;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
	font-family: 'Mulish', sans-serif;
}

li#menu-item-42 a span {
    display: flex;
    align-items: center;
}

li#menu-item-42 a {
    display: flex !important;
    align-items: center;
    font-weight: 600 !important;
    color: #000 !important;
    border-width: 2px;
    border-color: rgb(183, 110, 121);
    border-style: solid;
    border-radius: 4px;
    width: 185px;
    height: 45px;
    justify-content: center;
}

li#menu-item-42 a span img {
    margin: 0 10px 0 0px;
}

div#header-outer {
    background: transparent !important;
}

#sec1 {}

#sec1 .row_col_wrap_12.col.span_12.dark.left {
    min-height: 823px;
    align-items: center;
}

#sec1 h3 {
    color: #b76e79;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
}

#sec1 h1 {
    font-size: 48px;
    color: #282828;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 15px;
    line-height: 58px;
}

#sec1 p {
    font-family: 'Mulish', sans-serif;
    color: #282828;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 32px;
}

#sec1 p a {
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    font-size: 18px;
    width: 232px;
    height: 56px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
	margin-top: 20px;
}

#sec1 p a:first-child {
    background-color: rgb(183, 110, 121);
    border: 2px solid rgb(183, 110, 121);
    color: #fff;
    margin-right: 10px;
}

#sec1 p a:last-child {
    border: 2px solid #282828;
    color: #282828;
}

#sec2 {}

#sec2 .title {}

#sec2 .title h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    letter-spacing: -1px;
}

#sec2 .title p {
    font-family: 'Mulish', sans-serif;
    color: #a7b0b9;
    font-size: 17px;
    line-height: 26px;
    font-weight: 500;
}

#sec2 .title p a {
    font-size: 17px;
    font-weight: 600;
    text-align: right;
    display: flex;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    height: 50px;
    width: 250px;
    background: #b76e79;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

#sec2 .title h4 {
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 40px;
}

#sec2 #adv-points {}

#sec2 #adv-points .block {
    position: relative;
    overflow: hidden;
    background: #2c303a;
    padding: 100px 30px 30px 30px;
    border-radius: 4px;
}

#sec2 #adv-points .block h3 {
    font-family: 'Mulish', sans-serif;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    background: #b76e79;
    position: absolute;
    top: -35px;
    right: -35px;
    border-radius: 100px;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: end;
    padding-bottom: 30px;
    padding-left: 30px;
}

#sec2 #adv-points .block h3::before {
	content: "";
	border: 1px solid #363c42;
	bottom: -4px;
	right: 0;
	border-radius: 100px;
	width: 140px;
	height: 140px;
	position: absolute;
}

#sec2 #adv-points .block h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 25px;
}

#sec2 #adv-points .block p {
    font-size: 16px;
    line-height: 26px;
    color: #a7b0b9;
    margin-top: 20px;
    font-family: 'Mulish', s;
}

#sec3 {
    margin: 0;
}

#sec3 .img-block {
    position: relative;
}

#sec3 .img-block p {
	padding: 0;
	text-align: right;
}

#sec3 .img-block img {
    display: block;
    margin-left: auto;
    margin-bottom: 0;
}

#sec3 .img-block h3 {
    background: #b76e79;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    position: absolute;
    top: 24%;
    width: 271px;
    height: 111px;
    padding-left: 30px;
    left: -120px;
}

#sec3 .img-block h3 span {
    font-family: 'Mulish', sans-serif;
    font-size: 22px;
    width: 100px;
    display: block;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.5px;
    margin-left: 10px;
}

#sec3 .inner_row {
	margin: 40px 0 40px 0;
}

#sec3 .block {}

#sec3 .block h3 {
    color: #b76e79;
    font-size: 24px;
    font-weight: 600;
}

#sec3 .block h1 {
    color: #282828;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    width: 70%;
}

#sec3 .block p {
    color: #181b21;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

#sec3 .block a {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    display: flex;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    height: 48px;
    width: 170px;
    background: #b76e79;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

#sec3 .chk-block {
    border: 1px solid rgb(229, 231, 234);
    padding: 30px 30px;
    border-radius: 4px;
}

#sec3 .chk-block h2 {
    font-size: 24px;
    font-weight: 600;
    color: #282828;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#sec3 .chk-block h2 img {
    margin: 0 10px 0 0;
}

#sec3 .chk-block p {
    color: #181b21;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

#sec4 {}

#sec4 .row-bg::before {
	content: "";
	background: url(/wp-content/uploads/2023/07/finance-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	width: 75%;
	height: 80%;
	mix-blend-mode: darken;
	margin: 0 auto;
}

#sec4 .inner_row .row-bg::before {
	display: none !important;
}

#sec4 .title {}

#sec4 .title h1 {
    color: #282828;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1px;
    width: 70%;
    line-height: 40px;
    margin: 0 auto 60px auto;
}

#sec4 .title h1 strong {
    color: #b76e79;
}

#sec4 .block {
    border: 1px solid rgb(229, 231, 234);
    background: #fff;
    border-radius: 4px;
    padding: 30px 20px 50px 20px;
}

#sec4 .block img {
    margin-bottom: 0;
}

#sec4 .block h2 {
    color: #2c303a;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

#sec4 .block p {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #2c303a;
}

#sec4 .block p a {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    display: flex;
    color: #282828;
    font-family: 'Mulish', sans-serif;
    height: 48px;
    width: 190px;
    background: transparent;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #b76e79;
    transition: all 0.2s linear;
}

#sec4 .block p a:hover {
    background: #b76e79;
    color: #fff;
}

#sec5 {
	
}

#sec5 img {
	width: 100%;
}

#sec5 h1 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -1px;
    width: 65%;
    margin: 0 auto 20px auto;
    color: #fff;
}

#sec5 p {
    font-size: 18px;
    line-height: 32px;
    width: 70%;
    margin: 0 auto;
    color: #fff;
}

#sec5 p span {
    border: 1px solid #b76e79;
    border-radius: 4px;
    padding: 2px 5px;
    font-weight: 500;
}

#sec5 a {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    display: flex;
    color: #fff;
    font-family: 'Mulish', sans-serif;
    height: 50px;
    width: 310px;
    background: #b76e79;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin: 15px auto 0 auto;
}

#sec5 .wpb_text_column.wpb_content_element {
    width: 65%;
    margin: -280px auto 0 auto;
    position: relative;
}

#sec6 {
    padding-top: 60px !important;
    padding-bottom: 70px;
}

#sec6 .title {}

#sec6 .title h1 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #282828;
    width: 40%;
    margin: 0 auto 0 auto;
    line-height: 42px;
    position: relative;
    padding-bottom: 55px;
}

#sec6 .title h1::after {
    content: url(/wp-content/uploads/2023/07/mortgage-after-arrow.png);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#sec6 .block {
    background: #2c303a;
    border-radius: 4px;
    transition: all 0.2s linear;
    margin-top: 20px;
    padding-bottom: 70px;
}

#sec6 .block:hover {
	background-color: rgb(183, 110, 121);
}

#sec6 .block img {
    border-radius: 100px;
}

#sec6 .block h4 {
    margin-top: -70px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font-weight: 600;
}

#sec6 .block h2 {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    color: #fff;
    letter-spacing: -1px;
}

#sec6 .block p {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    color: #fff;
    letter-spacing: -1px;
}

#sec6 .block a {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Mulish', sans-serif;
	color: #fff;
	letter-spacing: -1px;
	width: 263px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: all 0.2s linear;
	margin: 0 auto -10px auto;
}

#sec6 .block p a:first-child {
	border: 1px solid #fff;
}

#sec6 .block p a:last-child {
	background-color: rgb(183, 110, 121);
	box-shadow: 0px 0px 20px 0px rgba(44, 48, 58, 0.3);
}

#sec6 .block:hover p a:last-child {
	background: #2c303a;
}

#sec6 .block p:first-child {
    position: relative;
    top: -70px;
}

#sec7 {}

#sec7::before {
	content: url(/wp-content/uploads/2023/07/quote-icon.png);
	position: absolute;
	top: 42px;
	right: 0;
	z-index: 999;
}

#sec7 .title {}

#sec7 .title h1 {
    color: #282828;
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: -1px;
    width: 90%;
    margin-bottom: 30px;
}

#sec7 .title h1 strong {
    color: #b76e79;
}

#sec7 .title h3 {
    color: #282828;
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    width: 80%;
    letter-spacing: -1px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}

#sec7 .block {}

#sec7 .block p {
    color: #282828;
    font-size: 18px;
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    background: #f5f5f5;
    padding: 50px 60px;
    border-radius: 4px;
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
}

#sec7 .block p::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #f5f5f5;
	border-bottom: 55px solid transparent;
	position: absolute;
	left: 20px;
	bottom: -25px;
}

#sec7 .block h3 {
    color: #2c303a;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -1px;
}

#sec7 .owl-stage {
    padding: 0;
}

#sec7 .owl-dots {
    position: absolute;
    left: -75%;
    bottom: 0;
}

#sec7 .owl-dots .owl-dot span {
    background: #caced6;
    transform: scale(1.7);
}

#sec7 .owl-dots .owl-dot.active span {
    background: #b56d7a;
}

#sec8 {
    margin-bottom: 0;
}

#sec8 h1 {
    color: #282828;
    font-size: 32px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: -1px;
    width: 55%;
    margin: 0 auto 40px auto;
    line-height: 45px;
}

#sec8 h1 strong {
    color: #b56d7a;
}

#sec8 img {
    width: 100%;
}

#sec-help {}

#sec-help .row-bg::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f5f5f5;
	width: 100%;
	height: 150px;
}

#sec-help .inner_row .row-bg::before {
	display: none;
}

#sec-help h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
}

#sec-help a {
    font-family: 'Mulish', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #2c303a;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px 0px rgba(44, 48, 58, 0.3);
    padding: 15px 40px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}

#sec-help p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -0.5px;
    width: 40%;
    margin: 0 auto;
}

#footer-outer {
    background: #f5f5f5 !important;
}

#footer-outer .widget h4 {
    font-size: 24px;
    font-weight: 600;
    color: #2c303a;
    margin-bottom: 15px;
}

#footer-outer #text-2 {}

#footer-outer #text-2 p {
    font-size: 16px;
    font-weight: 400;
    color: #181b21;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -0.5px;
    line-height: 25px;
}

#footer-outer #text-3 p {
    font-size: 16px;
    font-weight: 400;
    color: #181b21;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -0.5px;
}

#footer-outer #text-4 p {
    font-size: 16px;
    font-weight: 400;
    color: #181b21;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -0.5px;
}

#footer-outer #text-4 p a {
    font-size: 16px;
    font-weight: 400;
    color: #181b21;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -0.5px;
}

#footer-outer #text-5 p {
    font-size: 16px;
    font-weight: 400;
    color: #181b21;
    font-family: 'Mulish', sans-serif;
    letter-spacing: -0.5px;
    line-height: 25px;
}

#footer-outer #text-5 p strong {
    color: #b76e79;
    font-weight: 400;
}

#footer-outer #text-5 form {}

#footer-outer #text-5 form input[type=email] {
    background: #fff;
    border-radius: 4px !important;
    font-size: 15px;
    font-weight: 500;
    color: #2c303a;
}

#footer-outer #text-5 form input[type=email]::placeholder {
	color: #2c303a;
}

#footer-outer #text-5 form input[type=submit] {
    background: #b76e79 !important;
    font-size: 15px;
    font-weight: 500;
    font-family: 'MULISH', sans-serif;
    padding: 15px 40px;
    border-radius: 4px;
}

div#text-4 {
    padding: 0 40px;
}

body #footer-outer .row {
    padding: 65px 0 40px 0;
}

#custom_html-2 {
    padding: 0 40px;
    margin-top: 45px;
}

#custom_html-2 a {
    background: #828282;
    font-size: 25px;
    display: inline-flex;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

#custom_html-2 a i {
    top: 0;
}

.calculator {
    padding: 70px 0;
}

.calculator .block {
    padding-top: 70px;
    position: relative;
}

.calculator .block::before {
    content: url(/wp-content/uploads/2023/07/calc-arrow.png);
    position: absolute;
    top: -50px;
    right: -55px;
    z-index: 999;
}

.calculator .block h1 {
    color: #262C35;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}

.calculator .block p {
    font-size: 16px;
    color: #3E3E3E;
    line-height: 27px;
    padding: 0;
}

.calculator .block p strong {}

.calculator .block ul {
    margin: 30px 0;
    display: flex;
}

.calculator .block ul li {
    display: flex;
    width: 33%;
    color: #262C35;
    font-size: 30px;
    font-weight: 700;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    height: 120px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.calculator .block ul li span {
    display: block;
    font-size: 14px;
    color: #7D7D7D;
    font-weight: 400;
}

.form-block .qty-input {
	 color: #000;
	 background: #fff;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
	 justify-content: space-between;
	 height: 50px;
}
.form-block .qty-input .product-qty, .form-block .qty-input .qty-count {
	 background: transparent;
	 color: #3F3B44;
	 font-weight: 400;
	 font-size: 17px;
	 border: none;
	 display: inline-block;
	 min-width: 0;
	 height: 2.5rem;
	 line-height: 1;
}
.form-block .qty-input .product-qty:focus, .form-block .qty-input .qty-count:focus {
	 outline: none;
}
.qty-input .product-qty {
	 width: 200px;
	 min-width: 0;
	 display: inline-block;
	 text-align: center;
	 appearance: textfield;
}
.form-block .qty-input .product-qty::-webkit-outer-spin-button, .form-block .qty-input .product-qty::-webkit-inner-spin-button {
	 appearance: none;
	 margin: 0;
}
.form-block .qty-input .qty-count {
	 padding: 0;
	 cursor: pointer;
	 width: 60px;
	 font-size: 25px;
	 overflow: hidden;
	 position: relative;
	 color: #B0B0B0;
	 height: 50px;
}
.form-block .qty-input .qty-count:before, .form-block .qty-input .qty-count:after {
	 content: "";
	 height: 2px;
	 width: 0;
	 position: absolute;
	 display: block;
	 background: #000;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
}
.form-block .qty-input .qty-count--minus {
	 border-right: 1px solid #D9D9D9;
}
.form-block .qty-input .qty-count--add {
	 border-left: 1px solid #D9D9D9;
}
.form-block .qty-input .qty-count--add:after {
	 transform: rotate(90deg);
}
.form-block .qty-input .qty-count:disabled {
	 color: #ccc;
	 background: #f2f2f2;
	 cursor: not-allowed;
	 border-color: transparent;
}
.form-block .qty-input .qty-count:disabled:before, .form-block .qty-input .qty-count:disabled:after {
	 background: #ccc;
}

.form-block .qty-input {
	 border-radius: 4px;
	 border: 1px solid #D9D9D9;
}

.form-block .range-slider {
	position: relative;
	width: 100%;
	height: auto;
	margin: 40px 0 80px 0;
}

.form-block .range-slider_input {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	opacity: 0;
	margin: 0;
}

.form-block .range-slider_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 100px;
  height: 100px;
  cursor: pointer;
	border-radius: 50%;
	opacity: 0;
}

.form-block .range-slider_input::-moz-range-thumb {
  width: 14vmin;
  height: 14vmin;
  cursor: pointer;
	border-radius: 50%;
	opacity: 0;
}

.form-block .range-slider_thumb {
	width: 91px;
	height: 44px;
	border: 1px solid #E6E6E6;
	border-radius: 100px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 15px;
	color: #636363;
	z-index: 2;
}

.form-block .range-slider_line {
	height: 5px;
	width: 100%;
	background-color: #E6E6E6;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	position: absolute;
	z-index: 1;
}

.form-block .range-slider_line-fill {
	position: absolute;
	height: 5px;
	width: 0;
	background-color: #b56d7a;
}

.form-block div.sliderContainer {
 width: 100%;
 text-align: center;
 margin-top: 25px;
}

.form-block #loan-slider {
  -webkit-appearance: none;
  appearance: none;
  height: 5px !important;
  width: 100%;
  border-radius: 10em;
  background-color: #b56d7a;
  outline: none;
  margin-bottom: 14px;
}

.form-block #loan-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 1px solid #CCCCCC;
}


.form-block #loan-slider::-moz-range-thumb {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #CCCCCC;
}
 
#mortgage-form {
    position: relative;
    background: #fff;
    box-shadow: antiquewhite;
    border-radius: 8px;
    padding: 30px 40px;
}

#mortgage-form::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 25px;
    right: -25px;
    border: 1px solid #b76e79;
    border-radius: 8px;
    z-index: -1;
}

#mortgage-form::after {
    content: "";
    width: 579px;
    height: 800px;
    position: absolute;
    top: 0;
    right: 25px;
    opacity: 0.20000000298023224;
    background: #2C303B;
    filter: blur(32px);
    border-radius: 8px;
    z-index: -1;
}

#mortgage-form .form-field {
    margin-bottom: 20px;
}

#mortgage-form h4 {
    color: #444444;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#mortgage-form p {
	color: #7d7d7d;
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 10px;
}

#mortgage-form h4 .span-text {
    
}

#mortgage-form h4 .span-text span {
    font-weight: 400;
}

#mortgage-form h4 .span-text a {
    font-weight: 400;
    color: #444444;
}

#mortgage-form h4 .span-text a i {
    color: #b56d7a;
}

.form-block .range-slider_thumb i.fa.fa-angle-left {
    left: -10px;
}

.form-block .range-slider_thumb i.fa.fa-angle-right {
    right: -10px;
}

.form-block .range-slider_thumb i {
    color: #7d7d7d;
}

.qty-input .product-qty[name=interest-rate] {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    height: 50px;
    border: 1px solid #D9D9D9;
}

.qty-input.interest-rate-block {
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

.interest-rate-block button.qty-count {
    border: 1px solid #D9D9D9 !important;
    width: 70px !important;
}

.interest-rate-block button.qty-count.intr-count--minus {
    margin: 0 10px;
}

#mortgage-form .total-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

#mortgage-form .total-amount h3 {
    display: flex;
    color: #444444;
    font-size: 30px;
    font-weight: 600;
    align-items: center;
    margin: 0;
    flex-wrap: wrap-reverse;
}

#mortgage-form .total-amount input#calc-total {
    color: #444444;
    font-size: 30px;
    font-weight: 600;
}

#mortgage-form .total-amount span {
}

#mortgage-form .total-amount button {
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    display: flex;
    color: #fff;
    height: 50px;
    width: 170px;
    background: #b76e79;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.form-block form input[type=number]:focus {
    box-shadow: none !important;
}


#pg-thankyou {
    padding: 70px 0 160px !important;
}

#pg-thankyou .row_col_wrap_12 {
    min-height: 875px;
    text-align: center;
    border-radius: 8px;
    background: #FFF;
    box-shadow: #0000004f 0 0 25px;
    position: relative;
    opacity: 1;
    z-index: 1;
}

#pg-thankyou .row_col_wrap_12::before {
    content: "";
    position: absolute;
    border-radius: 8px;
    border: 1px solid #CB2829;
    top: 30px;
    left: 30px;
    right: -30px;
    bottom: -30px;
    z-index: -11111111;
}

#pg-thankyou .row_col_wrap_12 > .vc_col-sm-12 {
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

#pg-thankyou .text-center {
}

#pg-thankyou .text-center h3 {
    color: #262C35;
    text-align: center;
    font-size: 47px;
    font-style: normal;
    font-weight: 800;
    line-height: 60px; /* 127.66% */
    text-transform: uppercase;
}

#pg-thankyou .text-center p {
    color: #3E3E3E;
    font-size: 19.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.52px; /* 185% */
}

#pg-thankyou .text-center > .wpb_wrapper {
    max-width: 880px;
}

#pg-thankyou .text-center > .wpb_wrapper img {
    margin: 0 auto;
}

#pg-thankyou .text-center > .wpb_wrapper .close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
}

#pg-thankyou .row_col_wrap_12 > .vc_col-sm-12 .vc_column-inner {
    position: unset;
}

#pg-thankyou .row_col_wrap_12 > .vc_col-sm-12::before {
    content: url(/wp-content/uploads/2023/07/before.png);
    position: absolute;
    top: 10px;
    left: 20px;
}

#pg-thankyou .row_col_wrap_12 > .vc_col-sm-12::after {
    content: url(/wp-content/uploads/2023/07/after.png);
    position: absolute;
    bottom: 190px;
    right: 20px;
    visibility: visible;
    clear: none;
    display: inherit;
}

#pg-thankyou.mortgage-step-2 {
    display: none;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

#pg-thankyou.mortgage-step-2 .row_col_wrap_12 > .vc_col-sm-12 {}

.amount-requied {}

.amount-requied h4 {
    margin: 0;
    color: #262C35;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px; /* 250% */
}

#pg-thankyou .text-center .required-amt {
    color: #64B508;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px; /* 250% */
    display: flex;
    align-items: center;
    column-gap: 15px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.down-am {}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.down-am h4 {
    color: #262C35;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
     /* 250% */
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.down-am p {
    color: #262C35;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
     /* 315.789% */
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.down-am .amount {
    color: #262C35;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
     /* 250% */
}

input[type=checkbox]{
	height: 0;
	width: 0;
	visibility: hidden;
	text-indent: -9999em;
	border: none;
	display: none;
}

label {
	cursor: pointer;
	text-indent: -9999px;
	width: 55px;
	height: 34px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
	font-size: 0;
}

label:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 90px;
	transition: 0.3s;
}

input:checked + label {
	background: #4CD964;
}

input:checked + label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

label:active:after {
	width: 30px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.total-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.total-amount h3 {
    display: flex;
    margin: 0;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    color: #262C35;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 250% */
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.total-amount h3 span {
    font-weight: 700;
    font-size: 36.15px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.total-amount button {
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    display: flex;
    color: #fff;
    height: 50px;
    width: 170px;
    background: #b76e79;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

#pg-thankyou .text-center p.form-disclaimer {
    text-align: left;
    margin-top: 20px;
}

.calculator + .container-wrap {
    min-height: inherit !important;
}

.pum-theme-84 .pum-container, .pum-theme-lightbox .pum-container {
    border: none;
    border-radius: 22px;
    background: #FFF;
    position: relative;
    overflow: hidden;
    padding: 40px 50px;
}

.pum-theme-lightbox .pum-container::before {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2023/07/popup-bg.jpg);
    height: 301.467px;
    left: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
}

.pum-container .pum-title {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 57px; /* 139.583% */
    margin-bottom: 60px;
}

.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #87858561;
    color: #827E7E;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
     /* 239.286% */
    font-family: 'Poppins';
    border-radius: 0;
    padding: 12px 20px;
    background: transparent;
}

.wpcf7-form-control-wrap select {}

.pum-container br {
    display: none;
}

.pum-container textarea {
    height: 167px;
}

.pum-container .row:nth-child(7) {
    padding-bottom: 0;
}

body[data-form-submit="regular"] .pum-container input[type=submit] {
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgb(183, 110, 121);
    border: 2px solid rgb(183, 110, 121);
    color: #fff;
    padding: 14px 60px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid, select.wpcf7-validates-as-required.wpcf7-not-valid, textarea.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: red !important;
}

span.wpcf7-not-valid-tip {
    display:  none;
}

body .wpcf7 .wpcf7-response-output {
    border-color: red !important;
    color: red !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: green !important;
    color: green !important;
}

.pum-theme-84 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    top: 10px;
    right: 10px;
    box-shadow: none;
    border: none;
    background: transparent;
}

@media (max-width: 999px){
	#sec1 h3 {
    font-size: 24px;
    font-weight: 600;
}

#sec1 h1 {
    font-size: 35px;
    line-height: 46px;
}

#sec1 p {
    font-size: 16px;
    line-height: 27px;
}

#sec1 p a:first-child {
    margin-top: 0;
}

#sec1 p a {
    width: auto;
    height: auto;
    padding: 10px 11px;
    font-size: 14px;
    margin-top: 0;
}

#sec1 .row_col_wrap_12.col.span_12.dark.left {
    min-height: auto;
    padding: 70px 0;
}

#sec2 .title h1 {
    font-size: 28px;
    line-height: 32px;
}

#sec2 .title p {font-size: 14px;}

#sec2 .title p a {
    margin: 0;
}

#sec2 #adv-points .block {
    padding: 70px 30px 20px 30px;
}

#sec2 #adv-points .block h2 {
    font-size: 18px;
}

#sec2 #adv-points .block h3 {
    font-size: 22px;
    width: 100px;
    height: 100px;
}

#sec2 #adv-points .block h3::before {
    width: 110px;
    height: 110px;
    bottom: -5px;
}

#sec2 #adv-points .block p {
    font-size: 14px;
}

#sec3 .img-block h3 {
    position: unset;
    width: 100%;
    margin-top: -20px;
    position: relative;
    z-index: 999;
    left: 0;
    right: 0;
}

#sec3 .block h1 {
    width: 100%;
    font-size: 31px;
}

#sec3 .block p {
    font-size: 14px;
}

#sec3 .chk-block h2 {
    flex-direction: column;
}

#sec3 .chk-block {
    text-align: center;
    padding: 20px;
}

#sec3 .chk-block h2 img {
    margin: 0 0 10px;
}

#sec3 .chk-block p {
    font-size: 14px;
}

#sec3 .block {
    text-align: revert;
}

#sec3 .block a {
    margin: 0 auto;
}

#sec4 .title h1 {width: 100%;font-size: 28px;margin-bottom: 30px;}

#sec4 .block {
    padding: 20px;
}

#sec5 .wpb_text_column.wpb_content_element {
    margin: 0;
    width: 100%;
    padding: 20px 20px;
}

#sec5 h1 {
    width: 100%;
    font-size: 30px;
    line-height: normal;
}

#sec5 img {
    height: 360px;
    object-fit: cover;
    position: absolute;
}

#sec5 p {
    font-size: 14px;
    width: 100%;
}

#sec6 .title h1 {
    width: 100%;
}

#sec7 .title {
}

#sec7 .title h1 {
    width: 100%;
    font-size: 35px;
    line-height: normal;
}

#sec7 .title h3 {
    width: 100%;
    font-size: 24px;
}

#sec7 .block p {
    font-size: 14px;
    padding: 30px 30px;
}

#sec7::before {
    top: -20px;
}

#sec8 h1 {
    width: 100%;
}

#sec-help p {
    width: 100%;
}

#sec-help .wpb_text_column {
    padding: 10px;
}

#sec-help h1 {
    font-size: 35px;
}

#sec-help .vc_row {
    padding: 30px 0 !important;
}

#sec-help p {
    padding-bottom: 10px;
}

div#text-4 {
    padding: 0;
}

div#custom_html-2 {
    padding: 0;
}

#footer-outer .widget {
    margin-bottom: 0;
}

.material #header-outer[data-mobile-fixed=false][data-using-secondary="1"], .material.admin-bar #header-outer[data-mobile-fixed=false][data-using-secondary="1"] {
    padding: 30px 0;
}
.pum-container .pum-title {
    font-size: 14px;
    margin-bottom: 60px;
    line-height: 34px;
}

.pum-theme-lightbox .pum-container::before {
    height: 131.467px;
    background-size: cover;
}

.pum-theme-84 .pum-container, .pum-theme-lightbox .pum-container {
    padding: 30px 20px;
}

.pum-container .row {
    padding-bottom: 0;
}

.pum-container .btn-form {
    margin: 0;
}
	.calculator .block h1 {
    font-size: 21px;
}

.calculator .block::before {
    top: -90px;
}

.calculator .block ul {
    flex-wrap: wrap;
    flex-direction: column;
}

.calculator .block ul li {
    width: 100%;
    margin-bottom: 10px;
}

#mortgage-form {
    padding: 20px;
}

#mortgage-form h4 {
    font-size: 14px;
}

.form-block .qty-input .product-qty, .form-block .qty-input .qty-count {border: .;height: 37px;}

.form-block .qty-input {
    height: 38px;
}

.form-block #loan-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 1px solid #CCCCCC;
}

.form-block div.sliderContainer {
    margin-top: 5px;
}

#mortgage-form .total-amount {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    row-gap: 10px;
}

#mortgage-form .total-amount button {margin: 0 auto;}

#sec-help a {font-size: 12px;}

#pg-thankyou .text-center > .wpb_wrapper {
    padding: 60px 10px 0;
}

#pg-thankyou .row_col_wrap_12 > .vc_col-sm-12::before {
    display: none;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div {
    flex-wrap: wrap;
    row-gap: 10px;
    margin-bottom: 18px;
}

.amount-requied h4 {
    font-size: 19px;
}

#pg-thankyou .text-center .required-amt {
    font-size: 20px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.down-am h4 {
    font-size: 19px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.down-am p {
    font-size: 13px;
}

#pg-thankyou.mortgage-step-2 .text-center > .wpb_wrapper > div.total-amount h3 span {
    font-size: 24px;
}

#pg-thankyou .text-center p.form-disclaimer {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 30px;
}

#pg-thankyou .text-center > .wpb_wrapper .close-btn img {
    width: 15px;
}
#pg-thankyou .row_col_wrap_12 {
    min-height: auto;
}

#pg-thankyou .text-center h3 {font-size: 23px;}

#pg-thankyou .text-center p {
    font-size: 13px;
    line-height: normal;
}

#pg-thankyou .text-center > .wpb_wrapper {
    padding-bottom: 50px;
}

#pg-thankyou {
    padding: 70px 0 80px !important;
}
}