/**** contactFormSection ****/
body.page-id-1592 #letUsFind {display: none;}
#contactFormSection {margin: 0; padding: 0; /* height: 100vh; */}
.wrapper {margin: 0; padding: 0;}
.wrapper .webformWrapper {display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; height: 100%;}
.wrapper .webformWrapper .webformLeftSec {display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 55%; background: url(../images/contact-form-bg-new.jpg) no-repeat center center; background-size: cover; height: 100vh; position: sticky; top: 0;}
.wrapper .webformWrapper .webformLeftSec img.formLogo {position: relative; z-index: 2; max-width: 500px; width: 100%; margin: 0 30px;}
.wrapper .webformWrapper .webformLeftSec:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper {position: relative; z-index: 2; width: 100%; max-width: 600px; padding: 0 30px;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul {margin: 0; padding: 0; list-style: none;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li {display: flex; align-items: center; flex-wrap: wrap; width: 100%;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li img.bbbLogo {width: 100%; max-width: 200px; margin: 0 0 15px 0;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contantDetails {width: 100%;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contantDetails address {width: 100%; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; line-height: 25px; text-transform: capitalize; color: #fff; position: relative; padding: 0 0 20px 36px; margin: 0;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contantDetails address:before {position: absolute; left: 0; top: 2px; content: ""; background: url(../images/address-icon.svg) no-repeat; width: 26px; height: 26px;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .footerCallLinks h4 {margin: 0; padding: 0 0 10px 36px; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; line-height: 25px; text-transform: capitalize; color: #fff; display: none;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .footerCallLinks ul li.callLink {padding: 0 0 20px 36px;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .footerCallLinks ul li.emailLink {padding: 0 0 20px 36px !important;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper {border-radius: 11px; background: #F0F0F0; padding: 15px 25px; position: relative; margin-top: 20px;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper span {position: absolute;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper span.testiStart {left: 20px; top: -20px;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper span.testiEnd {right: 20px; bottom: -20px;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper span img {max-width: 40px !important;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper p {margin: 0; padding: 15px 0 0 0; width: 100%; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; line-height: 25px; color: #444; font-style: italic;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper label {margin: 10px 0 0 0; padding: 0 0 15px 0; width: 100%; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 24px; line-height: 25px; text-transform: capitalize; color: #444;}
.wrapper .webformWrapper .webformLeftSec .webformLeftContentWrapper ul li .contactTestiWrapper span.testiEnd img {max-width: 40px !important; transform: rotate(180deg);}
.wrapper .webformWrapper .webformRightSec {display: inline-flex; align-items: center; flex-wrap: wrap; width: 45%; /* height: 100vh; */ /* background: #ebebeb; */}
.wrapper .webformWrapper .webformRightSec .formWrapper {margin: 0; padding: 50px 50px 0 50px; /* height: calc(100vh - 100px); overflow-y: auto; */}
/* .wrapper .webformWrapper .webformRightSec .formWrapper::-webkit-scrollbar {width: 8px;}
.wrapper .webformWrapper .webformRightSec .formWrapper::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.wrapper .webformWrapper .webformRightSec .formWrapper::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey;} */
ul.formPoints {margin: 0; /* padding: 30px 0 0 0; */ padding: 0; list-style: none;}
ul.formPoints li {margin: 0; padding: 20px 0 0 0;}
ul.formPoints li label {margin: 0 0 10px 0; padding: 0; font-weight: 600; font-family: 'Montserrat',sans-serif; font-size: 18px; width: 100%;}
ul.formPoints li span {width: 100%;}
ul.formPoints li span select {color: #333; font-size: 16px; border-radius: 5px; font-weight: 500; font-family: 'Montserrat',sans-serif; padding: 15px 10px; line-height: 24px; margin: 0 15px 15px 0; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0.4rem rgb(255 255 255 / 25%); width: 100%; max-width: 400px;}
ul.formPoints li span select:focus {outline: none;}
ul.formPoints li span.textareaWrapper textarea {width: 100%; border: 1px solid rgba(0, 0, 0, 0.4); padding-left: 20px; border-radius: 5px; padding: 12px 15px; margin: 0; box-shadow: 0 0 0 0.4rem rgb(255 255 255 / 25%); height: 100%; font-size: 18px; font-weight: 400; color: #333; resize: none;}
ul.formPoints li span.textareaWrapper textarea:focus {outline: none;}
ul.formPoints li ul.formGroup {margin: 0; padding: 30px 0 0 0;}
ul.formPoints li ul.formGroup li {margin: 0 -15px; padding: 0 !important; display: flex; align-items: flex-start; flex-wrap: wrap;}
ul.formPoints li ul.formGroup li p {display: flex; align-items: flex-start; flex-wrap: wrap; padding: 0 15px 30px 15px; margin: 0; width: 50%;}
ul.formPoints li ul.formGroup li p input[type="text"], ul.formPoints li ul.formGroup li p input[type="email"], ul.formPoints li ul.formGroup li p input[type="tel"] {width: 100%; border: 1px solid rgba(0, 0, 0, 0.4); padding-left: 20px; border-radius: 5px; padding: 12px 15px; margin: 0; box-shadow: 0 0 0 0.4rem rgb(255 255 255 / 25%); height: 100%; font-size: 18px; font-weight: 400; color: #333;}
ul.formPoints li ul.formGroup li p input[type="text"]:focus, ul.formPoints li ul.formGroup li p input[type="email"]:focus, ul.formPoints li ul.formGroup li p input[type="tel"]:focus {outline: none;}
ul.formPoints li ul.formGroup li p .error {color: #ff0000; font-size: 12px; font-weight: 400; font-family: 'Montserrat',sans-serif; margin: 0; padding: 5px 0 0 0;}
ul#life-insaurance {display: none;}
ul#life-insaurance.activeTab {display: block;}
.radio, .checkbox {position: relative; margin: 0;}
.radio input[type="radio"], .checkbox input[type="checkbox"] {opacity: 0 !important; position: absolute; margin-left: -20px;}
.optionsList ul.listing {padding-top: 20px; margin: 0;}
.optionsList ul.listing li {display: inline-flex; align-items: center; flex-wrap: wrap; margin: 0 15px 15px 0; padding: 0;}
.optionsList ul.listing li .radio label, .optionsList ul.listing li .checkbox label {text-align: center; width: 100%; border: 1px solid rgba(0, 0, 0, 0.4); padding-left: 20px; border-radius: 5px; padding: 10px 30px; margin: 0; box-shadow: 0 0 0 0.4rem rgb(255 255 255 / 25%); height: 100%; font-size: 14px; font-weight: 500; color: #333; min-width: 110px; cursor: pointer;}
.optionsList ul.listing li .radio label:hover, .optionsList ul.listing li .checkbox label:hover {background: rgba(0, 0, 0, 0.1); color: #333;}
.radio input[type="radio"]:checked + label, .checkbox input[type="checkbox"]:checked + label {border-color: #ddb13f !important; box-shadow: 0 0 0 0.4rem rgb(255 212 101 / 25%) !important; background: #FFD465; color: #815d00;}
.radio input[type="radio"]:checked + label:hover, .checkbox input[type="checkbox"]:checked + label:hover {border-color: #ddb13f !important; box-shadow: 0 0 0 0.4rem rgb(255 212 101 / 25%) !important; background: #FFD465 !important; color: #815d00 !important;}
.optionsList ul.listing li.notSureEleWrapper {width: 100%; display: none; margin: 0;}
.optionsList ul.listing li.notSureEleWrapper.activeTab {display: block;}
.optionsList ul.listing li.notSureEleWrapper textarea {width: 100%; border: 1px solid rgba(0, 0, 0, 0.4); padding-left: 20px; border-radius: 5px; padding: 12px 15px; margin: 0; box-shadow: 0 0 0 0.4rem rgb(255 255 255 / 25%); height: 100%; font-size: 18px; font-weight: 400; color: #333; resize: none;}
.optionsList ul.listing li.notSureEleWrapper textarea:focus {outline: none;}
ul.formGroup {margin: 0; padding: 0;}
ul#healthOptions {display: none;}
ul#healthOptions.activeTab {display: flex; align-items: center; flex-wrap: wrap;}

/**** contact form custom tab ****/
.tab-menu {margin: 0; padding: 0;}
.tab-menu h2 {font-size: 28px; font-weight: 600;}
.tab-menu p.subHeading {font-size: 18px; font-weight: 400; margin: 0; padding: 0 0 30px 0;}
.tab-menu ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.tab-menu ul li {display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 250px; position: relative;}
.tab-menu ul li a {color: #333; font-size: 14px; border-radius: 5px; font-weight: 500; font-family: 'Montserrat',sans-serif; padding: 8px 25px; line-height: 20px; margin: 0 15px 25px 0; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0.4rem rgb(255 255 255 / 25%); text-align: center;}
.tab-menu ul li a:hover {background: rgba(0, 0, 0, 0.1); color: #333; text-decoration: none;}
.tab-menu ul li a.active {border-color: #ddb13f !important; box-shadow: 0 0 0 0.4rem rgb(255 212 101 / 25%) !important; background: #FFD465; color: #815d00;}
.tab-menu ul li a.active:after {content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFD465; position: absolute; bottom: 9px; left: 50%; z-index: 1; transform: translateX(-50%);}
.tab-box {display: none;}
.tab-teaser {width:100%; margin: 0 auto;}
.tab-main-box {margin: 0; padding: 0;}
.padTopNone {padding-top: 0 !important;}
.tab {height: auto; align-items: center; flex-wrap: wrap; justify-content: center; position: relative;}
.tab:after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, 0.7); z-index: 1;}
.tab.active:after {display: none;}

.formPoints button[type="submit"] {background-color: #ffd465; border: 1px; border-radius: 3px; color: #253255 !important; height: 40px; line-height: 40px; padding: 0 12px !important; font-weight: 600; font-size: 16px;}

/**** media queries ****/
@media only screen and (min-width: 0px) and (max-width: 991px) {
    .webformLeftSec {width: 100% !important; max-height: 300px; display: none !important;}
    .wrapper .webformWrapper .webformLeftSec img.formLogo {max-width: 300px;}
    .webformRightSec {width: 100% !important; height: 100% !important;}
    .wrapper .webformWrapper .webformRightSec .formWrapper {padding: 30px; height: 100% !important; margin-top: 30px;}
    .tab-menu ul li a.active:after {display: none;}
    .tab-menu ul li {width: 100%;}
    .tab-menu ul li a {width: 100%; min-height: 70px; align-items: center; display: flex; justify-content: center; flex-wrap: wrap; margin-right: 0;}
    ul.formPoints li ul.formGroup li p {padding: 0 15px 15px 15px; width: 100%;}
}

@media only screen and (min-width: 0px) and (max-width: 575px) {
	.tab-menu h2 {margin-bottom: 30px;}
	.tab-menu p.subHeading {display: none;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tab-menu ul li {width: calc(50% - 15px) !important; margin-right: 15px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tab-menu ul li {width: 300px !important; margin-right: 15px !important;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .wrapper .webformWrapper .webformLeftSec {width: 40%;}
    .wrapper .webformWrapper .webformLeftSec img.formLogo {max-width: 260px;}
    .wrapper .webformWrapper .webformRightSec {width: 60%;}
    .wrapper .webformWrapper .webformRightSec .formWrapper {padding: 30px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .wrapper .webformWrapper .webformLeftSec {width: 45%;}
    .wrapper .webformWrapper .webformLeftSec img.formLogo {max-width: 320px;}
    .wrapper .webformWrapper .webformRightSec {width: 55%;}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {}