body,
html {
	width: 100%;
	height: 100%;
	font-family: "Inter", sans-serif;
}

/* .skip-link {
	position: absolute;
	top: -49px;
	left: 10px;
	background-color: #333;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	z-index: 999;
	transition: top 0.3s;
}

.skip-link:focus {
	left: 0;
	top: 0;
	padding: 3px;
	background: #ffc;
	border: 1px solid var(--lfs-blue);
} */

#skip a {
	background-color: #333;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	z-index: 999;
	transition: top 0.3s;
	display: block;
	position: absolute;
	left: -999px;
	top: -999px;
}

/* Bring the skip link into view when it receives keyboard focus */
#skip a:focus {
	left: 0px;
	top: -60px;
	padding: 3px;
	background: var(--lfs-blue);
	border: 1px solid var(--lfs-blue);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-family: "Inter", sans-serif !important;
}

:root {
	--hero-supply: #116436;
	--hero-supply-press: #126d3b;
	--lfs-green: #15803d;
	--lfs-green-hover: #166534;
	--hero-demand: #b01611;
	--text-tertiary: #475569;
	--border-color: #e2e8f0;
	--hero-demand-press: #c82333;
	--hero-ink: #0f172a;
	--hero-muted: #475569;
	--hero-line: #e2e8f0;
	--hero-bg: #ffffff;
	--hero-bg-weak: #f8fafc;
	--hero-radius: 14px;
	--hero-radius-sm: 10px;
	--hero-shadow-soft: 0 6px 24px rgba(2, 6, 23, .08);
	--hero-shadow-strong: 0 14px 50px rgba(2, 6, 23, .15);
	--hero-container: 1120px;
	--lfs-blue: #143658;
	--lfs-red: #b01611;
	--lfs-light-blue: #e0f2fe;
	--lfs-gray: #f8fafc;
	--text-primary: #0f172a;
	--text-secondary: #475569;
	--lfs-blue-dark: #0f2a44;
	--border-color: #e2e8f0;
	--blue: #143658;
	--blue-strong: #0f2740;
	--red: #c92a2a;
	--red-strong: #a82424;
	--ink: #0f172a;
	--muted: #475569;
	--muted-2: #475569;
	--line: #e2e8f0;
	--panel: #ffffff;
	--soft: #f8fafc;
	--soft-2: #fafaf9;
	--soft-3: #f1f5f9;
	--soft-4: #e0f2fe;
	--green: #16a34a;
	--green-soft: #f0fdf4;
	--radius: 12px;
	--shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 8px 24px rgba(20, 54, 88, 0.12);
	--focus: #c92a2a;
	--bar-primary-color: #143658;
	--bar-accent-color: #1e5180;
	--bar-light-gray: #f8f9fa;
	--bar-medium-gray: #e9ecef;
	--bar-dark-gray: #6c757d;
	--bar-success-color: #24963e;
	--var-warning-color: #c1261a;
	--bar-padding-section: 32px 0;
	--bar-border-radius: 4px;
}


.navbar-nav>li,
.navbar-nav>li.dropdown.open img.close_ico {
	display: inline-block
}

#list-view,
.col_5,
.propertyItem,
.service_inner {
	box-sizing: border-box
}

.check-container,
.checkbox-holder {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.checkmark::after,
checkmark::after {
	content: ""
}

.footer-article .article-text,
.home-page-cities,
.listing-add-line {
	white-space: nowrap;
	overflow: hidden
}

.header-logo {
	width: 250px;
}

* {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4 {
	margin-top: 0
}

ul li {
	list-style: none
}

body {
	font-size: 14px;
	font-weight: 400;
	color: #464646;
	font-family: "Inter", sans-serif;
}


.footer_top h4:hover {
	color: #656565;
}

.footer_top .menu-link-ft:hover {
	color: #656565;
}

h4 {
	font-size: 16px;
}

.bg-white {
	background-color: white;
}

a {
	color: #b01611;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear
}

a:hover {
	color: #fd4a46;
	text-decoration: none
}

select {
	background-image: url(../images/dropdown_ico.png);
	background-position: right;
	background-repeat: no-repeat;
	appearance: none
}

header .nav.navbar-nav li a.dropdown-toggle {
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .nav.navbar-nav li a.dropdown-toggle .close_ico {
	height: 18px;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0
}

header .navbar-header {
	width: 23%;
	float: left
}

header .navbar-collapse.collapse {
	width: 77%;
	float: left
}

header .nav.navbar-nav li a.dropdown-toggle:hover,
header .nav.navbar-nav li.open a.dropdown-toggle:hover {
	background: #b01611 !important
}

header .nav.navbar-nav li a.dropdown-toggle:focus,
header .nav.navbar-nav li.open a.dropdown-toggle:focus {
	background: #17446e !important
}

header .lfsnavbar {
	width: 100%
}

body header .phone_and_contact.lfs_menu_li a {
	font-weight: 600;
	color: #17446e;
	text-align: center;
	padding: 0;
	margin-top: -19px
}

#search-bar-submarket {
	position: relative;
	z-index: 1035;
	display: inline-block;
	margin: 0;
	padding: 7px 15px;
	padding-bottom: 0;
	padding-right: 0;
}

#search-bar-submarket .formBlock {
	width: auto
}

#search-bar-submarket .form-group {
	margin-bottom: 1px
}

.phone_and_contact.lfs_menu_li a span {
	color: #17446e;
	position: absolute;
	width: 90px;
	left: 0;
	right: 0;
	margin: auto;
	top: 26px
}

.phone_and_contact.lfs_menu_li a span:hover {
	color: #b01611
}

.navbar-nav>li {
	float: none;
	vertical-align: middle;
	position: relative;
	margin-left: 23px !important;
	font-size: 15px
}

@-moz-document url-prefix() {
	.navbar-nav>li {
		margin-left: 18px;
	}
}

.navbar-nav>li>a {
	text-transform: uppercase;
}

.navbar-right .lfs_menu_li .header-link {
	color: #17446e;
	font-weight: 600;
	padding: 15px 5px 12px 15px !important;
	font-size: 15px;
}

.navbar-right .lfs_menu_li.tel-text a {
	font-size: 24px;
	font-weight: 500;
}

.nav.navbar-nav li a.btn_red {
	width: 155px;
	text-align: center;
	color: #fff;
}

.navbar-nav>li>a {
	padding: 0;

}

header .nav.navbar-nav li a.dropdown-toggle {
	background: #17446e;
	padding: 15px;
	margin-left: 55px;
}

.navbar-nav>li.dropdown img.close_ico,
.navbar-nav>li.dropdown.open img.menu_ico {
	display: none;
}

.nav.navbar-nav .dropdown .dropdown-menu {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
	background-color: #fff;
	border: none;
	border-radius: 3px;
	padding: 12px;
	top: 100%;
	margin-top: 16px;
}

.nav.navbar-nav .dropdown .dropdown-menu .carotIcon {
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	position: absolute;
	right: 10px;
	top: -10px;
	width: 0;
}

.nav.navbar-nav .dropdown .dropdown-menu li a {
	margin: 0;
	padding: 5px 10px;
	color: #003366;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	font-size: 15px;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
}

.nav.navbar-nav .dropdown .dropdown-menu li a:hover {
	background: 0 0;
	color: #333;
}

li.dropdown-menu-box .dropdown-menu li:hover a {
	color: #333 !important;
}

.dropdown-menu-box:hover .dropdown-toggle {
	color: #333 !important;
}

.mb-5px {
	margin-bottom: 5px;
}

.p-space10 {
	padding: 0px 10px;
}

.p-0 {
	padding: 0px !important;
}

.pt-0px {
	padding-top: 0px !important;
}

.pt-10px {
	padding-top: 10px;
}

.pt-35px {
	padding-top: 35px;
}

.pt-40px {
	padding-top: 40px;
}

.all-unset {
	all: unset;
}

.float-right {
	float: right;
}

.top-list-box .add_date .check-container {
	position: absolute;
	right: -4px;
	top: 1px;
	width: 25px;
	height: 25px;
	margin: 0;
}

.terms-check-block .agree-text {
	position: relative;
	top: -2px;
}

.terms-check-block .form-check-input {
	width: 16px;
	height: 16px;
}

.pb-0 {
	padding-bottom: 0;
}

.right-5px {
	right: 5px
}

.pt-50px {
	padding-top: 60px;
}

.cursor-pointer {
	cursor: pointer;
}

.w-auto {
	width: auto;
}

.text-red {
	color: red;
}

.mb-20px {
	margin-bottom: 20px;
}

.mb-30px {
	margin-bottom: 30px;
}

.vidbg-overlay {
	background: rgba(8, 8, 8, .7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .8;
	transition: opacity .5s ease;
	z-index: 999;
}

.btn_red {
	background: #17446e;
	color: #fff;
	border-radius: 3px;
	padding: 10px 16px 8px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: normal;
	cursor: pointer;
	display: inline-block;
	letter-spacing: .3px;
	border: none;
}

.btn_red:focus,
.btn_red:hover {
	background: #b01611 !important;
	border-color: #b01611 !important;
	color: #fff;
}

.search_section {
	background: url(../video/video-slow.gif) center center no-repeat;
	padding: 90px 0;
	text-align: center;
	color: #fff;
	background-size: cover;
	position: relative;
}

.search_section .container {
	position: relative;
	z-index: 999;
}

.search_section h1 {
	margin-bottom: 30px;
	font-size: 56px;
	font-weight: 400;
	margin-top: 8px;
}

.search_section h4 {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 7px;
}

.search_section h2 {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	margin-top: 35px;
	margin-bottom: 7px;
}

.search_section h4 a,
.search_section h2 a {
	color: #fff;
}

.search_section .search_box h4,
.search_section .search_box h2 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}


.search_box {
	display: table;
	margin: 20px auto;
	width: auto;
}

.search_box .form-control {
	margin-bottom: 0;
	min-width: 465px;
	font-weight: 300;
	float: left;
	width: auto;
	font-size: 15px;
	height: auto;
	color: #4d4d4d;
	border-radius: 3px 0 0 3px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.search_box .form-control::-webkit-input-placeholder {
	color: #222;
}

.search_box .form-control::-moz-placeholder {
	color: #222;
}

.search_box .form-control:-ms-input-placeholder {
	color: #222;
}

.search_box .form-control:-moz-placeholder {
	color: #222;
}

.search_box .btn-primary {
	height: auto;
	font-size: 15px;
	background-color: #b01611;
	float: left;
	border: 2px solid #b01611;
	font-weight: 600;
	border-radius: 0 3px 3px 0;
	padding: 8px 20px;
	width: auto;
	box-shadow: none;
}

.search_box .form-control:focus {
	border-color: #ccc;
}

.search_box .btn-primary:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

#popup_add,
.geoAddressTextBox {
	background-image: url(../images/map_icon.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	padding-right: 20px;
	text-overflow: ellipsis;
}

.services {
	padding: 45px 0;
	text-align: center;
}

.services.where_to_find .service_inner {
	border: 1px solid #e1e1e1;
	padding: 13px 0;
	background: #fff;
	box-shadow: 0 1px 3px #d4d4d4;
	min-height: inherit;
	margin-top: 10px;
	margin-bottom: 10px;
}

.services.where_to_find .service_inner .btn_red.width_auto {
	margin: 0;
	min-width: 270px;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 20px;
	letter-spacing: 1px;
}

.services.where_to_find .service_inner .img_where_find {
	height: 185px
}

.services.where_to_find .service_inner .img_where_find_inner_height {
	height: 132px;
	padding-top: 50px;
}

.services.where_to_find .service_inner .img_where_find img {
	margin-top: 24px
}

.img_where_find .multi-button {
	width: 260px;
	max-width: 100%;
	display: inline-block;
	padding: 0 6px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 14px
}

.img_where_find .multi-button a {
	color: #fff;
	width: 100%;
	font-size: 14px;
	letter-spacing: 1.5px;
	padding: 0;
	min-width: 70px;
	font-weight: 600;
	border-radius: 2px 2px 0 0;
	cursor: pointer;
	text-transform: uppercase;
}

.img_where_find .multi-button a.btn {
	padding: 18px 20px;
	border-radius: 30px;
}

.img_where_find .multi-button .legal a span {
	background: #ffd2d2;
	border: 1px solid red
}

.img_where_find .multi-button .tami a {
	background-color: #000
}

.img_where_find .multi-button .tami a span {
	background: #cbcbcb;
	border: 1px solid #000
}

.img_where_find .multi-button .fire a {
	background-color: #0070c0
}

.img_where_find .multi-button .fire a span {
	background: #cee5f6;
	border: 1px solid #0070c0
}

.img_where_find .multi-button .health a {
	background-color: #116436
}

.img_where_find .multi-button .health a span {
	background: #bbf2d4;
	border: 1px solid #116436
}

.pointer {
	cursor: pointer
}

.img_where_find .multi-button span {
	clear: both;
	width: 100%;
	display: inline-block;
	font-size: 15px;
	color: #000;
	font-weight: 400;
	line-height: 20px;
	margin-top: 0;
	padding-bottom: 12px;
	padding-top: 8px
}

.img_where_find {
	height: 120px;
	text-align: center
}

.img_where_find img {
	max-width: 85px
}

.img_where_find .service_inner,
.where_to_find .service_inner p {
	text-align: center;
	font-weight: 600;
	color: #17446e;
	font-size: 22px;
	margin-bottom: 0;
	line-height: 22px;

}

.service_inner p.service_inner_text_list {
	font-size: 23px;
}

.btn_blue {
	background: #17446e;
	border-color: #17446e;
	color: #fff
}

#listing-page-cities {
	background: #fffcfc;
	width: 100%;
	display: inline-block
}

#listing-page-cities .block_title {
	text-align: center;
}


#listing-page-cities {
	padding: 30px 0
}

#recent-market {
	padding: 30px 0 25px;
	display: inline-block;
	width: 100%;
	background: #fff;
	text-align: center
}

#recent-buildings {
	padding: 30px 0 25px;
	display: inline-block;
	width: 100%;
	background: #f4f8fc;
	text-align: center
}

.service_inner {
	padding: 30px 27px 15px;
	border: 2px solid #17446e;
	border-radius: 5px;
	min-height: 305px;
	background: #f4f8fc
}

.service_inner p {
	font-weight: 400;
	text-align: justify
}


.block_title {
	font-size: 22px;
	color: #17446e;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: uppercase
}

#about-page .space span {
	color: #17446e !important;
}

#about-page .bdr-hed h3 span {
	color: #17446e !important;
}

#about-page .learn-more p a {
	color: #000000 !important;
	text-decoration: underline;
}

#contact-icons .col-xs-12 a {
	margin-left: 32px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	color: #464646;
	display: block;
	margin-bottom: 5px;

}

.popular_city_block {
	display: inline-block;
	width: 100%;
	padding: 30px 0 25px;
	text-align: center;
	background: #b8cfe5
}

.popular_city_block a {
	color: #000;
}

.office-sublets .popular_city_block a {
	color: #000;
}

.offices-wanted-list .et_pb_buttonWantedListing {
	background-color: #fff;
}

.buildingItem p.MsoListParagraphCxSpMiddle {
	text-indent: 0 !important;
}

.buildingItem p.MsoListParagraphCxSpFirst {
	text-indent: 0 !important;
}

.buildingItem p.MsoListParagraphCxSpLast {
	text-indent: 0 !important;
}

.col-md-12 .description-wrapper ul {
	padding-left: 17px;
}

.col-md-12 .description-wrapper ul li {
	list-style: disc;
	margin-bottom: 3px;
}

.col-md-12 .description-wrapper ul li a {
	display: block;
	margin-bottom: 5px;
}

.ms-10px {
	margin-left: 10px;
}

.pt-4px {
	padding-top: 4px;
}

.text-dec-underline {
	text-decoration: underline;
}

.home-page-cities {
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	text-align: left;
	text-overflow: ellipsis;
	height: 24px;
	display: block;
}

#about-page .article.main-section h1 {
	font-size: 42px;
}

#about-page .article.main-section h2 {
	font-size: 35px;
}

#about-page .article.main-section h3 {
	font-size: 30px;
}

#about-page .article.main-section h4 {
	font-size: 22px;
}

#about-page .article.main-section h5 {
	font-size: 18px;
}

#about-page .article.main-section h6 {
	font-size: 18px;
}

.Office-wanted {
	text-transform: uppercase;
}

.label-badget {
	background: #ffe933;
	padding: 2px 5px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	color: #000;
	font-weight: 600;
}

.label_filter_industry {
	color: #0b0b0b;
	font-weight: 600;
	padding-top: 7px;
	font-size: 20px;
}

.label_filter_industry a p {
	margin-top: 0px !important;
}

.loader {
	display: none;
	position: fixed;
	z-index: 999999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=60);
	opacity: .6;
	-moz-opacity: .8
}

.formDropdown,
.search-inputs,
input {
	background-color: #fff;
	font-size: 14px
}

.loader-inner {
	position: fixed;
	left: 50%;
	top: 50%;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	margin: -50px 0 0 -50px
}

.footer-items h4 {
	margin-bottom: 28px;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400
}

.get-new-listing-footer .heading {
	font-size: 20px;
	font-weight: 600;
}

.get-new-listing-footer {
	display: none;
	font-size: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 15px;
}

.get-new-listing-footer .list-box {
	display: flex;
	justify-content: space-between;
}

.get-new-listing-footer .d-flex {

	align-items: center;
	margin-top: 10px;
	margin-right: 10px;
}

.get-new-listing-footer .d-flex .form-check-input {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-top: 0;
	margin-bottom: 0;
}

.get-new-listing-footer .city-box input {
	margin-bottom: 0;
	width: auto;
	width: 120px;
	margin-left: 10px;
}

.get-new-listing-footer .d-flex label {
	margin-bottom: 0;
}

/* #footer_contactform .col-sm-12,
#footer_contactform .col-sm-6 {
	padding-left: 0
} */

.socialIcons {
	float: right;
	margin-bottom: 0;
	margin-top: 5px;
	margin-right: 13px
}

.bottomBar p,
.formBlock {
	float: left;
	width: 100%
}

.socialIcons li {
	display: inline;
	padding-left: 5px;
	padding-right: 0;
	border-left: none;
	font-size: 14px
}


.a-terms {
	display: inline-block;
	margin-left: 20px;
	color: #fff;
}

.Contact h4 {
	font-size: 26px
}

.w-65px {
	width: 65px;
}

.d-inline {
	display: inline-block;
}

.left-0 {
	left: 0;
}

.top-2px {
	top: 2px;
}

.width-55-float-left {
	width: 55%;
	float: left;
}

.filterContent {
	padding: 10px;
	border-radius: 0;
	border: none
}

.buildingContent .building_img .propertyImgLink img.coming-soon-img {
	object-fit: cover;
	padding: 0;
}

.filterContent.shadow {
	box-shadow: 0 2px 8px rgb(0 0 0 / 25%);
	border: 1px solid #e2e8f0;
}

.loginModal .modal-dialog {
	display: flex;
	align-items: center;
	min-height: 100vh;
	position: relative;
}

#loginModal .modal-dialog {
	left: auto;
	transform: none !important;
	justify-content: center;
}

#loginModal .modal-header .close {
	position: absolute;
	right: 20px;
	top: 20px;
	opacity: 0.5;
}

#top-search-bar.sticky .filterContent {
	padding: 10px 20px 11px;
}

#top-search-bar {
	width: 100%;
	top: 0;
	z-index: 999;
	display: none;
	background: #fff;
}

#top-search-bar.sticky {
	top: 0;
	position: fixed;
}

/* .formBlock.select {
	overflow: hidden;
} */

.listing_search-page .form-inline .form-group:first-child {
	width: 100%;
	padding-right: 78px;
}

.listing_search-page table {
	width: 100%
}

.search-inputs {
	margin-bottom: 0;
	border-radius: 0;
	height: 39px;
	font-weight: 300;
	box-shadow: none;
	border-color: #bbb
}

.listing_search-page .office .btn {
	font-weight: 600;
	color: #464646;
	font-size: 14px;
	border: 1px solid #ccc
}

.listing_search-page .form-inline .form-control {
	display: block
}

.listing_search-page .form-inline .form-group:last-child {
	position: absolute;
	right: 15px
}

.listing_search-page .form-inline .form-group:last-child select {
	width: 75px
}

.formDropdown,
input {
	width: 100%;
	padding: 8px;
	margin-bottom: 20px;
	border-radius: 2px;
	border: none;
	border: 1px solid #ccc;
	color: #555
}

.search-type-box,
.search-type-box a {
	color: #fff;
	font-size: 15px;
	font-weight: 600
}

.formDropdown:focus,
.login_frm .form-control,
form-control:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=email]:focus {
	border-color: var(--lfs-blue);

}

.search-type-box {
	margin: 0;
	border: none;
	text-align: center;
	width: 16.67%;
	cursor: pointer;
	position: relative
}

.search-type-box a {
	padding: 10.5px 2px;
	display: block;
	line-height: normal;
	opacity: .9
}

.search-type-box .submenu,
.submenu {
	display: none
}

.submenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 190px;
	text-align: left;
	background: #484848;
	z-index: 99;
	max-height: 600px;
	overflow-x: hidden
}

.search-type-box .submenu a {
	font-size: 14px;
	font-weight: 300;
	padding: 10.5px 8px
}

.search-type-box .submenu li {
	border-bottom: 1px solid #ddd
}

.legal .submenu {
	background: #f94e4e;
}

.fire .submenu {
	background: #58a3d8
}

.tami .submenu {
	background: #333
}

.health .submenu {
	background: #53bd83
}

.suits .submenu {
	background: #664b86;
	left: -69px
}

.search-type-box.legal .submenu {
	display: none;
	background-color: #e11712
}

.fire .submenu li {
	border-color: #0070c0
}

.tami .submenu li {
	border-color: #000
}

.health .submenu li {
	border-color: #116436
}

.suits .submenu li {
	border-color: #4a1e7f
}

.search-type-box:hover .submenu {
	display: block
}

.listing_search-page .office-label {
	padding-top: 10px;
	position: absolute
}

.office-dropdown {
	width: 23%;
	float: right;
	right: 15px
}

.txt-center {
	text-align: center
}

.filterContent label strong {
	color: #17446e;
	font-weight: 600;
	font-size: 16px
}

.tami {
	background-color: #000
}

.legal {
	background-color: #b01611;
	border-radius: 30px;
}

.fire {
	background-color: #0070c0
}

.health {
	background-color: #116436
}

.private_space {
	background-color: #66afe9
}

.suits {
	background-color: #4a1e7f
}

._emp_mid_box_arrow_left,
._emp_mid_box_arrow_right {
	color: #17446e;
}

.top_section {
	margin: 0px;
	background: #17446e;
	padding: 8px 20px;
	display: block;
	width: 100%;
	border-radius: 0
}

.top_section.sticky {
	z-index: 99;
	top: 0px;
}

.property_title {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	color: #333;
	margin-top: 6px
}

#top_section .property_title {
	color: #fff;
	margin-top: 5px;
	float: left;
	font-family: "Inter", sans-serif;
}

.filter-search-holder {
	display: inline-flex;
	margin-left: 26%;
	position: absolute
}

.propertySort_list {
	margin-top: 0;
	width: 100%;
	display: block
}

.large_propertySort_list .large_propertySort_list_li,
.propertySort_list_li {
	background: #737c98;
	width: 180px;
	text-align: center;
	position: relative;
	padding: 1px;
	vertical-align: middle
}

.propertySort_list_li {
	margin-right: 32px;
	float: left;
	display: inline-block
}

.large_propertySort_list {
	margin-top: 0;
	float: right;
	margin-left: 14%;
	margin-bottom: 0
}

.large_propertySort_list .large_propertySort_list_li {
	display: inline-block
}

.large_propertySort_list_li a {
	font-weight: 600;
	cursor: pointer;
	text-transform: capitalize;
	font-size: 15px;
	color: #fff
}

.propertySort_list_li a {
	font-weight: 700
}

.hide-check-container .hide-check-ul {
	float: none;
	display: inline-block
}

.hide-check-ul li {
	float: left
}

.justify-content-center {
	justify-content: center;
}

.justify-content-start {
	justify-content: start !important;
}

.m-0 {
	margin: 0px !important;
}

.hide-check-text input[type=checkbox] {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-left: 3px;
	margin-top: -4px;
	-ms-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	outline: 0
}

.hide-checkmark {
	position: absolute;
	top: 10px;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 2px solid #585757
}

.hide-check-text {
	color: #fff;
	float: left;
	font-size: 15px
}

.save-text {
	color: #fff;
	float: left;
	text-align: right;
	font-size: 15px
}

checkmark::after {
	position: absolute;
	display: none
}

.check-container input:checked~checkmark {
	background-color: #17446e;
	border: 2px solid #17446e
}

.check-container checkmark:after {
	left: 6px;
	top: 2.9px;
	width: 5px;
	height: 10px;
	border: solid #3dff1a;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.hide-check-ul .show-li {
	background: #737c98;
	padding: 1px;
	margin-right: 32px;
	width: 160px;
	float: left;
	text-align: center;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer
}

.header-listing-checkbox,
.hide-check-container {
	display: inline-block;
	float: right
}

.building-inquire ::placeholder {
	font-size: 11px
}

.hide-check-container a,
.save-check-container a {
	color: #fff;
	font-size: 16px;
	font-weight: 700
}

.hide-li {
	display: inline-block;
	background: #faebd7;
	width: 12%
}

.hide-check-container .checkbox {
	height: 15px;
	width: 15px;
	display: initial;
	margin-top: -1px;
	margin-left: 7px
}

.save-check-container {
	display: inline-block
}

.save-check-container .checkbox {
	height: 15px;
	width: 15px;
	display: initial;
	margin-top: -1px;
	margin-left: 7px
}

.check-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.list_data_inner,
.propertyItem {
	position: relative
}

.propertySort_list li:last-child {
	padding-right: 0
}

.bordernone {
	padding: 0
}

.propertySort_list li.bordernone {
	margin-left: 120px;
	border: none
}

.top_section .propertySort_list li .form-control {
	height: 24px;
	padding: 0 7px;
	line-height: 24px;
	border-radius: 0;
	margin-bottom: 0;
	margin-top: 3px;
	font-weight: 300;
	width: 336px;
	background: #f4fafc;
	font-size: 15px;
	color: #555;
	box-shadow: none;
	border: none
}

.propertySort_list li a {
	cursor: pointer;
	text-transform: capitalize;
	font-size: 15px;
	color: #fff
}

#list-view {
	display: inline-block;
	width: 100%;
	margin-top: 0px
}

.row_listings {
	margin: 0 -10px
}

.col_5 {
	float: left;
	width: 20%;
	padding: 0 10px
}

.propertyItem {
	background-color: #fff;
	margin-bottom: 20px;
	min-height: 290px;
	border: 1px solid #ccc;
	padding: 9px 9px 45px;
	box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .1);
	border-radius: 0px 0px 4px 4px;
}

.listing_inner .propertyItem {
	min-height: 399px;
	border-radius: 4px;
}


.propertyContent a {
	color: #2a2a2a
}

.add_date {
	position: absolute;
	font-size: 15px;
	z-index: 1;
	right: 0;
	width: 30%;
	text-align: left;
	min-height: 39px;
	padding: 6px 0 0 10px;
	top: 4px
}

.top-list-box {
	display: inline-block;
	width: 100%;
	clear: both;
	height: 34px;
}

.small_feature_image {
	float: right;
	padding-right: 65px;
	padding-top: 7px;
}

.propertyContent .propertyType {
	font-size: 18px;
	line-height: 28px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	position: absolute;
	color: #eae6e6;
	padding: 5px 3px;
	z-index: 1;
	width: 54%;
	left: -1px;
	display: block !important;
	min-height: 39px
}

.check-container {
	display: block;
	cursor: pointer;
	font-size: 22px;
	user-select: none
}

.add_date input[type=checkbox] {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-left: 3px;
	margin-top: -4px;
	-ms-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	outline: 0
}

.checkmark {
	position: absolute;
	top: 6px;
	right: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 2px solid #585757
}

.checkmark::after {
	position: absolute;
	display: none
}

.check-container input:checked~.checkmark {
	background-color: #17446e;
	border: 2px solid #17446e
}

.check-container .checkmark:after,
.checkbox-holder .checkbox-mark:after {
	border: solid #3dff1a;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.check-container .checkmark:after {
	left: 6px;
	top: 2.9px;
	width: 5px;
	height: 10px;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

.check-container input:checked~.checkmark:after {
	display: block
}

.listing-add-line {
	font-weight: 600;
	color: #000;
	margin-bottom: 0;
	font-size: 13px;
	opacity: .7;
	line-height: 22px;
	text-overflow: ellipsis
}

.small_list_title {
	font-weight: 600;
	color: #000;
	margin-bottom: 0;
	font-size: 18px;
	opacity: .7;
	line-height: 22px;
	text-overflow: ellipsis
}


.overview-spacing {
	margin-bottom: 5px;
	padding: 0px 10px;
}


#list-view .overviewList {
	margin-bottom: 0;
}


.properties .properties-sm-text p {
	margin-bottom: 0;
}

.properties .properties-sm-text {
	padding: 10px;
	border: 1px solid #8e8e8e;
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
	color: #000;
	font-size: 18px;
}

.building-page-text-box {
	margin-bottom: 15px;
}


.properties.list-page .breadcrumbclass {
	justify-content: space-between;
	flex-wrap: wrap;
}

.properties.list-page .breadcrumb-main {
	padding: 0;
}

.properties .breadcrumb-item {
	display: flex;
	align-items: center;
}

.building-page-search-container {
	margin-left: 15px;
}


.listing-add-line.OTHERS-text {
	color: #4a1e7f !important
}

b,
strong {
	font-weight: 600;
}

.neighborhoods-tx {
	font-size: 22px !important;
	display: inline-block;
	margin-left: 10px;
}

.heading-block-tx {
	font-size: 22px !important;
	display: inline-block;
}

.bottom_freecontact_button {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-weight: 600;
	font-size: 12pt;
	padding: 4px 13px 0;
	border-top: 1px solid #8e8989;
	left: 0;
	height: 33px;
	background: #8e8989;
	color: #ffffff;
}

.bottom_freecontact_button .view_btn {
	border: 1px solid #ffffff;
	padding: 0px 5px;
	font-size: 11pt !important;
}

.search-city,
.white-bg {
	background-color: #fff
}

.pac-container {
	z-index: 100000
}

.or {
	width: 100%;
	text-align: center !important;
	font-weight: 700
}

.search-city {
	padding-bottom: 8px;
	padding-top: 8px;
	margin-bottom: 20px
}

.properties.page-content {
	background: #f5f5f5;
	padding: 15px 0;

}

.properties.page-content.Dashboard {
	min-height: 320px;
}

body ul.propertySort_list li.bordernone button.form-control {
	position: absolute;
	right: 5px;
	border: none;
	top: 0;
	width: 34px;
	background: url(../images/search-icon.png) 7px center no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	background-size: 18px
}

.propertyImgLink img {
	width: 100%;
	margin-bottom: 5px
}

.propertyImgLink.img-box {
	height: 168px
}

.propertyImgLink.img-box .img-display {
	background-size: cover !important;
	width: 100%;
	height: 157px;
	background-position: center center !important;
	margin: 6px 0
}

#offices_wanted .modal-dialog {
	max-width: 100%;
	width: 950px
}

.icon {
	float: none;
	margin-right: 5px;
	vertical-align: middle
}

input[type=text]:disabled {
	background: #ddd !important
}

.slideshow-caption {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 10px 0;
	font-size: 15px;
	float: left
}

#bx-pager>a>img {
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px
}

#contact-anchor {
	display: block;
	position: relative;
	top: -230px;
	visibility: hidden
}

.available-offices {
	margin-bottom: 20px;
	width: 100%
}

.overview ul.overviewList li {
	display: flex;
	align-items: start;
	justify-content: space-between;
	padding-top: 8px;
	padding-bottom: 8px;
}

.overview ul.overviewList span {
	float: none;
	text-align: end;
	display: block;
	margin-left: 7px;
}

.overviewList li {

	border-bottom: 1px solid #dcdcdc
}

.overviewList li:last-child {
	border: none;
	padding-bottom: 0
}

.bxslider2>li>img,
.bxslider3>li>img {
	width: 100%
}

.alertBox.info {
	text-align: center;
	cursor: pointer
}

.mapSmall {
	height: 400px
}

#share-buttons {
	margin-top: 20px
}

.overviewList.bar {
	margin-bottom: 10px;
	margin-top: -10px
}

.lawfirmList span {
	font-size: 14px;
	float: none
}

.bdr-hed {
	position: relative;
	clear: both
}

.bdr-hed h3 {
	font-size: 19px;
	font-weight: 400;
	color: #143658;
	width: auto;
	border-bottom: 0;
	position: relative;
	padding-bottom: 15px;
	display: inline-block;
}

#listing-inquire-form .check-box .form-check-label {
	display: flex;
	font-size: 14px;
	width: 100%;
}

.bdr-hed .datails-dis-heading-text {
	font-size: 19px;
	font-weight: 400;
	color: #143658;
	width: auto;
	border-bottom: 0;
	position: relative;
	padding-bottom: 15px;
	display: inline-block;
}


.bdr-hed h3:before,
.bdr-hed:after {
	position: absolute;
	content: "";
	right: 0;
	left: 0
}

.bdr-hed:after {
	width: 100%;
	background: #d7d7d7;
	bottom: 12px;
	height: 2px
}

.bdr-hed h3:before {
	background: #143658;
	bottom: 0;
	height: 7px;
	z-index: 9
}

body p.listing-address,
body .listing-address {
	font-size: 20px;
	color: #464646;
	margin: 0 0 10px;
	line-height: 1.428571429;
}

/* #inquire-form label {
	color: #464646;
	font-weight: 600;
	font-size: 13px
} */

.amentitiesTable td {
	height: 40px
}

.filterContent {
	background: #fff !important
}

overview {
	background-color: #f8f8f8
}

.overviewList span {
	font-size: 12px;
	float: right;
	color: #143658
}

.available-offices>tbody>tr>td h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #464646
}

.available-offices>tbody>tr>td p.avl-office {

	font-weight: 500;
	color: #464646;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.available-offices>tbody>tr>td span {
	font-size: 15px;
	font-weight: 600;
	color: #17446e;
}

body .page-content .btn-primary {
	color: #fff;
	background-color: var(--lfs-blue);
	border-color: var(--lfs-blue);
	font-size: 14px;
}

#listing-description {
	font-family: "Helvetica", Arial, sans-serif;
	word-wrap: break-word;
}

.detail-dis #listing-description .help-block {
	color: #464646 !important;
}

.col-md-3 .listing-contact-btn-block {
	justify-content: space-between;
}

.col-md-3 .listing-contact-btn-block .btn.control-btn {
	width: 33%;
	opacity: 1;
	background: #ebebeb;
}

.listing-page.contact_info a {
	color: #b01611 !important;
}

.listing-page.contact_info a:hover {
	color: #9f1712 !important;
}

.listing-page.contact_info .row-box {
	font-size: 15px;
	font-weight: 500;
	font-family: "Inter", sans-serif;

	width: 100%;
}

body .page-content .btn.control-btn {
	background-color: #fff;
	border-color: #ccc;
	color: #333;
	font-size: 14px;

}

body .detail-dis p {
	font-size: 16px;
	font-family: "Helvetica", Arial, sans-serif;
}

body .page-content .btn.control-btn:hover {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad
}

.page-content .btn-primary.btn-block:hover {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e
}

.btn-primary.blue {
	text-align: center;
	padding: 10px 35px !important;
	font-family: Open Sans;
	border-radius: 5px
}

.btn-primary.blue a {
	color: #fff;
	text-decoration: underline;
	cursor: pointer
}

.mtop-10 {
	margin-top: 10px
}

.first-btn {
	padding-right: 0
}

.last-btn {
	padding-left: 0
}

.mar-40 {
	margin: 40px 0
}

.wth100 {
	width: 100%
}

.red {
	color: #b01611;
}

.select2-container-multi .select2-choices .select2-search-field input {
	width: 100% !important
}

body .available-offices>tbody>tr>td {
	font-size: 17px;
	padding: 10px 0;
	border-bottom: 1px solid #dcdcdc
}

.gallery #bx-pager,
.overview {
	background-color: #fff;
	padding: 10px
}

#inquire-form input,
#inquire-form textarea {
	background-color: #fff;
	margin-bottom: 10px;
	width: 99%;
	margin: 0 auto;
	margin-bottom: 00px;
}

#inquire-form input.auto-focus {
	border-color: var(--lfs-blue);
}

.overview {
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	margin-bottom: 5px
}

.right-text-active {
	float: right;
	position: relative;
	z-index: 9;
	margin-top: -40px
}

.gallery #bx-pager {
	text-align: center;
	margin-bottom: 40px
}

.gallery .sliderControls span {
	opacity: 1.0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear
}

.sliderControls {
	margin-top: -15px !important;
	position: absolute;
	width: 100%;
	top: 35%;
}

.sliderControls .slider-next {
	position: absolute;
	right: 32px
}

.bg_white .pricingHeader {
	padding: 13px 0;
	border: 1px solid #d3d3d3
}

.bg_white .pricingHeader h2,
.bg_white .pricingHeader h1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	text-align: center;
	color: #000;
	margin-bottom: 0
}

body .bg_white .pricingTable ul li {
	font-size: 16px;
	line-height: 18px;
	padding: 9px 0;
	border-bottom: 1px solid #d3d3d3;
	text-align: center
}

body .bg_white .pricingTable ul {
	margin: 0
}

body .bg_white .pricingTable {
	background: #f4fafc;
	border: 1px solid #d3d3d3
}

#error-occured {
	color: #b01611;
	display: none;
	margin: 0;
	height: 40px;
	line-height: 18px
}

body .bg_white .light-blue {
	background: #c9eef8;
	border-top: none;
	border-bottom: none;
	text-align: center;
	padding: 19px 0 11px
}

body .bg_white .pricingTable ul li .btn_red.width_auto {
	margin: 10px 0;
	font-size: 16px
}

.plan-features {
	border: 1px solid #ccc;
	border-bottom: 0
}

.pricingHeader {
	padding: 10px 0
}

.sidebarWidget h1 {
	background: #17446e;
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 20px;
	margin: 0;
	font-family: "Inter", sans-serif;
}

#login-links {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	color: #464646;
}

.sidebarWidget .btn_red {
	min-width: 150px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 23px;
}

.light-blue {
	background: #f4fafc;
	border: 1px solid #ddd;
	display: inline-block;
	width: 100%;
	padding: 20px
}

.light-blue.whiteBg {
	min-height: 310.57px
}

.sidebarWidget .show.btn_red#password-reset {
	display: inline-block !important
}

#contact-icons span,
.blogPost span,
.space,
div#about-page ul {
	display: inline-block
}

.light-blue input {
	background: #fff;
	line-height: 23.5px
}

.light-blue.sec2 {
	min-height: 255px;
	position: relative
}

.light-blue.sec2 .btn_red {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	max-width: 180px;
	margin: auto
}

label {
	font-size: 17px;
	font-weight: 400
}

.sidebarWidget h4 {
	margin-bottom: 15px;
	line-height: 30px;
	text-align: center
}

.light-blue h5 {
	text-align: left;
	font-size: 17px
}

.btn-full-width {
	width: 100%;
	text-align: center
}

.btn-full-width.btn_red {
	margin-top: 15px
}

.blogPost {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc
}

.blogPost span {
	font-size: 12px;
	color: #575757;
	line-height: 33px;
	margin-bottom: 10px
}

.blogPost span a {
	color: #17446e
}

body .blogPost p {
	font-size: 14pt
}

.blogPost .blue-btn-outline {
	display: inline-block;
}

.blogPost .btn_red {
	margin: 14px 0 33px;
	padding: 8px 12px;
	font-weight: 500
}

.blogPost h4,
.blogPost h2 {
	font-size: 19px;
	width: 100%;
}

#contact-icons {
	background: #fff;
	padding: 30px 15px 15px;
	line-height: 26px;
	margin-bottom: 20px
}

p.ptop {
	margin-left: 16px
}

#contact-icons span {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	display: flex;
	align-items: center;
}

.contact-icon {
	margin-right: 10px
}

#contact-icons .col-xs-12 p {
	margin-left: 32px
}

.contactus-page {
	padding-top: 40px;
}

.contactus-page textarea {
	height: 130px;
	width: 100% !important;
	background: #fff;
	box-shadow: none
}

.btn_red.blue-btn,
.buildingContent.row .btn_red.blue-btn {
	background: #b01611;
	border-color: #b01611;
	text-align: center;
}

.btn_red.blue-btn {
	font-weight: 600;
}

.buildingContent.row .btn_red.blue-btn {
	font-weight: 300;
	padding: 10px 0;
	width: 100%
}

body .btn_red.blue-btn:hover {
	background: #17446e !important;
	border-color: #17446e !important
}

div#about-page {
	font-size: 16px;
	color: #000;
}

div#about-page p {
	line-height: 28px;
}

.space {
	height: 17px;
	width: 100%
}

div#about-page ul {
	padding: 0;
	margin: 10px 0 20px;
	width: 100%
}

div#about-page li,
ul.listing-fees li {
	display: inherit;
	font-size: 16px;
	line-height: 36px;
	position: relative;
	padding-left: 30px;
	font-weight: 700;
}

div#about-page li {
	width: 100%;
}

div#about-page li:after,
ul.listing-fees li:after {
	position: absolute;
	content: ""
}

div#about-page li p,
ul.listing-fees li p {
	font-weight: 400
}

div#about-page li:after {
	background-color: #143658;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	left: 2px;
	top: 14px
}

ul.listing-fees li:after {
	background: url(../images/icon-check.png);
	width: 16px;
	height: 16px;
	left: 0;
	top: 8px;
}

.rej-check,
.white-popup {
	position: relative;
}

body #about-page .bdr-hed h3 {
	font-size: 19px;
	font-weight: 400;
	color: #143658;
	width: auto;
	border-bottom: 0;
	position: relative;
	padding-bottom: 15px;
}

div#about-page>div {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	margin: -15px 0 0;
	padding: 16px 235px;
	display: inline-block;
	width: 100%;
	padding-top: 30px;
	margin-top: 10px;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: .01px;
	text-overflow: "";
	padding-right: 25px !important;
	background-color: #fff;
	width: 100%;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #ccc
}

#register-block select {
	padding: 8px 5px;
	border-radius: 2px;
}

.rej-check .checkmark {
	left: 0;
	top: 0
}

.login-page-block {
	padding: 40px 20px;
	background-color: #f8fafc;
}

.m-btm {
	margin-bottom: 0;
}

.local-brokers .modal-title {
	margin: 0;
	line-height: 1.428571429;
	color: #fff;
	font-size: 24px
}

.local-brokers .modal-body {
	padding-top: 35px;
}

.local-brokers ul li {
	line-height: 30px;
	font-size: 18px;
	margin-bottom: 18px;
}

.local-brokers .modal-header {
	background: #17446e;
}

.local-brokers ul li svg {
	padding-top: 7px;
}

.local-brokers .close {
	opacity: .8;
	font-size: 24px;
	color: #fff;
	text-shadow: none;
}

.white-popup {
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}

.navbar-collapse .navbar-nav.navbar-right:last-child {
	text-align: left;
}

.firm-53 .propertyItem {
	padding: 15px;
}

.link-list-old {
	margin-bottom: 20px;
}

.properties.page-title {
	border: 0;
	box-shadow: none;
	padding-bottom: 12px;
	padding-top: 10px;
	background: #17446e;
	color: #fff;
	margin-bottom: 0;
}

.properties.page-title>.container h1 {
	margin-bottom: 0;
	font-size: 22px;
	color: #fff;
	font-weight: 700;
}

.buildingItem {
	background-color: #fff;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 9px;
	box-shadow: 0 3px 10px -2px rgba(0, 0, 0, .1);
}

body .bordernone .form-control {
	height: 24px;
	padding: 0 7px !important;
	line-height: 24px !important;
	border-radius: 0;
	margin-bottom: 0;
	margin-top: 3px;
}

body .bordernone .icon-btn {
	position: absolute;
	right: 0;
	border: none;
	top: 0;
	width: 34px;
	background: url(../images/search-icon.png) 7px center no-repeat;
	background-size: 18px;
}

.lawfirm_directory .col-md-3 {
	width: 26.1%
}

.lawfirm_directory.properties.page-title>.container h1 {
	width: 39.4%
}

.col-xs-12.title_row h4,
.col-xs-12.title_row h1 {
	display: inline-block;
	margin: 8px 0 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.1;
}

.formmtr {
	padding: 15px 15px;
	border: 1px solid #cccaca;
	margin-left: 5%;
}

.building .img-wrapper {
	margin-bottom: 40px
}

.building .img-box {
	padding: 0
}

table {
	width: 100%
}

#advertiser-register-form .pricingHeader>span {
	font-size: 15px;
	color: #fff;
	margin-top: 10px
}

.priceAmount {
	background-color: #617689;
	padding: 15px 0;
	line-height: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #fff
}

#advertiser-register-form .filterContent {
	background: #f4fafc !important;
	border: 1px solid #ddd;
	padding: 15px
}

select[disabled] {
	background-color: #EBEBE4 !important
}

.checkbox-bottom input {
	display: inline-block;
	height: 17px;
	width: 17px;
	top: 5px;
	position: absolute
}

.checkbox-bottom span {
	position: relative;
	top: 7px;
	margin-left: 8px;
	font-size: 15px
}

body .bg_white #advertiser-register-form .pricingTable ul li {
	border-bottom: none !important
}

.error-404 {
	background: url(../images/icon-search-big.png) 56% 0 no-repeat;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 50px;
	margin-top: 20px
}

.error-404 h1 {
	font-size: 85px;
	color: #17446e
}

.error-404 p {
	font-size: 21px
}

.Dashboard .btn.btn-small.btn-primary {
	float: right;
	margin-top: -56px;
	border: none !important;
	box-shadow: none !important;
	font-size: 16px;
	padding-top: 7px
}

.Dashboard .btn.btn-small.btn-primary:hover {
	color: red
}

.Dashboard h2 {
	background: 0 0;
	font-size: 20px;
	color: #222;
	padding: 20px 0 0
}

.Dashboard .filterContent {
	padding: 40px 10px 30px;
	margin: 15px 0
}

.cetner-srh {
	max-width: 438px;
	margin: 15px auto 10px
}

.cetner-srh input {
	width: auto;
	display: inline-block
}

.cetner-srh input[type=text] {
	width: 330px
}

.cetner-srh .btn_red.blue-btn {
	padding: 9.3px 16px;
	position: absolute;
	border-radius: 0 3px 3px 0
}

body .bg_white .pricingTable ul li.extra-space {
	padding: 29px 0
}

div#about-page .main-section .box-main a.link-new {
	font-size: 20px;
	display: initial;
	text-decoration: underline
}

div#about-page .main-section .box-main a.link-new:after {
	display: none;
	color: #b01611;
}

.properties.page-content.about #top-sticky {
	display: none;
}

#adListTag .et_pb_column_6 {
	padding-bottom: 5px;
}

.listing-page.contact_info .btn-primary.blue {
	background: none;
	color: #b01611;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.listing-page.contact_info .btn-primary.blue a {
	color: #b01611;
}

.listing-page.contact_info {
	padding: 10px;
	border: 2px solid #b01611;
	background: #fff;
	color: #b01611;
	margin-bottom: 15px;
	min-height: 105px;
	display: flex;
	align-items: center;
	/* justify-content: center; */
}

.listing-page.contact_info .contact-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

.listing-page.contact_info .btn-primary.btn-block {
	width: auto;
	margin-top: 14px;
	border-radius: 0;
	color: #fff;
	background-color: #f00;
	border-color: #f00;
	font-size: 14px;
	font-weight: bold;
}

.listing-page.contact_info p {
	margin: 0;
}

.listing-page.contact_info br:last-child {
	display: none;
}

.lfsnavbar .lfs_menu_top_head .header-link {
	background: #ffffff;
	color: #17446e;
	border-radius: 30px;
	max-width: 224px;
	/*	max-width: 235px;*/
	text-align: center;
	padding: 10px 15px 10px 15px;
	margin-top: 5px;
	border: 1px solid;
}

.lfs_menu_top_first_row_home_new {
	background: #ffffff;
	color: #17446e !important;
	border: 1px solid #17446e !important;
}

.lfs_menu_top_first_row_home_new:hover {
	background: #17446e !important;
	color: #ffffff !important;
}

.service_inner .lfs_menu_top_first_row {
	background: #17446e;
	color: #ffffff;
	border-radius: 30px;
	max-width: 285px;
	text-align: center;
	padding: 10px 15px;
	font-size: 20px !important;
	margin-bottom: 20px !important;
	margin-top: -10px !important;
}

.service_find_new_ver .contact_home {
	background: #17446e !important;
	color: #ffffff !important;
}

.service_find_new_ver .contact_home:hover {
	background: #b01611 !important;
	color: #ffffff !important;
}

.search_box .btn-primary {
	border-radius: 30px;
}

.lfsnavbar .lfs_menu_top_head .header-link:hover {
	background: #17446e;
	color: #ffffff;
}

.lfs_menu_top_head_home_new .header-link:hover {
	padding: 8px 15px !important;
}

.service_inner .lfs_menu_top_first_row:hover {
	background: #b01611;
	color: #ffffff;
}

.is_home li.lfs_menu_li.head_phone a,
.is_not_home li.lfs_menu_li.head_phone a {
	color: #17446e;
}

.is_home li.lfs_menu_li.head_phone a:hover,
.is_not_home li.lfs_menu_li.head_phone a:hover {
	color: #b01611;
}

.service_find_new_ver .lfs_menu_top_first_row {
	border-radius: 0px !important;
}

.lfsnavbar_new_ver .lfs_menu_top_head .header-link {
	border-radius: 0px !important;
}

.lfs_menu_top_head_home_new .header-link {
	padding: 8px 15px !important;
}

p.lfs_menu_top_first_row.lfs_menu_top_first_row_home_new {
	border-radius: 30px !important;
	font-size: 15px !important;
	padding: 8px 15px !important;
	margin-bottom: 22px !important;
	text-transform: uppercase;
	background-color: #ffffff;
	color: #b01611;
}

.adv_btn {
	background: #ffffff;
	color: #17446e;
	border-radius: 30px;
	max-width: 285px;
	text-align: center;
	padding: 10px 15px;
	font-size: 15px !important;
	margin-bottom: 20px !important;
	text-decoration: none;
	border: 1px solid #17446e;
	text-transform: uppercase;
	font-weight: 600;
}

.adv_btn:hover {
	background: #17446e;
	color: #ffffff;
	border: 1px solid #17446e;
}


#listing-title {
	font-weight: 300;
}

.service_find_new_ver_home .btn-primary {
	background-color: #ffffff;
	color: #b01611;
}

.service_find_new_ver_home .btn-primary:hover {
	background-color: #b01611;
	color: #ffffff;
	border-color: #b01611;
}

.service_inner .cta_home_main {
	background-color: #17446e;
	color: #ffffff !important;
}

.about-sec-main p u a {
	font-weight: 500;
}

.responsive_space_bottom_home_new {
	padding-left: 10px;
	padding-right: 10px;
}

.service_inner p._empcustom_homepage_boxes {
	padding-bottom: 10px;
}

a.listing-fees-btn {
	border: 2px solid #b01611;
	padding: 8px 10px;
	border-radius: 30px;
	float: right;
	margin-right: 14px;
}

a.listing-fees-btn:hover {
	color: #fd4a46;
	text-decoration: none;
	border: 2px solid #fd4a46;
}

.form-check-label-offices-wanted a.listing-fees-btn {
	float: unset;
}

.sign-in-to-view-contact {
	margin-top: 5px;
}

.listing-page.contact_info .listing-contact-label {
	font-weight: 500;
	margin-top: 0px;
	font-size: 15px;
	margin-bottom: 0px;
}


/* Top Row: Building Facts + Photo | Add Firm Form */
.building-top-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-bottom: 48px;
	margin-top: 40px;
}

/* Left column: Facts + Photo stacked */
.building-left-column {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Card shared styles */
.building-card {
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.building-card-title {
	font-size: 16px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 3px solid #143658;
	display: inline-block;
}

/* Building Facts Table - Constrained measure, centered */
.building-facts-inner {
	max-width: 400px;
	margin: 0 auto;
}

.building-facts-table {
	width: 100%;
	border-collapse: collapse;
}

.building-facts-table tr {
	border-bottom: 1px solid #f1f5f9;
}

.building-facts-table tr:last-child {
	border-bottom: none;
}

.building-facts-table td {
	padding: 6px 0;
	vertical-align: middle;
	font-size: 14px;
}

.building-facts-table td:first-child {
	color: #475569;
	width: 140px;
	padding-right: 16px;
}

.building-facts-table td:last-child {
	color: #0f172a;
	font-weight: 500;
	text-align: right;
}

/* Building Photo Container - Clean white background, centered */
.building-photo-container {
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.building-photo-container #bx-pager {
	display: none;
}

.building-photo-container .sliderControls .slider-next {
	right: 8px;
	top: 0%;
}

.building-photo-container .sliderControls {
	top: 45%;
}

.building-photo-container .sliderControls .slider-next a:nth-child(2),
.building-photo-container .sliderControls .slider-prev a:nth-child(2) {
	display: block;
}

.building-photo-container .sliderControls .slider-prev .bx-prev:nth-child(1) {
	display: none;
}

.building-photo-container .sliderControls .slider-next .bx-next:nth-child(1) {
	display: none;
}

.building-photo-container .slideshow-caption {
	display: none;
}

.building-photo-container .bxslider2 li img,
.building-photo-container .bxslider3 li img {
	height: 300px;
	border-radius: 6px;
}

.building-photo-container .bx-viewport {
	border-radius: 6px;
}

.building-photo-container .bxslider2 li,
.building-photo-container .bxslider3 li {
	border-radius: 6px;
}

.building-photo-container .sliderControls .slider-prev img {
	width: 30px;
	height: 30px;
	margin-left: 8px;
}

.building-photo {
	position: relative;
	max-width: 400px;
	width: 100%;
}

.building-photo img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Image navigation arrows */
.photo-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	background: rgba(20, 54, 88, 0.85);
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s ease;
	color: white;
}

.photo-nav:hover {
	background: #143658;
}

.photo-nav:focus-visible {
	outline: 3px solid #c92a2a;
	outline-offset: 2px;
}

.photo-nav.prev {
	left: 8px;
}

.photo-nav.next {
	right: 8px;
}

.photo-nav svg {
	width: 16px;
	height: 16px;
}

/* No Photo Available State - same size as actual image */
.no-photo-placeholder {
	background: #f8fafc;
	/* border: 1px dashed #e2e8f0; */
	border-radius: 6px;
	aspect-ratio: 4 / 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 12px;
}

.no-photo-icon {
	width: 40px;
	height: 40px;
	color: #94a3b8;
}

.no-photo-text {
	font-size: 14px;
	color: #475569;
}

/* Add Firm Form Card */
.building-card.form-card {
	padding: 24px;
}

.building-card.form-card .building-card-title {
	font-size: 18px;
	margin-bottom: 16px;
}

.add-firm-form {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.add-firm-form .form-intro {
	font-size: 14px;
	color: #475569;
	margin-bottom: 16px;
	line-height: 1.5;
}

.add-firm-form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 12px;
}

.add-firm-form .form-row.single {
	grid-template-columns: 1fr;
}

.add-firm-form .form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

.add-firm-form .form-group label {
	font-size: 13px;
	font-weight: 500;
	color: #475569;
	margin-bottom: 4px;
}

.add-firm-form .form-group input,
.add-firm-form .form-group textarea {
	padding: 10px 12px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	font-family: inherit;
	font-size: 15px;
	margin-bottom: 0;
	color: #0f172a;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.add-firm-form .form-group input:focus,
.add-firm-form .form-group textarea:focus {
	outline: none;
	border-color: #143658;
	box-shadow: 0 0 0 3px rgba(20, 54, 88, 0.15);
}

.add-firm-form .form-group input:focus-visible,
.add-firm-form .form-group textarea:focus-visible {
	outline: 3px solid #143658;
	outline-offset: 2px;
}

.add-firm-form .form-group input::placeholder,
.add-firm-form .form-group textarea::placeholder {
	color: #94a3b8;
}

.add-firm-form .form-group textarea {
	resize: vertical;
	min-height: 56px;
	max-height: 80px;
	line-height: 1.4;
}

.char-hint {
	font-size: 12px;
	color: #94a3b8;
	margin-top: 4px;
}

.form-submit-row {
	margin-top: 16px;
	padding-top: 8px;
}


.law-firms-header {
	display: flex;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 3px solid #143658;
}

.law-firms-header .section-title-listing {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.add-firm-link {
	font-size: 13px;
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease;
}

.add-firm-link:hover {
	color: #a31f1f;
	text-decoration: underline;
}

.add-firm-link:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.inquire-form-first.active {
	outline: 2px solid #005fcc;
	border-color: var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

.add-firm-form .form-group input.inquires-form-first.active {
	outline: 2px solid #005fcc;
	border-color: var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Law Firm List */
.law-firms-list {
	list-style: none;
}

.law-firm-item {
	padding: 16px 0;
	border-bottom: 1px solid #f1f5f9;
}

.law-firm-item:first-child {
	padding-top: 0;
}

.law-firm-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}


.law-firms-section .law-firm-name {
	font-weight: 600;
	color: #143658;
	font-size: 16px;
	margin-bottom: 2px;
	display: block;
	float: none;
}

.law-firms-section .item-box-inner {
	display: flex;
	align-items: center;
	gap: 0px 5px;
	
    flex-wrap: wrap;
}
.law-firms-section .law-firm-section-box-heading a{
	white-space: normal;
}

.law-firm-name a {
	color: #143658;
	text-decoration: none;
	transition: color 0.2s ease;
}

.law-firm-name a:hover {
	color: #0f2a44;
	text-decoration: underline;
}

.law-firm-name a:focus-visible {
	outline: 3px solid #c92a2a;
	outline-offset: 2px;
}

.law-firms-section .section-box-heading span.law-firm-practice {
	font-size: 14px;
	color: #143658;
	font-weight: 500;
	margin-bottom: 4px;
}

.building-bottom-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	margin-bottom: 30px;
}

.law-firm-description {
	font-size: 14px;
	color: #475569;
	line-height: 1.5;
}

.no-firms-message {
	color: #475569;
	font-size: 0.9375rem;
	font-style: italic;
	padding: 16px;
	background: #f8fafc;
	border-radius: 6px;
	border: 1px dashed #e2e8f0;
}

.building-box-main .building-top-row {
	margin-top: 20px;
}

.building-box-main .title_row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}

.overview-list-box .overviewList .section-box .section-box-heading {
	display: flex;
	align-items: center;
}

.overview-list-box .overviewList .section-box .section-box-heading span {
	color: var(--lfs-blue);
	font-weight: bold;
	float: none;
	display: block;

}


.law-firms-section .section-box-heading span {
	color: var(--lfs-blue);
	font-weight: 600;
	float: none;
	display: block;
	font-size: 16px;
}

.building-description-content {
	font-size: 15px;
}

.description-wrapper p {
	font-size: 15px;
}

.description-wrapper p span {
	font-size: 15px !important;
}

.description-wrapper h2 {
	font-size: 20px;
}

.description-wrapper h3 {
	font-size: 18px;
}

.description-wrapper h4 {
	font-size: 17px;
}

.description-wrapper h5 {
	font-size: 17px;
}

@media only screen and (max-width:1153px) {
	.navbar-nav>li {
		margin-left: 0;
		font-size: 15px
	}

	.listing-feesnynew-york .et_pb_gutters4-listing-page {
		padding: 0;
	}

	.listing-feesnynew-york .offices_1_price {
		width: 52%;
		margin-right: 2px;
	}

	.listing-feesnynew-york .et-boc p.et_pb_text_inner_p {
		margin-left: 18px;
		margin-right: 18px;
	}
}

@media only screen and (min-width:1300px) {
	.container {
		max-width: 1400px;
	}
}

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

	.responsive_space_bottom_home_new {
		padding-bottom: 10px;
	}
}

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

	.list-slider-main .owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: -10px;
	}

	.list-slider-main .owl-theme .owl-controls .owl-buttons div.owl-next {
		right: -10px;
	}
}

@media only screen and (max-width:1299px) {
	.img_where_find .multi-button {
		width: 260px;
		max-width: 100%;
		display: inline-block;
		padding: 0 6px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 14px;
	}

	.img_where_find .multi-button span {
		font-size: 13px
	}

	.mult_btn_inner {
		position: relative;
	}

	.service_inner {
		margin-bottom: 0
	}

	.col_5 {
		width: 25%
	}

	.sidebarWidget h2 {
		font-size: 18px
	}

	.navbar>.container .navbar-brand img {
		max-width: 100%
	}

	.navbar-nav>li {
		margin-left: 12px;
		font-size: 16px
	}

	header li.dropdown.lfs_menu_li {
		width: auto
	}

	header .lfsnavbar {
		text-align: right
	}

	body .properties.page-title.fixed,
	body .top-main .fixed {
		position: static
	}

	#spaceBetweenSearchBar {
		display: none;
	}

	/* .top_section.search_box_innerpage {
		position: static;
		margin-bottom: 0px;
	} */
}



#list-view .ad_text_block textarea {
	border: 1px solid #ccc !important;
	line-height: 25px;
}

.office_wanted_long_desc {
	height: 245px;
	overflow: hidden;
	word-break: break-word;
}

.office_wanted_comment .wantedrowcolor-fonts {
	border: 1px solid #ccc;
	font-weight: 600;
	height: 282px !important;
	width: 600px;
	max-width: 100%;
	padding-top: 10px !important;
	margin-bottom: 0;
	line-height: 24.5px;
}

.office_wanted_comment .wantedrowcolor {
	display: block;
	padding: 4px;
	overflow: hidden;
}

.office_wanted_comment .tabletopwanted,
.office_wanted_comment .contact-wanted {
	background-color: #918f8f;
}


.office_wanted_comment .contact-wanted a {
	font-size: 10pt;
}


.ad-listing_outer.ad-office_sublets .ad_text_block textarea {
	height: 282px !important;
	line-height: 28px !important;
}

.ad-listing_outer.ad-office_sublets .propertyItem.pointer {
	height: 383px;
}

@media only screen and (max-width:1199px) {
	.listing_search-page table {
		margin-top: 10px;
		display: inline-table;
		width: 100%
	}

	.listing_search-page .col-lg-6 {
		clear: both
	}

	.propertySort_list li.bordernone {
		margin-left: 0
	}

	#top-search-bar.sticky,
	.properties.page-title.fixed {
		position: static
	}

	.top_section.sticky {
		position: static !important;
		margin: 0 !important;
	}

	.firm-53 .propertyItem {
		padding: 10px
	}

	#top-search-bar.sticky .filterContent {
		padding: 0
	}

	.lawfirm_directory .col-md-3 {
		float: right
	}

	.lawfirm_directory.properties.page-title>.container h1 {
		width: auto
	}

	#top-search-bar .filterContent {
		padding: 10px 0
	}

	.white-bg-new,
	div#about-page>div {
		padding: 16px 15px
	}
}

@media screen and (max-width:1200px) and (min-width:1180px) {
	.navbar-right .lfs_menu_li .header-link {
		padding: 5px !important;
		margin-left: 10px !important;
	}


	header .nav.navbar-nav li a.dropdown-toggle {
		margin-left: 20px;
	}
}

@media screen and (max-width:1020px) and (min-width:768px) {
	.services.where_to_find .col-sm-5 {
		width: 41.66666666666667%
	}

	.services.where_to_find .col-sm-7 {
		width: 58.333333333333336%
	}

	.services.where_to_find .col-sm-12 {
		width: 100%;
		clear: both;
		margin-top: 30px;
		display: inline-block
	}



	.listing-feescacalifornia-city .choose_title {
		margin-left: 0;
	}
}

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


	.responsive_space_bottom {
		margin-bottom: 15px;
	}

	a.listing-fees-btn {
		margin-right: 0;
	}

	.footer-search-box {
		padding-left: 15px;
	}
}

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

	a.listing-fees-btn {
		margin-right: 0;
	}
}

@media only screen and (max-width:1024px) {
	.col-md-6 .listing-contact-btn-block .btn.control-btn {
		min-width: auto;
	}

	.phone_and_contact.lfs_menu_li a span {
		position: static
	}

	body header .phone_and_contact.lfs_menu_li a {
		margin-top: 10px;
		text-align: left
	}

	.search_section h1 {
		margin-bottom: 20px;
		font-size: 34px;
		font-weight: 600
	}

	.search_box {
		display: table;
		margin: 20px auto;
		width: auto
	}

	.search_section h4,
	.search_section h2 {
		font-size: 26px;
		font-weight: 600;
		color: #fff
	}

	.col_5 {
		width: 33.333%
	}

	header .navbar-collapse.collapse,
	header .navbar-header {
		width: auto
	}

	.navbar-toggle {
		position: absolute;
		right: 0;
		display: block;
		border: 2px solid #b01611;
		border-radius: 0
	}

	header .nav.navbar-nav li a.dropdown-toggle {
		display: none
	}

	.nav.navbar-nav .dropdown .dropdown-menu {
		box-shadow: none;
		display: block !important;
		position: static;
		padding: 0;
		margin-top: 10px
	}

	.nav.navbar-nav .dropdown .dropdown-menu .carotIcon {
		display: none
	}

	.navbar-collapse {
		border-top: 0;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		min-height: inherit;
		width: 100%
	}

	.navbar-collapse.collapse {
		display: none !important
	}

	.navbar-collapse.collapse.in {
		display: block !important
	}

	.navbar-nav {
		float: none !important;
		margin: 0
	}

	header .navbar-nav>li {
		width: 100%;
		float: none;
		margin-bottom: 0px
	}

	header li.dropdown.lfs_menu_li {
		width: 100%
	}

	header .lfsnavbar {
		margin-top: 0px
	}

	#recent-testimonials .service_inner {
		min-height: 300px !important;
	}

	.service_inner p.service_inner_text_list {
		font-size: 17px;
	}

	.service_inner p._empcustom_homepage_boxes_mid {
		padding-bottom: 26px;
		padding-top: 26px;
	}
}

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

	.buildingContent.row .overview,
	.formmtr {
		clear: both
	}

	#footer_contactform .col-sm-12,
	#footer_contactform .col-sm-6 {
		padding: 0 15px
	}

	.footer_top .col-md-5.col-xs-12 {
		display: inline-block
	}

	.footer-items h4 {
		margin-bottom: 20px;
		color: #fff;
		cursor: pointer;
		font-size: 14px
	}

	.building .img-wrapper,
	.formmtr {
		margin-bottom: 30px
	}

	.footer-menu-links {
		margin-top: 0
	}

	.propertySort_list {
		width: 100%
	}

	.propertySort_list li.bordernone {
		padding-left: 0
	}

	.lawfirm_directory .col-md-3 {
		float: right;
		width: 36%
	}

}


@media only screen and (max-width:767px) {
	.fees-list-btn {

		left: 51% !important;

	}

	.bg_white .pricingHeader h1 {
		font-size: 18px
	}

	.gallery {
		position: relative
	}

	.top_section {
		padding: 8px 0
	}

	#top_section .property_title {
		margin-bottom: 10px
	}

	.top_section .propertySort_list li .form-control {
		width: 250px
	}

	.search-type-box a {
		padding: 10.5px 3px;
		font-size: 12px
	}

	.col_5 {
		width: 50%
	}

	body .block_title {
		font-size: 20px !important
	}

	.where_to_find .service_inner br {
		display: none
	}

	.service_inner {
		padding: 30px 15px 15px
	}

	.service_inner h4 {
		font-size: 14px
	}

	.search_box .btn-primary {
		float: none
	}

	.search_box .form-control {
		min-width: inherit;
		width: 100%;
		margin-bottom: 15px
	}


	#listing-title {
		font-size: 24px
	}

	.listing_search-page .office {
		height: 40px
	}

	.office-dropdown {
		width: 100%;
		padding-left: 104px
	}

	header .container {
		padding: 0
	}

	.lawfirm_directory .col-md-3 {
		width: 100%
	}

	.building .col-md-3.col-sm-6 {
		padding: 0;
		margin-bottom: 30px
	}

	.Dashboard .filterContent {
		padding: 10px 10px 0
	}

	#search-bar-submarket {
		margin: -10px 0 10px;
		padding: 10px 10px 0;
		display: inline-block
	}

	.service_inner .lfs_menu_top_first_row {
		margin-bottom: 30px !important;
		margin-top: -20px !important;
	}

	.services.where_to_find .service_inner .img_where_find_inner_height {
		padding-top: 25px;
	}

	.list-slider-main .owl-theme .owl-controls .owl-buttons div.owl-next {
		right: -5px;
	}

	.list-slider-main .owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: -5px;
	}


	.services.where_to_find .service_inner {
		padding: 32px 3px;
	}
}

@media only screen and (max-width:640px) {
	.propertySort_list li.bordernone {
		padding: 0
	}

	.top_section .propertySort_list li .form-control {
		margin-bottom: 10px;
		width: 100%
	}

	.service_inner .lfs_menu_top_first_row {
		margin-bottom: 30px !important;
		margin-top: -20px !important;
	}

	.services.where_to_find .service_inner .img_where_find_inner_height {
		padding-top: 25px;
	}

}

@media only screen and (max-width:480px) {
	.img_where_find .multi-button {
		width: 100%;
	}



	.search-type-box a {
		padding: 10.5px 3px;
		font-size: 12px
	}

	.col_5,
	.footer_top .col-xs-6 {
		width: 100%
	}

	#listing-title {
		font-size: 22px
	}

	#login-links {
		display: inline-block;
		width: 100%
	}

	.listing_search-page table .txt-center {
		display: none
	}

	.search-type-box {
		display: inline-block;
		width: 50%;
		float: left
	}

	.search-type-box.suits {
		width: 100%
	}

	.navbar-default .navbar-brand {
		width: 250px
	}

	.navbar-toggle {
		margin-top: 1.5px
	}

	.overview .overviewList li {
		padding: 5px;
		margin-bottom: 5px;
		display: flex;
		justify-content: space-between;
	}

	.overview .overviewList span {
		display: inline-block
	}

	.right-text-active {
		margin-top: -70px
	}

	.cetner-srh {
		width: 100%;
		text-align: center
	}

	.cetner-srh input[type=text] {
		width: 100%;
		margin-bottom: 15px
	}

	.cetner-srh .btn_red.blue-btn {
		position: static
	}

	.service_inner .lfs_menu_top_first_row {
		margin-bottom: 30px !important;
		margin-top: -20px !important;
	}

	.services.where_to_find .service_inner .img_where_find_inner_height {
		padding-top: 25px;
	}

}

@media only screen and (max-width:360px) {
	.img_where_find .multi-button span {
		font-size: 12px
	}

	.service_inner .lfs_menu_top_first_row {
		margin-bottom: 30px !important;
		margin-top: -20px !important;
	}

}

@media only screen and (max-width:320px) {
	.pricing-listing-city {
		width: 100%
	}

	.service_inner .lfs_menu_top_first_row {
		margin-bottom: 30px !important;
		margin-top: -20px !important;
	}

	.services.where_to_find .service_inner .img_where_find_inner_height {
		padding-top: 25px;
	}

}

.lfshidden {
	display: none
}

#header_office_label {
	vertical-align: text-top;
	margin-top: -13px;
	text-align: center
}

div#about-page .col-lg-12.width100 {
	width: 100%
}

.top-main h4 {
	text-align: center;
	position: relative;
	display: inline-block;
	font-size: 13px
}

.top-main h4:after {
	position: absolute;
	width: 100%;
	height: 2px;
	content: "";
	background: #000;
	left: 0;
	right: 0;
	bottom: -5px
}

div#about-page .top-main ul.list-inline {
	border-bottom: 1px solid #D2D2D2;
	width: 100%;
	margin: 0
}

div#about-page .top-main ul li {
	display: inline-block !important;
	padding: 0 18px;
	width: auto
}

div#about-page .main-section .box-main .col-md-3,
div#about-page .top-main #top-sticky ul.list-inline li:first-child {
	padding-left: 0
}

div#about-page .top-main ul li a {
	color: gray;
	font-weight: 500;
	font-size: 16px
}

div#about-page .top-main ul.list-inline li::after {
	background: 0 0
}

div#about-page .main-section .box-main {
	display: inline-block;
	width: 100%
}

div#about-page .main-section .box-main h2 {
	font-weight: 600
}

.top-main {
	position: relative
}

.top-main .fixed {
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 99;
	width: 981px;
	padding: 20px 0 0
}

.col-md-10 .top-main .fixed {
	width: 1010px
}

div#about-page .main-section .box-main h5 {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	margin: 50px 0 15px
}

div#about-page .main-section .box-main:last-child {
	border: none
}

div#about-page .main-section .box-main h5:before {
	content: "";
	width: 40px;
	height: 8px;
	margin-top: -25px;
	position: absolute;
	top: 0;
	background-color: #000
}

div#about-page .main-section .box-main a {
	font-size: 16px;
	line-height: 1.7;
	color: #000;
	display: block
}

div#about-page .main-section .box-main a:hover {
	color: #b01611
}

.accordianContent p,
.accordianLink p {
	font-family: "Inter", sans-serif;
	color: #000
}

div#about-page .main-section .box-main a:after {
	display: inline-block;
	content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2017%2017%27%3E%3Cpath%20d%3D%27M15.707 8.472l-7.354 7.354-0.707-0.707 6.146-6.146h-12.792v-1h12.793l-6.147-6.148 0.707-0.707 7.354 7.354z%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E');
	height: 1em;
	width: 1em;
	position: absolute;
	margin-top: 8px;
	margin-left: 5px
}

.main-section {
	background-color: #fff;
	display: inline-block;
	width: 100%
}

div#about-page .main-section p {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
	margin-top: 10px;
}

.properties.page-title.fixed {
	position: static;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9
}

#about-page .table {
	height: auto !important
}

#about-page .table tbody>tr>td,
#about-page .table tbody>tr>th,
#about-page .table tfoot>tr>td,
#about-page .table tfoot>tr>th,
#about-page .table thead>tr>td,
#about-page .table thead>tr>th {
	height: auto;
	vertical-align: middle
}

.rej-check {
	width: 250px;
	clear: both;
	float: none;
	margin: auto auto 10px
}

.rej-check .checkmark {
	position: relative;
	display: inherit
}

.rej-check label {
	padding-top: 0;
	display: inline-block;
	position: relative;
	top: 4px
}

.last-sec {
	background: #fff;
	margin: 0 -15px -30px;
	padding: 17px 0;
	text-align: center
}

.accordianLink {
	background-repeat: no-repeat;
	background-image: url(../images/icon-arrow-heading.png);
	background-position: left 6px
}

.accordianLink p {
	padding-left: 25px;
	margin-top: 0;
	display: inline-block;
	font-size: 24px
}

.accordianTab {
	margin-top: 15px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%
}

.accordianContent {
	display: block
}

#footer-bar-submarket,
.footer-items,
.footer-items-li,
.footer_list,
.white-bg-new {
	display: inline-block
}

.footer-items-li {
	display: block;
}

.accordianContent p {
	font-size: 20px;
	line-height: 1.5
}

.white-bg-new {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	margin: -15px 0 0;
	width: 100%
}

.about .space {
	height: auto !important
}

ul.li-full li {
	width: 100%
}

.small-btn {
	font-size: 14px !important;
	padding: 5px 8px 5px 5px !important
}

.listing-fees-mock-up-t1 {
	font-family: Calibri !important;
	font-size: 20px !important;
	font-weight: 700
}

.listing-fees-mockup-b3,
.listing-fees-mockup-b4,
.listing-fees-mockup-price-box,
.listing-fees-mockup-price-textbox>.b1 {
	font-family: Segoe Print;
	font-weight: bolder
}

.pad-right {
	padding-right: 0
}

.pad-left {
	padding-left: 0
}

.listing-fees-mockup-price-box {
	font-size: 38px;
	padding-top: 5px;
	margin-left: -113px
}

.listing-fees-mockup-price-textbox {
	width: auto !important;
	margin-top: -34px !important;
	margin-left: 106px !important
}

.listing-fees-mockup-price-textbox>.b1 {
	font-size: 21px !important
}

.listing-fees-mockup-price-textbox>.b2 {
	margin-top: -10px;
	font-size: 13px
}

.listing-fees-mockup-b3 {
	font-size: 25px !important
}

.listing-fees-mockup-b4 {
	font-size: 22px !important;
	padding: 20px;
	text-align: center
}

.filter-check {
	text-align: left;
	margin: 0 0 10px;
	font-size: 20px
}

.pad8px {
	padding: 8px
}

select:disabled {
	background-image: none !important;
	background-color: #ddd !important;
	cursor: default
}

.buildingItem,
.pointerHand {
	cursor: pointer
}

#change-city-instruction {
	margin-top: 262px
}

.launch-listing {
	margin-bottom: 20px;
	margin-right: 10px
}

.left-minus20 {
	margin-left: -20px !important
}

.left-minus15 {
	margin-left: -15px !important
}

.footer-items .search-inputs-location {
	width: 180px;
	float: left
}

.footer-items .search-inputs-radius {
	width: 73px
}

#footer-bar-submarket .footer_search {
	padding: 11px 15px;
	/* padding: 9px; */
	font-size: 18px;
	float: left;
	text-align: center;
	font-weight: 600;
	border-radius: 0px 5px 5px 0px;
}

input#geoAddressTextBox3 {
	border-radius: 5px 0px 0px 5px !important;
}

.footer_list {
	border-radius: 2px;
	padding: 8px 30px;
	font-weight: 600;
}


.label_filter_industry {
	padding-top: 4px;
	font-weight: 600;
	color: #17446e;
	font-size: 22px;
	margin-bottom: 15px;
	line-height: 22px;
}

#register-terms-of-use .modal-dialog,
#terms-of-use .modal-dialog {
	width: 50%;
	padding-top: 30px;
	padding-bottom: 30px;
	right: auto;
	left: 50%
}

.office-img {
	margin-top: -2px
}

#terms-of-use .modal-title {
	text-align: center;
	font-size: 20px
}

#terms-of-use p {
	text-align: justify;
	font-size: 15px
}

#register-terms-of-use .modal-title {
	text-align: center;
	font-size: 20px
}

#register-terms-of-use p {
	text-align: justify;
	font-size: 15px
}

.modal-dialog {
	z-index: 1050;
	width: auto;
	padding: 10px;
	margin-right: auto;
	margin-left: auto
}

.filter-modal-dialog {
	right: auto;
	left: 50%;
	width: 700px;
	padding-top: 30px;
	padding-bottom: 30px
}

.filter-modal-header {
	min-height: 16.43px;
	padding: 15px
}

.filter-modal-body {
	position: relative;
	padding: 20px
}

.filter-modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	background-clip: padding-box
}

.filter-modal-title {
	font-size: 16px;
	line-height: 39px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 600
}

.filter-modal-sub-title {
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: 700
}

.filter-modal-body .filter-results {
	display: inline-block;
	margin-top: 9%
}

.filter-results label {
	margin-top: 4px;
	margin-right: 5px
}

.filter-search-type-box {
	margin: 0;
	border: none;
	text-align: center;
	color: #fff;
	width: 16.67%;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	position: relative
}

.filter-search-type-box a {
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
	opacity: .9
}

.filter-search-type-box .submenu a {
	font-size: 14px;
	font-weight: 300;
	padding: 10.5px 8px
}

.filter-search-type-box .submenu li {
	border-bottom: 1px solid #ddd
}

.filter-search-type-box .submenu {
	display: none;
	max-height: 300px;
}

.filter-search-type-box:hover .submenu {
	display: block
}

.btn-filter-results {
	text-align: center
}

.filter-listing-city {
	text-align: center;
	color: #fff;
	margin-bottom: 42px
}

.filter-listing-city span {
	background-color: #2e6da4;
	font-weight: 600;
	padding: 8px
}

.filtegr-display-label {
	font-weight: 600;
	margin-right: 10px;
	font-size: 15px
}

.filter-search-label {
	margin-top: 5px;
	font-size: 18px;
	font-weight: 600
}

.listing-contact-label {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	display: inline-block
}

.pricing-listing-city {
	width: 33%;
	margin: 0 auto;
	text-align: center;
	color: #b01611;
	border: solid #000
}

.pricing-listing-city span {
	font-weight: 600;
	padding: 8px;
	font-size: 17px
}

.listing-advertise-table {
	margin: 0 auto
}

.listing-advertise-table span {
	font-weight: 600;
	display: inline-block;
	padding: 8px;
	color: #fff;
	background-color: #2e6da4
}

.li-color-red {
	color: #b01611
}

.li-color-blue {
	color: #2e6da4
}

.listing-advertise-table label {
	font-size: 23;
	color: #b01611;
	font-weight: 500
}

.listing-advertise-table p {
	font-size: 23px;
	font-weight: 400
}

.color-white {
	color: #fff !important
}

/* .building_img {
	padding: 0;
	margin-top: 7px
} */

.building_img img {
	max-height: 187px;
	width: 100%
}

.building_img .building-photo-container {
	margin: 0;
	min-height: 170px;
	height: 200px;
}

.building_img .building-photo-container .no-photo-placeholder {
	aspect-ratio: auto;
}

.buildingItem .building-photo-container {
	height: 200px;
	margin-bottom: 5px;
}

.buildingItem .no-photo-placeholder {
	aspect-ratio: auto;
}

.buildingItem .propertyImgLink img {
	width: 100%;
	margin-bottom: 5px;
	height: 200px;
	object-fit: cover;
	min-height: 200px;
	max-height: 200px;
}

.large-listing-overview {
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 0 10px
}

.large-listing-overview .overviewList li {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #dcdcdc
}

.large-listing-overview ul {
	margin-bottom: 0
}

.large-listing-block h4 {
	margin-bottom: 10px;
	width: 100%
}

.footer-blog {
	max-width: 100%;
	text-align: left
}

.footer-blog-title {
	display: inline-block
}

.footer-blog-title .li-color-red {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
}

.footer-blog span {
	font-size: 17px
}

/* .footer-blog .footer-article {
	padding: 4px 4px 4px 0;
	font-weight: 500
} */

.checkbox-holder,
.fees-checkbox-holder {
	margin-left: 9px;
	padding-left: 23px;
	padding-right: 0;
	cursor: pointer
}

.footer-blog a {
	color: #fff
}

.footer-blog a:hover {
	color: #b01611
}

.footer-article .article-text {

	text-overflow: ellipsis;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 15px;
}

#add-secondary .btn_add {
	background: 0 0;
	color: #dc3434;
	border-radius: 3px;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	cursor: pointer;
	display: inline-block;
	letter-spacing: .3px;
	border: none
}

#add-secondary .btn_add:hover,
.btn_add:focus {
	background: 0 0;
	color: #17446e
}

.terms {
	margin-bottom: 6px
}

.learn-btn {
	margin-bottom: 15px
}

.hide-check-li {
	margin-right: 26px
}

.hide-check-li label,
.save-check-li label {
	margin-bottom: 0
}

.checkbox-holder {
	display: block;
	position: relative;
	font-size: 22px;
	user-select: none;
	color: #fff
}

.checkbox-holder span {
	font-size: 17px;
	float: left;
	font-weight: 600
}

.checkbox-holder input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkbox-mark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff
}

.checkbox-holder:hover input~.checkbox-mark {
	background-color: #ccc
}

.checkbox-holder input:checked~.checkbox-mark {
	background-color: #737c98
}

.checkbox-mark:after {
	content: "";
	position: absolute;
	display: none
}

.checkbox-holder input:checked~.checkbox-mark:after {
	display: block
}

.checkbox-holder .checkbox-mark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg)
}

.fees-checkbox-holder {
	display: inline-block;
	position: relative;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #464646
}

.fees-checkbox-holder .check-span {
	font-size: 17px;
	float: left;
	font-weight: 500
}

.fees-checkbox-holder input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.fees-checkbox-mark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #e1e1e1
}

.fees-checkbox-holder:hover input~.fees-checkbox-mark {
	background-color: #ccc
}

.fees-checkbox-holder input:checked~.fees-checkbox-mark {
	background-color: #17446e
}

.fees-checkbox-mark:after {
	content: "";
	position: absolute;
	display: none
}

.fees-checkbox-holder input:checked~.fees-checkbox-mark:after {
	display: block
}

.fees-checkbox-holder .fees-checkbox-mark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #3dff1a;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.terms-span {
	float: none;
	font-size: 12px
}

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

	.filter-search-type-box,
	.header-listing-checkbox,
	.hide-check-ul .show-li {
		float: left;
		display: inline-block
	}

	/* #recent-testimonials .service-inner-pad {
		padding-bottom: 15px
	} */

	.filter-modal-dialog {
		right: auto;
		left: 50%;
		width: 320px;
		padding-top: 30px;
		padding-bottom: 30px
	}

	.filter-modal-title {
		font-size: 11px
	}

	.filter-modal-body .filter-results {
		display: inline-block;
		width: 100%;
		margin-top: 0
	}

	.filter-modal-body .col-xs-6 {
		width: 100%
	}

	.office-dropdown {
		padding-left: 0
	}

	.filter-search-holder {
		display: inline;
		margin-left: 0;
		position: relative
	}

	.propertySort_list_li {
		margin-left: 0;
		margin-bottom: 10px
	}

	.hide-check-ul .show-li {
		background: #737c98;
		padding: 1px;
		margin-right: 32px;
		width: 180px;
		text-align: center;
		position: relative;
		vertical-align: middle;
		margin-bottom: 10px;
	}

	.filter-search-type-box {
		width: 50%;
	}

	.filter-search-type-box.suits {
		width: 100%;
	}

	.filter-search-type-box a {
		padding: 10.5px 3px;
		font-size: 12px;
	}

	#footer-bar-submarket .footer_search {
		text-transform: uppercase;
		padding: 9px;
		color: #fff;
		float: left;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		background-color: #b01611;
		width: 53% !important;
		margin-left: 0;
		font-weight: 600;
	}

	.footer-contact-pad {
		padding-left: 0;
	}

	.col-xs-4,
	.col-xs-8 {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.listing-fees-mock-up-t1 {
		font-family: Calibri !important;
		font-size: 17px !important;
		font-weight: 600;
	}

	.img_where_find .multi-button a {
		color: #fff;
		width: 100%;
		font-size: 14px;
		letter-spacing: -.5px;
		padding: 2px;
		min-width: 70px;
		font-weight: 600;
		border-radius: 2px 2px 0 0;
		cursor: pointer;
	}

	.label_filter_industry {
		color: #17446e;
		font-weight: 600;
		padding-top: 7px;
		font-size: 22px
	}

	.footer-blog {
		display: inline-block;
		text-align: left;
		margin-bottom: 12px
	}

	#add-secondary .btn_add {
		padding: 10px 16px 8px 0
	}


	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 9px;
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 12px;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	.checkbox-bottom span {
		position: relative;
		top: 7px;
		margin-left: 0;
		font-size: 12px
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 95%;
		padding-top: 30px;
		padding-bottom: 30px
	}

	.footer_top .col-xs-6 {
		width: 50%
	}

	.footer_top h4 {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 400;
		margin-bottom: 24px;
	}

	.footer_top .menu-link-ft {
		font-size: 13px;

		margin-bottom: 24px;
	}
}

@media only screen and (max-width:375px) and (min-width:321px) {
	#recent-testimonials .service-inner-pad {
		padding-bottom: 15px
	}

	.hide-check-ul .show-li,
	.propertySort_list_li {
		background: #737c98;
		padding: 1px;
		width: 180px;
		vertical-align: middle;
		text-align: center;
		position: relative
	}

	.propertySort_list .filter-search-holder {
		display: inline;
		margin-left: 0;
		position: relative
	}

	.propertySort_list_li {
		margin-left: 0;
		margin-bottom: 12px;
		display: inline-block
	}

	.hide-check-container {
		display: inline-block;
		float: left
	}

	.hide-check-ul .show-li {
		float: left;
		margin-right: 14px;
		display: inline-block
	}

	.footer_top .col-xs-6 {
		width: 50%
	}

	.footer_top h4 {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 400;
		margin-bottom: 24px;
	}

	.footer_top .menu-link-ft {
		font-size: 13px;
		margin-bottom: 24px;
	}

	.hide-check-li {
		margin-right: 10px
	}

	.hide-li {
		margin-right: 37px
	}

	#footer-bar-submarket .footer_search {
		text-transform: uppercase;
		padding: 9px;
		color: #fff;
		float: left;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		background-color: #b01611;
		width: 24% !important;
		margin-left: 0;
		font-weight: 700
	}

	.footer-contact-pad {
		padding-left: 15px
	}

	.col-xs-4,
	.col-xs-8 {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}

	.img_where_find .multi-button a {
		color: #fff;
		width: 100%;
		font-size: 17px;
		letter-spacing: 0;
		padding: 0;
		min-width: 70px;
		font-weight: 600;
		border-radius: 2px 2px 0 0;
		cursor: pointer
	}

	.footer-blog {
		display: inline-block;
		text-align: left;
		margin-bottom: 10px
	}

	#add-secondary .btn_add {
		padding: 10px 16px 8px 0
	}

	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 9px;
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 12px;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	.checkbox-bottom span {
		position: relative;
		top: 7px;
		margin-left: 3px;
		font-size: 13px
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 95%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width:425px) and (min-width:376px) {

	.hide-check-ul .show-li,
	.propertySort_list_li {
		position: relative;
		vertical-align: middle;
		text-align: center
	}

	/* 
	#recent-testimonials .service-inner-pad {
		padding-bottom: 15px
	} */

	.filter-modal-dialog {
		right: auto;
		left: 50%;
		width: 373px;
		padding-top: 30px;
		padding-bottom: 30px
	}

	.footer_top .col-xs-6 {
		width: 50%
	}

	.footer_top h4 {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 400;
		margin-bottom: 24px;
	}

	.footer_top .menu-link-ft {
		font-size: 13px;
		margin-bottom: 24px;
	}

	.footer-blog {
		display: inline-block;
		text-align: left;
		margin-bottom: 12px
	}

	.filter-modal-title {
		font-size: 14px
	}

	.filter-modal-body .filter-results {
		display: inline-block;
		width: 100%;
		margin-top: 0
	}

	.office-dropdown {
		padding-left: 0
	}

	.propertySort_list .filter-search-holder {
		display: inline;
		margin-left: 0;
		position: relative
	}

	.header-listing-checkbox,
	.hide-check-container {
		display: inline-block;
		float: left
	}

	.hide-check-ul .show-li {
		background: #737c98;
		padding: 1px;
		width: 180px;
		float: left;
		display: inline-block
	}

	.hide-li {
		margin-right: 48px
	}

	.filter-search-type-box {
		display: inline-block;
		width: 50%;
		float: left
	}

	.filter-search-type-box.suits {
		width: 100%
	}

	.filter-search-type-box a {
		padding: 10.5px 3px;
		font-size: 12px
	}

	#footer-bar-submarket .footer_search {
		text-transform: uppercase;
		padding: 9px;
		color: #fff;
		float: left;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		background-color: #b01611;
		width: 30% !important;
		margin-left: 16px;
		font-weight: 700
	}

	.footer-contact-pad {
		padding-left: 15px
	}

	.col-xs-4,
	.col-xs-8 {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px
	}

	.propertySort_list_li {
		background: #737c98;
		padding: 1px;
		margin-left: 0;
		margin-bottom: 12px;
		width: 180px;
		display: inline-block
	}


	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 9px;
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 12px;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	.checkbox-bottom span {
		position: relative;
		top: 7px;
		margin-left: 2px;
		font-size: 14px
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 95%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width:768px) and (min-width:426px) {
	#recent-testimonials .service-inner-pad {
		padding-bottom: 15px
	}

	.propertySort_list .filter-search-holder {
		display: inline-flex;
		position: absolute;
		margin-left: 0
	}

	.hide-check-ul .show-li,
	.propertySort_list_li {
		background: #737c98;
		padding: 1px;
		text-align: center;
		position: relative;
		vertical-align: middle;
		display: inline-block;
		float: left
	}

	.propertySort_list_li {
		margin-left: 28px;
		width: 169px
	}

	.hide-check-ul .show-li {
		margin-right: 32px;
		width: 150px
	}


	.header-listing-checkbox {
		display: inline-block;
		float: left
	}

	.footer-contact-pad {
		padding-left: 15px
	}

	.footer-blog {
		display: inline-block;
		text-align: left;
		margin-bottom: 12px;
		float: left
	}


	.checkbox-bottom span {
		position: relative;
		top: 7px;
		margin-left: 8px;
		font-size: 17px
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 95%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width:1024px) and (min-width:769px) {
	.filter-search-holder {
		display: inline-flex;
		margin-left: 0;
		position: absolute
	}

	#footer-bar-submarket .footer_search {
		text-transform: uppercase;
		padding: 9px;
		color: #fff;
		float: left;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		background-color: #b01611;
		width: 100% !important;
		margin-left: 0;
		font-weight: 600;
		border-radius: 0px 0px 5px 5px !important;
	}

	#footer-bar-submarket .formBlock {
		width: 70%;
		margin-bottom: 0px;
	}

	.footer-search-box {
		padding-left: 15px;
	}

	.footer-items .footer_list {
		width: auto;
	}

	#footer-bar-submarket .formBlock.input-group.form-group.mi-box {
		width: 29.5%;
	}

	input#geoAddressTextBox3 {
		border-radius: 5px 0px 0px 0px !important;
	}

	#footer-bar-submarket {
		margin-bottom: 20px;
	}

	label {
		font-size: 15px
	}

	.footer_top h4 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 400;
		margin-bottom: 24px;
	}

	.footer_top .menu-link-ft {
		font-size: 14px;
	}

	.img_where_find .multi-button a {
		color: #fff;
		width: 100%;
		font-size: 13px;
		letter-spacing: 0;
		/*padding: 15px 10px !important;*/
		padding: 0;
		min-width: 70px;
		font-weight: 600;
		border-radius: 2px 2px 0 0;
		cursor: pointer
	}

	.label_filter_industry {
		color: #17446e;
		font-weight: 600;
		padding-top: 7px;
		font-size: 22px
	}

	.img_where_find .multi-button {
		width: 260px;
		display: inline-block;
		padding: 0 6px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 15px
	}

	.listing-fees-mock-up-t1 {
		font-family: Calibri !important;
		font-size: 17px !important;
		font-weight: 700
	}

	.price-span {
		font-size: 30px;
		font-weight: 700
	}

	#add-secondary .btn_add {
		padding: 10px 16px 10px 0
	}

	.top_section .container {
		padding-right: 0;
		padding-left: 0
	}

	.footer-blog {
		max-width: 100%;
		display: inline-block;
		text-align: left;
		margin-bottom: 20px;
	}

	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 0;
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	.checkbox-bottom span {
		position: relative;
		top: 7px;
		margin-bottom: 4px;
		margin-left: 6px;
		font-size: 13px
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 95%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width:1304px) and (min-width:1025px) {
	.filter-search-holder {
		display: inline-flex;
		margin-left: 0;
		position: absolute
	}

	.footer-search-box {
		padding-left: 15px;
	}

	.footer-items .footer_list {
		width: 255px;
	}

	#footer-bar-submarket .footer_search {
		text-transform: uppercase;
		padding: 12px;
		height: 47px;
		color: #fff;
		float: left;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		background-color: #b01611;
		width: 39% !important;
		margin-left: 0;
		font-weight: 600;
	}

	label {
		font-size: 15px
	}

	.footer_top h4 {
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 400;
		margin-bottom: 24px;
	}

	.footer_top .menu-link-ft {
		font-size: 14px;

	}

	.img_where_find .multi-button a {
		color: #fff;
		width: 100%;
		font-size: 13px;
		letter-spacing: 0;
		padding: 0;
		min-width: 70px;
		font-weight: 600;
		border-radius: 2px 2px 0 0;
		cursor: pointer
	}

	.label_filter_industry {
		color: #17446e;
		font-weight: 600;
		padding-top: 7px;
		font-size: 22px;
	}

	.img_where_find .multi-button {
		/*width: 48%;*/
		display: inline-block;
		padding: 0 6px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 15px
	}

	.listing-fees-mock-up-t1 {
		font-family: Calibri !important;
		font-size: 17px !important;
		font-weight: 700
	}

	.price-span {
		font-size: 30px;
		font-weight: 700
	}

	#add-secondary .btn_add {
		padding: 10px 16px 10px 0
	}

	.top_section .container {
		padding-right: 0;
		padding-left: 0
	}

	.footer-blog {
		max-width: 100%;
		display: inline-block;
		text-align: left
	}


	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 0;
		padding-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	.checkbox-bottom span {
		position: relative;
		top: 7px;
		margin-bottom: 4px;
		margin-left: 6px;
		font-size: 13px
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 95%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width:1440px) and (min-width:1304px) {
	.filter-search-holder {
		display: inline-flex;
		margin-left: 26%;
		position: absolute
	}

	.terms {
		margin-bottom: 2px
	}

	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 0;
		padding-left: 0;
		margin-right: 0;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 60%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width:2560px) and (min-width:1441px) {
	.filter-search-holder {
		display: inline-flex;
		margin-left: 26%;
		position: absolute
	}

	.terms {
		margin-bottom: 2px
	}

	.fees-checkbox-holder {
		display: inline-block;
		position: relative;
		margin-left: 0;
		padding-left: 0;
		margin-right: 0;
		padding-right: 0;
		cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #464646
	}

	#register-terms-of-use .modal-dialog,
	#terms-of-use .modal-dialog {
		right: auto;
		left: 50%;
		width: 40%;
		padding-top: 30px;
		padding-bottom: 30px
	}
}

div#about-page ul.li-full {
	padding-left: 5px;
	margin-bottom: 5px
}

.highlightedRed {
	color: #b01611 !important
}

.relatedListing .listing_outer {
	padding: 0 !important
}

.maxWidth50 {
	max-width: 50% !important
}

.propertyDetails {
	background-color: #f8f8f8;
	margin-top: 0px;
	border: 1px solid #cacaca;
	width: 100%;
	text-align: center;
}

.propertyDetails td {
	font-size: 12px;
	width: 33.6%;
	height: 45px;
	border-color: #cacaca;
	color: #143658;
}

.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.btn-primary {
	color: #fff;
	background-color: #1f5b90;
	border-color: #357ebd;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.building-description {
	color: #464646 !important;
}

.color-red {
	color: #b01611;
}

.listing-color-red {
	background-color: var(--lfs-blue);
}

.listing-color-gray {
	background-color: #8e8989;
}

.listing-color-red-text {
	color: #b01611 !important;
}

.listing-color--0070c0 {
	background-color: #0070c0;
}

.listing-color-black {
	background-color: black;
}

.listing-color--4a1e7f {
	background-color: #4a1e7f;
}

.listing-color--0c8844 {
	background-color: #116436;
}

.lfs_menu_li.search_btn {
	margin-left: -4px;
	position: relative;
	z-index: 999;
}

.lfs_menu_li.search_btn a.header-link {
	background: #17446e !important;
	color: #fff !important;
}

ul.nav.navbar-nav.navbar-right.lfsnavbar {
	display: flex;
	align-items: center;
	justify-content: end;
}

.is_home .navbar-collapse .navbar-nav.navbar-right:last-child {
	text-align: right;
}

.is_home .navbar-nav>li>a {
	padding: 0px
}

#favorited-listings-title h2 {
	margin-bottom: 25px;
}

.Dashboard #favorited-listings-1 .btn.btn-small.btn-primary {
	margin-top: 5px;
	color: #fff;
}

.Dashboard #favorited-listings-1 .propertyItem {
	min-height: 0px;
	padding-bottom: 9px;
}

.Dashboard #favorited-listings-1 .overview {
	background-color: #f8f8f8;
}

.favourite_chat .propertyItem {
	min-height: 0px;
	padding-bottom: 9px;
}

.favourite_chat .listing-block {
	margin-top: 12px;
}

.favourite_chat .propertyDetails {
	margin-top: 12px;
}

.favourite_chat .propertyContent {
	overflow: hidden;
	position: relative;
}

.favourite_chat .commentText h1 {
	font-size: 22px;
	font-weight: bold;
	color: #17446e;
}

.favourite_chat .commentText {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.Dashboard .sidebarWidget h4 {
	text-align: left;
}

#add-secondary {
	margin-bottom: 15px;
}

.checkbox-bottom .fees-checkbox-holder span {
	vertical-align: top;
}

.fees-checkbox-holder {
	margin-bottom: 10px;
}

.btn-red {
	background: #b01611;
	border: 1px solid #b01611;
	border-radius: 5px;
	height: 40px;
	font-size: 15px;
	padding: 8px 20px;
	width: auto;
	box-shadow: none;
	font-weight: 600;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	color: #fff;
}

.btn-red:hover {
	border: 1px solid #b01611;
	background: #fff;
	color: #b01611;
}

@media only screen and (max-width:767px) {
	.modal-dialog {
		max-width: 100%;
	}

	.filter-search-type-box a {
		font-size: 11px;
	}



	.img_where_find .multi-button a {
		font-size: 15px;

	}

	#contact-us .btn_red.blue-btn {

		margin-top: 15px;
	}

	div#about-page .top-main #top-sticky ul.list-inline li:first-child {
		padding-left: 18px;
	}

	div#about-page .top-main ul li {
		width: 100%;
	}

	.lfsnavbar li.head_phone {
		text-align: left !important;
	}

	.search_section.new_search_section .search_box .form-control {
		width: 100% !important;
	}

	.search_section h2 {
		font-size: 22px;
	}
}

.mousePointer {
	cursor: pointer;
}

.modal {
	height: auto;
}


.choose_title {
	float: left;
	margin: 10px;
	margin-right: 10px;
}

.new_search_section .search_box .form-control {
	min-width: 0px;
	border-radius: 4px;
	height: 40px;
	border-left: none;
	border-top: none;
	border-bottom: none;
	box-shadow: none;
}

.search_section.new_search_section .search_box .form-control {
	width: 315px;
}


div.select_block {
	min-width: 150px;
	padding-right: 15px;
	margin-left: 0px;
	border-radius: 0px;
	border: 1px solid #bbb;
	position: relative;
	background: white;
	border-left: none;
	border-top: none;
	border-bottom: none;
	float: left;
	height: 40px;
	background-image: url(../images/dropdown_ico.png);
	background-position: right;
	background-repeat: no-repeat;
}

div.select_block p {
	width: 100%;
	color: #4d4d4d;
	margin: 0;
	padding: 6px 10px;
	text-align: left;
}

div.select_block .hidden_block {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: .1s;
	background: white;
	border: 1px solid #e5e5e5;
	z-index: 10;
	width: 100%;
	max-height: 300px;
	overflow: auto;
	padding: 5px 0;
	display: grid;
}

div.select_block:hover .hidden_block {
	visibility: visible;
	opacity: 1;
}

div.select_block p.input {
	height: 40px;
	line-height: 28px;
	font-size: 15px;
	white-space: nowrap;
	cursor: pointer;
	padding-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.select_block.search-distance {
	width: 90px;
}

div.select_block.search-type {
	width: 194px;
}

div.select_block.search-neigh {
	width: 172px;
}

div.select_block.search-number {
	width: 150px;
	border-right: none;
}

div.select_block .hidden_block p {
	font-size: 13px;
	cursor: pointer;
}

div.select_block .hidden_block p:hover {
	background: #17446e;
	color: #fff;
}

#city_s h4.modal-title {
	margin-bottom: 0px;
	text-align: left;
}

#city_s .modal-dialog {
	max-width: 400px;
	margin-top: 65px;
}

#city_s #search-bar-submarket {
	width: 100%;
	padding: 0;
}

#city_s .search-inputs {
	width: 260px;
	height: 40px;
}

#city_s .lfs_menu_li.search_btn {
	height: 40px;
	min-width: 75px;
	margin-left: -1px;
	background: #b01611;
	border-color: #b01611;
	color: #fff;
}

.city_s {
	position: relative;
	top: -18px;
	font-size: 13px;
}

.top_section.sticky.affix {
	position: fixed;
	top: 0;
	margin-top: 0;
}

.search_box_innerpage .new_search_section .choose_title {
	color: #fff;
	font-size: 16px;
	margin-left: 0px;
	font-weight: 500;
	text-transform: capitalize;
}

.search_box_innerpage .search_box {
	margin: 0 auto;
	width: auto;
	display: table;
}

.search_box_innerpage .search_box .hide-check-li {
	margin-right: 2px;
	width: 56px;
	margin-bottom: 0px;
	clear: both;
	float: none;
	display: inline-block;
}

.search_box_innerpage .search_box .propertySort_list {
	float: left;
	width: auto;
	margin-bottom: 0;
	margin-top: 8px;
	margin-left: 15px;
}

.bigMessage .listings-section {
	padding: 40px 15px 48px;
}


div.select_block.search-distance {
	min-width: 0;
}

.navbar-nav>li.head_phone {
	font-size: 24px;
	text-align: center;
}

.navbar-nav>li.head_phone a {
	color: #901813;
}


.top_section div.select_block {
	margin-left: 8px;
	border-radius: 4px;
	margin-top: 0px;
	margin-right: 0px;
}


div.select_block {
	margin-left: 8px;
	border-radius: 4px;
	padding-right: 28px;
	text-overflow: ellipsis;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.search_box .form-control {
	border-radius: 4px;
	width: 185px;
}

.select_block.search-neigh.search-neigh-new.chosen {
	width: 155px;
}

div.select_block .hidden_block p.selected_li {
	background: #eee;
}

div.select_block .hidden_block p.selected_li:hover {
	background: #17446e;
	color: #fff;
}

.search-home-left-content {
	position: absolute;
	width: 100%;
	top: -25px;
	left: 0;
}

.search-home-left-content h2,
.search-home-right-content h2 {
	font-size: 22px;
	color: #000;
}

.search-home-right-content {
	position: absolute;
	width: 90%;
	top: -25px;
}

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

	.new_search_section .search_box .form-control,
	div.select_block.search-distance,
	div.select_block.search-type,
	div.select_block.search-neigh,
	.service_find_new_ver_home #change_location_form_home_page .btn-primary {
		width: 100%;
		margin-bottom: 8px;
	}


	.new_search_section .choose_title {
		margin-right: 0px;
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
	}

	.top_section.sticky.affix {
		position: static;
	}

}

@media only screen and (max-width:767px) {
	.header_top_btn_main {
		float: unset;
		width: 100%;
	}

	.contact #top_section .header_top_btn_label {
		display: block;
	}
}

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


	.calos-angeles .header_top_btn_label,
	.nynew-york #top_section .header_top_btn_label,
	.ilchicago #top_section .header_top_btn_label {
		text-align: center;
		display: block;
	}
}

/* listing description bullets */
#listing-description ul,
#listing-description ol {
	padding-left: 10px;
	margin-top: 6px;
	margin-left: 8px;
}

#listing-description ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 2px;
}

#listing-description ul li br {
	display: none;
}

#listing-description ol li {
	list-style-position: inside;
}

#spaceBetweenSearchBar {
	height: 15px;
	display: none;
}

.search_box_innerpage .search_box li .checkbox-holder .checkbox-mark::after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 8px;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.hide-check-container .hide-check-ul {
	position: static;
}

.search_box_innerpage .new_search_section .search_box .btn.btn-primary.btn-sm.view_all {
	margin-left: 8px;
}

.search_box_innerpage .search_box .hide-check-ul .checkbox-holder {
	margin-left: 0px;
}

.listing-fess-show-mobile {
	display: none;
}


@media only screen and (max-width:991px) {
	div.select_block {
		margin-left: 0px;
	}

	.select_block.search-neigh.search-neigh-new.chosen {
		width: 100%;
	}

	.top_section div.select_block {
		margin-left: 0px;
	}

	.hide-check-container .hide-check-ul {
		position: static;
	}

	.search_box_innerpage .new_search_section .search_box .btn.btn-primary.btn-sm.view_all {
		margin-left: 0px;
	}
}

.msg_list {
	padding: 10px;
	background: #fff;
	border: 1px solid #b01611;
	color: #b01611;
	margin-bottom: 18px;
	font-weight: bold;
	border-radius: 4px;
	font-size: 17px;
	text-align: center;
	text-transform: uppercase;
}

.propertyContent .propertyType.listing-color--17446e {
	background: #17446e;
	/*font-size: 20px;*/
}

.bxslider2,
.bxslider3 {
	height: 100% !important;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.bxslider2 li,
.bxslider3 li {
	display: table-cell;
	height: 100%;
}

.bxslider2 li img,
.bxslider3 li img {
	opacity: 0;
	width: auto;
	max-height: 428px;
	width: 100%;
}

.bxslider2 li.width_less_625,
.bxslider3 li.width_less_625 {
	background-size: auto !important;
}

.bxslider2 li.height_greater_480,
.bxslider3 li.height_greater_480 {
	background-size: auto 100% !important;
}

.slideshow-caption {
	position: static;
	border: 0;
	left: 0;
	right: 0;
	background: #fff;
	bottom: 0;
}

#bx-pager a img {
	max-height: 75px;
	width: auto;
	max-width: 100%;
	margin: 0px;
}

.gallery #bx-pager a {
	display: inline-block;
	width: 100px;
	margin-right: 14px;
	margin-bottom: 14px;
	height: 62px;
	vertical-align: top;
	position: relative;
}

.thumb-inner {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
}

.thumb-inner-cell {
	display: table-cell;
	vertical-align: middle;
}


@-moz-document url-prefix() {
	.bxslider2 li {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.bxslider3 li {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
}

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

	.bxslider2 li img,
	.bxslider3 li img {
		height: 428px;
	}
}

@media only screen and (max-width:767px) {
	.slideshow-caption {
		display: none;
	}
}

.about-sec-main {
	background: #b8cfe5;
	padding: 10px 0;
	font-size: 16px;
}

p.bottom_space_text {
	margin-bottom: 8px;
}

.adv_main p.bottom_space_text a,
.adv_main p.bottom_space_text a:hover {
	color: #17446e;
	text-decoration: underline;
}

.list-slider-main {
	display: block;
	width: 100%;
	padding: 45px 0 20px 0;

}

.list-slider-main .col_5 {
	width: 100%;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: url("../images/slider-prev2.png") no-repeat;
	height: 30px;
	width: 30px;
	padding: 0;
	font-size: 0px;
	opacity: 1;
	margin: 0;
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -30px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
	background: url("../images/slider-next2.png") no-repeat;
	height: 30px;
	width: 30px;
	padding: 0;
	font-size: 0px;
	opacity: 1;
	margin: 0;
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -30px;
}

.img-box-inner {
	display: inline-block;
	width: 100%;
	margin-right: 14px;
	margin-bottom: 14px;
	background: #000;
	height: 320px;
	vertical-align: top;
	position: relative;
}

.img-box-inner-cell {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: middle;
}

.building .img-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.building .img-wrapper img {
	max-height: 320px;
	width: auto;
	max-width: 100%;
	margin: 0px;
}

.building .slideshow-caption {
	display: none;
}



div#about-page .article.main-section li {
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
	padding-left: 22px;
}

div#about-page .article.main-section li::after {
	top: 10px;
}

div#about-page .article.main-section ul {
	margin: 5px 0 20px;
}

div#about-page .article.main-section .meta {
	padding-bottom: 40px;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 15px;
}

.breadcrumbclass .building-page-search-container .go-button {
	font-weight: 600;
}

.properties.page-content div#about-page h1 {
	font-weight: 600;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 42px;
	margin-bottom: 20px;
}

#about-page .article.main-section h4 {
	margin-bottom: 22px;
}

.properties.page-content.about.blogpage {
	background: #fff;
}

.properties.page-content.about div#about-page>div {
	box-shadow: none;
}

div#about-page .main-section p {
	font-size: 18px;
}

div#about-page .main-section img {
	max-width: 100%;
	height: auto;
	/*	padding-right: 15px;	*/
}

div#about-page .main-section .box-main .col-md-3,
div#about-page .main-section .box-main .col-md-9 {
	padding: 0px;
	width: 100%;
}

.about div#about-page .top-main ul li {
	width: 100%;
	font-weight: normal;
}

#listing-page-cities ul {
	padding-left: 20px;
}

#listing-page-cities ul li {
	list-style: outside;
}

.breadcrumb-main {
	padding: 10px 0;
	margin-bottom: 15px;
}

.article.main-section a {
	color: #000;
	text-decoration: underline;
}

.breadcrumbclass {
	margin-bottom: 10px;
	gap: 0px 3px;
}

.breadcrumbclass a {
	font-size: 14px;
	display: inline-flex;
    align-items: center;
    padding: 6px 8px;
}


.pop-city-main {
	background: #000;
	color: #fff;
	padding: 12px 0;
}

.pop-city-main ul {
	margin: 0;
}

.pop-city-main li {
	display: inline-block;
	/* margin-right: 10px; */
	font-size: 12.5px;
	margin-left: 25px;
	margin-right: 25px;
}

.pop-city-main li a {
	color: #fff;
}

/* Tenants page */
body.tenants .properties.page-content div#about-page h1 {
	display: none;
}

body.tenants .properties.page-content div#about-page h1.visible-title {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 35px;
	font-family: 'Open Sans Condensed', sans-serif;
}

body.tenants .properties.page-content.about div#about-page>div {
	box-shadow: none;
	background: none;
	padding: 16px 90px;
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	color: #4f4f4f;
	font-weight: 500;
}

.et_pb_section_1.et_pb_section {
	padding-top: 17px;
}

.et_pb_text_0 h1 {
	font-weight: 600;
	color: #b01611 !important;
	text-align: center;
}

.et_pb_section_2 {
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	z-index: 10;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.et_pb_section_2.et_pb_section {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.et_pb_section_1.et_pb_section {
	padding-top: 0px;
	padding-bottom: 0px;
}

.et_pb_row {
	padding: 10px 0;
	width: 100%;
	display: inline-block;
}

.et_pb_column {
	float: left;
	position: relative;
	z-index: 2;
	min-height: 1px;
}

.et_pb_gutters3 .et_pb_column,
.et_pb_gutters3.et_pb_row .et_pb_column {
	margin-right: 5.5%;
}

.et_pb_gutters3 .et_pb_column_3_5,
.et_pb_gutters3.et_pb_row .et_pb_column_3_5 {
	width: 57.8%;
}

.et_pb_row .et_pb_column.et-last-child,
.et_pb_row .et_pb_column:last-child,
.et_pb_row_inner .et_pb_column.et-last-child,
.et_pb_row_inner .et_pb_column:last-child {
	margin-right: 0 !important;
}

.et_pb_gutters3 .et_pb_column_2_5,
.et_pb_gutters3.et_pb_row .et_pb_column_2_5 {
	width: 36.7%;
}

.et_pb_text_align_left {
	text-align: left;
}

.dsm_text_badges_0 h1.et_pb_module_header,
.dsm_text_badges_0 h2.et_pb_module_header,
.dsm_text_badges_0 h3.et_pb_module_header,
.dsm_text_badges_0 h4.et_pb_module_header,
.dsm_text_badges_0 h5.et_pb_module_header,
.dsm_text_badges_0 h6.et_pb_module_header {
	font-weight: 600;
	font-size: 26px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #ba0000;
}

.dsm-text-badges {
	display: inline-block;
	padding-bottom: 0;
	margin-bottom: 0;
}

.dsm-badges {
	display: inline-block;
	padding: .1em .4em;
	font-size: 65%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-style: solid;
	border-color: #333;
}

.dsm_text_badges_0 .dsm-badges {
	font-weight: 600;
	color: #ffffff !important;
	border-radius: 50px 50px 50px 50px;
	overflow: hidden;
	border-width: 13px;
	border-color: #17446e;
	background-color: #ba0000;
}

.et_pb_gutters3 .et_pb_column_4_4,
.et_pb_gutters3.et_pb_row .et_pb_column_4_4 {
	width: 100%;
}

body.tenants .properties.page-content {
	background: #fff;
}

.dsm_text_badges_0 .dsm-badges-before {
	margin-right: 11px;
}

.et_pb_button_module_wrapper.et_pb_button_alignment_center {
	text-align: center;
}

.et_pb_button {
	position: relative;
	padding: .3em 1em;
	border: 2px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.7em !important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

body.tenants .et_pb_button_0 {
	width: 90%;
}

.et_pb_button_module_wrapper>a {
	display: inline-block;
	/*    width: 32.5%;	*/
	text-align: center;
}

.et_pb_button_0_wrapper .et_pb_button_0,
.et_pb_button_0_wrapper .et_pb_button_0:hover {
	padding-right: 40px !important;
}

body.tenants .et_pb_section .et_pb_button_0 {
	color: #ffffff !important;
	border-color: #17446e;
	padding-left: 0.7em;
	background-color: #17446e;
}

.et_pb_divider_0 {
	margin-bottom: 0px !important;
}

.et_pb_divider_internal {
	display: inline-block;
	width: 100%;
}

.et_pb_divider::before {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eee;
	border-top-color: rgba(0, 0, 0, .1);
	content: "";
}

.et_pb_divider_0::before {
	border-top-color: #ba0000;
}

.et_pb_row_3.et_pb_row {
	padding-top: 0px !important;
}

.et_pb_section_3 {
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	z-index: 10;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.et_pb_button::after,
.et_pb_button::before {
	position: absolute;
	margin-left: -1em;
	opacity: 0;
	text-shadow: none;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	font-variant: none;
	line-height: 1em;
	text-transform: none;
	content: "\e080";
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	top: 12px;
}

body .et_pb_section .et_pb_button_0::after {
	opacity: 1;
	margin-left: .3em;
	left: auto;
}

.dsm_text_badges_1 h1.et_pb_module_header,
.dsm_text_badges_1 h2.et_pb_module_header,
.dsm_text_badges_1 h3.et_pb_module_header,
.dsm_text_badges_1 h4.et_pb_module_header,
.dsm_text_badges_1 h5.et_pb_module_header,
.dsm_text_badges_1 h6.et_pb_module_header {
	font-weight: 600;
	font-size: 28px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #ba0000;
}

.dsm_text_badges_1 .dsm-badges {
	font-weight: 600;
	color: #ffffff !important;
	border-radius: 50px 50px 50px 50px;
	overflow: hidden;
	border-width: 13px;
	border-color: #17446e;
	background-color: #ba0000;
}

.et_pb_button_1_wrapper .et_pb_button_1,
.et_pb_button_1_wrapper .et_pb_button_1:hover {
	padding-right: 40px !important;
}

body .et_pb_section .et_pb_button_1 {
	color: #ffffff !important;
	border-color: #17446e;
	padding-left: 0.7em;
	background-color: #17446e;
}

.et_pb_button_1 {
	width: 90%;
}

.et_pb_section_3.et_pb_section {
	padding-top: 11px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
}

.dsm_text_badges_1 .dsm-badges-before {
	margin-right: 11px;
}

.et_pb_row.et_pb_row_5 {
	padding-top: 0;
}

.et_pb_divider_1::before {
	border-top-color: #ba0000;
}

body .et_pb_section .et_pb_button_1::after {
	opacity: 1;
	margin-left: .3em;
	left: auto;
}

.et_pb_gutters3 .et_pb_column_1_2,
.et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
	width: 47.25%;
}

.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,
.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module {
	margin-bottom: 5.82%;
}

.et_pb_module_inner {
	position: relative;
}

.dsm_text_divider .dsm-text-divider-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
}

.dsm-text-divider-after,
.dsm-text-divider-before {
	font-size: 0;
	line-height: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7ebec5;
}

.dsm_text_divider_0 .dsm-divider {
	border-top-color: #17446e;
	border-top-style: solid;
	border-top-width: 1px;
}

.dsm-text-divider-header {
	padding-bottom: 0;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	margin: 0 10px !important;
}

.dsm_text_divider_0 h1.et_pb_module_header,
.dsm_text_divider_0 h2.et_pb_module_header,
.dsm_text_divider_0 h3.et_pb_module_header,
.dsm_text_divider_0 h4.et_pb_module_header,
.dsm_text_divider_0 h5.et_pb_module_header,
.dsm_text_divider_0 h6.et_pb_module_header {
	font-weight: 600;
	color: #17446e !important;
}

.dsm-text-divider-after,
.dsm-text-divider-before {
	font-size: 0;
	line-height: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #17446e;
}

.tenants #about-page h3 {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 25px;
	font-weight: 600;
	color: #17446e;
	font-family: 'Open Sans Condensed', sans-serif;
}

.tenants #about-page h3 strong {
	color: #ba0000;
}

.et_pb_button_2 {
	display: none !important;
}

.et_pb_button_2 {
	width: 100%;
}

body .et_pb_section .et_pb_button_2 {
	padding-right: 2em;
	padding-left: 0.7em;
}

body .et_pb_section .et_pb_button_3::after {
	opacity: 1;
	margin-left: .3em;
	left: auto;
}

.tenants .et_pb_text_5 {
	font-weight: 600;
	font-size: 23px;
}

.tenants .et_pb_text_5.et_pb_text {
	color: #17446e !important;
}

.tenants div#about-page ul {
	margin-bottom: 0px;
}

.et_pb_button_3 {
	width: 100%;
}

.et_pb_button_4 {
	width: 100%;
}

body .et_pb_section .et_pb_button_4 {
	padding-right: 2em;
	padding-left: 0.7em;
}

body .et_pb_section .et_pb_button_4::after {
	opacity: 1;
	margin-left: .3em;
	left: auto;
}

.tenants .et_pb_row.et_pb_row_7 {
	padding-bottom: 0;
	padding-top: 0;
}

.et_pb_module.et_pb_text.et_pb_text_0.et_pb_text_align_center.et_pb_bg_layout_light {
	font-size: 22px;
}

.modal-footer-lfs {
	padding: 5px 20px 5px !important;
}

.offices-wanted-list-1-3 {
	padding-bottom: 10px;
}

.offices-wanted-ad-p-area {
	font-size: 17px !important;
	font-weight: 600;
}

h2.offices-wanted-ad-bottom-area {
	margin-top: 80px;
	text-align: center;
	font-weight: 600;
	font-style: italic;
	max-width: 450px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 1025px) {
	h2.offices-wanted-ad-bottom-area {
		word-break: keep-all;
		max-width: 615px;
		margin-right: auto;
		margin-left: auto;
	}
}

h2.offices-wanted-ad-bottom-area-respo {
	margin-top: 80px;
	text-align: center;
	font-weight: 600;
	font-style: italic;
	max-width: 450px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 1025px) {
	h2.offices-wanted-ad-bottom-area-respo {
		word-break: keep-all;
		max-width: 615px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media all and (min-width: 991px) {
	.offices-wanted-ad-bottom-area-desktop {
		display: block;
	}

	.offices-wanted-ad-bottom-area-respo {
		display: none;
	}
}

@media all and (min-width: 1281px) {

	/*    .offices-wanted-list-1-3 { width: 75%; margin-right: 0px !important; }*/
	.offices-wanted-list-1-3 {
		width: 70%;
		margin-right: 0px !important;
	}
}

@media all and (max-width: 990px) {
	.offices-wanted-ad-bottom-area-desktop {
		display: none;
	}

	.offices-wanted-ad-bottom-area-respo {
		display: block;
	}
}

@media only screen and (max-width:767px) {
	body.tenants .properties.page-content.about div#about-page>div {
		padding: 16px 0px;
	}

	.et_pb_gutters3 .et_pb_column_1_2,
	.et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
		width: 100%;
	}

	.et_pb_gutters3 .et_pb_column,
	.et_pb_gutters3.et_pb_row .et_pb_column {
		margin-right: 0;
	}

	.et_pb_gutters3 .et_pb_column_3_5,
	.et_pb_gutters3.et_pb_row .et_pb_column_3_5 {
		width: 100%;
	}

	.et_pb_gutters3 .et_pb_column_2_5,
	.et_pb_gutters3.et_pb_row .et_pb_column_2_5 {
		width: 100%;
	}

	.et_pb_button_2 {
		display: block !important;
	}

	.et_pb_button_3 {
		display: none !important;
	}

	body .et_pb_section .et_pb_button_2::after {
		margin-left: .3em;
		left: auto;
		display: inline-block;
		opacity: 1;
	}

	.tenants .col-lg-12.col-md-12 {
		padding: 0;
	}


	.listing-feesnynew-york .listing-fess-show-mobile {
		display: block;
		margin-top: 70px;
	}

	.listing-feesnynew-york .listing-fess-show-desktop {
		display: none;
	}

	.et_pb_column_1_2_mobile.et_pb_column_1_2 {
		width: 100% !important;
	}
}

/* Brokers page */
body.brokers .properties.page-content div#about-page h1 {
	display: none;
}

body.brokers .properties.page-content div#about-page h1.visible-title {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 35px;
	font-family: 'Open Sans Condensed', sans-serif;
}

body.brokers .properties.page-content.about div#about-page>div {
	box-shadow: none;
	background: none;
	padding: 16px 90px;
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	color: #4f4f4f;
	font-weight: 500;
}

body.brokers .et_pb_row_2 {
	background-color: #17446e;
}

body.brokers .et_pb_text_1.et_pb_text {
	color: #ffffff !important;
	font-size: 21px;
}

body.brokers .et_pb_section_2 {
	box-shadow: none;
	padding: 0px;
}

body.brokers .et_pb_text_3 {
	font-size: 18px;
	background-color: rgba(0, 0, 0, 0);
	position: relative;
	border-width: 3px;
	border-color: #17446e;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	width: 30%;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	border-style: solid;
}

body.brokers .et_pb_text_3.et_pb_text {
	color: #e02b20 !important;
}

.et_pb_text_3.et_pb_module {
	margin-left: auto !important;
	margin-right: auto !important;
}

body.brokers #about-page .et_pb_text_3 h3 {
	font-size: 25px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ba0000;
	font-family: 'Open Sans Condensed', sans-serif;
}

body.brokers .properties.page-content {
	background: #fff;
}

body.brokers #about-page .et_pb_text_4 h2 {
	font-weight: 600;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ba0000;
	font-family: 'Open Sans Condensed', sans-serif;
	padding-bottom: 10px;
	margin: 0;
}

body.brokers .et_pb_row_6 {
	background-color: #17446e;
}

body.brokers .et_pb_text_5.et_pb_text {
	color: #ffffff !important;
}

body.brokers div#about-page p {
	line-height: 28px;
	font-size: 18px;
}

body.brokers .et_pb_row_8 {
	background-color: #17446e;
}

body.brokers .et_pb_text_7.et_pb_text {
	color: #ffffff !important;
}

body.brokers .et_pb_section_4.et_pb_section {
	padding-top: 3px;
	padding-bottom: 20px;
	background-color: #17446e !important;
}

body.brokers .et_pb_section_3.et_pb_section {
	padding-top: 11px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	margin-bottom: 24px;
}

body.brokers .et_pb_row_9.et_pb_row {
	padding-bottom: 8px !important;
	margin-bottom: 25px !important;
}

.lstfeeTestimonial {
	border-width: 3px;
	border-color: #17446e;
	border-style: solid;
}

body.brokers .dsm_text_divider_0 .dsm-divider {
	border-top-color: #ffffff;
	border-top-style: solid;
	border-top-width: 1px;
}

#about-page .dsm_text_divider_0 h2.et_pb_module_header {
	font-weight: 600;
	font-size: 46px;
	color: #ffffff !important;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

.one_fourth,
.one_half,
.one_third,
.three_fourth,
.two_third {
	float: left;
	position: relative;
	margin-right: 4%;
}

.one_fourth {
	width: 22%;
}

.et_column_last {
	clear: right;
	margin-right: 0 !important;
}

body.brokers .clear {
	clear: both;
}

body.brokers .et_pb_row_9,
body.brokers .et_pb_row_10 {
	max-width: 90%;
}

body.brokers .et_pb_row_10.et_pb_row {
	padding-top: 0px !important;
	padding-bottom: 5px !important;
}

body.brokers #about-page .wpcf7 h2 {
	color: white;
	font-size: 20px;
	font-weight: 600;
	text-align: center !important;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

body.brokers .centerimages {
	text-align: center !important;
	display: block !important;
	margin-bottom: 6px;
}

body.brokers .one_fourth br {
	display: none;
}

.form-row.second-contact-row1 {
	clear: both;
}

body.brokers input[type="file"] {
	padding: 0;
	background: none;
	border: none;
}

body.brokers input {
	padding: 2px 8px;
	margin-bottom: 5px;
}

.wpcf7-submit.et_pb_button {
	border-color: #fff;
	color: #fff;
}

body.brokers .et_pb_section_5.et_pb_section {
	padding-top: 11px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	margin-bottom: 7px;
}

body.brokers .et_pb_row_12 {
	border-width: 3px;
	border-color: #17446e;
	border-style: solid;
}

body.brokers .et_pb_row_13.et_pb_row {
	padding-top: 30px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	float: left;
}

.et_pb_gutters2 .et_pb_column_1_3,
.et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
	width: 31.3333%;
}

.et_pb_gutters2 .et_pb_column,
.et_pb_gutters2.et_pb_row .et_pb_column {
	margin-right: 3%;
}

body.brokers .et_pb_text_15,
body.brokers .et_pb_text_16,
body.brokers .et_pb_text_17 {
	font-size: 18px;
	background-color: #17446e;
	position: relative;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	width: 100%;
	margin: 0 auto;
}

body.brokers .et_pb_text_15 p,
body.brokers .et_pb_text_16 p,
body.brokers .et_pb_text_17 p {
	margin: 0;
}

.et_pb_testimonial_meta {
	display: none;
}

body.brokers .et_pb_text_12 {
	font-size: 18px;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.et_pb_column_16,
.et_pb_column_17,
.et_pb_column_18 {
	background-color: #f5f5f5;
	min-height: 66px;
}

.et_pb_column_13,
.et_pb_column_14,
.et_pb_column_15 {
	background-color: #f5f5f5;
}

.et_pb_row.et_pb_row_14.et_pb_equal_columns.et_pb_gutters2 {
	padding-top: 0;
	padding-bottom: 0;
	float: left;
}

.et_pb_text_inner .text-center {
	margin-bottom: 0;
}

.et_pb_row.et_pb_row_15.et_pb_equal_columns.et_pb_gutters2 {
	padding-top: 0;
}

@media only screen and (max-width:767px) {
	body.brokers .properties.page-content.about div#about-page>div {
		padding: 16px 0px;
	}

	body.brokers .et_pb_text_3 {
		width: 100%;
	}

	.one_fourth {
		width: 100%;
	}

	.et_pb_gutters2 .et_pb_column_1_3,
	.et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
		width: 100%;
		margin-top: 30px;
	}
}

.offices-wanted-form .offices-wanted-msg {
	display: flex;
	align-items: start;
	justify-content: center;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0px;
}

/* .offices-wanted-form .offices-wanted-msg .office-wanted-content-box {
	width: 70% !important;
} */

.offices-wanted-form .offices-wanted-msg .ad-column {
	width: 28% !important;
}

.offices-wanted-form .office_wanted_desk {
	margin-right: 0px;
	width: 300px !important;
}

.offices-wanted-msg .et_pb_text_2 h4 {
	text-align: end;
}

.offices-wanted-form .heading {
	font-size: 40px;
	color: #b01611;
	margin-bottom: 30px;
	font-weight: 600;
}

.offices-wanted-form .sub-heading {
	font-size: 36px;
	color: #161616;
	margin-bottom: 15px;
	font-weight: 600;

}

.offices-wanted-form .text-box {
	font-size: 20px;
	color: #161616;
}

.offices-wanted-form .content-box ul li {
	font-size: 20px;
	color: #17446E;
	font-weight: 600;
	margin-bottom: 15px;
}

.offices-wanted-form .btn-red {
	height: auto;
	font-size: 18px;
	background-color: #b01611;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 5px;
}

.offices-wanted-form .btn-red:hover {
	color: #fff;
}

.offices-wanted-form .et_pb_button_module_wrapper {
	padding-top: 5px;
	flex-wrap: wrap;
}

.offices-wanted-ad #editor-billing p {
	margin-left: 0;
}

#office-wanted-form .sub-heading {
	font-size: 36px;
	color: #161616;
	font-weight: 600;
	padding-left: 15px;
	margin-bottom: 30px;
}

#office-wanted-form .form-box {
	padding: 0;
}


#editor-billing .form-check-label {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	font-size: 20px;
}

#editor-billing p {
	margin-bottom: 15px;
	margin-left: 30px;
	font-size: 20px;
}

#office-wanted-form #editor-billing .form-check-input {
	width: 20px;
	height: 20px;
	border-color: #C2C2C2;
	margin-right: 10px;
}

.office-wanted-btn-box {
	display: flex;
	gap: 30px;
}

/* offices - wanted response agreement page start */
.offices-wanted-res-box .heading {
	font-size: 40px;
	color: #161616;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: center;
}

.response-box {
	background-color: #F0F8FF;
	padding: 30px;
	font-size: 20px;
	color: #000000;
}

.offices-wanted-res-box {}

.response-box .heading {
	font-size: 30px;
	margin-bottom: 20px;
	text-align: start;

}

.offices-wanted-res-box .form-box .heading {
	font-size: 32px;
	margin-bottom: 20px;
	color: #161616;
}

.text-center {
	text-align: center;
}

.offices-wanted-res-box .response-box .heading {
	text-align: center;
	font-size: 25px;
	font-weight: 600;
}

.offices-wanted-res-box .response-box-main {
	display: flex;
	flex-wrap: wrap;

}

.offices-wanted-res-box .form-box .sub-text {
	font-size: 24px;
	color: #000;
	margin-bottom: 15px;
}

.offices-wanted-res-box .response-box {
	text-align: center;
	height: 100%;
	font-weight: 600;
}

#register-block .choices__placeholder {
	opacity: 1;
}

.offices-wanted-res-box .form-inner-box {
	display: flex;
	gap: 15px 30px;
	font-family: 'Prompt', Helvetica, Arial, Lucida, sans-serif;
	flex-wrap: wrap;

}

.offices-wanted-res-box .form-inner-box .span-title {
	font-size: 20px;
	/* color: #161616; */
}

.red-text {
	color: #b01611 !important;
}

.offices-wanted-res-box .form-inner-box input {
	border-color: #161616;
	margin-top: 12px;
	border-radius: 0px;
	margin-bottom: 0px;
	height: 45px;
}

.offices-wanted-res-box .form-input {
	width: 48%;
}

.offices-wanted-res-box .form-inputf {
	width: 31%;
}

.offices-wanted-res-box .form-box {
	width: 80%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.offices-wanted-res-box .term-box {
	font-size: 20px;
	color: #000000;
	margin-top: 30px;
}

.offices-wanted-res-box .term-box .d-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.offices-wanted-res-box .term-box .d-flex a {
	display: block;
	margin: 0px 4px;
}

.offices-wanted-res-box .term-box a {
	color: #17446E;

}

.offices-wanted-res-box .term-box a:hover {
	color: #b01611;
}

.offices-wanted-res-box .term-box p {
	margin-bottom: 5px;
	/* flex-wrap: wrap; */
}

.res-warning-info {
	font-size: 20px;
	color: #b01611;
}

#register-modal .res-warning-info {
	margin-bottom: 5px;
	margin-top: 20px;
}

#register-modal .modal-dialog {
	width: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #161616;
	font-size: 20px;
	height: 100%;
}

#register-modal .modal-content {
	padding: 20px;
}

#register-modal input {
	border-color: #161616;
	margin-top: 12px;
	border-radius: 0px;
	margin-bottom: 0px;
	height: 45px;
	width: 300px;
}

#register-modal .success-box {
	font-size: 20px;
	padding: 20px;
	text-align: center;
}

#register-modal .success-box p {
	display: block;
}

#register-modal .modal-title {
	font-size: 32px;
	color: #161616;
	margin-bottom: 20px;
}

.offices-wanted-res-box .term-box .btn-theme {
	width: 380px;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 37px;
	display: block;
}

.offices-wanted-res-box .modal-header {
	padding: 0;
	border: 0;
}

.offices-wanted-res-box .term-box .form-check-input {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.success-box {
	background-color: #F0F0F0;
	color: #017636;
	font-size: 24px;
	padding: 22px 50px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.btn-theme {
	background-color: #17446E;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 600;
	border: 1px solid transparent;
	padding: 9px 30px;
	color: #fff;
}

.btn-theme-sm.btn-theme {
	font-size: 15px;
	font-weight: 500;
}

.btn-theme-sm.btn-theme:focus {
	color: var(--lfs-blue);
	background-color: #fff;
}

.btn-theme-green {
	background-color: #116436;
	color: #fff !important;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #116436;
	padding: 10px 30px;
}

.btn-theme-green:hover {
	color: #116436 !important;
}

.btn-theme-green a {
	color: #116436 !important;
}

.btn-theme-green:hover {
	background-color: #fff;
	color: #116436;
	border: 1px solid #116436;
}

.mb-0 {
	margin-bottom: 0px;
}

.d-block {
	display: block;
}

.m-auto {
	margin: auto;
}


#thankyou_form label {
	font-family: 'Prompt', sans-serif;
}

.thankyou-box .heading {
	color: #b01611;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 25px;
}

.thankyou-box .sub-heading {
	font-size: 24px;
}

.thankyou-box .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.thankyou-box form {
	margin-top: 40px;
}

.thankyou-box .inner-heading {
	font-size: 16px;
}

.thankyou-box {
	margin: 50px auto;
	font-size: 16px;
	padding-top: 50px;
}

.thankyou-box button {
	margin-top: 20px;
}

/* faq page css */


/* Listing Fees Page */
.fees-inner-boxes {
	border: 1px solid #ededed;
	box-shadow: 1px 2px 3px #cecece;
	height: 100%;
	border-bottom: 0px;
	background-color: #f0f0f0;

}

.fees-main-box.mt-50px {
	margin-top: 100px;
}

.mt-50px.offices-wanted-res-box {
	margin-top: 100px;
}

.d-flex {
	display: flex;
}

.fees-page {
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	/* max-width: 1100px; */
	margin: 0 auto;
	padding-top: 25px;
}

.ilchicago .listing-fess-show-desktop .text_inner_size {
	font-size: 14px;
}

.fees-page .et_pb_row_1.et_pb_row {
	padding-bottom: 11px !important;
	margin-right: auto !important;
	margin-bottom: -61px !important;
	margin-left: auto !important;
}

.fees-page .et_pb_text_0 h1 {
	font-weight: 600;
	font-size: 39px;
	color: #b01611 !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
}

.et_pb_text_align_center {
	text-align: center;
}


.fees-page .et_pb_row_3.et_pb_row {
	padding-top: 3px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	float: left;
}

.et_pb_column_3 {
	border-right-width: 1px;
	border-left-width: 1px;
	padding-bottom: 5px;
}

.et_pb_gutters4 .et_pb_column_1_2,
.et_pb_gutters4.et_pb_row .et_pb_column_1_2 {
	width: 46%;
}

.et_pb_gutters4 .et_pb_column,
.et_pb_gutters4.et_pb_row .et_pb_column {
	margin-right: 8%;
}

.fees-page .et_pb_text_2 {
	background-color: #17446e;
	position: relative;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.fees-page .et_pb_text_2 h2 {
	font-weight: 600;
	color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
}

/*.fees-page .et_pb_text_2.et_pb_text {
    color: #ffffff !important;
}*/
.fees-page .et_pb_text_3 {
	background-color: #17446e;
	position: relative;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.fees-page .et_pb_text_3 h2 {
	font-weight: 600;
	color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
}


.fees-page .et_pb_row_2 {
	z-index: 999;
	position: relative;
	transform: translateX(0px) translateY(90px);
	background: none;
}

.fees-page .et_pb_text_1.et_pb_text {
	color: #000000 !important;
	font-size: 24px;
}

.fees-page .et_pb_row_4.et_pb_row {
	padding-top: 0px !important;
	padding-bottom: 16px !important;
}

.fees-page .et_pb_text_4 {
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}

.fees-page .et_pb_column_3,
.fees-page .et_pb_column_4 {

	border: 1px solid #333;
}

.fees-page .et_pb_column_5,
.fees-page .et_pb_column_6 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #333;
	border-top: none;
}

.fees-page .et_pb_row_5.et_pb_row {
	padding-top: 0px !important;
	padding-bottom: 3px !important;
	margin-top: 0px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.fees-page .et_pb_section_2.et_pb_section {
	padding-top: 10px;
	padding-bottom: 7px;
	box-shadow: none;
}

.fees-page .et_pb_row_6 {
	background-image: linear-gradient(180deg, #ffffff 90%, #17446e 93%);
	border-color: #17446e;
	border-bottom-width: 2px;
}

.fees-page .et_pb_row_6.et_pb_row {
	padding-bottom: 0px !important;
}

.fees-page .dsm_button_0.dsm_button {
	margin-top: -19px !important;
}

#displaydetails {
	margin-top: 24px;
}

#displaydetails .et_pb_with_border.et_pb_row.et_pb_row_6 {
	margin-bottom: 6px;
}

body .fees-page .et_pb_section .dsm_button_0 .et_pb_button_one.et_pb_button {
	color: #ffffff !important;
	border-color: #17446e;
	border-radius: 0;
	font-size: 18px;
	background-color: #17446e;
}

body .fees-page .et_pb_section .dsm_button_0 .et_pb_button_two.et_pb_button {
	color: #17446e !important;
	border-radius: 0;
	font-size: 18px;
	margin-left: 0px;
}

.fees-page .et_pb_row_7.et_pb_row {
	padding-top: 3px !important;
}

.fees-page .dsm_icon_list_0,
.fees-page .dsm_icon_list_2 {
	padding-bottom: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}

.fees-page .dsm_icon_list .dsm_icon_list_items {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 26px;
}

.fees-page .dsm_icon_list .dsm_icon_list_child {
	padding-bottom: 10px !important;
}

.fees-page .dsm_icon_list_icon {
	margin-right: 10px;
	position: relative;
	top: 4px;
}

.fees-page .dsm_icon_list_0 .dsm_icon_list_items .dsm_icon_list_child .dsm_icon_list_icon {
	color: #17446e;
	font-size: 21px;
}

.fees-page .dsm_icon_list_2 .dsm_icon_list_items .dsm_icon_list_child .dsm_icon_list_icon {
	font-size: 21px;
	color: #b01611;
}

.fees-page .et_pb_section_3.et_pb_section h1 {
	text-align: center;
	font-weight: 600;
	color: #b01611 !important;
	font-size: 35px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-bottom: 24px;
}

#order .form-control {
	margin-bottom: 4px;
	font-weight: 600;
}

.fees-page .et_pb_row_9 {
	border-width: 3px;
	border-color: #17446e;
	border-style: solid;
	margin-top: 35px;
}

.fees-page .et_pb_row.et_pb_row_10.et_pb_equal_columns.et_pb_gutters2 {
	padding-bottom: 0;
	float: left;
}

.fees-page .et_pb_row.et_pb_row_11.et_pb_equal_columns.et_pb_gutters2 {
	padding-top: 0;
	padding-bottom: 0;
	float: left;
}

.fees-page .et_pb_row.et_pb_row_12.et_pb_equal_columns.et_pb_gutters2 {
	padding-top: 0;
}

.fees-page .et_pb_text_14,
.fees-page .et_pb_text_15,
.fees-page .et_pb_text_16 {
	font-size: 18px;
	background-color: #17446e;
	position: relative;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

#submitbasic {
	color: white !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	border-radius: 3px;
	padding: 6px 20px;
	background-color: #17446e !important;
	border: 2px solid;
}

#option-services .modal-content,
#mgmt-fee-only .modal-content {
	max-width: 700px;
	margin: 0 auto;
	border-radius: 0px;
}

#option-services .modal-body,
#mgmt-fee-only .modal-body {
	padding-top: 5px;
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	color: #4f4f4f;
	font-weight: 500;
}

#option-services .modal-header,
#mgmt-fee-only .modal-header {
	border: none;
}

#option-services h1,
#mgmt-fee-only h1 {
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: #b01611;
	margin-bottom: 20px;
}

#option-services h3,
#mgmt-fee-only h3 {
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}

#option-services .modal-body p,
#mgmt-fee-only .modal-body p {
	margin-bottom: 8px;
}

#option-services .et_pb_button,
#mgmt-fee-only .et_pb_button {
	margin-top: 15px;
	color: #b01611;
}

/* Monthly Get Started page */
.monthly-get-started {
	font-family: 'Prompt', sans-serif;
	font-size: 16px;
	max-width: 1100px;
	margin: 0 auto;
}

.monthly-get-started .et_pb_row_1.et_pb_row {
	padding-bottom: 11px !important;
	margin-right: auto !important;
	margin-bottom: 0px !important;
	margin-left: auto !important;
}

.monthly-get-started .et_pb_text_0 h1 {
	font-weight: 600;
	font-size: 39px;
	color: #b01611 !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
}

.monthly-get-started .et_pb_row_1.et_pb_row p {
	font-weight: 600;
}

.monthly-get-started .et_pb_row_2.et_pb_row {
	padding-top: 10px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.monthly-get-started #terms {
	width: auto;
}

.monthly-get-started .radio input[type="radio"] {
	width: auto;
}

.monthly-get-started .et_pb_button {
	color: white !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 17px;
	font-weight: 500;
	border-radius: 3px;
	padding: 6px 20px;
	background-color: #17446e !important;
	border: 2px solid;
}

.monthly-get-started .city_s {
	padding-left: 0;
	color: #b01611;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #ff0000;
	color: white;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #f7e600;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.tenants .et_pb_row {
	padding-bottom: 0;
}

/* .et_pb_gutters3 .et_pb_column_4_4 p {
	margin-bottom: 5px;
} */

div#about-page .et_pb_gutters3 .et_pb_column_4_4 ul {
	margin-bottom: 0;
}

.dsm_icon_list_text {
	text-transform: capitalize;
}

.has-grey-bg {
	background: #eee;
	padding: 2px 10px;
}

#homepageFilter .modal-dialog {
	max-width: 550px;
	margin-top: 30px;
}

#homepageFilter .modal-body {
	display: inline-block;
	width: 100%;
}

#homepageFilter div.select_block {
	border: 1px solid #bbb;
	width: 100%;
	margin-left: 0;
}

#homepageFilter .modal-footer {
	margin-top: 0;
}

#homepageFilter .modal-body label {
	font-size: 16px;
	font-weight: 600;
}

#homepageFilter .modal-header h4 {
	font-size: 18px;
}

.rented_box {
	border-width: 4px;
	border-color: #e02b20;
	padding: 15px;
	margin-bottom: 15px;
}

.rented_box_title {
	font-size: 23px;
	font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #ba0000;
	padding-bottom: 10px;
}

.rented_box .et_pb_button {
	width: 100%;
	display: inline-block;
}

.search_box_innerpage .selectedneighbirhood,
.search_box_innerpage .selectedSpaceType {
	display: none;
}

.fees-page .et_pb_row_4.et_pb_row .et_pb_text_inner {
	min-height: 310px;
	line-height: 35px;
}

#homepageFilter div.select_block .hidden_block label {
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0;
	padding: 4px 8px;
}

#homepageFilter div.select_block .hidden_block label input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -2px;
}

#homepageFilter div.select_block .hidden_block p:hover a,
#homepageFilter div.select_block .hidden_block p a:hover {
	color: #fff;
}

.offices-wanteds-new .et_pb_gutters2.et_pb_row .et_pb_column {
	background-color: #fff;
	border: 3px solid #333;
	border-color: rgba(51, 18, 18, 0.81);
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	padding-bottom: 0;
	margin-right: 3%;
	margin-bottom: 25px;
	min-height: 690px;
}

.offices-wanteds-new .et_pb_button_module_wrapper.dsm_button_0_wrapper.et_pb_button_alignment_center {
	background: #e02b20;
}

.offices-wanteds-new .et_pb_text_inner {
	overflow: hidden;
}

.et_pb_row.et_pb_row_1.offices-wanted-msg .et_pb_column {
	width: 50%;
}

.offices-wanteds-new .et_pb_gutters2.et_pb_row .et_pb_text_inner {
	overflow: hidden;
	display: table;
	width: 100%;
}

.offices-wanteds-new .et_pb_gutters2.et_pb_row .et_pb_text_inner p {
	display: table-cell;
	vertical-align: middle;
}

.short_desc {
	display: table;
	width: 100%;
	height: 100px;
	overflow: hidden;
	text-align: center;
}

.short_desc_inner {
	display: table-cell;
	vertical-align: middle;
}

#flyerobj {
	cursor: pointer;
}

.offices-wanteds-new .et_pb_gutters2.et_pb_row .et_pb_column:nth-child(3n) {
	margin-right: 0;
}

.page-content.offices-wanteds-new {
	background: #f5f5f5;
	padding-top: 5px;
	/* font-family: 'Prompt', Helvetica, Arial, Lucida, sans-serif; */

}


.offices-wanteds-new .et_pb_gutters3 .et_pb_column .et_pb_module.et_pb_text.et_pb_text_2.et_pb_text_align_left.et_pb_bg_layout_light {
	font-weight: 300;
	background-color: #17446e;
	position: relative;
	padding-top: 20px !important;
	padding-right: 10px !important;
	padding-bottom: 20px !important;
	padding-left: 10px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: #fff;
	min-height: 180px;
}

.offices-wanteds-new .et_pb_button.popup-trigger {
	color: #e02b20 !important;
	border-width: 0px !important;
	font-size: 16px;
	font-weight: 600 !important;
	background-color: #ffffff;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.offices-wanteds-new .dsm_text_divider_0.dsm_text_divider {
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.offices-wanteds-new .et_pb_text_3 {
	background-color: #ffffff;
	position: relative;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.offices-wanteds-new .dsm_text_divider_1.dsm_text_divider {
	background-color: #ffffff;
	padding-top: 0px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.offices-wanteds-new .et_pb_text_4 {
	background-color: #ffffff;
	position: relative;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.offices-wanteds-new .dsm_text_divider_2.dsm_text_divider {
	background-color: #ffffff;
	padding-top: 0px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.offices-wanteds-new .et_pb_text_5 {
	background-color: #ffffff;
	position: relative;
	padding-right: 10px !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.offices-wanteds-new .dsm-text-divider-header {
	text-transform: uppercase;
}

.offices-wanteds-new .dsm-text-divider-header span {
	margin: 0 10px !important;
	text-transform: uppercase;
	font-family: 'ABeeZee', Helvetica, Arial, Lucida, sans-serif;
	font-weight: normal;
	color: #000000 !important;
	font-size: 20px;
}

.offices-wanteds-new .et_pb_text_5 p {
	margin: 0;
}

.empcustom_homepage_text.empcustom_homepage_text_space {
	padding-bottom: 8px !important;
}

.empcustom_homepage_text.empcustom_homepage_text_space_top {
	padding-top: 0;
}

.d-hide {
	display: none;
}

@media only screen and (max-width:768px) {
	.d-hide {
		display: block;
	}

	.m-hide {
		display: none;
	}

	.header_top_btn_main {
		float: left;
		margin: 0 auto;
		display: block;
		width: 100% !important;
	}

	.header_top_btn_main .select_block {
		width: 600px;
		max-width: 100%;
	}
}

@media only screen and (max-width:767px) {
	.offices-wanteds-new .et_pb_gutters3 .et_pb_column_3_4 {
		width: 100%;
	}

}

.offices-wanted\.php {
	overflow-x: hidden;
}

#office_wanted_frm input[type="checkbox"] {
	width: auto;
}

.page-content.offices-wanted-form {
	background: #fff;
	/* font-family: 'Prompt', Helvetica, Arial, Lucida, sans-serif; */
	font-size: 18px;
}

#office_wanted_frm .form-row {
	display: inline-block;
	width: 100%;
}

#office_wanted_frm .form-row input {
	margin: 0;
}

#office_wanted_frm .form-row .form-control {
	background-color: #eee;
}

#office_wanted_frm .form-row #address {
	height: 34px;
}

.loginWidget {
	max-width: 590px !important;
}

.justify-content-between {
	justify-content: space-between;
}


/* ============================================
       SIGN UP CARD
       ============================================ */
.signin-card #login-btns {
	float: none;
}

.signin-card {
	background: white;
	border: 1px solid var(--border-color);
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 40px;
	max-width: 400px;
	padding-bottom: 20px;
	width: 100%;
	margin: 0 auto;
}

.signin-card h1 {
	font-size: 28px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 32px;
	text-align: center;
}

.form-group-signin {
	margin-bottom: 16px;
}

.form-group-signin .form-group label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 6px;
}

.form-group-signin .form-group input {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	font-size: 15.2px;
	font-family: inherit;
	color: var(--text-primary);
	background: white;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.signup-card {
	background: white;
	border: 1px solid var(--border-color);
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 40px;
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}

.properties .signup-card h1 {
	font-size: 28px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 18px;
	text-align: center;
}

.signup-subtitle {
	font-size: 15.2px;
	color: var(--text-secondary);
	text-align: center;
	margin-bottom: 32px;
	line-height: 1.5;
}

/* ============================================
       FORM FIELDS
       ============================================ */
.form-row-signin {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

.form-row-signin.single {
	grid-template-columns: 1fr;
}

.form-group-signin {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	/* Prevents overflow */
}

.form-group-signin label {
	font-size: 14px;
	font-weight: 600;
	color: var(--text-primary);
	margin-bottom: 6px;
}

.signup-link {
	text-align: center;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--border-color);
	margin-bottom: 0;

}


#forgot-password:hover {
	color: var(--lfs-blue);
}

.signup-link:hover a {
	color: var(--lfs-blue);
}

#back-to-login:hover {
	color: var(--lfs-blue);
}

.signup-link a {
	font-size: 14.4px;
}

.form-group-signin label .required {
	color: var(--lfs-red);
}

.rej.properties.page-content {
	background: #f8fafc;
	padding: 40px 0px;
}

.forgot-password {
	text-align: right;
	margin-top: 8px;
	margin-bottom: 24px;
}

.form-group-signin input,
.form-group-signin select {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	font-size: 15.2px;
	font-family: inherit;
	color: var(--text-primary);
	background-color: white !important;
	transition: border-color 0.2s, box-shadow 0.2s;
	min-width: 0;
	/* Prevents overflow */
	margin-bottom: 0;
}

.form-group-signin input:focus,
.form-group-signin select:focus {
	outline: none;
	border-color: var(--lfs-blue);
	box-shadow: 0 0 0 3px rgba(20, 54, 88, 0.1);
}

.form-group-signin input::placeholder {
	color: #94a3b8;
}

/* ============================================
       TERMS OF SERVICE CHECKBOX
       ============================================ */
.tos-checkbox {
	margin-top: 24px;
	text-align: center;
}

.tos-checkbox label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14.4px;
	color: var(--text-secondary);
	cursor: pointer;
}

.tos-checkbox input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--lfs-blue);
	cursor: pointer;
}

.tos-checkbox a {
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 500;
}

.tos-checkbox a:hover {
	text-decoration: underline;
}

.tos-checkbox a:focus-visible {
	outline: 2px solid var(--lfs-red);
	outline-offset: 2px;
	border-radius: 2px;
}

/* ============================================
       SUBMIT BUTTON — GHOST STYLE, INLINE
       ============================================ */
.submit-wrapper {
	text-align: center;
	margin-top: 16px;
}

.submit-btn {
	display: inline-block;
	padding: 10px 24px;
	background: transparent;
	color: var(--lfs-blue);
	border: 2px solid var(--lfs-blue);
	border-radius: 6px;
	font-size: 15.2px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: all 0.2s;
	min-width: 170px;
	margin-bottom: 5px;
}

.submit-btn:hover {
	background: var(--lfs-blue);
	color: white;
}

.submit-btn:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/* ============================================
       SIGN IN LINK
       ============================================ */
.signin-link {
	text-align: center;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--border-color);
}

.popup-body .submit-btn {
	min-width: auto;
}

.signin-link a {
	color: var(--text-secondary);
	text-decoration: none;
	font-size: 14.4px;
	font-weight: 500;
	transition: color 0.2s;
}

.signin-link a:hover {
	color: var(--lfs-blue);
	text-decoration: underline;
}

.signin-link a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 2px;
}

/* signin-link page ui END */
.signup-inner-box {
	display: flex;
	flex-wrap: wrap;
}

.signup-inner-box .required {
	margin: 0;
}

.signup-inner-box .d-flex {
	margin-bottom: 5px;
}

.signup-inner-box .checkbox {
	height: 17px;
	width: 17px;
	opacity: 1;
	margin: 0 !important;
	margin-right: 10px !important;
	z-index: 0;
}

.align-self-end {
	align-self: end;
}

.signup-inner-box .choices__inner {
	min-height: 37.6px;
	/* padding: 5px; */
	margin-bottom: 10px;
}

.signup-inner-box .choices__inner .choices__list--single {
	padding: 0;
}

.signup-inner-box .radio {
	height: 17px;
	width: 17px;
	min-height: 17px;
	min-width: 17px;
	opacity: 1;
	margin-top: 4px;
	margin-right: 10px !important;
}

#office_wanted_frm .wpcf7-form-control.wpcf7-submit.et_pb_button {
	color: white !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	border-radius: 3px;
	padding: 6px 20px;
	background-color: #17446e !important;
	border: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	outline: none;
}

.offices-wanted\.php .et_pb_row.et_pb_row_1 .et_pb_column {
	width: 50%;
}

.offices-wanted-msg .et_pb_text_0 h1 {
	font-weight: 600;
	color: #b01611 !important;
	text-align: center;
	font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif;
	font-size: 35px;
	text-transform: uppercase;
}

.offices-wanted-msg .et_pb_text_2 h4 {
	font-family: 'Open Sans Condensed', Helvetica, Arial, Lucida, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #b01611;
	font-size: 21px;
}

.offices-wanted-msg .et_pb_button {
	margin: 0 10px;
}

.et_pb_row.et_pb_row_1.offices-wanted-msg p {
	margin-bottom: 20px;
}

.offices-wanted-msg .et_pb_module.dsm_button.dsm_button_0.et_pb_bg_layout_light {
	margin-bottom: 20px;
}



@media only screen and (max-width:767px) {
	.et_pb_row.et_pb_row_1 .et_pb_column {
		width: 100%;
	}
}

.mult_btn_inner {
	position: relative;
}

.about-sec-main p {
	font-weight: 600;
	color: #17446e;
	margin-bottom: 9px;
}

.about-sec-main .btn_blue {
	margin-top: 15px !important;
	display: inline-block;
}

#neighborhood_chosen .chosen-choices {
	background: #eee;
	border: 1px solid #aaa !important;
	min-height: 34px;
	line-height: 31px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#office_wanted_frm .form-row #neighborhood {
	max-height: 34px;
}

.listing_outer .listing_inner {
	max-width: none;
	min-width: 250px;
	min-height: 399px;

}

.office-sublets .listing_outer .listing_inner {
	padding: 0px;
	margin-bottom: 10px;
}

.offices-wanted-list .et-boc .col_5 {
	padding: 0px 5px !important;
}

.office-sublets .listing_outer.col-md-4.col-sm-4 {
	padding-left: 1px !important;
}

.office-list-inner-box-card h1.pull-left {
	width: 48%;
}

.lfs-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2000;
	align-items: center;
	justify-content: center;
	padding: 24px;
	backdrop-filter: blur(2px);
}

.lfs-overlay.active {
	display: flex;
}

.lfs-overlay-card {
	position: relative;
	background: white;
	border-radius: 16px;
	max-width: 520px;
	width: 100%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	animation: lfsOverlayIn 0.25s ease;
}

@keyframes lfsOverlayIn {
	from {
		opacity: 0;
		transform: scale(0.95) translateY(-10px);
	}

	to {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

.lfs-overlay-header {
	background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
	padding: 32px 32px 24px;
	text-align: center;
}

.lfs-overlay-header h3 {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 24px;
	font-weight: 800;
	color: #143658;
	margin: 0 0 8px;
}

.lfs-overlay-header p {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	color: #475569;
	margin: 0;
	line-height: 1.5;
}

.lfs-overlay-body {
	padding: 32px;
}

.lfs-overlay-options {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.lfs-overlay-option {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border: 2px solid #e2e8f0;
	border-radius: 10px;
	text-decoration: none;
	color: #0f172a;
	transition: all 0.2s;
	cursor: pointer;
}

.lfs-overlay-option:hover {
	border-color: #143658;
	background: #f8fafc;
	text-decoration: none;
}

.lfs-overlay-option:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.lfs-overlay-icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lfs-overlay-icon.blue {
	background: #e0f2fe;
}

.lfs-overlay-icon.green {
	background: #dcfce7;
}

.lfs-overlay-icon svg {
	width: 22px;
	height: 22px;
}

.lfs-overlay-icon.blue svg {
	color: #143658;
}

.lfs-overlay-icon.green svg {
	color: #16a34a;
}

.lfs-overlay-text {
	flex-grow: 1;
}

.lfs-overlay-text strong {
	display: block;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 2px;
}

.lfs-overlay-text span {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 14px;
	color: #475569;
}

.lfs-overlay-arrow {
	color: #94a3b8;
}

.lfs-overlay-arrow svg {
	width: 20px;
	height: 20px;
}


/* gateway page ui */
/* Base Reset for Component */
.spg-page * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.spg-page {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--text-primary);
	line-height: 1.6;
}

/* ============================================
   HERO SECTION - Matches HIW
   ============================================ */
.spg-hero {
	background: #ffffff;
	padding: 80px 24px 60px;
	text-align: center;
}

.spg-hero-container {
	max-width: 900px;
	margin: 0 auto;
}

.spg-hero h1 {
	font-family: 'Inter', sans-serif;
	font-size: 48px;
	font-weight: 800;
	color: #143658;
	margin: 0 0 16px;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.spg-hero-subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #475569;
	margin: 0;
	line-height: 1.4;
}

/* Two-Way Marketplace Callout */
.spg-two-way-callout {
	background: var(--green-soft);
	border: 2px solid #86efac;
	border-radius: var(--radius);
	padding: 24px 32px;
	margin: 32px auto 0;
	max-width: 600px;
	text-align: center;
}

.spg-two-way-text {
	color: #166534;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

.spg-two-way-text strong {
	display: block;
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 4px;
}

/* ============================================
   PATHWAY CARDS SECTION - Matches HIW
   ============================================ */
.spg-pathways {
	background: var(--lfs-gray);
	padding: 60px 24px 80px;
}

.spg-pathways-container {
	max-width: 1100px;
	margin: 0 auto;
}

.spg-pathway-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
	margin-bottom: 40px;
}

.spg-pathway-card {
	background: #ffffff;
	border: 2px solid var(--border-color);
	border-radius: 16px;
	padding: 40px;
	text-align: left;
	transition: all 0.2s ease;
	display: flex;
	flex-direction: column;
}

.spg-pathway-card:hover {
	border-color: var(--lfs-blue);
	box-shadow: var(--shadow-lg);
	transform: translateY(-4px);
}

.spg-pathway-card h2 {
	font-family: 'Inter', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin: 0 0 16px;
	line-height: 1.2;
}

.spg-pathway-card p {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	color: var(--text-secondary);
	line-height: 1.7;
	margin: 0 0 24px;
	flex-grow: 1;
}

.spg-pathway-card p strong {
	color: var(--lfs-blue);
	font-weight: 700;
}

/* Stats Box */
.spg-stats-box {
	background: var(--green-soft);
	border: 1px solid #bbf7d0;
	border-radius: 8px;
	padding: 16px;
	margin: 0 0 24px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.spg-stats-icon {
	width: 40px;
	height: 40px;
	background: #dcfce7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.spg-stats-icon svg {
	width: 20px;
	height: 20px;
	color: var(--lfs-green);
}

.spg-stats-text {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	color: #166534;
	font-weight: 600;
}

.spg-stats-text strong {
	font-weight: 800;
}

/* CTA Buttons - Matches HIW */
.spg-cta-group {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: auto;
}

.spg-cta-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #143658;
	border: 2px solid #143658;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	padding: 14px 28px;
	border-radius: 8px;
	transition: all 0.2s ease;
	text-align: center;
}

.spg-cta-primary:hover {
	background: #143658;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.25);
	text-decoration: none;
}

.spg-value-section {
	background: #ffffff;
	padding: 60px 24px;
}

.spg-value-container {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

.spg-value-title {
	font-family: 'Inter', sans-serif;
	font-size: 32px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin: 0 0 48px;
}

.spg-value-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

.spg-value-item {
	padding: 24px;
}

.spg-value-icon {
	width: 56px;
	height: 56px;
	background: var(--lfs-light-blue);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
}

.spg-value-icon svg {
	width: 28px;
	height: 28px;
	color: var(--lfs-blue);
}

.spg-value-item h3 {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin: 0 0 8px;
}

.spg-value-item p {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	color: var(--text-secondary);
	line-height: 1.5;
	margin: 0;
}


/* gateway page ui end */

@media(min-width:992px) {
	.col_5:nth-child(5n+1) {
		clear: both;
		padding-left: 0px !important;
	}


}

p.listing-add-line.db-tit img {
	max-width: 20px;
	vertical-align: middle;
	display: inline-block;
	margin-top: 0px;
	margin-left: 5px;
}

.find_new_space:hover {
	cursor: pointer;
}

.office_wanted {
	background-color: #f5f5f5;
	padding-bottom: 0px;
	position: relative;
	float: left;
	z-index: 2;
	min-height: 1px;
	/* width: 20%; */
	padding: 0 0px;
	margin-bottom: 20px;
}


.needs-row {
	min-height: 40px;
}

.two-line {
	height: 40px;
	overflow: hidden;
	word-wrap: anywhere;
}

.tabletopwanted {
	background-color: #116436;
	color: white;
	outline-offset: -5px;
	line-height: 35px;
	text-align: center;
}


.office_wanted:nth-child(5n+1) {
	clear: both;
}

.contact-wanted {
	color: #FFFFFF !important;
	border-width: 0px !important;
	border-color: #116436;
	border-radius: 0px;
	background-color: #116436;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	padding: .3em 1em;
	position: absolute;
	bottom: 0;

	border-radius: 0px 0px 4px 4px;
}

.office_wanted_text .pull-right {
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 0px 5px;
}

.one-line {
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about-txt {
	overflow: hidden;
	height: 114.1px;
	padding-top: 4px;
}

.complete_office_text {
	display: none;
}

.offices-wanted-list .office_wanted {
	font-family: "Inter", sans-serif;
	width: 100%;
}

.offices-wanted-ad .office_wanted {
	max-width: 250px;
	min-width: 250px;
}

.et_pb_module.et_pb_image.et_pb_image_1 {
	width: 250px;
	margin-right: 10px;
}

.moreblock,
.view_btn {
	border: 1px solid #ffffff;
	padding: 0px 5px;
}


.et_pb_button_module_wrapper.et_pb_button_alignment_center .contact-wanted {
	position: static;
}

.et_pb_row.et_pb_row_1.offices-wanted-msg .et_pb_column .et_pb_column {
	width: 100%;
	padding-left: 25px;
}

#office_wanted_frm .container-chkbox input {
	width: auto;
	margin-top: -3px;
	vertical-align: middle;
}

.container-chkbox {
	font-size: 14px;
	margin-right: 10px;
}

.listing-fees-page-block-main .listing-fees-page-block {
	border: 2px solid white;
	box-shadow: 0 0 0 1px #000;
	appearance: none;
	border-radius: 15%;
	width: 13px;
	height: 13px;
	background-color: #fff;
}

.listing-fees-page-block-main .listing-fees-page-block:checked {
	background-color: #ff0437;
}

.listing-fees-page-block-main input[type=radio]:focus {
	outline: none;
}

.search-home-left,
.search-home-right {
	text-align: center;
}

.search-home-left,
.search-home-right {
	position: relative;
	top: 94px;
	left: 0;
}

.w-100 {
	width: 100% !important;
}


.listing-feesilchicago .et_pb_text_2.et_pb_text,
.listing-feesilchicago .et_pb_text_3.et_pb_text {
	color: #464646 !important;
}

.et_pb_text_inner_p.listing-fess-top-box-inner {
	border: 0 !important;
	font-style: italic;
}

.blue-bar {
	background-color: #b8cfe5;
	padding: 45px;
}



.listing-box_separator {
	position: absolute;
	left: 31%;
	top: 31%;
	font-size: 18px;
	font-weight: 600;
}

@media only screen and (max-width:1290px) {
	.office_wanted {
		width: 25%;
	}

	.office_wanted:nth-child(5n+1) {
		clear: none;
	}
}

@media only screen and (max-width:991px) {
	.office_wanted {
		width: 33%;
	}

	.office_wanted:nth-child(3n+1) {
		clear: both;
	}

	.et_pb_row.et_pb_row_1.offices-wanted-msg .et_pb_column,
	.offices-wanted-msg .et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child.colum-office-wanted-block-right,
	.offices-wanted-msg .et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.colum-office-wanted-block-left {
		width: 100%;
	}

	.offices-wanted-msg .et_pb_button {
		margin-bottom: 10px;
	}

	.et_pb_row.et_pb_row_1.offices-wanted-msg {
		padding: 0;
	}

	.search-home-left,
	.search-home-right {
		text-align: center;
	}

	.search-home-right br {
		display: none;
	}

	.listing-box_separator {

		left: 48.3%;
	}
}

@media only screen and (max-width:767px) {
	.office_wanted {
		width: 50%;
	}

	.office_wanted:nth-child(3n+1) {
		clear: none;
	}

	.office_wanted:nth-child(2n+1) {
		clear: both;
	}

	.offices-wanted-list .et_pb_button {
		font-size: 15px;
		height: auto !important;
		margin-bottom: 10px;
	}

	.offices-wanted-msg .et_pb_text_2 h4 {
		padding-left: 0 !important;
	}

	.et_pb_row.et_pb_row_1.offices-wanted-msg .et_pb_column .et_pb_column {
		width: 100%;
		padding-left: 0;
	}

	#office_wanted_frm .form-row {
		margin: 0px;
	}

	.listing-fess-office-sublets {
		height: auto !important;
	}
}

@media only screen and (max-width:480px) {
	.office_wanted {
		width: 100%;
	}

	.office_wanted:nth-child(2n+1) {
		clear: none;
	}

	.about-txt {
		min-height: 0px;
	}

	#office_wanted_frm .form-group {
		padding: 0;
	}

	.office_wanted_inner {
		min-height: 0px;
	}
}


#ad_type_choose {
	border: 2px solid white;
	box-shadow: 0 0 0 1px #000;
	appearance: none;
	/* border-radius: 50%; */
	width: 13px;
	height: 13px;
	background-color: #fff;
}

.ad-page-available-office-from-check-inner-label {
	display: block;
	margin-left: 22px;
	border: 1px solid #000;
	padding: 0 5px;
	background-color: #ff0437;
	color: #fff;
}

.listing-page-check-inner-label.ad-page-available-office-from-check-inner-label,
.listing-page-check-inner-label.ad-page-office-wanted-from-check-inner-label {
	width: 130px;
	max-width: 100%;
	padding: 5px;
}

.offices-wanted-inner-label-bottom-space {
	margin-bottom: 0;
	border-bottom: 0;
}

.ad-page-office-wanted-from-check-inner-label {
	display: block;
	margin-left: 22px;
	border: 1px solid #000;
	padding: 0 5px;
	background-color: green;
	color: #fff;
}

.offices-wanted-inner-label-bottom-space {
	margin-bottom: 0;
	border-bottom: 0;
}



p.et_pb_text_inner_p {
	display: block;
	margin-left: 25px;
	border: 1px solid #000 !important;
	padding: 0 5px;
	margin-right: 25px;
	font-weight: 900;
}

.article-listing p {
	margin: 0 !important;
}

.row.article-listing p.listing-add-line.db-tit img {
	padding: 0 !important;
}

.listing-fees-page-block#available_office_id {
	float: left;
	margin-top: 18px;
	margin-left: -8px;
}

.listing-fees-page-block-main #available_office_id {
	border: 2px solid white;
	box-shadow: 0 0 0 1px #000;
	appearance: none;
	/*border-radius:50%;*/
	width: 20px;
	height: 20px;
	background-color: #fff;
}

.listing-fees-page-block-main #available_office_id:checked {
	background-color: #ff0437;
}

b,
strong {
	font-weight: 600;
}

@media(min-width:1200px) {
	.article-listing .col_5 {
		width: 33.33333333333333%;
		padding: 0 15px;
	}
}


.position-relative {
	position: relative;
}

.fs-14px {
	font-size: 14px;
}

.fs-17px {
	font-size: 17px;
}

.fs-18px {
	font-size: 1788px;
}

#professional-form #send-professional {
	width: fit-content;
	margin-right: 10px;
	font-weight: 600;
	line-height: inherit;
	background: #116436;
}

#professional-form .form-group {
	margin-bottom: 0px;
}

#professional-form .form-control.mb-1 {
	margin-bottom: 10px;
}

#professional-form span.error {
	color: #e02b20;
	font-size: 14px;
	line-height: 18px;
	display: block;
}

#professional-form .btn-box {
	display: flex;
	margin-top: 0px;
	justify-content: end;
	flex-wrap: wrap;
}

.align-self-center {
	align-self: center;
}

@media screen and (max-width: 767px) {
	#img2 {
		padding-top: 15px;
	}
}


.pointer.propertyItem {
	margin-bottom: 0;
	padding: 0px 0px 45px 1px;
}



.top-list-box .add_date {
	position: absolute;
	font-size: 15px;
	z-index: 1;
	right: 0;
	width: 59%;
	text-align: left;
	min-height: 34px;
	padding: 2px 8px 0px 0px;
	top: 0px;

}

.city_name {
	float: right;
}

.propertyItem .single_line_div {
	padding: 0 8px;
}

.owl-item .col_5_p_0 {
	padding: 0 10px;
}

.search_box_innerpage .search_box {
	margin: 0 !important;
	display: block;
}


.listing_inner .propertyContent .propertyType {
	padding: 4px 9px;
	/* font-family: Arial; */
}


.header_top_btn_main {
	width: auto;
	float: right;
	right: 15px !important;
	margin: 0;
	top: 1.5px !important;
}

.header_top_btn_label {
	float: left;
	color: #ffffff;
	font-weight: 500;
	font-size: 11pt;
	font-size: 16px;
	margin-top: 10px;
}

.office_wanted {
	max-width: none;
	min-width: 250px;
	/* padding: 0 2px; */
}

#owl-demo-3 .office_wanted {
	width: auto;
}


.propertyItem .single_line_div p.listing-add-line {
	font-size: 11pt;
}

.propertyItem .single_line_div p.listing-add-line {
	font-size: 11pt;
}

.et-boc .col_5,
.row_listings .col_5 {
	padding: 0 4px;
}


.office_wanted .office_wanted_inner {
	min-height: 399px;
}

.small_feature_image_hidden.small_feature_image {
	float: right;
	padding-right: 6px;
	padding-top: 25px;
}

.view_btn {
	float: right;
	text-transform: capitalize;
}

.header_top_btn_main .select_block {
	width: 200px;
	max-width: 100%;
}

#neighbourhoodDropdownHolder label {
	float: left;
	display: block;
	font-size: 12pt;
	padding: 0 5px;
}

#neighbourhoodDropdownHolder label input {
	float: left;
	width: 17px;
}

#neighbourhoodDropdownHolder .btn_red {
	/* max-width: 185px; */
	margin: 0 auto;
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

.propertyContent_newyork .pull-right {
	float: unset !important;
}


.contact .form-check-label #i_have_chosen.offices-wanted-from-check-box {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.offices-wanted-from-check-inner-label {
	display: block;
	display: block;
	margin-left: 22px;
	border: 1px solid #000;
	padding: 0 5px;
}

/*radio btn start*/
#i_have_chosen {
	border: 2px solid white;
	box-shadow: 0 0 0 1px #000;
	appearance: none;
	width: 13px;
	height: 13px;
	background-color: #fff;
}

#i_have_chosen:checked {
	background-color: #ff0437;
}

.form-check-label-offices-wanted input[type=radio]:focus {
	outline: none;
}

.offices-wanted-inner-label-bottom-space {
	margin-bottom: 0;
	border-bottom: 0;
}

.offices-wanted-inner-label-top-space {
	margin-bottom: 0;
	border-top: 0;
}

/*radio btn end*/

/*price page radio btn start*/

.ad-page-office-wanted-from-check-inner-label {
	display: block;
	margin-left: 22px;
	border: 1px solid #000;
	padding: 0 5px;
	background-color: #116436;
	color: #fff;
}

.ad-page-available-office-from-check-inner-label {
	display: block;
	margin-left: 22px;
	border: 1px solid #000;
	padding: 0 5px;
	background-color: #ff0437;
	color: #fff;
}

.contact .form-check-label #ad_type_choose.ad-type-page-from-check-box {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.listing-fees-page-block#available_office_id {
	float: left;
	margin-top: 18px;
	margin-left: -8px;
}

.listing-fees-page-block-main #available_office_id {
	border: 2px solid white;
	box-shadow: 0 0 0 1px #000;
	appearance: none;
	width: 20px;
	height: 20px;
	background-color: #fff;
}

.listing-fees-page-block-main #available_office_id:checked {
	background-color: #ff0437;
}

#ad_type_choose {
	border: 2px solid white;
	box-shadow: 0 0 0 1px #000;
	appearance: none;
	width: 13px;
	height: 13px;
	background-color: #fff;
}

#ad_type_choose:checked {
	background-color: #000;
}

.form-check-label-offices-wanted input[type=radio]:focus {
	outline: none;
}

.offices-wanted-inner-label-bottom-space {
	margin-bottom: 0;
	border-bottom: 0;
}

.offices-wanted-inner-label-top-space {
	margin-bottom: 0;
	border-top: 0;
}

/*price pageradio btn end*/


.et_pb_column.et_pb_column_1_2.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough.colum-office-wanted-block-left {
	width: 60%;
}

.et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child.colum-office-wanted-block-right {
	width: 40%;
}

.service_find_new_ver .service_inner_text_list._empcustom_homepage_boxes_mid_up,
.service_find_new_ver .service_inner_text_list._empcustom_homepage_boxes_mid {
	color: #000000;
}

.listing-feescacalifornia-city #change_location_form_home_page {
	display: inline-block;
}

.offices_1_price,
.offices_2_price {
	display: inline-block;
	width: 48%;
	padding: 0 12px;
	margin: 0;
	font-size: 14px;
}

.offices_1_price {
	text-align: right;
	font-weight: bold;
}

.offices_2_price {
	text-align: left;
}

/*21-04-23 Changes Start*/

.listing-feesnynew-york .offices_1_price,
.listing-feesnynew-york .offices_2_price,
.listing-feesny .offices_1_price,
.listing-feesny .offices_2_price {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	padding: 0;
	font-weight: bold;
}

.listing-feesnynew-york .offices_1_price,
.listing-feesny .offices_1_price {
	text-align: right;
	font-weight: bold;
	padding-right: 0;
	width: 52%;
	margin-right: 14.7px;
}

.listing-feesnynew-york .offices_2_price,
.listing-feesny .offices_2_price {
	text-align: left;
	margin-right: -25px;
}



.monthly-get-started .propertyItem {
	min-height: 381px;
}

.ad-listing_outer #meta_desc_info {
	padding-right: 7px;
}

.free-listing-contact-ad span {
	color: #fff;
	border: 1px solid;
	padding: 2px 5px;
	font-size: 10.4pt;
}

.free-listing-contactad span {
	color: #fff;
	border: 1px solid;
	padding: 2px 5px;
	font-size: 11pt;
}

.form_group_section {
	position: relative;
	top: 150px;
}

.lst-register .form_group_section {
	position: static;
}

.lst-register .form_group_section .col-md-4 {
	width: 100%;
	text-align: center;
}

/*21-04-23 Changes End*/
body.building-page #list-view .listing_inner.div1 .propertyImgLink img {
	width: 100%;
	margin-top: 49px !important;
	width: 100%;
	height: 157px;
	object-fit: cover;
	background-position: center center !important;
	margin-top: 48px;
}

body.building-page #list-view .propertyType.listing-color-red {
	padding: 12px 9px;
}

body.building-page #list-view .add_date input[type=checkbox] {
	margin-left: 8px;
	margin-top: -2px;
}

body.building-page #list-view .add_date {
	width: 50%;
	padding: 5px 0 0 8px;
}

body.building-page .listing_inner.div1 .propertyImgLink {
	font-size: 11pt;
}

body.building-page .listing_inner.div1 {
	width: 100%;
	max-width: 315px;
	height: 381px;
}

body.building-page .listing-add-line.listing-color-red-text {
	margin-top: 13px;
	padding-top: 16px;
	font-size: 11pt;
}

body.building-page #list-view .propertyItem .single_line_div {
	padding: 0 25px;
}

.offices-wanted-list .et-boc .col_5,
.row_listings .col_5 {
	padding: 0px 5px;
}

body.building-page .cub_btn {
	border: 1px solid #ffffff;
	padding: 0px 5px;
}

body.building-page #list-view .col_5 {
	clear: none;
}

.form-loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(255, 255, 255, 0.8);
	justify-content: center;
	align-items: center;
}

.form-loader.active {
	display: flex;
}

.form-loader .spinner {
	width: 50px;
	height: 50px;
	border: 5px solid #ccc;
	border-top: 5px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (max-width: 1295px) {
	#owl-demo-3 .needs-row {
		height: 60px;
	}

	#owl-demo-1 .top-list-box .add_date {
		width: 55.5%;
	}
}

@media (max-width: 1130px) {
	.free-listing-contact-ad span {
		font-size: 9pt;
		margin: 0 auto;
		display: block;
		text-align: center;

	}

	.free-listing-contact-ad {
		margin: 0 auto;
		display: block;
	}
}

@media (max-width: 1024px) {

	.listing_outer .office_wanted {
		width: auto;
		max-width: 100%;
	}

	.listing-fess-top-pad .listing-fess-top-calls-head {
		font-size: 13px;
	}

	.listing-feesnynew-york .offices_1_price {
		width: 54%;
	}
}


@media (max-width: 893px) {


	#top_section .search_box form {
		margin: 0 auto;
		display: block;
		padding: 15px;
	}

	.listing-feescacalifornia-city #top_section .search_box form {
		padding: 0;
	}

	.header_top_btn,
	.header_top_btn_old {
		float: unset;
		max-width: 100%;
	}
}

@media (min-width: 992px) {
	.row_listings .col_5.ad-office_sublets:nth-child(5n+1) {
		clear: unset;
	}
}

.abt_ofc_view_fee {
	width: 110%;
}

._emp_custom_view_avalab_ofc {
	height: 60px;
	width: 70px;
	position: relative;
	left: 40%;
	color: #fff;
	background-color: #b01611;
	top: 15px;
	cursor: pointer;
}

._emp_custom_view_avalab_ofc a {
	color: #fff;
}

._emp_custom_view_ofc_wanted {
	height: 60px;
	width: 70px;
	position: relative;
	left: 40%;
	color: #fff;
	background-color: green;
	top: 15px;
	cursor: pointer;
}

._emp_custom_view_ofc_wanted a {
	color: #fff;
}

a.empcustom_back_to_listing_contact {
	border: 2px solid #b01611;
	padding: 8px 10px;
	border-radius: 30px;
	margin-right: 14px;
	margin-top: 15px;
}

.contact-success-main {
	margin: 10px 0px;
}

.contact-success-sub {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.contact-success-back-link {
	margin-top: 20px;
}

.text_inner_space_list br {
	display: none;
}

.dsm_icon_list_icon.glyphicon-check_listing_fees {
	margin-right: 5px;
}

.offices_5_no_new_york_page br {
	display: none;
}

.et_pb_text_align_center.listing-fess-top-pad {
	padding-top: 0 !important;
	border-radius: 0;
	padding-left: 5px;
	padding-right: 5px;
}

.listing-fess-top-btn button {
	border-radius: 0;
	letter-spacing: 2px;
	font-size: 14px;
	height: auto;
	padding: 14px 20px;
	margin-bottom: 20px;
}

.listing-fess-top-text {
	font-size: 18px;
	letter-spacing: 1px;
}

.listing-fess-top-calls-head {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .5px;
	margin-bottom: 30px;
}

.listing-fess-top-contact-list {
	font-size: 18px;
	line-height: 25px;
	color: #b01611;
	padding: 0 5px;
}

.listing-fess-top-box .et_pb_text_inner_p {
	padding: 5px 5px;
	font-size: 14px;
	font-weight: 500;
}

.listing-fess-top-box {
	margin-bottom: 20px;
}

.listing-fess-top-box p:not(.has-background):last-of-type {
	padding-bottom: 5px !important;
}

.listing-feesnynew-york .listing-fess-office-sublets .et_pb_text_2.et_pb_text,
.listing-feesnynew-york .listing-fess-office-sublets .et_pb_text_3.et_pb_text {
	color: #464646 !important;
}

.listing-fess-office-sublets .et_pb_text_2,
.listing-fess-office-sublets .et_pb_text_3 {
	background-color: transparent;
}

.listing-fess-office-sublets {
	height: 530px;
}

.listing-fess-top-btn-green button {
	background: #116436;
}

.et_pb_gutters4.et_pb_row .listing-fess-office-sublets.et_pb_column_1_2 {
	width: 29%;
}

.et_pb_gutters4 .listing-fess-office-sublets.et_pb_column {
	margin-right: 5%;
	cursor: pointer;
}

.et_pb_gutters4.et_pb_row .listing-fess-office-sublets-space.et_pb_column {
	margin-right: 8% !important;
}

.bottom_space {
	margin-bottom: 20px;
}

.et_pb_gutters4-listing-page {
	padding: 12px 15px;
	margin: 24px 0;
	position: relative;
}

.listing-box {
	font-weight: bold;
}

.offices_1_price {
	text-align: right;
	font-weight: bold;
	width: 52%;
	margin-right: 14.6px;
	padding: 0;
}

.offices_2_price {
	text-align: left;
	margin-right: -25px;
	padding: 0;
}

.lfs-related {
	padding: 32px 0 8px;
	background: #fff;
}


.lfs-related .lfs-related-band {
	background: var(--lfs-light-blue);
	border: 1px solid #cfe8fb;
	border-radius: var(--radius);
	padding: 20px 22px;
	margin-bottom: 20px;
}

.lfs-related h2 {
	color: var(--lfs-blue);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 6px;
	letter-spacing: -0.01em;
}

.lfs-related .lfs-related-band p {
	color: #3f4a5b;
	font-size: 15px;
	line-height: 1.7;
	margin: 0;
	max-width: 900px;
}

.lfs-related .lfs-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	align-items: stretch;
}

.lfs-related .lfs-related-card {
	display: block;
	background: var(--lfs-gray);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 18px 18px;
	text-decoration: none;
	transition: transform .06s ease, border-color .18s ease, background-color .18s ease;
	height: 100%;
}

.lfs-related .lfs-related-card:hover {
	border-color: #b8d7f0;
	background: #f5fbff;
	text-decoration: none;
}

.lfs-related .lfs-related-card:active {
	transform: translateY(1px);
}

.lfs-related h3 {
	color: var(--lfs-blue);
	font-size: 16.32px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 8px;
	letter-spacing: -0.01em;
}

.lfs-related .lfs-related-card p {
	color: var(--text-secondary);
	font-size: 15.2px;
	line-height: 1.7;
	margin: 0 0 10px;
}

.lfs-related .lfs-related-link {
	display: inline-block;
	color: var(--lfs-blue);
	font-weight: 600;
	font-size: 15.2px;
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
}


@media only screen and (max-width: 1080px) {
	.ilchicago .text_inner_size.text_inner_space_list br {
		display: block;
	}

	.ilchicago .text_inner_size .offices_5_no_new_york,
	.ilchicago .text_inner_size .lstPrice_5_no_new_york,
	.ilchicago .text_inner_size .offices_5_month_no_new_york {
		right: 0;
	}

	.listing-feesnynew-york .offices_1_price {
		font-size: 13px;
	}

}

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

	.lfs-related .lfs-related-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.form-grids-add-list.form-grids-add-list-contact-info .form-groups-add-list {
		width: 47.5%;
	}

	.offices-wanted-res-box .col-md-6 {
		width: 49%;
	}


	.app-cover {
		margin: 0 auto;
	}

	.text_inner_space_list br {
		display: block;
	}

	.et_pb_gutters4.et_pb_row .listing-fess-office-sublets.et_pb_column_1_2 {
		width: 47.5%;
	}

	.et_pb_gutters4 .listing-fess-office-sublets.et_pb_column {
		margin-right: 5%;
		margin-bottom: 20px;
	}

	.et_pb_gutters4.et_pb_row .listing-fess-office-sublets-space.et_pb_column {
		margin-right: 0 !important;
		margin-bottom: 40px;
	}

	.et_pb_gutters4 .listing-text-paragraph {
		margin-bottom: 25px !important;
	}

	.header_top_btn_main {
		float: unset;
	}

	.search_section.new_search_section .search_box .form-control {
		width: 100%;
	}

	.services.where_to_find .service_inner {
		margin: 40px 0;
	}

	.d-hide {
		display: block;
	}

	.m-hide {
		display: none;
	}

	.other-city .listing-fess-office-sublets {
		height: auto;
	}

}

@media only screen and (max-width: 767px) {
	.dsm_icon_list_page {
		margin-bottom: 6px;
	}

	.fees-page .et_pb_row_4.et_pb_row .et_pb_text_inner {
		line-height: 30px;
	}

	.office_wanted {
		width: 100%;
	}

	.text_inner_space_list br {
		display: block;
	}

	.et_pb_gutters4.et_pb_row .listing-fess-office-sublets.et_pb_column_1_2 {
		width: 100%;
	}

	.et_pb_gutters4 .listing-fess-office-sublets.et_pb_column {
		margin-right: 0;
		margin-bottom: 40px;
	}

	.listing-fess-office-sublets-radbox.listing-fess-office-sublets {
		margin-bottom: 0 !important;
	}

	.et_pb_gutters4.et_pb_row .listing-fess-office-sublets-space.et_pb_column {
		margin-right: 0 !important;
		margin-bottom: 40px;
		padding: 0 10px;
	}

	.et_pb_gutters4 .listing-text-paragraph {
		margin-bottom: 0 !important;
	}

	.listing-box_separator {
		position: static;
		text-align: center;
		width: 100%;
		display: inline-block;
		margin: 10px 0;
	}

	.search-home-right-content,
	.search-home-left-content {
		top: -30px;
	}

	.sfn_home.services {
		padding: 25px 0;
	}

	.search-home-left-content h2,
	.search-home-right-content h2 {
		font-size: 18px;
	}


}

@media only screen and (max-width: 482px) {
	.text_inner_space_list br {
		display: block;
	}

	#list-view .add_date {
		width: 55%;
	}
}

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

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		position: unset;
		font-size: 13px;
		width: 130px;
		max-width: 100%;
	}

	.listing-feesnynew-york .knobs-listing-fees {
		margin: -2px;
	}

	.knobs-listing-fees span {
		font-size: 13px;
	}

	.listing_inner.div1 {
		max-width: 600px;
	}
}

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

	.knobs-listing-fees span {
		font-size: 12px;
	}

	.listing-feesnynew-york .knobs-listing-fees span {
		font-size: 13px;
	}

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		width: 130px;
		max-width: 100%;
		font-size: 13px;
	}

	.listing-feesilchicago .knobs_office_sublets,
	.listing-feesilchicago .knobs_offices_wanted {
		width: 105px;
		max-width: 100%;
		font-size: 12px;
	}

	.listing-feesnynew-york .offices_1_price {
		font-size: 13px;
	}

	.listing-feesnynew-york .offices_1_price {
		width: 54%;
	}

}

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

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		width: 121px;
		max-width: 100%;
		font-size: 11px;
	}

	.listing-feesilchicago .knobs_office_sublets,
	.listing-feesilchicago .knobs_offices_wanted {
		width: 92px;
		max-width: 100%;
		font-size: 12px;
	}

}

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

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		width: 110px;
		max-width: 100%;
		font-size: 12px;
	}

	.knobs_offices_wanted,
	.knobs_office_sublets {
		position: unset;
		font-size: 11px;
		width: 75px;
	}

	.button.button-border {
		height: 60px;
		width: 100%;
		overflow: hidden;
		display: inline-block;
	}

	.knobs-listing-fees {
		margin: -8px;
	}

	.button-cover-listing-fees.button-cover {
		position: unset;
	}

	.app-cover {
		padding-bottom: 0px;
	}

	.knobs-listing-fees span {
		font-size: 12px;
	}
}

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

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		width: 105px;
		max-width: 100%;
		font-size: 11px;
	}

	.listing-feesilchicago .knobs_office_sublets,
	.listing-feesilchicago .knobs_offices_wanted {
		width: 85px;
		max-width: 100%;
		font-size: 12px;
	}
}

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

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		width: 98px;
		max-width: 100%;
		font-size: 11px;
	}

	.listing-feesilchicago .knobs_offices_wanted,
	.listing-feesilchicago .knobs_office_sublets {
		width: 85px;
		max-width: 100%;
		font-size: 11px;
	}
}

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

	.listing-feesnynew-york .knobs_office_sublets,
	.listing-feesnynew-york .knobs_offices_wanted {
		width: 85px;
		max-width: 100%;
		font-size: 11px;
	}

	.listing-feesnynew-york .knobs-listing-fees {
		margin: -8px;
	}

	.knobs_office_sublets,
	.knobs_offices_wanted {
		width: 85px;
		max-width: 100%;
		font-size: 11px;
	}

	.knobs-listing-fees {
		margin: -8px;
	}
}

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

	.knobs_offices_wanted,
	.knobs_office_sublets {
		position: unset;
		font-size: 11px;
		width: 75px;
	}

	.button.button-border {
		height: 60px;
		width: 100%;
		overflow: hidden;
		display: inline-block;
	}

	.knobs-listing-fees {
		margin: -8px;
	}

	.listing-feesilchicago .knobs_offices_wanted,
	.listing-feesilchicago .knobs_office_sublets {
		width: 75px;
		max-width: 100%;
		font-size: 11px;
	}
}


@media only screen and (max-width: 1299px) {
	header .navbar-nav>li {
		font-size: 12px;
	}

	.offices-wanted-list #owl-demo-2 .col_5:nth-child(5n+1) {
		clear: none;
	}
}

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

	.offices_1_price,
	.offices_2_price {
		display: inline-block;
		width: 51%;
		padding: 0 12px;
		margin: 0;
		font-size: 12px;
	}

	.et_pb_gutters4-listing-page.other-city {
		padding: 0;
	}

	.other-city .listing-box_separator {
		left: 30.3%;
	}
}

@media only screen and (max-width: 1024px) {
	header .navbar-nav>li {
		font-size: 15px;
	}
}

.propertyContent p img {
	padding-bottom: 17px;
}

div#about-page .main-section p {
	font-size: 16px;
}

.featurecheckbox {
	display: flex !important;
	align-items: center !important;
}

.featureinput {
	width: 25px !important;
	margin: 4px 0 7px !important;
	height: 15px;
}

.featureinputAgree {
	width: 25px !important;
	margin: 4px 0 7px !important;
	height: 15px;
}

.offices-wanted-ad-pay-button {
	padding: 5px 15px !important;
	font-size: 17px !important;
	font-weight: 400 !important;
}

.new-card-payment-hr {
	margin-top: 0px;
	margin-bottom: 10px;
	border-top: 1px solid #eee;
}

#office-wanted-form .row:after {
	display: table;
	content: "/n" !important;
	display: none;
}

.office-wan-top-box {
	padding: 10px 0px;
}

.office-wanted-text-box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	min-height: 46px;
}


.btn-blue-outline {
	background: white;
	color: var(--lfs-blue);
	border: 2px solid var(--lfs-blue);
	height: 40px;

	font-weight: 500;
	font-family: "Inter", sans-serif;
	display: inline-block;
	text-decoration: none;
	font-size: 17px;
}

.btn-blue-outline:hover {
	background-color: var(--lfs-blue);
	color: #fff;
}

.blue-btn-outline {
	background: white;
	color: var(--lfs-blue);
	border: 1px solid var(--lfs-blue);
	border-radius: 3px;
	padding: 6px 15px;
	font-size: 16px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.blue-btn-outline:hover {
	background: var(--lfs-blue);
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

[data-automation-id] {
	display: none;
}

/*tab-prompt-container*/
[data-automation-id="tab-prompt-container"] {
	display: none;
}

.et_pb_css_mix_blend_mode_passthrough_p p {
	font-size: 18px;
	font-weight: 400;
	text-align: justify;
}

.et_pb_buttonWantedListing {
	height: 40px;
	color: #b01611;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	display: inline-block;
	text-decoration: none;
	font-size: 17px;
}

p.abt-ofc-wn-lst-one {
	padding-top: 20px;
	text-align: left;
	font-size: 20px !important;
	margin-bottom: 0px !important;
}

p.abt-ofc-wn-lst-other {
	text-align: left;
	margin-bottom: 0px !important;
	font-size: 17px !important;
	font-weight: 400;
	text-align: justify;
}

.et_pb_text_inner_heading {
	text-align: left;
}

h1.et_pb_text_inner_heading {
	text-align: left !important;
}

.et_pb_css_mix_blend_mode_passthrough_second {
	width: 34% !important;
}

.et_pb_css_mix_blend_mode_passthrough_first {
	width: 66% !important;
}

.office_wanted_desk {
	margin: 0 4% 0 auto;
}

.et_pb_text_inner_desk_head {
	padding-left: 100px;
}

@media only screen and (max-width: 991px) {
	.et_pb_css_mix_blend_mode_passthrough_second {
		width: 100% !important;
	}

	.et_pb_css_mix_blend_mode_passthrough_first {
		width: 100% !important;
	}

	.office_wanted_desk {
		margin: 0 auto !important;
	}

	.et_pb_text_inner_desk_head {
		padding-left: 25px;
	}
}

@media only screen and (max-width: 1280px) {
	.et_pb_css_mix_blend_mode_passthrough_p p {
		margin-top: 5px !important;
	}
}

@media only screen and (max-width: 1130px) {
	.out-ny-identity {
		width: auto !important;
		position: static !important;
		bottom: 25px;
		right: -485px;
		font-size: 12.5px;
		font-weight: 500;
		text-align: center;
	}
}

.et_pb_css_mix_blend_mode_passthrough_p p {
	margin-top: -25px;
}

.out-ny-identity {
	width: 650px;
	position: relative;
	bottom: 25px;
	right: -485px;
	font-size: 12.5px;
	font-weight: 500;
}

.in-ny-button {
	position: relative;
	bottom: 50px;
	left: 60px;
}

@media only screen and (max-width: 1014px) {
	.in-ny-button {
		position: relative;
		bottom: 0px !important;
		left: 0px !important;
	}
}

.ofc_wnted_list_f_p {
	color: #b01611;
}


#about-page h1,
#about-page h2,
#about-page h3,
#about-page h4,
#about-page h5,
div#about-page p,
div#about-page ul li,
div#about-page ol li,
.properties.page-content div#about-page h1,
div#about-page .article.main-section .meta {
	font-family: inter;
}

div#about-page .main-section p {
	font-size: 12pt;
}

div#about-page .main-section ol {
	overflow: hidden;
	list-style: decimal;
	padding-left: 34px;
}

div#about-page .article.main-section li::after {
	display: none;
}

div#about-page .article.main-section li {
	font-size: 12pt;
	margin-bottom: 5px;
	display: flow-root list-item;
	padding-left: 0;
}

div#about-page .article.main-section li br {
	display: none;
}


.row_listings .listing_inner .propertyItem .propertyContent .single_line_div {
	font-family: 'INTER';
}

#ui-datepicker-div {
	z-index: 999999 !important;
}

.overviewList li a {
	display: inline-block;
	margin: 2px;
	width: 40%;
}

#AddFirm .modal-dialog {
	width: 50%;
}

.back-to-form {
	padding-left: 20px;
	font-size: 25px;
}



.button-red:hover {
	background-color: #fff !important;
	border: 1px solid #b01611 !important;
	color: #b01611 !important;
}

.button-green:hover {
	background-color: #fff !important;
	border: 1px solid #116436 !important;
	color: #116436 !important;
}


.button {
	position: unset !important;
	border-radius: 5px !important;
	height: auto !important;
	line-height: normal !important;
	padding: 12px 30px !important;
}


.button-red {
	background-color: #b01611 !important;
}

.button-green {
	background-color: #116436 !important;
}


.mt-50px {
	margin-top: 50px;
}

.firm-box {
	text-align: center;
	background-color: #F0F0F0;
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	padding: 32px;
	font-family: inter !important;
	background: #f5f5f5;
	border: 1px solid #ddd;

	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
}

.firm-box .firm-heading {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #003366;
	font-family: inter !important;
}


.building .gallery .coming-soon-img {
	width: 100%;
}

.firm-box p {
	font-size: 20px;
	color: #000;
	margin-bottom: 0px;
	font-weight: 500;
	margin-top: 0;
}

.firm-box .button {
	color: #fff;
	padding: 9.5px 12.6px !important;
	font-size: 18px;
	margin: 0;
	font-weight: 500;
	border-radius: 2px !important;
	transition: all 0.2s ease;
	width: 250px;
}

.firm-box .d-flex {
	align-items: center;
	justify-content: center;
}

.firm-box .flex-box {
	display: flex;
	gap: 12px;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: space-between;

}

.firm-box:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.firm-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #003366;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.firm-box .button:hover {
	transform: translateY(-2px);
	border: 0px !important;
}

.firm-box:hover::before {
	transform: scaleX(1);
}

.firm-box .and-text {
	font-size: 24px;
	display: block;
	padding: 15px 0px;
	color: #000;
	font-weight: 500;
	margin-left: 30px;
	text-align: start;
}

.firm-box .button-red:hover {
	color: #fff !important;
	background-color: #b01611 !important;
}

.firm-box .button.button-green:hover {
	color: #fff !important;
	background-color: #116436 !important;
}

.firm-box .btn-green-outline {
	border: 1px solid #116436;
	color: #003366 !important;
	background-color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px !important;
	padding: 12px 30px !important;
	border-radius: 5px;
}

.firm-box .btn-green-outline a {
	color: #003366;
}

.firm-box .btn-red-outline a {
	color: #003366;
}

.firm-box .btn-red-outline {
	padding: 12px 30px !important;
	border-radius: 5px;
	border: 1px solid #b01611;
	font-weight: 600;
	color: #003366 !important;
	background-color: #fff;
	font-size: 18px;
	line-height: 22px !important;
}

.firm-box .btn-green-outline:hover {
	background-color: #116436 !important;
	color: #fff !important;
}

.firm-box .btn-green-outline:hover a {

	color: #fff !important;
}

.firm-box .btn-red-outline:hover {
	background-color: #b01611 !important;
	color: #fff !important;
}

.firm-box .btn-red-outline:hover a {
	color: #fff !important;
}


.input-group-text {
	white-space: nowrap;
	color: #fff;
	font-size: 18px;
}

.listing-page-cities-content div#about-page>div {
	padding: 20px 30px;
}

.fs-11px {
	font-size: 11px;
}

.text-theme-green {
	color: #059669;
}

.text-theme-red {
	color: #ba0000;
}

.firm-box {
	height: 100%;
}

/* fees page css */
.hide-text {
	opacity: 0;
	visibility: hidden;
}

.additional-box .d-flex {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: space-between;
	padding: 0px 120px;
}

.login-page-block #not-member {
	font-size: 16px;
}


.additional-box .price-text {

	display: block;
}


.d-none {
	display: none !important;
}

.dropdown-menu-box a {
	height: auto !important;
	width: auto !important;
	padding: 0 !important;
	background: #fff !important;
	color: #17446e !important;
	font-weight: 500;
	font-size: 16px;

}


header .nav.navbar-nav li.dropdown-menu-box a.dropdown-toggle:hover {
	background: #fff !important;
}

header .nav.navbar-nav li.dropdown-menu-box a.dropdown-toggle:focus,
header .nav.navbar-nav li.dropdown-menu-box.open a.dropdown-toggle:focus .btn-theme {
	background: #fff !important;

}

li.dropdown.dropdown-menu-box.lfs_menu_li svg {
	margin-left: 10px;
}

li.dropdown.dropdown-menu-box.lfs_menu_li.open svg {
	rotate: 180deg;
}

li.dropdown-menu-box .dropdown-menu {
	text-align: start;
}

li.dropdown-menu-box .dropdown-menu li {
	margin-bottom: 5px;
	text-transform: uppercase;
}

.btn-theme a {
	color: #fff;
}

.btn-theme.btn-sm {
	font-size: 14px;
}

.btn-theme.w-100 {
	display: block;
	text-align: center;
}

.btn-theme:hover a {
	color: #17446E;
}

.report-listing-main .btn-theme {
	font-weight: 500;
}

#inquire-form .btn-theme {
	font-weight: 500;
	font-size: 14px;
}

.btn-theme:hover {
	background-color: #fff;
	border: 1px solid #17446E;
	color: #17446E;
}

.sub-heading-sm {
	font-size: 36px;
	color: #161616;
	font-weight: 600;
	margin-bottom: 0px;
}

.respond-box p {
	font-size: 18px;
	color: #161616;
}

.respond-box .content-box {
	margin: 25px 0px;
}

#listing-form-box.spaceadd {
	padding-top: 100px;
}

.form-box-inner {

	font-family: 'Prompt', Helvetica, Arial, Lucida, sans-serif;
}


.form-box-inner .form-label {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	display: block;
}

.form-box-inner .form-label label {
	color: #b01611;
}

.form-box-inner .form-control {
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 0px;
	padding: 0px 12px;
	height: 45px;
	margin-bottom: 15px;
}



.custom-select {
	background-color: #f2f2f2;
	/* Light gray background for select input */

}

/* Style the dropdown options */
.custom-select option {
	padding: 5px;
	background-color: #fff;
	color: #161616;

}


/* Optional: Focus effect for select box */
.custom-select:focus {
	border-color: #17446E;
}

.text-end {
	text-align: end;
}

.d-none {
	display: none;
}


.professional-support-box .btn-text {
	color: #003366;
	font-weight: 600;
}

.professional-support-box .btn-text:hover {
	color: #e02b20;
}

.professional-inner-modal.in {

	align-items: center;
	justify-content: center;
}

.professional-inner-modal .modal-dialog.modal-lg {
	width: 600px;
	min-width: 600px;
	color: #000;
	font-size: 16px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.professional-inner-modal .modal-dialog.modal-lg .modal-body {
	padding-bottom: 30px;
}

.professional-inner-modal .modal-dialog.modal-lg .modal-header {
	font-weight: bold;
	background: #116436;
	min-height: 16.43px;
	color: #fff;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;

}

.professional-inner-modal .modal-header .close {
	margin-top: -2px;
	font-size: 34px;
	text-shadow: none;
	opacity: 1;
	color: #434343;
}

.bg-light {
	background: #d2d2d2;
	padding: 10px;
}

.professional-inner-modal .modal-dialog.modal-lg .modal-header .modal-title {
	font-size: 20px;
	font-weight: 400;
}

.professional-support-box .professional-inner-modal .row {
	flex-wrap: wrap;
	justify-content: start;
	margin-top: 10px;
}

.professional-support-box .heading {
	color: #161616;
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 600;
	font-family: "Inter", sans-serif;
}


.mb-50px {
	margin-bottom: 50px;
}


.text-start {
	text-align: start;
}


.getting-start-box .process-list {
	/* column-count: 2; */
	margin-top: 10px;
}


.office-list-inner-box-card {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.office-list-inner-box-card .select_block {
	width: 250px;
	height: 46px;
	margin-left: 0px;
	border: 2px solid #464646;
	font-weight: 600;
}

.office-list-inner-box-card .et_pb_button {
	background-color: #fff;
	color: #444444;
	border-color: #444444;

}

.office-list-inner-box-card .et_pb_button:hover {
	background-color: #efefef;
}

.office-list-inner-box-card .office-list-inner-box {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

/* faq page css */
.faqs-page .header {
	background: #e0f2fe;
	padding: 60px 20px 40px;
	text-align: center;
}

.bar-heading {
	color: var(--lfs-blue);
	font-size: 32px;
	font-weight: 800;
	max-width: 900px;
	margin: 0 auto 10px;
	line-height: 1.6;
}

.bar-sub-heading {
	color: #3f4a5b;
	font-size: 16px;
	max-width: 880px;
	margin: 0 auto;
	line-height: 1.6;
}

.faqs-page .header .heading {
	font-size: 36.8px;
	margin: 0 0 12px;
	color: #143658;
	font-weight: 800;
}

.listings-form-box-main {
	padding-top: 50px;
	padding-bottom: 50px;
}

.listings-form-box-main .btn-box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
}

.listings-form-box-main .btn-box .btn-theme {
	width: fit-content;
	margin-bottom: 0;
}

.listings-form-box-main .row {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}

.listings-form-box-main .sub-heaidng {
	font-size: 20px;
	margin-bottom: 30px;
}


.additional-box-main-box .col-md-6 {
	display: flex;
	flex-direction: column;
	/* Makes the column behave like a flex container */
}


.fw-bold {
	font-weight: 600;
}

.w-165px {
	width: 165px;
}

.additional-box-main-box .content-box.inner-img-box li .num-box {
	background-color: #4D4D4D;
	color: #fff;
	border-radius: 5px;
	height: 25px;
	min-width: 25px;
	width: 25px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.additional-box-main-box .center-contact-box .icon-box {
	justify-content: center;
}

.additional-box-main-box .center-contact-box .btn-theme {
	margin: auto;
	width: auto;
}

.additional-box-main-box .content-box p {
	color: #000;
	font-size: 20px;
	margin-bottom: 0;
	line-height: 34px;
}

.additional-box-main-box .content-box p a {
	font-size: 20px;
}

.additional-box-main-box .center-contact-box .content-box {
	gap: 15px;
}

.w-100 {
	width: 100%;
}


.content-box.welcome-box p {
	font-size: 24px;
}


/* <!-- Bar Association new Partnerships start --> */

h1,
h2,
h3 {
	color: var(--bar-primary-color);
}

p {
	margin-bottom: 16px;
}

/* 
.properties .detail-dis #listing-description h3 {
	font-size: 16px;
	font-family: "Helvetica", Arial, sans-serif;
	color: #464646;
}

 */
.detail-dis #listing-description h1 {
	font-size: 26px;
}

.content-card .description-text p {
	font-size: 14.4px;
	color: #475569;
	line-height: 1.7;
	margin-bottom: 10px;
	word-break: break-word;
}

.content-card #listing-description h1 {
	text-align: start !important;
	font-size: 26px;
}

.content-card #listing-description h2 {
	text-align: start !important;
	font-size: 24px;
}

.content-card #listing-description h3 {
	text-align: start !important;
	font-size: 22px;
}

.content-card #listing-description h4 {
	text-align: start !important;
	font-size: 20px;
}

.content-card #listing-description h5 {
	text-align: start !important;
	font-size: 18px;
}


.partnership-page img {
	width: 100%;
}

.bar-association-box .partnership-page {
	border: 2px dashed var(--bar-accent-color);
	border-radius: var(--bar-border-radius);
	/* padding: 32px; */
	margin: 32px 0;
	/* background-color: #f1f5f9; */
}



.bar-association-box .button-container {
	display: flex;
	gap: 16px;
	justify-content: center;
}

.py-3 {
	padding: 16px 0px;
}


.fs-16px {
	font-size: 16px;
}

.faq-content-box.active {
	opacity: 1;
	max-height: fit-content;
	padding: 16px;
}

.partnership-page .partnership-box-inner {
	display: flex;
	flex-direction: column;
	gap: 24px;

}

.partnership-box-inner .img-bar {
	width: 100%;
}

.partnership-box-inner .cs-text-box {
	padding: 10px;
	border: 1px solid;
	margin-top: 40px;
}

.partnership-box-inner .cs-text-box p {
	margin-bottom: 0;
}

.footer-img-box {
	margin-top: 20px;
	display: block;
}

.text-white {
	color: #fff;
}

.bar-association-box {
	font-size: 16px;
}

.partnership-page .listing-box {
	margin-top: 30px;
	margin-bottom: 0;
}

.partnership-page .listing-box .sub-heading-inner {
	font-size: 14px;
	color: #6c757d;
	margin-bottom: 16px;
	font-weight: 500;
}

.partnership-page .listing-box .listing-examples-box {
	grid-template-columns: repeat(3, 1fr);
}

.partnership-page .listing-box .listing-examples-box .card-box {
	font-weight: 500;
	border: 1px dashed #ccc;
	background-color: #f8f9fa;
	height: 330px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #6c757d;
}

.partnership-page .web-footer {
	background-color: var(--bar-primary-color);
	color: white;
	padding: 16px;
	border-radius: 0 0 var(--bar-border-radius) var(--bar-border-radius);
	margin: 0 -16px -16px -16px;
	font-size: 14px;
	text-align: center;
}

.button-container-box {
	text-align: center;
	margin: 16px 0px;
}

/* <!-- Bar Association new Partnerships LFS_NEW start--> */
.grid-card-wrap {
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 24px 48px;
}

.grid-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-bottom: 36px;
}

.grid-card:last-child {
	margin-bottom: 0;
}

.grid-card-wrap h2 {
	color: var(--lfs-blue);
	font-size: 19.2px;
	font-weight: 700;
	margin: 0 0 12px;
	line-height: 1.25;
}

.grid-card-box {
	background: var(--lfs-gray);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	padding: 20px 24px;
}

.grid-card-box p {
	color: var(--text-secondary);
	font-size: 15.2px;
	line-height: 1.7;
	margin: 0;
}

.grid-card-box ul {
	list-style: disc;
	padding-left: 20px;
	margin: 0;
}

.grid-card-box li {
	color: var(--text-secondary);
	font-size: 15.2px;
	margin-bottom: 8px;
	line-height: 1.6;
	list-style: disc;
}

.grid-card-box li:last-child {
	margin-bottom: 0;
}

.grid-card-box a {
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 600;
}

.grid-card-box a:hover {
	text-decoration: underline;
}


.grid-two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
}

.grid-col {
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.note {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--border-color);
}

.grid-ctaBox {
	background: var(--lfs-light-blue);
	border: 1px solid #cfe8fb;
	border-radius: var(--radius);
	padding: 22px 24px;
}

.grid-ctaBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--lfs-blue);
	color: #fff;
	padding: 12px 18px;
	border-radius: 8px;
	font-size: 15.2px;
	font-weight: 700;
	text-decoration: none;
	margin-top: 12px;
}

.grid-ctaBtn:hover {
	background: var(--lfs-blue-dark);
	text-decoration: none;
	color: #fff;
}

.grid-divider {
	height: 1px;
	background: var(--border-color);
	margin: 16px 0;
}

.grid-ctaBox p {
	color: #3f4a5b;
	font-size: 15.2px;
	line-height: 1.7;
	margin: 0;

}

.grid-contact {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 12px;
}

.grid-contact a {
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 600;
}

.grid-contact a:hover {
	text-decoration: underline;
}

.grid-contact-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #3f4a5b;
	font-size: 15.2px;
}

/* <!-- Bar Association new Partnerships LFS_NEW end--> */


/* <!-- Bar Association new Partnerships end--> */

@media(min-width:900px) {
	.cta {
		grid-template-columns: 1fr 1fr
	}

	.hero h1 {
		font-size: 48px
	}

}

.sr-only {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden
}

/* hero new section css end */

.page-main-container {
	margin-top: 70px;
}

/* hero new section with header and footer start 10-28-25 */

.hero-section-home {
	background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);
	padding: 48px 24px 40px;
	text-align: center;
}

.hero-container.hero-container-home {
	max-width: 1200px;
	margin: 0 auto;
}

.hero-title {
	font-size: 40px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin: 0 0 12px;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

/* Issue #977 (b): "Shared" leads the headline in the darker tone */
.hero-title .hero-title-lead {
	color: var(--text-primary);
}

.hero-subtitle {
	font-size: 18.4px;
	font-weight: 500;
	color: var(--text-secondary);
	margin: 0 0 16px;
	line-height: 1.4;
}

.hero-subtitle span {
	color: #94a3b8;
	margin: 0px 6px;
}

/* 15 dev new changes start */

.pathway-grid-howit-work {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

.pathway-card-how-it-work {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 32px;
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
}

/* Capsule Headings */
.pathway-card-how-it-work h2 {
	display: inline-block;
	margin: 0 0 20px;
	padding: 12px 24px;
	font-size: 20px;
	font-weight: 700;
	border-radius: 999px;
	align-self: flex-start;
	line-height: 1.6;
}

.pathway-card-how-it-work.seeker h2 {
	background: #e8fce9;
	color: var(--lfs-green);
}

.pathway-card-how-it-work.provider h2 {
	background: var(--lfs-light-blue);
	color: var(--lfs-blue);
}

.pathway-card-how-it-work p {
	margin: 0 0 24px;
	color: var(--text-secondary);
	font-size: 16px;
	flex-grow: 1;
	line-height: 1.6;
}

.cta-group-pathway-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cta-primary-pathway-card {
	display: inline-block;
	padding: 14px 20px;
	background: var(--lfs-blue);
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	transition: all 0.2s ease;
	font-size: 16px;
	line-height: 1.6;
}

.cta-primary-pathway-card:hover {
	background: #0f2840;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.35);
	color: #fff;
}

.cta-primary-pathway-card:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.cta-secondary-pathway-card {
	display: inline-block;
	padding: 14px 20px;
	background: #ffffff;
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 600;
	border-radius: 10px;
	text-align: center;
	border: 2px solid var(--lfs-blue);
	transition: all 0.2s ease;
	font-size: 16px;
	line-height: 1.6;
}

.cta-secondary-pathway-card:hover {
	background: #f0f9ff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.15);
}

.cta-secondary-pathway-card:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.cta-secondary-pathway-card.green {
	color: #10642f;
	border-color: var(--lfs-green);
}

.cta-secondary-pathway-card.green:hover {
	background: #e8fce9;
	box-shadow: 0 4px 12px rgba(21, 128, 61, 0.2);
}

.container-how-it-work {
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 20px 80px;
}

.hero-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.hero-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 32px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.2s ease;
	cursor: pointer;
	border: none;
	font-family: inherit;
	min-width: 240px;
}

.hero-btn svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.hero-btn.primary {
	background: var(--lfs-blue);
	color: white;
	box-shadow: 0 2px 8px rgba(20, 54, 88, 0.25);
	/* Matches the secondary button's border so both render the same height */
	border: 2px solid var(--lfs-blue);
}

.hero-btn.primary:hover {
	background: #0f2740;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.35);
}

.hero-btn.secondary {
	background: white;
	color: var(--lfs-blue);
	border: 2px solid var(--lfs-blue);
}

.hero-btn.secondary:hover {
	background: #f0f9ff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.15);
}

.hero-btn:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.inner-testimonials .testimonials-section {

	background: #ffffff;
}

.inner-testimonials .testimonial-card {
	background: #f8fafc;

}

.inner-testimonials .testimonials-container {
	max-width: 1200px;
}

.testimonials-section {
	padding: 56px 24px 64px;
	background: #f8fafc;
	text-align: start;
}

.inner-testimonials .testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;

}

.testimonials-container {
	max-width: 1280px;
	margin: 0 auto;
}

.testimonials-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--lfs-blue);
	text-align: center;
	margin: 0 0 32px;
}

.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-left: -5px;
}

.testimonial-card {
	background: white;
	border: 1px solid var(--border-color);
	border-radius: 10px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	line-height: 1.6;
}

.testimonial-quote {
	flex: 1;
	margin-bottom: 16px;
}

.quote-icon {
	width: 20px;
	height: 20px;
	color: var(--lfs-blue);
	opacity: 0.25;
	margin-bottom: 12px;
}

.quote-text {
	font-size: 15.2px;
	color: var(--text-primary);
	line-height: 1.6;
	font-style: italic;
	margin-bottom: 0;
}

.testimonial-author {
	padding-top: 16px;
	border-top: 1px solid var(--border-color);
}

.author-name {
	font-size: 14.4px;
	font-weight: 600;
	color: var(--text-primary);
	margin: 0;
	line-height: 1.6;
}

.author-title {
	font-size: 12.8px;
	color: var(--text-secondary);
	margin: 4px 0 0;
	line-height: 1.6;
}


.hero-testimonials {
	background: var(--lfs-light-blue);
	padding: 60px 20px 40px;
	text-align: center;
}

.hero-testimonials .testimonial-heading {
	font-size: 36.8px;
	margin: 0 0 12px;
	color: var(--lfs-blue);
	font-weight: 800;
	line-height: 1.6;
}

.hero-testimonials .subtitle {
	font-size: 17.6px;
	color: #414b59;
	margin: 0;
}

/* ============================================
       ALL SUCCESS STORIES BUTTON - GHOST STYLE
       ============================================ */
.testimonials-cta {
	text-align: center;
	margin-top: 32px;
}

.btn-success-stories {
	display: inline-block;
	background: transparent;
	color: var(--lfs-blue);
	font-size: 15.2px;
	font-weight: 600;
	padding: 14px 32px;
	border: 2px solid var(--lfs-blue);
	border-radius: 6px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-success-stories:hover {
	background: var(--lfs-blue);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.3);
}

.btn-success-stories:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.listings-container {
	max-width: 1280px;

	margin: 0 auto;
}

#list-view.listings-section {
	padding-top: 0px;
	padding-bottom: 0;
	background-color: #f5f5f5;
}

.listings-section.office-wanted-list-box {
	padding-top: 0px;
	padding-bottom: 0;
	background-color: #f5f5f5;
}

.breadcrumb-main-section {
	padding: 40px 24px 48px;
	padding-top: 0;
	padding-bottom: 0;
}

.listings-section {
	padding: 40px 24px 48px;
	background: #ffffff;
}

.home-card-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.home-card-box .slider-card-box {
	display: flex;
	width: 100%;
	gap: 0px 16px;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -8px;
}



.home-card-box .listing_outer .listing_inner {
	width: auto;
	height: auto;
	min-width: auto;
	min-height: auto;
	width: auto;
	height: auto;
}

.home-card-box .col_5 {

	float: none;
	padding: 0 0;
	min-width: 240px;
	width: 243px;
}

/* .home-card-box .bottom_office_btn {
	margin-bottom: 16px;
} */

.home-card-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;


}

.home-card-flex-office-wanted {
	display: flex;
	flex-wrap: wrap;
	/* gap: 16px; */
}

/* .home-card-flex-office-wanted .office_wanted {
	margin-bottom: 0;
} */

.list-slider-main .home-card-flex .col_5 {
	width: 23.8%;
	/* min-width: 100%; */
	float: none;
	padding: 0;
}


/* fee page changes */


.fee-container {
	max-width: 950px;
	margin: 0 auto;
	padding: 40px 20px 80px;
}

.pricing-grid-fee {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

.card-fee {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 32px;
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.07);
	display: flex;
	flex-direction: column;
	line-height: 1.6;
}

.card-fee h2 {
	font-size: 24px;
	margin: 0 0 12px;
	color: var(--lfs-blue);
	font-weight: 700;
	line-height: 1.6;
}

.price-card-fee {
	font-size: 32px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin-bottom: 10px;
	line-height: 1.3;
}

.price-card-fee span {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
}

.price-card-fee .qualifier {
	display: block;
	font-size: 15.2px;
	font-weight: 500;
	margin-top: 4px;
	line-height: 1.6;
}

.sub-card-fee {
	color: var(--text-secondary);
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.6;
}

.sub-card-fee-note {
	font-size: 16px;
	color: var(--text-secondary);
	margin-bottom: 0;
	flex-grow: 1;
	line-height: 1.6;
}

.card-fee-subtitle {
	font-size: 18px;
	font-weight: 600;
	color: var(--lfs-blue);
	text-align: center;
	margin: 0 0 20px;
	line-height: 1.6;
}

.card-fee h2 {
	text-align: center;
}

.card-fee .sub-card-fee {
	text-align: center;
	margin-bottom: 16px;
}

.card-fee-highlight {
	font-size: 18px;
	font-weight: 700;
	color: var(--lfs-blue);
	text-align: center;
	margin: 0 0 8px;
	line-height: 1.6;
}

.card-fee-note {
	font-size: 14.4px;
	color: var(--text-secondary);
	text-align: center;
	margin: 0 0 8px;
	line-height: 1.6;
}

/* Page level asterisk footnote below the fees cards */
.fee-footnote {
	max-width: 900px;
	margin: 32px auto 0;
	font-size: 14.4px;
	color: var(--text-secondary);
	line-height: 1.6;
}

.fee-footnote sup {
	font-weight: 700;
	color: var(--lfs-blue);
}

.card-fee-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-top: auto;
	padding-top: 24px;
}

/* Fees page buttons keep the site button styling; padding is trimmed only so
   both labels stay on one line inside the card. */
.card-fee-actions .cta-primary {
	align-self: auto;
	margin-top: 0;
	flex: 0 1 auto;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	white-space: nowrap;
}

.cta-primary.cta-secondary {
	background: #ffffff;
	color: var(--lfs-blue);
	border: 1px solid var(--lfs-blue);
}

.cta-primary.cta-secondary:hover {
	background: var(--lfs-light-blue);
	color: var(--lfs-blue);
}

.cta-primary {
	display: inline-block;
	padding: 14px 24px;
	background: var(--lfs-blue);
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	border-radius: 10px;
	transition: all 0.2s ease;
	text-align: center;
	align-self: flex-start;
	margin-top: 24px;
	line-height: 1.6;
}

.cta-primary:hover {
	background: #0f2840;
	transform: translateY(-2px);
	color: #fff;
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.35);
}

.cta-primary:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/* ============================================
       GUARANTEE SECTION
       ============================================ */
.guarantee-section-update {
	text-align: center;
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--border-color);
}

.guarantee-popup p.guarantee-headline {
	font-weight: 700;
	color: #143658;
	margin-bottom: 12px;
	font-size: 16px;
}


.guarantee-wrapper-update {
	display: inline-block;
	position: relative;
}

.guarantee-trigger {
	display: inline-block;
	padding: 10px 20px;
	background: rgba(224, 242, 254, 0.7);
	color: var(--lfs-blue);
	font-weight: 600;
	font-size: 14.4px;
	border: 1px solid rgba(20, 54, 88, 0.25);
	border-radius: 6px;
	cursor: pointer;
	font-family: inherit;
	transition: all 0.2s;
}

.guarantee-trigger:hover {
	background: var(--lfs-light-blue);
	border-color: var(--lfs-blue);
}

.guarantee-trigger:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/* ============================================
       GUARANTEE POPUP - Tooltip style above button
       ============================================ */
.guarantee-popup {
	display: none;
	position: absolute;
	bottom: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%);
	background: white;
	border: 2px solid var(--lfs-blue);
	border-radius: 10px;
	padding: 20px 24px;
	width: 420px;
	max-width: 90vw;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	z-index: 100;
}

.guarantee-popup.active {
	display: block;
}

.guarantee-popup p {
	font-size: 15.2px;
	color: var(--text-primary);
	margin: 0;
	line-height: 1.6;
	text-align: center;
}

.guarantee-popup::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--lfs-blue);
}

/* fee page change end */

/* faq page new change */
.faqs-container {
	max-width: 950px;
	margin: 0 auto;
	padding: 40px 20px 80px;
}

/* Accordion */
.faqs-container .faq-sec-headings {
	font-size: 25.6px;
	margin: 40px 0 20px;
	color: #143658;
	font-weight: 800;
}

.faq-items {
	border-bottom: 1px solid #e5e7eb;
	padding: 16px 0;
}

.faq-questions {
	font-size: 18.4px;
	font-weight: 700;
	cursor: pointer;
	color: #143658;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-toggles {
	font-size: 22.4px;
	color: #143658;
	margin-left: 12px;
	transition: transform .2s ease !important;
}

.faq-answers {
	max-height: 0;
	overflow: hidden;
	transition: max-height .25s ease;
	color: #475569;
	line-height: 1.6;
	font-size: 16px;
	margin: 0;
}

.faq-items.open .faq-answers {
	padding-top: 10px;
	max-height: 400px;
}

.faq-items.open .faq-toggles {
	transform: rotate(45deg);
}

.faq-answers a {
	color: #143658;
	text-decoration: none;
}

.faq-answers a:hover {
	text-decoration: underline;
}

/* CTA */
.cta-panel {
	margin-top: 50px;
	padding: 30px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	text-align: center;
	background: #f7f8fb;
	font-size: 16px;
}

.author-city {
	font-size: 12px;
	color: var(--text-secondary);
	margin: 2px 0 0;
	line-height: 1.6;
}

.cta-panel h3 {
	margin: 0 0 12px;
	color: #143658;
	font-size: 22.4px;
	font-weight: bold;
}

.cta-panel p {
	margin: 6px 0;
	color: #475569;
	font-size: 16px;
}

.cta-panel a {
	color: #143658;
	text-decoration: none;
}

.cta-panel a:hover {
	text-decoration: underline;
}

/* faq page new change end */

/* 15 dec newchange end homepage */

.hero-section-how-it-work {
	background: var(--lfs-light-blue);
	padding: 60px 20px 40px;
	text-align: center;
}

.hero-section-how-it-work .hero-title-new-box {
	font-size: 38.4px;
	margin: 0 0 12px;
	color: var(--lfs-blue);
	font-weight: 800;
}

.hero-section-how-it-work .hero-subtitle-new-box {
	color: #414b59;
	margin: 0;
	font-size: 19.2px;

}



.city-selector-bar {
	background: var(--lfs-blue);
	padding: 20px 24px;
	text-align: center;
	color: white;
}

.city-selector-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}

.city-group {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.city-selector-wrapper {
	position: relative;
	display: inline-block;
}

.city-selector {
	appearance: none;
	background: white;
	color: #143658;
	padding: 10px 40px 10px 16px;
	border-radius: 6px;
	border: 2px solid #e2e8f0;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	min-width: 180px;
	font-family: inherit;
}

.city-selector:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.chevron-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	pointer-events: none;
}

.space-label {
	color: white;
	font-size: 17.6px;
	font-weight: 600;
	letter-spacing: 0.3px;
}



/* Guarantee Text in Blue Bar */
.guarantee-text {
	display: flex;
	align-items: center;
	gap: 12px;
}

.guarantee-label {
	color: white;
	font-size: 17.6px;
	font-weight: 600;
	letter-spacing: 0.3px;
}

.guarantee-details-btn {
	color: white;
	font-size: 15.2px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 6px 16px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s;
}

.guarantee-details-btn:hover {
	background: rgba(255, 255, 255, 0.25);
	transform: translateY(-1px);
}

.guarantee-details-btn:focus-visible {
	outline: 2px solid white;
	outline-offset: 2px;
	border-radius: 4px;
}

/* Modal Overlay */
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 23, 42, 0.75);
	z-index: 1000;
	padding: 40px 20px;
	overflow-y: auto;
	animation: fadeIn 0.2s ease;
	align-items: flex-start;
	justify-content: center;
}

.modal-overlay.active {
	display: flex;
	z-index: 9999;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Modal Container */
.modal-container {
	background: white;
	border-radius: 16px;
	max-width: 600px;
	width: 100%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease;
	position: relative;
	margin: auto;
	max-height: 90vh;
	overflow-y: auto;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {

	.modal-overlay,
	.modal-container,
	.modal-close {
		animation: none !important;
		transition: none !important;
	}
}

.guarantee-modal-body {
	padding: 32px;
}

.modal-intro {
	color: var(--text-secondary);
	margin-bottom: 32px;
	text-align: center;
	font-size: 16.8px;
	line-height: 1.6;
}

.guarantee-details {
	background: var(--lfs-light-blue);
	border-left: 4px solid var(--lfs-blue);
	padding: 20px;
	border-radius: 8px;
	margin-bottom: 24px;
}

.guarantee-details h3 {
	color: var(--lfs-blue);
	font-size: 17.6px;
	font-weight: 700;
	margin: 0 0 12px 0;
}

.guarantee-details ul {
	margin: 0;
	padding-left: 20px;
	color: var(--text-primary);
}

.guarantee-details li {
	margin-bottom: 8px;
	line-height: 1.5;
	font-size: 16px;
}

.contact-info-home {
	text-align: center;
	color: var(--text-secondary);
	padding-top: 24px;
	border-top: 2px solid var(--border-color);
	margin-top: 24px;
	font-size: 16px;
	line-height: 26px;
}


.contact-info-home strong {
	color: var(--lfs-blue);
	font-weight: 700;
}

footer {
	background: #f4f7fb;
	padding: 0;
	border-top: 1px solid #dce4ed;
}

.footer-inner.city-block-footer {
	padding-top: 25px;
	padding-bottom: 23px;
	border-bottom: 1px solid #dce4ed;
}

.footer-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

.city-grid {
	line-height: normal;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px 20px;

}

/* Featured Markets - single horizontal row of 6 on desktop (#1002) */
.city-grid.featured-markets-row {
	grid-template-columns: repeat(6, 1fr);
	gap: 8px 20px;
}

.city-grid.featured-markets-row .featured-market-link .city-name {
	white-space: nowrap;
	text-decoration: underline;
}

@media (max-width: 850px) {
	.city-grid.featured-markets-row {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 12px;
	}
}

@media (max-width: 600px) {
	.city-grid.featured-markets-row {
		grid-template-columns: repeat(2, 1fr);
	}
}

.contact-tagline {
	color: #475569;
	/* CHANGED: Consistent with body text */
	font-size: 16px;
	margin: 0 0 24px;
	font-weight: 500;
}


.footer-contact-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: #143658;
	border: 2px solid #143658;
	border-radius: 8px;
	color: white;
	text-decoration: none;
	font-weight: 600;
	font-size: 15.2px;
	transition: all 0.2s;
	white-space: nowrap;
	min-height: 48px;
}

.footer-nav-section {
	background: transparent;
	padding: 27px 0 28px;
	border-top: none;
	margin-top: 0;
}

.footer-contact-link:hover {
	background: #0f2740;
	/* v4.1: Darker blue on hover */
	border-color: #0f2740;
	transform: translateY(-2px);
	color: #fff;
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.3);
}

.footer-contact-link:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.footer-grid {
	line-height: normal;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px 20px;
}

.footer-grid .footer-col {
	text-align: left;
	padding-left: 10px;
}

.footer-grid-divider {
	grid-column: 1 / -1;
	height: 1px;
	background: #cbd5e1;
	margin: 11px 0 11px;
}

.footer-grid-heading {
	grid-column: 1 / -1;
	font-size: 11px;
	line-height: 1.3;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	color: #143658;
	margin: 0 0 14px;
	text-align: left;
	padding-left: 10px;
}

.footer-col h3 {
	color: #143658;
	font-size: 11.5px;
	font-weight: 700;
	margin: 0 0 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.footer-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-col li {
	margin-bottom: 7px;
}

.featured-market-link {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	text-align: left;
	padding: 4px 10px;
	text-decoration: none;
	border-radius: 6px;
	transition: background 0.2s;
}

.featured-market-link:hover {
	background: transparent;
	text-decoration: underline;
	text-underline-offset: 3px;
	color: #143658;
}

.featured-market-link:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.featured-market-link .city-name {
	color: #143658;
	font-size: 13px;
	font-weight: 700;
}

.featured-market-link:hover .city-name {
	text-decoration: underline;
	text-underline-offset: 3px;
}


.footer-col a {
	color: #465a72;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: color 0.2s;
	display: inline-block;
	padding: 0px;
	line-height: 1.4;
}

.footer-col a:hover {
	color: #143658;
	text-decoration: underline;
}

.footer-col a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

.footer-insights {
	text-align: center;
	padding: 24px 0;
	margin-top: 24px;
	border-bottom: 1px solid #e2e8f0;
	border-top: 1px solid #e2e8f0;
}

.footer-insights h3 {
	color: #143658;
	font-size: 17.6px;
	font-weight: 700;
	margin: 0 0 16px;
}

.insights-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.insights-list li {
	margin: 6px 0;
}

.insights-list a {
	color: #475569;

	text-decoration: none;
	font-size: 15.2px;
	font-weight: 500;
	transition: color 0.2s;
}

.insights-list a:hover {
	color: #143658;
	text-decoration: underline;
}

.insights-list a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

.insights-more {
	font-weight: 600;
	color: #143658;
}

.popular-cities {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 24px;
}

.popular-cities h3 {
	color: #143658;
	font-size: 19.2px;
	font-weight: 700;
	margin: 32px 0 20px;
	text-align: center;
}

.city-link {

	display: flex;
	flex-direction: column;
	align-items: start;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	border-radius: 6px;
	transition: background 0.2s;
}

.city-name {
	color: #1e293b;
	font-size: 15.2px;
	font-weight: 600;
}

.city-subtitle {
	color: #3f4958;
	font-size: 12.8px;
	font-weight: 400;
	margin-top: 2px;
}

.city-link:hover {
	background: #e2e8f0;
}

.footer-bottom-copyright {
	background: transparent;
	padding: 17px 24px 20px;
	border-top: 1px solid #dce4ed;
}

.footer-bottom-copyright-inner {
	padding-right: 0;
}

.city-link:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}


.footer-copyright p {
	color: #66768a;
	font-size: 12px;
	line-height: 1.7;
	margin-bottom: 0;
	text-align: center;
	font-weight: 400;
}

.footer-copyright p+p {
	margin-top: 8px;
}

.footer-copyright a {
	color: #3f4b5b;
	text-decoration: none;
}

.footer-copyright a:hover {
	color: #143658;
	text-decoration: underline;
}

.footer-copyright a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 2px;
}

.footer-bottom {
	border-top: 2px solid #e2e8f0;
	padding-top: 30px;
	text-align: center;
	font-size: 16.8px;
	color: #475569;
	max-width: 1100px;
	margin: 30px auto 0;
	padding: 30px 24px 0;
	background: #fafafa;
	border-radius: 12px;
}

.footer-bottom p small {
	font-size: 14px;
	margin-bottom: 0px;
}

.footer-bottom p {
	font-weight: 600;
	margin-bottom: 0;
}

.footer-bottom a {
	color: #475569;
	text-decoration: none;
	font-weight: 600;
}

.footer-bottom a:hover {
	color: #143658;
	text-decoration: underline;
}

.footer-bottom a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

a.more-articles-button {
	display: inline-block;
	margin-top: 16px;
	padding: 10px 32px;
	background-color: #143658;
	color: #ffffff;
	text-decoration: none;
	font-size: 15.2px;
	font-weight: 600;
	border-radius: 6px;
	transition: all 0.2s;
	border: none;
	cursor: pointer;
}

a.more-articles-button:hover {
	background-color: #0f2a44;
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(20, 54, 88, 0.3);
}


/* Header Container */
.site-header {
	font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Navigation Bar */
.navbar {

	background: #ffffff;
	border-bottom: 2px solid #143658;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

}

.navbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 24px;
	margin: 0 auto;
	gap: 15px;
	max-width: 1400px;
}

/* Logo Section */
.logo-section {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	flex-shrink: 0;
}

.logo-text-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.logo-text {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.3px;
}

.logo-looking {
	color: #143658;
	font-size: 24px;
}

.logo-space {
	color: #c92a2a;
	font-size: 24px;
}

.logo-section:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

.location-dropdown {
	position: relative;
	display: inline-block;
	margin-left: 16px;
}

.dropdown-panel #change_location_form_home_page {
	display: block;
}

.dropdown-panel #change_location_form_home_page input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 14.4px;
	font-family: inherit;
	margin-bottom: 12px;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.pac-container{
	
    background: white;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
    padding: 5px 10px;
    min-width: 185px;
	
    box-shadow: none;
}

.location-trigger {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0px;
	background: white;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 13.6px;
	color: #143658;
	cursor: pointer;
	font-family: inherit;
	font-weight: 500;
	min-height: 44px;
	white-space: nowrap;
	max-width: 190px;
	overflow: hidden;
}

.location-trigger #dropdown-city {
	max-width: 185px;
	overflow: hidden;
}

.location-trigger input {
	margin-bottom: 0;
	padding: 0;
	border: 0;
	font-size: 13.6px;
	color: #143658;
	font-weight: 500;
	background-color: #fff;
	padding-left: 20px;
	padding: 10px;
    padding-left: 34px;
}

.location-trigger input:focus {
	outline: 0px;
}

.location-trigger input:focus-visible {
	outline: 0px;
}

.location-trigger:hover {
	border-color: #143658;
	background-color: #f8fafc;
}

.location-trigger:focus-visible {

	outline-offset: 2px;
	border-color: #143658;
}

.no-listing-msg {
	padding: 0px 15px;
	font-size: 20px;
	line-height: 1.4;
}

.no-listing-msg a {
	color: var(--lfs-blue);
	text-decoration: underline;
}

.no-listing-msg a:hover {
	text-decoration: underline;
}

.location-trigger svg {
	width: 14px;
	height: 14px;
	color: #475569;
	flex-shrink: 0;
	position: absolute;
	top: 13px;
    left: 12px;
}

.location-trigger .chevron {
	margin-left: 4px;
	transition: transform 0.2s;
	width: 10px;
	height: 10px;
}

.location-dropdown.open .chevron {
	transform: rotate(180deg);
}

/* Dropdown Panel */
.dropdown-panel {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	background: white;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
	padding: 16px;
	min-width: 280px;
	display: none;
	z-index: 1000;
}

.location-dropdown.open .dropdown-panel {
	display: block;
}

.dropdown-panel label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #475569;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.dropdown-panel input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 14.4px;
	font-family: inherit;
	margin-bottom: 12px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.dropdown-panel input:focus {
	outline: none;
	border-color: #143658;
	box-shadow: 0 0 0 3px rgba(20, 54, 88, 0.1);
}

.dropdown-panel button {
	width: 100%;
	padding: 10px 16px;
	background: #143658;
	color: white;
	border: none;
	border-radius: 6px;
	font-size: 13.6px;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.2s;
	min-height: 44px;
}

.dropdown-panel button:hover {
	background: #0d2438;
}

.dropdown-panel button:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/* Desktop Navigation Center */
.nav-center {
	display: flex;
	align-items: center;
	gap: 32px;
	flex: 1;
	/* Issue #977: the location box no longer sits in the nav, so centring the
	   menu spreads it across the space instead of leaving a void by the logo */
	justify-content: center;
}

.nav-menu {
	display: flex;
	gap: 15px;
	align-items: center;
}

.nav-menu a {
	text-decoration: none;
	color: #143658;
	font-weight: 600;
	font-size: 15.2px;
	transition: color 0.2s;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	white-space: nowrap;
	padding: 8px 4px;
}

.nav-menu a.active {
	border-bottom: 2px solid var(--lfs-red);
	padding-bottom: 5px;
}

.nav-right a.active {
	border-bottom: 2px solid var(--lfs-red);
	padding-bottom: 5px;


}

.mobile-menu a.active {
	color: var(--lfs-blue);
}

/*
 * Issue #977: the divider used to separate HOW IT WORKS from the Available
 * Offices / Offices Wanted links. Those links are gone, so the divider goes too.
 */
.nav-menu a:first-child {
	margin-right: 0;
	padding-right: 4px;
	border-right: 0;
}

.nav-menu a:nth-child(2),
.nav-menu a:nth-child(3),
.nav-menu a:nth-child(4) {
	font-weight: 700;
}

.nav-menu a:hover {
	color: var(--lfs-blue);
	background-color: #f0f9ff;

}

.nav-menu a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Desktop Navigation Right */
.nav-right {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
}

.nav-right>a {
	text-decoration: none;
	color: #475569;
	font-weight: 500;
	font-size: 13.6px !important;
	transition: color 0.2s;
	white-space: nowrap;
	padding: 8px 4px;
}

/* Issue #977: Sign In / My Account is a bordered button in the new design */
.nav-right>a.header-link {
	border: 1.5px solid var(--lfs-blue);
	border-radius: 6px;
	color: var(--lfs-blue);
	font-weight: 600;
	padding: 9px 18px;
	line-height: 1;
}

.nav-right>a.header-link:hover,
.nav-right>a.header-link:focus {
	background-color: var(--lfs-blue);
	color: #ffffff;
}

.nav-right a.header-link.active {
	border-bottom: 1.5px solid var(--lfs-blue);
	padding-bottom: 9px;
}

.nav-right>a:hover {
	color: var(--lfs-blue);
	background-color: #f0f9ff;
}

.nav-right>a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

.nav-contact-group {
	display: flex;
	align-items: center;
	gap: 8px;
}

.nav-phone {
	display: flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	color: #143658;
	font-weight: 600;
	font-size: 14.4px !important;
	padding: 8px 12px;
	border-radius: 6px;
	transition: all 0.2s;
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
}

.nav-phone:hover {
	color: var(--lfs-blue);
	background-color: #f0f9ff;
	opacity: 1;

}

.nav-phone:hover .phone-number {
	display: none;
}

.nav-phone .phone-number {
	display: none;
}

.nav-phone:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	background: #fafaf9;
}

.phone-icon {
	font-size: 18px;
	flex-shrink: 0;
}

.phone-number {
	display: inline-block;
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: max-width 0.3s ease;
}

/* LinkedIn Icon */
.nav-linkedin {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #0077b5;
	padding: 8px;
	border-radius: 6px;
	transition: all 0.2s ease;
	opacity: 0.4;
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
}

.nav-linkedin:hover {
	color: var(--lfs-blue);
	background-color: #f0f9ff;
	opacity: 1;
}

.nav-linkedin:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	opacity: 1;
}

.linkedin-icon {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.linkedin-icon svg {
	width: 100%;
	height: 100%;
	fill: #0077b5;
}

/* Email Icon - NOW BLUE */
.nav-email {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #143658;
	padding: 8px;
	border-radius: 6px;
	transition: all 0.2s ease;
	opacity: 0.4;
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
}

.nav-email:hover {
	background-color: #f0f9ff;
	opacity: 1;
	color: var(--lfs-blue);
}


.nav-email:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	opacity: 1;
}

.email-icon {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.email-icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

/* Mobile Hamburger */
.hamburger {
	display: flex;
	background: #143658;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
}

.hamburger:hover {
	background: #0d2438;
}

.hamburger:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/* Mobile Menu */
.mobile-menu {
	display: none;
	background: #fafaf9;
	border-bottom: 1px solid #e2e8f0;
	padding: 20px 24px;
}

.mobile-menu.active {
	display: block;
}

.mobile-menu a {
	display: block;
	padding: 12px 0;
	color: #143658;
	text-decoration: none;
	font-weight: 600;
	min-height: 44px;
	line-height: 1.5;
	transition: color 0.2s;
}

.mobile-menu a:hover {
	color: #c92a2a;
}

.mobile-menu a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 4px;
}

.hamburger {
	display: none;
}


.hero-section-new-box {

	background: linear-gradient(135deg, var(--lfs-light-blue) 0%, #ffffff 100%);
	padding: 80px 24px 60px;
	text-align: center;
}

.hero-container {
	max-width: 900px;
	margin: 0 auto;
}

.hero-title-new-box {

	font-size: 40px;
	font-weight: 800;
	color: #143658;
	margin: 0 0 16px;
	line-height: 1.2;
}

.hero-subtitle-new-box {
	font-size: 20px;
	color: #475569;
	margin: 0;
	line-height: 1.5;
}

.section-header {
	text-align: center;
	margin-bottom: 60px;
}

.section-title {
	font-size: 36px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin: 0 0 12px;
	line-height: 1.2;
}

.section-subtitle {
	font-size: 17.6px;
	color: var(--text-secondary);
	max-width: 700px;
	margin: 0 auto;
	line-height: 1.6;
}

/* fees page new box start 10-29-25 */
.matching-section {
	background: var(--lfs-gray);
	padding: 80px 24px;
}

.matching-container {
	max-width: 1100px;
	margin: 0 auto;
}

.section-title-listing {
	font-size: 18px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 3px solid #143658;
	display: inline-block;
}

.section-title-new-box {
	font-size: 36px;
	font-weight: 800;
	color: var(--lfs-blue);
	text-align: center;
	margin: 0 0 16px;
	line-height: 1.2;
}

.section-subtitle-new-box {
	font-size: 17.6px;
	color: var(--text-secondary);
	text-align: center;
	margin: 0 0 48px;
	line-height: 1.5;
}


.testimonials-container-new-box {
	padding: 40px 24px;
	background: white;
}

.testimonials-grid-new-box {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	max-width: 1400px;
	margin: 0 auto;

}

.testimonial-card-new-box {
	background: white;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	display: flex;
	flex-direction: column;
	position: relative;
}

.testimonial-location {
	position: absolute;
	top: 12px;
	right: 12px;
	background: var(--lfs-blue);
	color: white;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.testimonial-quote-new-box {
	color: var(--lfs-red);
	font-size: 40px;
	line-height: 1;
	margin-bottom: 12px;
}

.testimonial-text-new-box {
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px;
	flex-grow: 1;
}

.testimonial-author-new-box {
	border-top: 2px solid var(--border-color);
	padding-top: 12px;
	margin-top: auto;
}

.testimonial-name-new-box {
	margin: 0;
	color: var(--lfs-blue);
	font-weight: 700;
	font-size: 14px;
}

.hero-section-fees {
	background: linear-gradient(135deg, var(--lfs-light-blue) 0%, #ffffff 100%);
	padding: 60px 24px 50px;
	text-align: center;
}

.hero-section-fees.fee-update-box {
	background: var(--lfs-light-blue);
	padding: 60px 20px 60px;
	text-align: center;
}


.hero-title-fees {
	font-size: 36.8px;
	margin: 0;
	color: var(--lfs-blue);
	font-weight: 800;

}

.hero-sub-title-fees {
	font-size: 34px;
	margin: 0;
	margin-top: 15px;
	color: var(--lfs-blue);
	font-weight: 600;
}


.hero-subtitle-fees {
	font-size: 20px;
	font-weight: 500;
	color: var(--text-secondary);
	max-width: 750px;
	margin: 0 auto;
}

.features-list-new-box {

	list-style: none;
	padding: 0;
	margin: 0 0 32px;
	flex-grow: 1;
	text-align: left;
}

.features-list-new-box li {
	padding: 10px 0;
	font-size: 15px;
	color: var(--text-primary);
	line-height: 1.6;
	border-bottom: 1px solid var(--border-color);
}

.features-list-new-box li:last-child {
	border-bottom: none;
}

.pricing-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--lfs-red);
	color: white;
	text-decoration: none;
	padding: 17px 32px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16.8px;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(201, 42, 42, 0.2);
	text-align: center;
	width: 100%;
	margin-top: auto;
}

.pricing-cta svg {
	width: 20px;
	height: 20px;
}

.pricing-cta:hover {
	color: #fff;
	background: #a82424;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(201, 42, 42, 0.3);
}

.pricing-cta:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.pricing-cta.secondary {
	background: var(--lfs-blue);
	box-shadow: 0 2px 8px rgba(20, 54, 88, 0.2);
}

.pricing-cta.secondary:hover {
	background: #0f2740;
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.3);
}


.hero-privacy {
	background: var(--lfs-light-blue);
	padding: 56px 20px 44px;
	text-align: center;
}

.hero-privacy h1 {
	font-size: 36px;
	margin: 0 0 8px;
	color: var(--lfs-blue);
	font-weight: 800;
	line-height: 1.7;
}

.hero-privacy .last-updated {
	font-size: 15.2px;
	color: #3f4a5b;
	margin: 0;
	line-height: 1.7;
}

/* container-privacy - Narrow for readability */
.container-privacy {
	max-width: 760px;
	margin: 0 auto;
	padding: 48px 24px 80px;
}

.intro {
	font-size: 16.8px;
	color: var(--text-secondary);
	margin-bottom: 48px;
	line-height: 1.7;
}

.policy-section {
	margin-bottom: 40px;
}

.policy-section h2 {
	font-size: 20px;
	line-height: 1.7;
	font-weight: 700;
	color: var(--lfs-blue);
	margin: 0 0 16px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--lfs-light-blue);
}

.policy-section h3 {
	font-size: 16px;
	line-height: 1.7;
	font-weight: 600;
	color: var(--text-primary);
	margin: 24px 0 12px;
}

.policy-section p {
	color: var(--text-secondary);
	margin-bottom: 16px;
	font-size: 15.6px;
	line-height: 1.7;
}

.policy-section ul {
	list-style: none;
	padding: 0;
	line-height: 1.7;
	margin: 0 0 16px;
}

.policy-section li {
	padding: 6px 0 6px 20px;
	position: relative;
	color: var(--text-secondary);
	font-size: 15.6px;
	line-height: 1.6;
}

.policy-section li::before {
	content: "•";
	position: absolute;
	left: 4px;
	color: var(--lfs-blue);
	font-weight: 700;
}

.action-panel {
	/* width: 85%; */
	margin: 0 auto;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	margin-bottom: 0px;
}


.sidebar-listing .action-card .nav-row {
	display: flex;
	background: #f1f5f9;
	border-bottom: 1px solid #e2e8f0;
	border-radius: 10px 10px 0 0;
}

.sidebar-listing .action-card .nav-btn {
	flex: 1;
	padding: 10px 6px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #143658;
	text-decoration: none;
	background: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	transition: all 0.15s;
}

.sidebar-listing .action-card .secondary-row {
	display: flex;
	border-bottom: 1px solid #e2e8f0;
}

.sidebar-listing .action-card .secondary-btn:first-child {
	border-right: 1px solid #e2e8f0;
}

.sidebar-listing .action-card .secondary-btn svg {
	width: 14px;
	height: 14px;
}

.sidebar-listing .action-card .contact-section {
	background: #f0f9ff;
	padding: 16px;
	border-bottom: 2px solid #143658;
}

.sidebar-listing .action-card .contact-section.no-info-box .contact-badges {
	flex-direction: row;
	margin-bottom: 15px;
	align-items: start;
}

.sidebar-listing .action-card .contact-section.no-info-box .section-label {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

.sidebar-listing .action-card .contact-header {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-bottom: 12px;
	justify-content: space-between;
}

.sidebar-listing .action-card .section-label {
	font-size: 11.2px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #143658;
	padding-bottom: 4px;
	border-bottom: 2px solid #143658;
	margin-bottom: 0;
}

.sidebar-listing .action-card .contact-badges {
	display: flex;
	/* flex-direction: column; */
	gap: 8px;
	align-items: center;
}

.sidebar-listing .action-card .host-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 4px 5px;
	background: #ffffff;
	border: 1px solid #143658;
	border-radius: 4px;
	font-size: 9.6px;
	font-weight: 600;
	color: #143658;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	min-width: 80px;
}

.action-card .verified-badge svg {
	width: 10px;
	height: 10px;
}

.action-card .host-badge svg {
	width: 10px;
	height: 10px;
	min-width: 10px;
	min-height: 10px;
}

.sidebar-listing .action-card .contact-name {
	font-size: 15.2px;
	font-weight: 600;
	color: #143658;
	line-height: 1.2;
	display: flex;
	align-items: center;
	gap: 6px;
}


.sidebar-listing .action-card .contact-firm {
	font-size: 12.8px;
	color: #475569;
	margin-bottom: 6px;
}


.sidebar-listing .action-card .phone-row {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sidebar-listing .action-card .phone-row svg {
	width: 14px;
	height: 14px;
	color: #475569;
}


.sidebar-listing .action-card .phone-row a {
	font-size: 13.6px;
	font-weight: 600;
	color: #143658;
	text-decoration: none;
}

.sidebar-listing .action-card .phone-row a:hover {
	text-decoration: underline;
}

.sidebar-listing .action-card .contact-body {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.contact-body-info .contact-firm:nth-child(1) {
	font-weight: 600;

}

.sidebar-listing .action-card .contact-photo-wrapper {
	position: relative;
	flex-shrink: 0;
}

.action-card .contact-photo-link:hover .contact-photo {
	opacity: 0.85;
}

.sidebar-listing .action-card .contact-photo-link {
	display: block;
	text-decoration: none;
}

.sidebar-listing .action-card .contact-photo img {
	width: 100%;
}

.sidebar-listing .action-card .contact-photo {
	width: 56px;
	height: 56px;
	background: #cbd5e1;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: opacity 0.15s;
}

.sidebar-listing .action-card .contact-photo svg {
	width: 32px;
	height: 32px;
	color: #94a3b8;
}


.sidebar-listing .action-card .linkedin-inline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: #0077b5;
	flex-shrink: 0;
	transition: color 0.15s;
}

.action-card .linkedin-inline svg {
	width: 16px;
	height: 16px;
}

.action-card .linkedin-inline:hover {
	color: #005f8d;
}


.sidebar-listing .action-card .verified-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 4px 5px;
	background: var(--hero-supply);
	border: 1px solid var(--hero-supply);
	border-radius: 4px;
	font-size: 9.6px;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	width: 76px;
}

.sidebar-listing .action-card .secondary-btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 10px;
	background: #f8fafc;
	border: none;
	color: #475569;
	font-size: 12.8px;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.15s;
}

.sidebar-listing .action-card .secondary-btn:hover {
	background: #e0f2fe;
	color: #143658;
}

.action-panel .meta-row {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
	font-size: 12.8px;
}

.action-panel .meta-item {
	display: flex;
	gap: 6px;
}

.action-panel .meta-label {
	color: #475569;
	font-weight: 500;
}

.action-panel .meta-value {
	color: #0f172a;
	font-weight: 600;
}

.action-panel .map-link svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.action-panel .contact-section {
	padding: 16px 20px;
	background: #f0f9ff;
	border: 0;
	border-radius: 0;
	margin: 0;
	border-bottom: 1px solid rgba(20, 54, 88, 0.1);
}


.action-panel .contact-disclosed {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.action-panel .contact-info {
	flex: 1;
	min-width: 0;
}

.action-panel .contact-name {
	font-size: 16.8px;
	font-weight: 700;
	color: #143658;
}

.action-panel .contact-firm {
	font-size: 14.4px;
	color: #475569;
}

.action-panel .contact-phone-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	background: #fff;
	color: #143658;
	text-decoration: none;
	font-weight: 600;
	font-size: 13.6px;
	border-radius: 6px;
	white-space: nowrap;
	border: 1px solid #143658;
	transition: background 0.15s ease;
}

.action-panel .contact-phone-btn:hover {
	background: #143658;
	color: #fff;
}

.action-panel .contact-phone-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.action-panel .undisclosed-msg {
	/* text-align: center; */
	padding: 6px 0;
}

.action-panel .undisclosed-headline {
	font-size: 16px;
	font-weight: 600;
	color: #143658;
	margin-bottom: 4px;
}

.action-panel .undisclosed-subtext {
	font-size: 13.6px;
	color: #475569;
}

/* .action-panel .content-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: #e2e8f0;
} */

.action-panel .address-col,
.action-panel .action-col {
	padding: 16px 20px;
	background: #ffffff;
}

.action-panel .section-label {
	font-size: 10.4px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #475569;
	margin-bottom: 6px;
}

.action-panel .address-street {
	font-size: 15.2px;
	font-weight: 600;
	color: #0f172a;
}

.action-panel .address-floor {
	font-size: 14.4px;
	color: #0f172a;
}

.action-panel .address-city {
	font-size: 13.6px;
	color: #475569;
	margin-top: 2px;
}

.action-panel .address-undisclosed {
	font-size: 13.6px;
	color: #475569;
	font-style: italic;
}

/* Map Link */
.action-panel .map-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 8px;
	font-size: 12.8px;
	font-weight: 500;
	color: #143658;
	text-decoration: none;
	transition: color 0.15s ease;
}

.action-panel .map-link:hover {
	color: #0f2a44;
	text-decoration: underline;
}

.action-panel .map-link svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.action-panel .action-col {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.action-panel .btn-email {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 16px;
	background: #fff;
	color: #143658;
	text-decoration: none;
	font-weight: 600;
	font-size: 14.4px;
	border-radius: 6px;
	border: 1px solid #143658;
	cursor: pointer;
	transition: background 0.15s ease;
}

.action-panel .btn-email:hover {
	background: #143658;
	color: #fff;
}

.action-panel .btn-email svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.action-panel .secondary-actions {
	display: flex;
	gap: 8px;
}

.action-panel .btn-ghost {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 8px 10px;
	background: transparent;
	color: #475569;
	text-decoration: none;
	font-weight: 500;
	font-size: 12.8px;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
	cursor: pointer;
	transition: all 0.15s ease;
}

.action-panel .btn-ghost:hover {
	color: #143658;
	background: #f0f9ff;
	border-color: #143658;
}

.action-panel .btn-ghost svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* Saved State */
.action-panel .btn-ghost.saved {
	color: #c92a2a;
	border-color: #c92a2a;
	background: #fef2f2;
}

.action-panel .btn-ghost.saved:hover {
	background: #fee2e2;
}

.action-panel .btn-ghost.saved svg {
	fill: #c92a2a;
}

/* Navigation Row */
.action-panel .nav-row {
	display: flex;
	background: #f8fafc;
	border-top: 1px solid #e2e8f0;
}

.action-panel .nav-btn {
	flex: 1;
	padding: 12px;
	text-align: center;
	font-size: 13.6px;
	font-weight: 600;
	color: #475569;
	text-decoration: none;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.15s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.action-panel .nav-btn:not(:last-child) {
	border-right: 1px solid #e2e8f0;
}

.action-panel .nav-btn:hover:not(.disabled) {
	background: #e0f2fe;
	color: #143658;
}

.action-panel .nav-btn.disabled {
	color: #cbd5e1;
	cursor: not-allowed;
}

.action-panel .nav-btn svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.action-panel .nav-btn.nav-primary {
	color: #143658;
	font-weight: 700;
}

/* Focus States (Accessibility) */
.action-panel a:focus-visible,
.action-panel button:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.contact-section {
	background: #f8fafc;
	border-radius: 8px;
	padding: 28px 32px;
	margin-top: 48px;
	border-left: 4px solid var(--lfs-blue);
}

.contact-section h2 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.7;
	color: var(--lfs-blue);
	margin: 0 0 16px;
	padding-bottom: 0;
	border-bottom: none;
	line-height: 1.7;
}

.contact-section p {
	color: var(--text-secondary);
	margin-bottom: 16px;
	font-size: 15.6px;
	line-height: 1.7;
}

.contact-info {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	list-style: none;
}

.contact-info li {
	padding: 8px 0;
	color: var(--text-primary);
	font-size: 15.6px;
	line-height: 1.7;
}

.contact-info li::before {
	display: none;
}

.contact-info a {
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 600;
}

.contact-info a:hover {
	text-decoration: underline;
}

.contact-info a:focus-visible {
	outline: 3px solid var(--lfs-red);
	outline-offset: 2px;
}

.terms-page a {
	text-decoration: underline;
}


.tos-section {
	margin-bottom: 40px;
}

.tos-section h2 {
	line-height: 1.7;
	font-size: 20px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin: 0 0 16px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--lfs-light-blue);
}

.contact-info li {
	padding: 8px 0;
	color: var(--text-primary);
	font-size: 15.6px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.tos-section h3 {
	line-height: 1.7;
	font-size: 16.8px;
	font-weight: 600;
	color: var(--text-primary);
	margin: 28px 0 12px;
}

.tos-section p {
	color: var(--text-secondary);
	margin-bottom: 16px;
	font-size: 15.6px;
	line-height: 1.7;
}

.tos-section strong {
	color: var(--text-primary);
	font-weight: 600;
	line-height: 1.7;
}

.tos-section ul,
.tos-section ol {
	padding: 0 0 0 4px;
	line-height: 1.7;
	margin: 0 0 16px;
}

.tos-section ul {
	list-style: none;
}

.tos-section ol {
	list-style: decimal;
	padding-left: 24px;
	line-height: 1.7;
}

.tos-section li {
	padding: 6px 0 6px 20px;
	position: relative;
	color: var(--text-secondary);
	font-size: 15.6px;
	line-height: 1.6;
}

.tos-section ul li::before {
	content: "•";
	position: absolute;
	left: 4px;
	color: var(--lfs-blue);
	font-weight: 700;
}

.tos-section ol li {
	padding-left: 8px;
	line-height: 1.7;
}

.tos-section ol li::before {
	display: none;
}

/* Definition list styling */
.definitions li {
	padding: 8px 0 8px 20px;
}

.definitions li strong {
	color: var(--lfs-blue);
}

/* Two column layout for liability section */
.two-column {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-top: 16px;
}

.two-column>div {
	background: #f8fafc;
	padding: 24px;
	border-radius: 8px;
	border-top: 3px solid var(--lfs-blue);
}

.two-column h3 {
	margin-top: 0;
	line-height: 1.7;
}

.contact-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: var(--lfs-blue);
}

/* Benefits Section */
.benefits-section {
	padding: 80px 24px;
	background: var(--lfs-gray);
}

.benefits-container {
	max-width: 1200px;
	margin: 0 auto;
}

.benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

.benefits-grid-fees {
	grid-template-columns: repeat(2, 1fr);
}

.benefits-grid-fees .benefit-text {
	font-size: 16px;
}

.benefit-card {
	background: white;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	padding: 32px;
	transition: all 0.2s ease;
}

.benefit-card:hover {
	border-color: var(--lfs-blue);
	box-shadow: 0 4px 16px rgba(20, 54, 88, 0.08);
	transform: translateY(-2px);
}

.benefit-icon {
	width: 48px;
	height: 48px;
	background: var(--lfs-light-blue);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.benefit-icon svg {
	width: 28px;
	height: 28px;
	color: var(--lfs-blue);
}

.benefit-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin: 0 0 8px;
	line-height: 1.3;
}

.benefit-text {
	font-size: 15.2px;
	color: var(--text-secondary);
	margin: 0;
	line-height: 1.6;
}

.benefit-text.benefit-text-inner {
	margin-top: 12px;
	font-size: 14.4px;
	color: #475569;
	font-weight: 500;
}

/* Dynamic Count Badge */
.count-badge {
	display: inline-block;
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	border: 2px solid #fbbf24;
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 14.44px;
	color: #92400e;
	white-space: nowrap;
	vertical-align: baseline;
}

.pb-16px {
	padding-bottom: 16px;
}

.p-45space {
	padding: 0 45px;
}

.pb-24px {
	padding-bottom: 24px;
}

.pb-20px {
	padding-bottom: 20px;
}

.pb-32px {
	padding-bottom: 32px;
}

.hr-line-new-box {
	border: none;
	border-top: 1px solid #e5e7eb;
	margin: 24px auto;
	width: 80%;
	max-width: 500px;
}

.mt-24px {
	margin-top: 24px;
}

.mt-20px {
	margin-top: 20px;
}

.guarantee-text-new-box {
	font-size: 16px;
	line-height: 1.6;
	color: #0f172a;
	margin: 0;
	font-family: 'Inter', sans-serif;
}

.guarantee-subtitle {
	font-size: 24px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin: 0 0 12px;
	line-height: 1.2;
}

.guarantee-lead {
	font-weight: 700;
	color: var(--lfs-blue);
}

.guarantee-subtext-new-box {
	font-size: 17.6px;
	margin: 0 auto;
	line-height: 1.5;
	max-width: 700px;
	margin-top: 32px;
	color: #475569;
}

.guarantee-subtext-new-box-link {
	margin-top: 24px;
	font-size: 15.2px;
	color: #475569;
}

.guarantee-subtext-new-box-link a {
	color: #143658;
	text-decoration: none;
	font-weight: 600;
}

.guarantee-subtext-how-it-work {
	font-size: 16px;
	color: #475569;
	margin: 0;
	line-height: 1.5;

}


/* FAQ Section */


.faq-container {
	max-width: 900px;
	margin: 0 auto;
}

/* Final CTA Section */
.final-cta-section {
	padding: 80px 24px;
	background: white;
}

.final-cta-container {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.final-cta-title {
	font-size: 36px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin: 0 0 16px;
	line-height: 1.2;
}

.final-cta-text {
	font-size: 18px;
	color: #475569;
	margin: 0 0 40px;
	line-height: 1.6;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.final-cta-buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.final-cta-buttons .svg-box {
	width: 20px;
	height: 20px;
}

.final-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 32px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16.8px;
	text-decoration: none;
	transition: all 0.2s ease;
	min-width: 200px;
}

.final-cta-button.primary {
	background: var(--lfs-red);
	color: white;
	box-shadow: 0 2px 8px rgba(201, 42, 42, 0.2);
}

.final-cta-button.primary:hover {
	background: #a82424;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(201, 42, 42, 0.3);
}

.final-cta-button.secondary {
	background: var(--lfs-blue);
	color: white;
	box-shadow: 0 2px 8px rgba(20, 54, 88, 0.2);
}

.final-cta-button.secondary:hover {
	background: #0f2a44;
	border-color: #0f2a44;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.25);
}

.final-cta-button:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.final-cta-button svg {
	width: 20px;
	height: 20px;
}


.fs-14px {
	font-size: 14.4px;
}

.color-inner-blue {
	color: #143658;
}


/* Benefits List */
.benefits-list {
	max-width: 800px;
	margin: 24px auto 0;
	background: white;
	border: 2px solid #e2e8f0;
	border-radius: 12px;
	padding: 8px 0;
	display: block;
}

.benefit-item span {
	line-height: 1.6;
	color: #475569;
	color: #475569;
	font-size: 15.2px;
}

.benefit-item {
	padding: 16px 20px;
	border-bottom: 1px solid #e2e8f0;
	font-size: 16.8px;
	color: #0f172a;
	text-align: center;
	display: block;
}

.benefit-item:last-child {
	border-bottom: none;
}

/* ============================================
       FAQ SECTION
       ============================================ */


.section-title-faq {
	font-size: 36px;
	font-weight: 800;
	color: #143658;
	text-align: center;
	margin-bottom: 48px;
}

.fs-italic {
	font-style: italic;
}

.about-content-how-it-work p:last-child {
	margin-bottom: 0;
}

/* how it work new 10-29-25 end */

/* add listing new page 10-30-25 start */
.form-grids-add-list.form-grids-add-list-contact-info .form-groups-add-list:focus {
	border-color: var(--blue);
	outline: 0;
}

.v-card-btn {
	display: block;
	cursor: pointer;
	width: fit-content;
}

.form-section-new-add-list .file-input-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.form-groups-add-list input:focus,
.form-groups-add-list select:focus,
.form-groups-add-list textarea:focus {
	border-color: var(--blue);
	outline: 0;
}

.form-grids-add-list.form-grids-add-list-contact-info .form-groups-add-list:focus-visible {
	border-color: var(--blue);
	outline: 0;
}

.form-groups-add-list input,
.form-groups-add-list select,
.form-groups-add-list textarea:focus {
	border-color: var(--blue);
	outline: 0;
}

.form-groups-add-list input,
.form-groups-add-list select,
.form-groups-add-list textarea:focus-visible {
	border-color: var(--blue);
	outline: 0;
}

.modal-overlay-add-list-form {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.modal-overlay-add-list-form.active {
	display: flex;
}

.modal-overlay-add-list-form .modal-content {
	background-color: white;
	border-radius: 8px;
	padding: 30px;
	max-width: 500px;
	width: 90%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.modal-overlay-add-list-form .modal-header {
	font-size: 20px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 16px;
	padding: 0;
}

.modal-overlay-add-list-form .modal-body {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	margin-bottom: 24px;
	padding: 0;
}

.modal-overlay-add-list-form .modal-buttons {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
}

.modal-overlay-add-list-form .modal-button {
	padding: 12px 24px;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
}

.modal-overlay-add-list-form .modal-button-cancel {
	background-color: #e0e0e0;
	color: #333;
}

.modal-overlay-add-list-form .modal-button-cancel:hover {
	background-color: #d0d0d0;
}

.modal-overlay-add-list-form .modal-button-confirm {
	background-color: #143658;
	color: white;
}

.modal-overlay-add-list-form .modal-button-confirm:hover {
	background-color: #0f2a44;
}

.modal-overlay-add-list-form .modal-button:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.helper-text {
	font-size: 14px;
	color: #475569;
	margin-top: 8px;
	font-style: italic;
}

.add-listing-main-box {
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 20px;
}

.field-note {
	font-size: 14px;
	color: #474d56;
	margin-top: 4px;
	font-style: italic;
}

.gap-0px {
	gap: 0px !important;
}

.hero-add-list .fee-link {
	display: block;
	margin-top: 10px;
	color: #475569;
}

.hero-add-list .fee-link:hover {
	color: var(--lfs-blue);
	text-decoration: underline;
}

/* HERO SECTION */
.hero-add-list {
	background: #f8fafc;
	padding: 60px 24px;
	text-align: center;
}

.listings-container-btn {
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	margin-top: 35px;
}

.listings-container-btn a:hover {
	text-decoration: underline;

}


.hero-add-list .fee-link {
	display: block;
	margin-top: 10px;
	color: #475569;
}

.listings-container-btn a {
	display: block;
	color: var(--lfs-blue);
	font-weight: 600;
}

.listings-container-btn a p {
	display: inline-block;
	transition: 0.1s ease-in;
	margin-bottom: 0;
}


.listings-container-btn a:hover p {
	transform: translateX(50%);
}


.hero-add-list h1 {
	font-size: 40px;
	font-weight: 800;
	color: #143658;
	margin-bottom: 16px;
	line-height: 1.2;
}

.hero-add-list--subtitle {
	font-size: 18px;
	color: #475569;
	max-width: 900px;
	margin: 0 auto;
}

.value-props-add-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	max-width: 900px;
	margin: 0 auto;
}

.value-card-add-list {
	background: white;
	border: 2px solid var(--line);
	border-radius: 12px;
	padding: 20px;
	text-align: left;
}

.value-card-add-list h3 {
	color: var(--blue);
	font-size: 17.6px;
	font-weight: 700;
	margin: 0 0 8px;
	line-height: 1.6;
}

.value-card-add-list p {
	color: var(--muted);
	font-size: 15.2px;
	margin: 0;
	line-height: 1.5;
}

/* MAIN CONTENT */
.main-content {
	max-width: 900px;
	margin: 0 auto;
	padding: 48px 24px;
}

/* PRICING REFERENCE */
.pricing-reference-add-list {
	background: var(--green-soft);
	border: 2px solid #bbf7d0;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 48px;
}

.pricing-reference-add-list h2 {
	color: var(--blue);
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 16px;
}

.pricing-table-add-list {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.pricing-row-add-list {
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
	background: white;
	border-radius: 8px;
	border: 1px solid #86efac;
}

.pricing-row-label {
	font-weight: 600;
	color: var(--blue);
	font-size: 16px;
	line-height: 1.6;
}

.pricing-row-value {
	font-weight: 700;
	color: var(--green);
	font-size: 16.8px;
	text-align: right;
}

.fw-bold {
	font-weight: 600;
}

.mt-12 {
	margin-top: 12px;
}

.pr-0 {
	padding-right: 0px;
}

.pl-0 {
	padding-left: 0;
}

.mt-4 {
	margin-top: 4px;
}

.visually-hidden {
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.mt-8 {
	margin-top: 8px;
}


/* FORM SECTION */
.form-section-new-add-list {
	background: white;
}


.form-section-new-add-list #submit-container .form-group {
	width: 100%;
	float: none;
	margin-bottom: 0;
}


.form-section-new-add-list h2 {
	color: var(--blue);
	font-size: 28.8px;
	font-weight: 800;
	margin: 0 0 24px;
	text-align: center;
	padding-bottom: 15px;
}

/* LISTING TYPE SELECTOR */
.listing-type-selector {
	border: 2px solid #e2e8f0;
	border-radius: 12px;
	padding: 24px;
	position: relative;
	margin-bottom: 40px;
}

.listing-type-selector legend {
	margin-bottom: 20px;
	position: absolute;
	top: -18px;
	left: 14px;
	background: #fff;
	border: 0;
	font-size: 18px;
	font-weight: 700;
	color: #143658;
	padding: 0 12px;
	width: fit-content;
}

.radio-groups-add-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 16px;
}

.radio-options-add-list {
	position: relative;
	/* Flex (not block) so the card stretches to the full grid-row height and
	   both listing-type boxes always render the same size - see issue #979. */
	display: flex;
}

.radio-options-add-list > .radio-label {
	width: 100%;
}

.radio-options-add-list input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.radio-label {

	display: flex;
	align-items: center;
	gap: 12px;
	padding: 20px;
	background: white;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.radio-options-add-list input[type="radio"]:checked+.radio-label {
	background: #eaf4ff;
	border-color: var(--lfs-blue);
}

/* Green styling for Offices Wanted option */
#type-wanted:checked+.radio-label {
	border-color: var(--green);
	background: var(--green-soft);
}

#type-wanted:checked+.radio-label .radio-custom {
	border-color: var(--green);
	background: #f0fdf4;
}

.radio-options-add-list input[type="radio"]:focus-visible+.radio-label {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.radio-custom {
	width: 24px;
	height: 24px;
	border: 3px solid var(--line);
	border-radius: 50%;
	flex-shrink: 0;
	position: relative;
	transition: all 0.2s;
}

.radio-options-add-list input[type="radio"]:checked+.radio-label .radio-custom {

	border-color: var(--lfs-blue);
}

.radio-custom::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--lfs-blue);
	opacity: 0;
	transition: opacity 0.2s;
}

#type-wanted .radio-custom::after {
	background: #16a34a;
}

.radio-options-add-list input[type="radio"]:checked+.radio-label.type-wanted .radio-custom::after {
	background: #16a34a;
	transform: translate(-50%, -50%) scale(1);
}

.radio-options-add-list input[type="radio"]:checked+.radio-label .radio-custom::after {
	opacity: 1;

}

.radio-options-add-list.green-btn input[type="radio"]:checked+.radio-label .radio-custom::after {
	opacity: 1;
	background-color: #16a34a;

}

.radio-texts-add-list {
	flex: 1;
}

.radio-texts-add-list strong {
	display: block;
	font-size: 17.7px;
	font-weight: 700;
	color: var(--blue);
	margin-bottom: 0;
	line-height: 1.6;
}

.radio-texts-add-list span {
	font-size: 0.9rem;
	color: var(--muted);
}

/* FORM GROUPS */
.form-grids-add-list {
	display: grid;

	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 32px;
}

.form-grids-add-list.form-grids-add-list-contact-info {
	display: flex;

	gap: 20px;
	margin-bottom: 32px;
	flex-wrap: wrap;
}

.form-grids-add-list.form-grids-add-list-contact-info .form-groups-add-list {
	width: 49%;
}

.form-grids-add-list-contact-info .info-box-inner {
	display: flex;
	width: 100%;
	gap: 20px;
}

.tooltip.form-groups-add-list.form-group {
	width: 100% !important;
}

.info-box-inner .form-groups-add-list {
	width: 100% !important;
}

.form-grids-add-list-contact-info .tooltip {
	position: relative;
	z-index: 0;
	cursor: pointer;
	opacity: 1;
}

.form-grids-add-list-contact-info .tooltiptext {
	visibility: hidden;
	width: 230px;
	background-color: #ededed;
	color: #000;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	left: 0;
}

.form-groups-add-list .tooltip label {
	margin-bottom: 8px;
}

.form-grids-add-list-contact-info .tooltip:hover .tooltiptext {
	visibility: visible;
	bottom: -49px;
	width: 100%;
	/* display: block; */
	left: 0;
}

.form-groups-add-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 0;
}

.form-groups-add-list.full-width {
	grid-column: 1 / -1;
}

.form-groups-add-list label {
	font-weight: 600;
	color: var(--ink);
	font-size: 15px;
	margin-bottom: 0;
}

.required {
	color: var(--lfs-red);
	margin-left: 2px;
}

.form-groups-add-list input,
.form-groups-add-list select,
.form-groups-add-list textarea {
	padding: 9px 16px;
	border: 2px solid var(--line);
	border-radius: 8px;
	font-size: 16px;
	font-family: inherit;
	color: var(--ink);
	transition: border-color 0.2s;
	background: white;
	margin-bottom: 0;
}

.form-groups-add-list select {
	background-image: url(../images/dropdown_ico.png);

	background-position: right;
	background-repeat: no-repeat;
	appearance: none;
}

.form-groups-add-list input[type="number"] {
	-moz-appearance: textfield;
}

.form-groups-add-list input[type="number"]::-webkit-outer-spin-button,
.form-groups-add-list input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.form-groups-add-list input:focus,
.form-groups-add-list select:focus,
.form-groups-add-list textarea:focus {
	border-color: var(--blue);
}

.form-groups-add-list textarea {
	resize: vertical;
	min-height: 120px;
	line-height: 1.5;
}

.char-count {
	font-size: 13.6px;
	color: var(--muted-2);
	text-align: right;
}

/* CONDITIONAL SECTIONS */
.conditional-section {
	display: none;
	animation: fadeIn 0.3s ease;
}

.conditional-section.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.section-title-add-list {
	font-size: 24px;
	font-weight: 700;
	color: var(--blue);
	margin: 32px 0 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--line);
	line-height: 1.6;
}

/* BILLING SUBSECTION */
.btn.red {
	background: #e65151;
}

.thumb {
	width: 180px;
	border: 1px solid #e6e6e6;
	padding: 8px;
	border-radius: 6px;
	background: #fafafa;
	position: relative;
}

.thumb img {
	display: block;
	max-width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 4px;
}

.fa.pull-right {
	float: right !important;
	margin-left: 6px;
}

.ui-sortable-placeholder {
	background: #fafafa;
	border: 1px dashed #ddd;
	height: 120px;
}

#editor-inline {
	display: none;
	margin-top: 14px;
	background: #fff;
	padding: 12px;
	border-radius: 6px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .06);
}

#editor-image-inline {
	max-width: 100%;
	max-height: 360px;
	display: block;
	border: 1px solid #eee;
	border-radius: 4px;
}

.image-thumb {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
}

.image-thumb img {
	width: 100px;
	height: auto;
	object-fit: cover;
}

.image-detail {
	flex: 1;
}

.image-meta-row-listing {
	margin-bottom: 8px;
}

.image-meta-row-listing .fa {
	cursor: pointer;
	padding: 3px;
}

.flex-1 {
	flex: 1;
}

.editor-inline-top-box {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.editor-inline-top-box .img-caption {
	width: 250px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: start;
}

.editor-inline-top-box .img-caption-box {
	width: 100%;
	padding: 6px;
	margin-top: 4px;
	margin-bottom: 0;
}

.img-caption label {
	font-size: 14px;
}

#editor-inline #editor-note {
	color: #666;
	font-size: 13px;
	margin-top: 6px;
}

.editor-inline-box {
	display: flex;
	gap: 8px;
	margin-top: 8px;
	flex-wrap: wrap;
}

.editor-inline-box .btn {
	padding: 6px 10px;
	border-radius: 4px;
	background: var(--bar-primary-color);
	color: white;
	cursor: pointer;
	font-size: 13px;
	border: none;
}

.editor-inline-box .btn.secondary {
	background: #6c757d;
}

.billing-subsection {
	background: #f8fafc;
	padding: 32px;
	border-radius: 8px;
	margin-top: 20px;
	font-size: 16px;
}

.billing-subsection .pra-box {
	font-size: 16px;
	line-height: 1.6;
	color: #0f172a;
}

.billing-subsection h3 {
	font-size: 24px;
	font-weight: 700;
	color: var(--blue);
	margin: 0 0 20px;
	line-height: 1.6;
}

/* TERMS AGREEMENT */
.terms-agreement {
	margin: 32px 0;
	padding: 20px;
	background: var(--soft);
	border-radius: 8px;
	border: 2px solid var(--line);
	line-height: 1.6;
}

.terms-agreement label {
	display: flex;
	align-items: start;
	gap: 12px;
	cursor: pointer;
	font-size: 15.2px;
	line-height: 1.6;
}

.terms-agreement input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	cursor: pointer;
	accent-color: var(--blue);
	flex-shrink: 0;
}

.terms-agreement a {
	color: var(--blue);
	text-decoration: underline;
	font-weight: 600;
}

/* FORM SECTION end */
/* SUBMIT BUTTON */
.submit-button {
	width: 100%;
	padding: 16px 32px;
	background: var(--bar-success-color);
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 17.6px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s;
	box-shadow: 0 4px 12px rgb(76 175 80 / 40%);
	min-height: 56px;
}

.submit-button:hover {
	background: var(--hero-supply-press);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgb(76 175 80 / 40%);
}

.submit-button:active {
	transform: translateY(0);
}

.submit-button:disabled {
	background: var(--muted-2);
	cursor: not-allowed;
	box-shadow: none;
}

/* TRUST SECTION */
.trust-section {
	max-width: 900px;
	margin: 48px auto 0;
	padding: 0 24px 48px;
}

.trust-section h2 {
	font-size: 24px;
	font-weight: 700;
	color: var(--blue);
	text-align: center;
	margin-bottom: 32px;
}

.testimonials-add-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

.testimonial-add-list {
	background: white;
	border: 2px solid var(--line);
	border-radius: 12px;
	padding: 24px;
	position: relative;
}

.testimonial::before {
	content: '"';
	font-size: 4rem;
	line-height: 1;
	color: var(--soft-3);
	position: absolute;
	top: 10px;
	left: 20px;
	font-family: Georgia, serif;
}

.testimonial-text-add-list {
	font-size: 15.2px;
	color: var(--muted);
	line-height: 1.6;
	margin: 0 0 16px;
	position: relative;
	z-index: 1;
}

.testimonial-author-add-list {
	font-weight: 600;
	color: var(--blue);
	font-size: 14.4px;
	margin-bottom: 3px;
}

.testimonial-firm-add-list {
	font-size: 13.6px;
	color: var(--muted-2);
}

/* TOGGLE SWITCHES */
.toggle-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 24px;
}

.toggle-switch {
	position: relative;
	width: 52px;
	height: 28px;
	margin-bottom: 0;
}

.toggle-switch input[type="checkbox"] {
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #e2e8f0;
	transition: 0.3s;
	border-radius: 28px;
}

.toggle-slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: 0.3s;
	border-radius: 50%;
}

.toggle-switch input:checked+.toggle-slider {
	background-color: #143658;
}

.toggle-switch input:checked+.toggle-slider:before {
	transform: translateX(24px);
}

.toggle-switch input:focus-visible+.toggle-slider {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.toggle-label {
	font-size: 15px;
	font-weight: 600;
	color: #0f172a;
	margin-bottom: 0;
}

.form-section-new-add-list .section-subtitle {
	font-size: 16px;
	color: #475569;
	margin-bottom: 24px;
	max-width: auto;
	margin: 0;
	margin-bottom: 24px;
}

.form-section-new-add-list .section-title {
	font-size: 24px;
	font-weight: 700;
	color: #143658;
	margin: 40px 0 24px 0;
	text-align: start;
	padding-bottom: 12px;
	border-bottom: 2px solid #e2e8f0;
}

/* CHECKBOXES */
.checkbox-group {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 12px;
	margin-top: 12px;
}

.checkbox-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.checkbox-item input[type="checkbox"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
	accent-color: #143658;
}

.checkbox-item label {
	font-size: 15px;
	font-weight: 400;
	color: #475569;
	cursor: pointer;
	margin: 0;
}

/* OFFICE/WORKSTATION CARDS */
.office-card,
.workstation-card {
	background: #f8fafc;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 16px;
	position: relative;
}

.office-card .office-card-sub-heading,
.workstation-card .office-card-sub-heading {
	font-size: 18px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 16px;
}

.mce-ico {
	color: #000 !important;
}

.remove-btn {
	position: absolute;
	top: 16px;
	right: 16px;
	background: #c92a2a;
	background: var(--hero-demand);
	color: white;
	border: none;
	padding: 4px 12px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
}

.remove-btn:hover {
	background: #a31f1f;
	transform: translateY(-2px);
}

.remove-btn:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/* ADD BUTTONS */
.add-btn {
	background: white;
	color: #143658;
	border: 2px solid #143658;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	line-height: 26px;
}

.add-btn:hover {
	background: #143658;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.25);
}

.add-btn:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.add-btn::before {
	content: "+";
	font-size: 24px;
	font-weight: 700;
}

/* FILE UPLOAD */
.media-upload-grid {
	display: grid;
	/* grid-template-columns: 1fr 1fr; */
	grid-template-columns: 46% 25% 25%;
	gap: 24px;
	margin-bottom: 24px;
}

.file-upload-section {
	background: #f8fafc;
	border: 2px dashed #e2e8f0;
	border-radius: 8px;
	padding: 32px;
	text-align: center;
}

#email-feedback.error-text {
	color: rgb(201 15 15) !important;
}

.file-upload-section .file-upload-sub-heading {
	font-size: 18px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 12px;
	text-align: start;
}

.file-update-inner-section {

	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;

}

.file-upload-section p {
	font-size: 14px;
	/* color: #475569; */
	color: #474d56;
	margin-bottom: 16px;
	text-align: start;
}

.file-input-wrapper {
	position: relative;
	display: inline-block;
}

.file-input-wrapper input[type="file"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.file-btn {
	background: #143658;
	color: white;
	padding: 12px 24px;
	border: 2px solid #143658;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-block;
}

.file-btn:hover {
	background: #0f2a44;
	border-color: #0f2a44;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.25);
}

.file-input-wrapper input[type="file"]:focus-visible+.file-btn {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.file-list {
	margin-top: 16px;
	text-align: left;
}

.file-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	margin-bottom: 8px;
}

.file-item-name {
	font-size: 15px;
	color: #0f172a;
	font-weight: 500;
	word-break: break-word;
}

.file-item-remove {
	background: none;
	border: none;
	color: #c92a2a;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	padding: 4px 8px;
}

.file-item-remove:hover {
	text-decoration: underline;
}

/* PLAN DETAILS BOX */
.plan-details-box {
	background: #e0f2fe;
	border-radius: 8px;
	padding: 24px;
	margin-bottom: 32px;
}

.plan-details-box h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #143658;
	margin-bottom: 12px;
}

.plan-details-box p {
	font-size: 1rem;
	color: #475569;
	line-height: 1.6;
}

.plan-cost {
	font-size: 24px;
	font-weight: 800;
	color: #143658;
	margin: 16px 0;
}

/* PAYMENT SECTION */
.payment-section {
	background: #f8fafc;
	padding: 32px;
	border-radius: 8px;
	margin-top: 40px;
	font-size: 16px;
}

.payment-section h3 {
	font-size: 24px;
	font-weight: 700;
	color: #143658;
	margin-bottom: 24px;
}

.card-logos {
	display: flex;
	gap: 12px;
	margin-bottom: 24px;
}

.card-logos span {
	padding: 8px 12px;
	background: white;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	color: #475569;
}

/* SUBMIT SECTION */
.submit-section {
	margin-top: 40px;
	text-align: center;
}

/* Both rows share one width and are centred as a block, so the checkboxes line
   up on a single left edge above the button instead of each row centring on
   its own text length. */
.terms-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	justify-content: flex-start;
	max-width: 640px;
	margin: 0 auto 24px;
}

.terms-checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	cursor: pointer;
	margin-top: 2px;
	accent-color: #143658;
}

.terms-checkbox label {
	font-size: 15px;
	color: #475569;
	text-align: left;
	cursor: pointer;
}

.terms-checkbox a {
	color: #143658;
	text-decoration: underline;
	font-weight: 600;
}

.submit-btn-fee {
	background: #143658;
	color: white;
	padding: 16px 48px;
	border: 2px solid #143658;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-block;
}

.submit-btn-fee:hover:not(:disabled) {
	background: #0f2a44;
	border-color: #0f2a44;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.25);
}

.submit-btn-fee:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.submit-btn-fee:disabled {
	background: #e2e8f0;
	border-color: #e2e8f0;
	color: #94a3b8;
	cursor: not-allowed;
	transform: none;
}

.fw-400 {
	font-weight: 400;
}

.form-groups-add-list .fw-400 {
	color: #474d56;
}

.toggle-group-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 800px;
}

.add-listing-main-box .sm-heading-box {
	font-size: 20px;
	font-weight: 700;
	color: #143658;
	margin-top: 24px;
	margin-bottom: 16px;
}

.form-groups-add-list .label-box {
	font-weight: 700;
	color: #143658;
	margin-bottom: 12px;
}

/* .form-groups-add-list #listing-description-available_ifr{
	max-height: 300px;
} */
.mb-16px {
	margin-bottom: 16px;
}

.mb-10px {
	margin-bottom: 10px !important;
}

.billing-text-short {
	font-size: 15px;
	color: #475569;
	margin-bottom: 24px;
	line-height: 1.6;

}

/* FLOATING SAVE BUTTON */
.floating-save-btn {
	min-width: 245px;
	background: white;
	color: #143658;
	padding: 12px 24px;
	border: 2px solid #143658;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 8px;
}

.floating-save-btn-box {
	position: fixed;
	display: flex;
	flex-direction: column;
	gap: 10px;
	bottom: 24px;
	right: 24px;
}

.floating-save-btn:hover {
	background: #143658;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(20, 54, 88, 0.25);
}

.floating-save-btn:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.floating-save-btn::before {
	content: "💾";
	font-size: 20px;
}

.separator-section-home-home {
	padding: 16px 24px 0;
	background: #f8fafc;
}

.separator-container {
	max-width: 1200px;
	margin: 0 auto;
}

.guarantee-link-wrapper-home {
	text-align: center;
	margin-bottom: 16px;
}

.guarantee-link-home {
	display: inline-block;
	color: var(--lfs-blue);
	font-size: 17.6px;
	font-weight: 600;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 6px;
	transition: all 0.2s ease;
	background: transparent;
	border: none;
	cursor: pointer;
	font-family: inherit;
}

.guarantee-link-home:hover {
	background: rgba(20, 54, 88, 0.05);
	text-decoration: underline;
}

.guarantee-link-home:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	background: rgba(20, 54, 88, 0.05);
}

.separator-line-home {
	height: 2px;
	background: var(--lfs-blue);
	width: 100%;
	margin: 0;
}

.modal-overlay-home {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 23, 42, 0.75);
	z-index: 1000;
	padding: 40px 20px;
	overflow-y: auto;
	animation: fadeIn 0.2s ease;
	align-items: flex-start;
	justify-content: center;
}

.modal-overlay-home.active {
	display: flex;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.modal-container-home .guarantee-section {
	padding: 0;
}

.modal-container-home {
	background: white;
	border-radius: 16px;
	max-width: 700px;
	width: 100%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	animation: slideUp 0.3s ease;
	position: relative;
	margin: auto;
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.modal-header-home {
	background: linear-gradient(135deg, var(--lfs-blue), #0d2438);
	color: white;
	padding: 32px;
	border-radius: 16px 16px 0 0;
	text-align: center;
	position: relative;
}

.modal-header-home h2 {
	font-size: 28px;
	font-weight: 800;
	margin: 0;
	line-height: 1.2;
	color: #fff;
}

.modal-close-home {
	position: absolute;
	top: 16px;
	right: 16px;
	background: var(--blue);
	border: none;
	color: white;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s !important;
	font-size: 24px;
	line-height: 1;

	outline: none;
}

.modal-close-home span {
	font-size: 24px;
	line-height: normal;
	margin-top: -5px;
}

.modal-close-home:hover {
	background: var(--blue);
	transform: rotate(90deg);
}

.modal-close-home:focus-visible {
	outline: 3px solid white;
	outline-offset: 2px;
}

.modal-body-home {
	padding: 20px;
	text-align: center;
}

.modal-body-home h3 {
	font-size: 32px;
	font-weight: 800;
	color: var(--lfs-blue);
	margin: 0 0 24px;
	line-height: 1.2;
}

.modal-body-home p {
	font-size: 17.6px;
	color: var(--text-primary);
	margin: 0 auto 16px;
	line-height: 1.6;
	max-width: 700px;
}

.modal-body-home p:last-of-type {
	margin-bottom: 0;
}

.modal-body-home p.contact-info {
	font-size: 16px;
	color: var(--text-secondary);
	margin-top: 32px;
}

.modal-body-home a {
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 600;
}

.modal-body-home a:hover {
	text-decoration: underline;
}

.modal-body-home a:focus-visible {
	outline: 2px solid var(--lfs-red);
	outline-offset: 2px;
	border-radius: 2px;
}


.disabled-listing-form {
	opacity: 0.45;
	pointer-events: none;

}

.contact-info-title-btn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* Trigger text + icon */
.signin-prompt {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	color: #3b4553;
}

.signin-prompt a {
	text-decoration: underline;
}

.signin-prompt a:hover {
	text-decoration: underline;
	color: var(--lfs-blue);
}

.info-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background: #143658;
	color: white;
	border: none;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	font-family: inherit;
	line-height: 1;
	transition: background 0.2s;
}

.info-trigger:hover {
	background: #0f2740;
}

.info-trigger:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(15, 23, 42, 0.75);
	z-index: 1000;
	padding: 40px 20px;
	overflow-y: auto;
	align-items: center;
	justify-content: center;
}

.popup-overlay.active {
	display: flex;
}

.popup-container {
	background: white;
	border-radius: 12px;
	max-width: 420px;
	width: 100%;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	position: relative;
	animation: popupSlideUp 0.25s ease;
}

@keyframes popupSlideUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.popup-close {
	position: absolute;
	top: 12px;
	right: 12px;
	background: transparent;
	border: none;
	color: #475569;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
}

.popup-close span {
	display: block;
	margin-top: -5px;
}

.popup-close:hover {
	background: #f1f5f9;
	color: #143658;
}

.popup-close:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.popup-body {
	padding: 32px;
}

/* Sign In Section */
.popup-heading {
	font-weight: 700;
	color: #143658;
	margin: 0 0 6px;
	line-height: 1.3;
	font-size: 21.6px;
}

.popup-subtext {
	color: #475569;
	margin: 0 0 12px;
	font-size: 15px;
	line-height: normal;
}

.popup-signin-link {
	display: inline-block;
	font-weight: 600;
	color: #143658;
	text-decoration: none;
	font-size: 15.2px;
}

.popup-signin-link:hover {
	text-decoration: underline;
}

.popup-signin-link:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Divider */
.popup-divider {
	border: none;
	border-top: 1px solid #e2e8f0;
	margin: 24px 0;
}

/* No Listing Section */
.popup-heading-secondary {
	font-weight: 700;
	color: #143658;
	font-size: 17.6px;
	margin: 0 0 10px;
}

.popup-description {
	color: #475569;
	line-height: 1.6;
	margin: 0 0 20px;
	font-size: 15px;
}

/* CTA Button */
.popup-cta {
	display: block;
	width: 100%;
	padding: 14px 24px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	background: #143658;
	color: white;
	font-size: 15.2px;
	box-shadow: 0 2px 8px rgba(20, 54, 88, 0.25);
	transition: all 0.2s ease;
	font-family: inherit;
}

.popup-cta:hover {
	background: #0f2740;
	transform: translateY(-2px);
	color: #fff;
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.35);
}

.popup-cta:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.office-wanted-short-subtitle {
	margin-bottom: 6px;
	font-size: 18px;
	text-align: center;
}

.offices-wanteds-new #et-boc .heading {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 5px;
	color: #000;
	text-align: left;
	padding-right: 0px;
}

.page-content.offices-wanteds-new .breadcrumbclass a {
	font-size: 14px;
}

.offices-wanteds-new h1.office-wanted-subtitle {
	font-size: 26px;
	margin-bottom: 0px;
}

.office-wanted-text-box .btn-popup-box {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.office-wanted-text-box .btn-blue-outline {
	height: 46px;
	font-size: 19px;
	margin-right: -8px;
}

.action-line {
	font-size: 18px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.bullet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.bullet::before {
	content: "•";
	font-size: 24px;
	line-height: 1;
	color: #333;
}

.tooltip-wrapper {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.tooltip-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--lfs-blue);
	color: white;
	font-size: 12px;
	font-weight: 700;
	cursor: help;
	margin-left: 4px;
	position: relative;
}

.tooltip-icon:hover {
	background-color: #0f2a44;
}

.tooltip-icon:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

.tooltip-content {
	position: absolute;
	top: calc(100% + 0px);
	right: 0;
	background-color: white;
	border: 2px solid var(--lfs-blue);
	border-radius: 8px;
	padding: 16px;
	width: 320px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	z-index: 1000;
	display: none;
}

.tooltip-content p {
	margin-bottom: 12px;
}

.tooltip-content p:last-child {
	margin-bottom: 0;
}

.tooltip-cta {
	display: block;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e0e0e0;
	text-align: center;
}

.tooltip-cta a {
	color: var(--lfs-blue);
	font-weight: 600;
	text-decoration: underline;
}

.tooltip-cta a:hover {
	color: #0f2a44;
}

.tooltip-cta a:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
	border-radius: 2px;
}

.tooltip-wrapper:hover .tooltip-content,
.tooltip-icon:focus+.tooltip-content {
	display: block;
}

/* office wanted list top section :end */


/* Content Sections */
.content-section {
	padding: 60px 24px;
	max-width: 1200px;
	margin: 0 auto;
}

.content-section.alt-bg {
	background: var(--lfs-gray);
}

.content-section.reduced-bottom {
	padding-bottom: 32px;
}

.how-it-work-section-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 24px;
	line-height: 1.2;
}

.section-intro {
	font-size: 18.4px;
	color: var(--text-secondary);
	margin-bottom: 32px;
	line-height: 1.7;
}

/* Feature Cards */
.feature-card {
	background: white;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.feature-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.feature-card h3 {
	font-size: 21.6px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 12px;
}

.feature-card ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.feature-card ul+p {
	margin-top: 12px;
}

.feature-card li {
	padding: 6px 0 6px 28px;
	position: relative;
	font-size: 16.8px;
	color: var(--text-secondary);
	line-height: 1.6;
}

.feature-card li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--lfs-green);
	font-weight: 700;
	font-size: 17.6px;
}

.feature-card p {
	font-size: 16.8px;
	color: var(--text-secondary);
	line-height: 1.7;
	margin-bottom: 12px;
}

.feature-card p:last-child {
	margin-bottom: 0;
}

/* Pricing Box */
.pricing-box {
	background: var(--lfs-gray);
	border: 2px solid var(--lfs-blue);
	border-radius: 8px;
	padding: 20px;
	margin-top: 24px;
	text-align: center;
}

.pricing-box .price-amount {
	font-size: 2rem;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 8px;
}

.pricing-box .price-description {
	font-size: 1rem;
	color: var(--text-secondary);
	line-height: 1.5;
	margin: 0;
}

/* Two Column Grid */
.two-column-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 32px;
	margin-top: 32px;
}

/* Three Column Grid */
.three-column-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
	margin-top: 32px;
	align-items: stretch;
}

.three-column-grid .feature-card {
	display: flex;
	flex-direction: column;
	padding: 24px;
	margin-bottom: 0;
}

.three-column-grid .feature-card p:last-of-type {
	margin-bottom: 0;
}

.three-column-grid .feature-card ul {
	margin-bottom: 0;
	flex-grow: 1;
}

.three-column-grid .feature-card ul:last-child {
	flex-grow: 0;
}

.three-column-grid .feature-card ul+p {
	margin-top: 12px;
}


/* CTA Buttons */
.cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 32px;
	font-size: 16.8px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	font-family: inherit;
	cursor: pointer;
	min-height: 56px;
	margin-top: 24px;
	border: 2px solid transparent;
}

.cta-button.primary {
	background: var(--lfs-blue);
	color: white;
	border-color: var(--lfs-blue);
}

.cta-button.primary:hover {
	background: #0f2840;
	border-color: #0f2840;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.cta-button.secondary {
	background: var(--lfs-green);
	color: white;
	border-color: var(--lfs-green);
}

.cta-button.secondary:hover {
	background: var(--lfs-green-hover);
	border-color: var(--lfs-green-hover);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.cta-button svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.cta-center {
	text-align: center;
}

/* Highlight Box */
.highlight-box {
	background: #f0f9ff;
	border: 2px solid #bae6fd;
	border-radius: 8px;
	padding: 20px;
	margin-top: 24px;
}

.highlight-box p {
	margin: 0;
	font-size: 16.8px;
	color: #0c4a6e;
	line-height: 1.6;
}

.highlight-box strong {
	color: var(--lfs-blue);
	font-weight: 700;
}

/* Expectation Cards */
.expectation-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 32px;
	margin-top: 32px;
}

.expectation-card {
	background: white;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	padding: 32px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.expectation-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 3px solid var(--lfs-blue);
}

.expectation-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.expectation-card li {
	padding: 10px 0 10px 28px;
	position: relative;
	font-size: 16.8px;
	color: var(--text-secondary);
	line-height: 1.6;
}

.expectation-card li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--lfs-green);
	font-weight: 700;
	font-size: 17.6px;
}

/* FAQ Section */
.faq-section-how-it-work {
	padding: 60px 24px;
	background: white;
	max-width: 900px;
	margin: 0 auto;
}

.faq-section-how-it-work h2 {
	font-size: 32px;
	font-weight: 700;
	color: var(--lfs-blue);
	text-align: center;
	margin-bottom: 32px;
}

.faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 700px;
	margin: 0 auto;
}

.faq-item-how-it-work {
	background: var(--lfs-gray);
	border: 1px solid var(--border-color);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.2s ease;
}

.faq-item-how-it-work:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.faq-question-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: transparent;
	border: none;
	padding: 10px 18px;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.2s ease;
}

.faq-question-button:hover {
	background: rgba(20, 54, 88, 0.03);
}

button.faq-question-button:focus {
	outline: none;
}

.faq-question-button:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: -3px;
}

.faq-question {
	font-size: 16px;
	font-weight: 700;
	color: var(--lfs-blue);
	line-height: 1.3;
	margin: 0;
	padding-right: 12px;
}

.faq-icon {
	flex-shrink: 0;
	min-width: 20px;
	min-height: 20px;
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--lfs-blue);
	color: white;
	border-radius: 50%;
	font-size: 15.6px;
	font-weight: 400;
	line-height: 1;
	transition: transform 0.3s ease;
}

.faq-item-how-it-work.active .faq-icon {
	transform: rotate(180deg);
}

.faq-answer {
	font-size: 15.2px;
	color: var(--text-secondary);
	line-height: 1.6;
	margin: 0;
	padding: 0 18px 10px 18px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
}

.faq-item-how-it-work.active .faq-answer {
	max-height: 500px;
	opacity: 1;
	padding: 5px 18px 10px 18px;
}

.lfs-flag {
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	text-transform: capitalize;
	width: 90px;
	font-weight: 500;
	background-color: #116436;
	color: white;
	margin-bottom: 10px;
	outline-offset: -5px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.21);
	padding: 2px 10px;
	vertical-align: top;
}

.lfs-flag.lfs-flag-blue {
	background-color: var(--lfs-blue);
}

/* how it work new UI 11-20-25 end */

/* Pricing Comparison Section */
.pricing-section {
	padding: 60px 24px;
	background: white;
}

.pricing-section .lfs-flag {
	margin: 0px auto 12px;
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 32px;
	max-width: 1200px;
	margin: 0 auto;
}

.pricing-card {
	background: white;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	padding: 40px 32px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
	text-align: center;
}

.pricing-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.pricing-card h2 {
	font-size: 28px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 3px solid var(--lfs-blue);
	line-height: 1.6;
}

.price-display {
	font-size: 48px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin: 24px 0;
	line-height: 1;
}

.price-display .currency {
	font-size: 24px;
	vertical-align: super;
}

.price-display .period {
	font-size: 20px;
	font-weight: 500;
	color: var(--text-secondary);
	line-height: 1.6;
}

.price-note {
	font-size: 16.6px;
	color: var(--text-secondary);
	margin: 16px 0;
	line-height: 1.6;
}


.cta-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	align-items: center;
}

.cta-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 32px;
	font-size: 16.6px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	font-family: inherit;
	cursor: pointer;
	min-height: 56px;
	background: var(--lfs-blue);
	color: white;
	border: 2px solid var(--lfs-blue);
}

.cta-button:hover {
	background: #0f2840;
	border-color: #0f2840;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.cta-button svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.about-us-main-page-box.properties.page-content.about div#about-page>div {
	padding: 0;
	margin: 0;
	background: #fff;
	box-shadow: none;
}

.about-us-main-page-box.properties #about-page {
	max-width: 100%;
}

section.properties.page-content.about.about-us.about-us-main-page-box {
	background: #fff;
	padding: 0;
}

.about-us-main-page-box.properties.page-content .about-us {
	padding: 0;
}

.about-hero-section {
	background: linear-gradient(135deg, var(--lfs-light-blue) 0%, #ffffff 100%);
	padding: 80px 24px 60px;
	text-align: center;
}

.about-us-main-page-box div#about-page .about-hero-section h1 {
	font-size: 40px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 24px;
	line-height: 1.2;
}

div#about-page .about-hero-section .subtitle {
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--text-secondary);
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.5;
}

/* Content Sections */
.about-content-section {
	padding: 60px 24px;
	max-width: 900px;
	margin: 0 auto;
}

div#about-page .about-content-section.alt-bg {
	background: var(--lfs-gray);
}

div#about-page .about-content-section h2 {
	font-size: 28px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 16px;
	margin-top: 36px;
	line-height: 1.2;
}

div#about-page .about-content-section h2:first-child {
	margin-top: 0;
}

div#about-page .about-content-section h3 {
	font-size: 21.6px;
	font-weight: 600;
	color: var(--lfs-blue);
	margin-bottom: 12px;
	margin-top: 28px;
	line-height: 1.3;
}

div#about-page .about-content-section p {
	font-size: 16.6px;
	color: var(--text-secondary);
	margin-bottom: 16px;
	line-height: 1.7;
}

div#about-page .about-content-section p strong {
	color: var(--text-primary);
	font-weight: 600;
}

div#about-page .about-content-section ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0px;
}

div#about-page .about-content-section li {
	padding: 6px 0 6px 25px;
	position: relative;
	font-size: 16.6px;
	color: var(--text-secondary);
	line-height: 1.6;
	font-weight: 400;
}

div#about-page .about-content-section li::before {
	content: "•";
	position: absolute;
	left: 0px;
	color: var(--lfs-blue);
	font-weight: 700;
	font-size: 19.2px;
}

div#about-page .about-content-section li::after {
	display: none;
}

.button--ghost {
	background: transparent;
	color: var(--lfs-blue);
	border: 2px solid var(--lfs-blue);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	font-size: 16.6px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	font-family: inherit;
	cursor: pointer;
	margin-top: 8px;
}

.button--ghost:hover {
	background: var(--lfs-blue);
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 54, 88, 0.3);
}

/* new Ui for about us 11-21-25 end */
.properties.page-content.about.blogpage {
	padding: 0;
}

.properties.page-content.about.blogpage div#about-page>div {
	padding: 0;
	margin: 0;
}

.properties.page-content.about.blogpage div#about-page .hero-title-new-box {
	font-size: 40px;
	font-weight: 800;
	margin: 0;
}

.blog-details .article.main-section {
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

.blog-details .article.main-section iframe {
	min-height: 460px;
}

.blog-details .meta-text {
	position: absolute;
	top: -100px;
}

.blog-details .hero-section-new-box {
	padding: 80px 24px 80px;
}

.blog-box .hero-title-new-box {
	font-size: 40px;
	font-weight: 800;
	margin: 0;
	margin-bottom: 15px;
}

.properties.page-content.blog-box {
	padding: 0;
	background: #fff;
}

.blog-box #about-page .blog-main-inner-box {
	box-shadow: none;
	padding: 60px 20px;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

/* new ui for founder page(neal) start 11-21-25 */

.founder-main-box.properties.page-content.about div#about-page>div {
	padding: 0;
	margin: 0;
	background: #fff;
	box-shadow: none;
}

.founder-main-box.properties #about-page {
	max-width: 100%;
}

.founder-main-box.properties #about-page .col-lg-12 {
	padding: 0;
}

section.properties.page-content.about.founder-main-box {
	background: #fff;
	padding: 0;
}

.founder-main-box.properties.page-content {
	padding: 0;
	background: #fff;
}

.hero-section-founder-box {
	background: linear-gradient(135deg, var(--lfs-light-blue) 0%, #ffffff 100%);
	padding: 80px 24px 60px;
	text-align: center;
}

.properties.page-content div#about-page .hero-section-founder-box h1 {
	font-size: 40px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 8px;
	margin-top: 0;
	line-height: 1.2;
}

.hero-section-founder-box .subtitle {
	font-size: 18.4px;
	font-weight: 500;
	color: var(--text-secondary);
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.5;
}

/* Content Section with Two Columns */
.content-section-founder-box {
	padding: 60px 24px;
	max-width: 1200px;
	margin: 0 auto;
}

.content-section-founder-box.alt-bg {
	background: var(--lfs-gray);
}

.two-column-layout-founder-box {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: flex-start;
}

/* Left Column - Main Content */
.main-content-founder-box {
	flex: 1 1 600px;
	min-width: 320px;
}

.founder-main-box #about-page .main-content-founder-box h2 {
	font-size: 28px;
	font-weight: 700;
	color: var(--lfs-blue);
	margin-bottom: 16px;
	margin-top: 32px;
	line-height: 1.2;
}

.main-content-founder-box h2:first-child {
	margin-top: 0;
}

.main-content-founder-box p {
	font-size: 16.8px;
	color: var(--text-secondary);
	margin-bottom: 16px;
	line-height: 1.7;
}

.founder-main-box #about-page .main-content-founder-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.founder-main-box div#about-page .main-content-founder-box li {
	padding: 6px 0 6px 28px;
	position: relative;
	font-size: 16.8px;
	color: var(--text-secondary);
	line-height: 1.6;
	font-weight: 400;
}

.founder-main-box .main-content-founder-box li::before {
	content: "•";
	position: absolute;
	left: 12px;
	color: var(--lfs-blue);
	font-weight: 700;
	font-size: 19.2px;
}

div#about-page .main-content-founder-box li::after {
	display: none;
}

.founder-main-box .main-content-founder-box a {
	color: var(--lfs-blue);
	text-decoration: none;
	font-weight: 600;
}

.main-content-founder-box a:hover {
	text-decoration: underline;
}

/* Right Column - sidebar-founder-box */
.sidebar-founder-box {
	flex: 0 0 300px;
	max-width: 300px;
}

.sidebar-founder-box-image {
	width: 60%;

	margin: 0 auto;
	margin-bottom: 32px;
}

.sidebar-founder-box-image img {
	width: 100%;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	height: auto;
}

/* card-founder-box Styling */
.card-founder-box {
	background: white;
	border: 2px solid var(--border-color);
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 32px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.founder-main-box #about-page .card-founder-box h3 {
	font-size: 18.4px;
	font-weight: 600;
	color: var(--lfs-blue);
	margin-bottom: 12px;
	line-height: 1.3;
}

.founder-main-box #about-page .card-founder-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.55;
}

.founder-main-box #about-page .card-founder-box li {
	padding: 4px 0 4px 20px;
	position: relative;
	font-size: 15.2px;
	color: var(--text-secondary);
	font-weight: 400;
	line-height: 1.55;
}

.founder-main-box .card-founder-box li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: var(--lfs-blue);
	font-weight: 700;
}

.card-founder-box li::after {
	display: none;
}

.hr {
	border: none;
	height: 2px;
	background: var(--border-color);
	margin: 28px 0;
}

.muted {
	color: var(--text-secondary);
	font-size: 15.2px;
}

/* new ui for founder page(neal) start 11-21-25 */

/* new listing card UI start */

.listings-container {
	max-width: 1400px;
	margin: 0 auto;
}

#listing-page-cities .container {
	max-width: 1400px;
	margin: 0 auto;
}

.listings-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-bottom: 24px;
}

.listings-grid:last-child {
	margin-bottom: 0;
}



.listing-card {
	background: white;
	border: 2px solid #cbd5e1;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.2s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	position: relative;
}

.listing-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.listing-card.available:hover {
	border-color: var(--lfs-blue);
}

.listing-card.wanted:hover {
	border-color: var(--lfs-green);
}

.card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	background: var(--lfs-gray);
	border-bottom: 1px solid var(--border-color);
	gap: 8px;
}

.listing-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 10.88px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
	min-width: 105px;
}

.listing-badge.available {
	background: var(--lfs-blue);
	color: white;
}

.listing-badge.wanted {
	background: var(--hero-supply);
	color: white;
}

.listing-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 1px;
}

.listing-location {
	font-size: 11.52px;
	text-align: end;
	font-weight: 600;
	color: var(--text-primary);
	margin: 0;
}

.listing-date {
	font-size: 12px;
	color: #000;
	margin: 0;
}

.card-image {
	height: 145px;
	background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
	overflow: hidden;
	display: block;
}

.card-image-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	font-size: 12px;
	background-size: cover !important;
	background-position: center center !important;
}

.wanted-top-section {
	padding: 10px 14px;
	background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
	border-bottom: 1px solid #bbf7d0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.wanted-by-label {
	font-size: 12.48px;
	font-weight: 600;
	color: var(--text-secondary);
}

.firm-type-tag {
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	font-size: 11.2px;
	font-weight: 600;
	color: var(--text-secondary);
	background: white;
	width: fit-content;
}

.listing-card.available .firm-type-tag {
	border-color: #93c5fd;
	color: var(--lfs-blue);
	background: #eff6ff;
	align-self: center;
	margin: 8px 0;
}

.wanted-top-section .firm-type-tag {
	border-color: #86efac;
	color: #10562f;
	background: #f0fdf4;
}

.card-content {
	padding: 10px 14px 8px;
	display: flex;
	flex-direction: column;
	gap: 1px;
	align-items: center;
	min-height: 175px;
}

.card-content br {
	display: none;
}

.card-content .listing-title,
.card-content .street-address {
	align-self: flex-start;
}

.listing-title {
	font-size: 13px;
	font-weight: 600;
	color: var(--text-primary);
	line-height: 1.2;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 33px;
	margin-bottom: 1px;
}

.street-address {
	font-size: 12.48px;
	font-weight: 600;
	color: var(--lfs-red);
	text-decoration: none;
	margin-bottom: 0;
}

.street-address:hover {
	text-decoration: underline;
}

.wanted-content {
	padding: 12px 14px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: 275px;
}

.wanted-field {
	display: flex;
	gap: 8px;
	font-size: 12.48px;
	line-height: 1.3;
}

.wanted-field.needs {
	margin-top: 8px;
	margin-bottom: 8px;
}

.wanted-field.near {
	margin-bottom: 8px;
}

.wanted-field.start {
	margin-bottom: 16px;
}

.wanted-label {
	font-weight: 600;
	color: var(--text-secondary);
	min-width: 40px;
}

.wanted-value {
	color: var(--text-primary);
	font-size: 13px;
}

.wanted-description-wrap {
	position: relative;
	overflow: hidden;
}

.offices-wanteds-new .wanted-description {
	font-size: 13px;
}

/* 
.offices-wanteds-new .listing-location{
	font-size: 12px;
} */
.offices-wanteds-new .listing-date {
	font-size: 12px;
}

.offices-wanteds-new .wanted-value {
	font-size: 13px;

}

.wanted-description {
	font-size: 13px;
	font-weight: 600;
	color: var(--text-primary);
	line-height: 1.2;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wanted-description .teaser {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.form-groups-add-list .mce-menubar {
	border-bottom: 1px solid #0b0b0b;
}

.wanted-more {
	color: var(--lfs-green);
	font-weight: 600;
}

.card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: white;
	border-top: 1px solid var(--border-color);
	position: absolute;
	bottom: 0;
	width: 100%;
}

.space-details {
	font-size: 12px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.space-details .size-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.space-details.available {
	color: var(--lfs-blue);
}

.space-details.available .size-icon {
	stroke: var(--lfs-blue);
}

.space-details.wanted {
	color: var(--hero-supply);
}

.space-details.wanted .size-icon {
	stroke: var(--hero-supply);
}

.card-btn {
	padding: 10px 0;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.15s ease;
	text-decoration: none;
	border: 1.5px solid;
	min-width: 70px;
	min-height: 44px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
}

.card-btn.available {
	background: white;
	color: var(--lfs-blue);
	border-color: var(--lfs-blue);
}

.card-btn.available:hover {
	background: var(--lfs-blue);
	color: white;
}

.card-btn.wanted {
	background: white;
	color: var(--hero-supply);
	border-color: var(--hero-supply);
}

.card-btn.wanted:hover {
	background: var(--hero-supply);
	color: white;
}

.sr-only-list {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


.neigh-tooltip {
	position: relative;
	cursor: pointer;
	display: block;
}

/* Tooltip bubble */
.neigh-tooltip::after {
	content: attr(data-tooltip);
	position: absolute;
	left: 0;
	bottom: 130%;
	color: white;
	background: var(--lfs-blue);
	padding: 6px 10px;
	font-size: 12px;

	border-radius: 4px;
	opacity: 0;
	pointer-events: none;
	transform: translateY(6px);
	transition: opacity .2s ease, transform .2s ease;
	z-index: 9999;
}

/* Tooltip arrow */
.neigh-tooltip::before {
	content: '';
	position: absolute;
	left: 12px;
	bottom: 115%;
	border-width: 5px;
	border-style: solid;
	border-color: #222 transparent transparent transparent;
	opacity: 0;
	transition: opacity .2s ease;
}

/* Show on hover */
.neigh-tooltip:hover::after,
.neigh-tooltip:hover::before {
	opacity: 1;
	transform: translateY(0);
}

.fallback-message {
	margin-bottom: 20px;
}

/* large listing new UI */
/* .city-grid-box .fancybox-content{
	width: 70%!important;
} */
.city-grid-box .fancybox-content {
  transform: none !important;
  width: 80% !important;
  height: 90% !important;
  left: 10% !important;
}
.city-grid-box .fancybox-content .fancybox-image {
  border-radius: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  max-width: 500px !important;
  max-width: 80vw;
  object-fit: cover !important;
  max-height: 78vh;
  object-fit: contain;
  width: 100% !important;
}
.city-grid-box .fancybox-infobar::before {
  content: "< Back to Listing";
  margin-right: 30px;
  vertical-align: middle;
  padding-bottom: 5px;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
}
.city-grid-box .fancybox-infobar, .city-grid-box .fancybox-toolbar {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.city-grid-box .fancybox-stage {
  cursor: pointer;
}

.fancybox-bg {
	background: #fff !important;
}

.fancybox-slide {
	background-color: rgba(255, 255, 255, 0.86);
}

.main-grid .image-gallery.no-building-box {
	grid-template-columns: 1fr 1fr;

}

.main-grid .image-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 90px;
	gap: 8px;
	height: 220px;

}

.main-grid .main-image img {
	width: 100%;
	height: 220px;
	border-radius: 8px;
	object-fit: cover;
}

.main-grid .main-image .imglist img {
	width: 100%;
	height: 220px;
	border-radius: 8px;
	object-fit: cover;
}

.main-grid img.fancybox-image {
	border-radius: 8px;
}

.fancybox-caption {
	padding: 35px max(44px, env(safe-area-inset-right)) max(80px, env(safe-area-inset-bottom)) max(47px, env(safe-area-inset-left)) !important;
	font-size: 18px !important;
	color: #000 !important;
}

.fancybox-navigation .fancybox-button--arrow_right {
	opacity: 1 !important;
	visibility: visible !important;
	right: 21% !important;
}

.fancybox-container {
	transition-duration: 0 !important;
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 21% !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.fancybox-navigation .fancybox-button {
	height: 60px !important;
	width: 55px !important;
	padding: 0px !important;
}

.main-grid .main-image .imglist {
	width: 100%;
	display: flex;
}

.imglist a {
	display: none;
}

/* .main-grid .fancybox-content {
	width: 500px !important;
	height: 500px !important;
} */

.imglist a:first-child {
	width: 100%;
	display: inline-block;
}

.main-grid .main-image .imglist img:not(:first-child) {
	display: none;
}

.main-grid .main-image {
	background: #cbd5e1;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size: 13.6px;
	/* height: 100%;
      object-fit: cover; */
	cursor: pointer;
	transition: opacity 0.15s;
}

.main-grid .main-image:hover {
	opacity: 0.9;
}

.main-grid .thumbnail-stack {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.main-grid .thumbnail {
	flex: 1;
	background: #e2e8f0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10.4px;
	color: #475569;
	border: none;
	cursor: pointer;
	transition: opacity 0.15s;
}

.main-grid .thumbnail:hover {
	opacity: 0.85;
}

/* Thumbnails with media type icons */
.main-grid .thumbnail.has-icon {
	flex-direction: column;
	gap: 2px;
	background: #cbd5e1;
}

/* Collateral thumbnails - always visible when available */
.main-grid .thumbnail.collateral-thumb {
	flex: 1;
	flex-direction: column;
	gap: 3px;
	color: #ffffff;
}

.main-grid .thumbnail.collateral-thumb .collateral-icon {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-grid .thumbnail.collateral-thumb .collateral-icon svg {
	width: 16px;
	height: 16px;
}

.main-grid .thumbnail.collateral-thumb .collateral-label {
	font-size: 8.8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Video - muted matte blue */
.main-grid .thumbnail.collateral-thumb.video {
	background: #3e5367;
}

.listing-title-block .listing-title {
	font-size: 22.4px;
	font-weight: 700;
	color: #143658;
	line-height: 1.3;
	margin: 0 0 8px 0;
}

.main-grid .thumbnail.collateral-thumb.video:hover {
	background: #6b8399;
	opacity: 1;
}

.main-grid .thumbnail.collateral-thumb.video .collateral-icon svg {
	margin-left: 2px;
}

/* Floor plan - muted matte blue */
.main-grid .thumbnail.collateral-thumb.floorplan {
	background: #3e5367;
}

.main-grid .thumbnail.collateral-thumb.floorplan:hover {
	background: #6b8399;
	opacity: 1;
}

/* Flyer/PDF - muted matte blue */
.main-grid .thumbnail.collateral-thumb.flyer {
	background: #3e5367;
}

.main-grid .thumbnail.collateral-thumb.flyer:hover {
	background: #6b8399;
	opacity: 1;
}

.main-grid .thumbnail .thumb-icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.main-grid .thumbnail .thumb-icon svg {
	width: 14px;
	height: 14px;
}

/* Video icon - red play button */
.main-grid .thumbnail .video-icon {
	background: #c92a2a;
	color: #ffffff;
}

.main-grid .thumbnail .video-icon svg {
	width: 12px;
	height: 12px;
	margin-left: 2px;
}

/* Floor plan icon - blue */
.main-grid .thumbnail .floorplan-icon {
	background: #143658;
	color: #ffffff;
}

.main-grid .thumbnail .floorplan-icon svg {
	width: 12px;
	height: 12px;
}

/* PDF/Flyer icon - gray */
.main-grid .thumbnail .pdf-icon {
	background: #475569;
	color: #ffffff;
}

.main-grid .thumbnail .thumb-label {
	font-size: 0.6rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.main-grid .thumbnail.video-thumb .thumb-label {
	color: #94a3b8;
}

/* More photos (+3) - same muted matte blue as other collateral */
.main-grid .thumbnail.more-photos {
	background: #3e5367;
	color: #ffffff;
	font-weight: 600;
	font-size: 12.8px;
}

.main-grid .thumbnail.more-photos:hover {
	background: #6b8399;
	opacity: 1;
}

.content-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px;

}

.listing-large-bg {
	background-color: #f1f5f9;
	line-height: 1.5;
}

.listing-title-block {
	margin-bottom: 20px;
}

.address-line {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	font-size: 15.2px;
}

.address-line address svg {
	width: 16px;
	height: 16px;
	color: #c92a2a;
	flex-shrink: 0;
}

.address-line address {
	margin-bottom: 0;
	font-style: normal;
	font-size: 15.2px;
	color: #143658;
	display: flex;
	align-items: center;
	gap: 6px;
}

.address-line .map-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12.2px;
	font-weight: 600;
	color: #143658;
	text-decoration: none;
	padding: 4px 10px;
	background: #e0f2fe;
	border-radius: 4px;
	transition: all 0.15s;
}

.address-line .map-link:hover {
	background: #bae6fd;
}

.address-line .map-link svg {
	width: 14px;
	height: 14px;
}

.address-line .listing-date {
	color: #143658;
	font-size: 12.8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.address-line .listing-date::before {
	content: '·';
	font-weight: 700;
	color: #94a3b8;
	font-size: 16px;
}

.listing-large-bg .content-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 20px;
}

.listing-large-bg .sidebar-listing {
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
}



.action-card .btn-submit {
	width: 100%;
	padding: 12px 16px;
	background: #143658;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	font-size: 14.4px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s;
	margin-top: 4px;
	display: block;
	text-align: center;
}

.action-card .btn-submit:hover {
	background: #0f2a44;
}

.content-card .law-firms-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px 24px;
}
.content-card .law-firms-list h3,h4,h5{
	font-size: 15.2px;
    font-weight: 600;
    color: #143658;
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    line-height: 1.3;
}

.content-card .law-firm-item {
	padding: 16px;
	background: #f8fafc;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
}

.content-card .firm-name {
	font-size: 15.2px;
	font-weight: 600;
	color: #143658;
	text-decoration: none;
	display: block;
	margin-bottom: 6px;
	line-height: 1.3;
}

.content-card .firm-name:hover {
	text-decoration: underline;
}

.firm-name-box span {
	display: inline-block;
	font-size: 11.2px;
	font-weight: 600;
	color: #143658;
	background: #e2e8f0;
	padding: 2px 8px;
	border-radius: 4px;
	margin-bottom: 2px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.firm-practice {
	display: inline-block;
	font-size: 11.2px;
	font-weight: 600;
	color: #475569;
	background: #e2e8f0;
	padding: 2px 8px;
	border-radius: 4px;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.law-firm-item {
	padding: 16px;
	background: #f8fafc;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
}

.law-firm-item:hover {
	border-color: #cbd5e1;
	background: #f1f5f9;
}

section.law-firm-item p {
	font-size: 12.8px;
	color: #475569;
	line-height: 1.5;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	cursor: pointer;
}

section.law-firm-item p:hover {
	color: #475569;
}

.listing-img-modal.pdf-modal-box .modal-dialog-centered {
	max-width: 1000px;
}

.listing-img-modal.pdf-modal-box .modal-body iframe {
	/* margin: 0 auto; */
	height: 500px;
}

.listing-img-modal.pdf-modal-box .modal-body .modal-inner-img {
	margin: 0 auto;
	max-width: 600px;
}

.listing-img-modal .modal-dialog-centered {
	max-width: 500px;
	margin: 1.75rem auto;
	min-height: calc(100% - (1.75rem * 2));
	/* -webkit-transform: translate(0, 0); */
	/* transform: translate(0, 0); */
	/* display: -webkit-box; */
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	/* width: 100%; */
	-ms-flex-align: center;
	align-items: center;

}

.listing-img-modal .modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
}

.listing-img-modal .modal-header .close {
	/* margin-top: 0; */
	position: absolute;
	top: 6px;
	right: 10px;
}

.listing-img-modal .modal-header {
	position: relative;
}

section.law-firm-item p.expanded {
	-webkit-line-clamp: unset;
	display: block;
}

.content-card .firm-description {
	font-size: 12.8px;
	color: #475569;
	line-height: 1.5;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	cursor: pointer;
}
.three-col-row.building-section-box{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.two-col-row.building-section-box{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/*.content-card .building-Description {
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-wrap: wrap;
}*/
.building-section-box img{
	    width: 100%;
    height: 100%;
    object-fit: cover;
	height: 230px;
	border-radius: 8px;
}

.content-card .building-facts {
	display: flex;
	flex-direction: column;
}
 .content-card .building-facts .fact-value{
	/* min-width: 100px; */
	text-align: start;
}
.content-card .building-facts .fact-label{
	min-width: 100px;
}

.content-card .fact-value {
	color: #0f172a;
	font-weight: 600;
	text-align: right;
}

.content-card .fact-label {
	color: #475569;
}

.content-card .add-firm-cta {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #e2e8f0;
	grid-column: 1 / -1;
}

.content-card .add-firm-cta p {
	font-size: 13.6px;
	color: #475569;
	margin: 0;
}

.content-card .add-firm-cta a {
	color: #143658;
	font-weight: 600;
	text-decoration: underline;
}


.content-card .facts-row {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 14.4px;
}
.building-section-box .content-card .facts-row{
	justify-content: start;
	gap: 5px;
}


.content-card .firms-intro {
	font-size: 13.6px;
	color: #475569;
	margin-bottom: 16px;
}

.action-card .form-input,
.action-card .form-textarea {
	padding: 8px;
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	font-size: 13.6px;
	font-family: inherit;
	background: #f8fafc;
}

.sidebar-listing .action-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.sidebar-listing .action-card .form-header {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #143658;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;

}

.thumbnail.collateral-thumb.thumbnail-box.unavailable {
	background: #f1f5f9;
	border: 1.5px dashed #cbd5e1;
	color: #94a3b8;
	cursor: default;
	opacity: 0.6;
}

.main-grid .thumbnail.collateral-thumb.thumbnail-box.unavailable:hover {
	background: #f1f5f9;
	opacity: 0.6;
}

.action-card .form-label .req {
	color: #c92a2a;
}

.action-card .form-header::after {
	content: '';
	flex: 1;
	height: 2px;
	background: #e2e8f0;
}

.action-card .form-row-pair {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	min-width: 0;
}

.sidebar-listing .action-card .form-grid {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sidebar-listing .action-card .form-label {
	font-size: 12px;
	font-weight: 500;
	color: #475569;
}

.sidebar-listing .action-card .form-group {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-bottom: 0;
}

.action-card .form-section {
	padding: 16px;
}

.listing-large-bg .main-grid {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 24px;
	align-items: start;
}

.listing-large-bg .main-content-lisitng {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.listing-large-bg .section-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.listing-large-bg .section-header .label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #143658;
	white-space: nowrap;
	padding: 0;
}

.listing-large-bg .section-header .line {
	flex: 1;
	height: 3px;
	background: #143658;
	border-radius: 2px;
}

.listing-large-bg .highlights-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.listing-large-bg .highlight-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13.6px;
	color: #334155;
}

.listing-large-bg .offices-header .label {
	font-size: 12.8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0;
}

.listing-large-bg .offices-card {
	background: #ffffff;
	border: 2px solid #143658;
	border-radius: 10px;
	overflow: hidden;
}

.listing-large-bg .offices-header {
	background: #143658;
	color: #ffffff;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.offices-header .count {
	background: rgb(255 255 255 / 16%);
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
}

.listing-large-bg .offices-table {
	width: 100%;
	border-collapse: collapse;
}

.listing-large-bg .offices-table thead {
	background: #f0f9ff;
}


.listing-large-bg .offices-table th {
	padding: 10px 16px;
	text-align: left;
	font-size: 11.2px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #475569;
	border-bottom: 1px solid #e2e8f0;
}

.listing-large-bg .offices-table td {
	padding: 14px 16px;
	font-size: 14.4px;
	color: #0f172a;
	border-bottom: 1px solid #f1f5f9;
}


.listing-large-bg .offices-table .office-size {
	color: #143658;
	font-weight: 600;
}

.listing-large-bg .offices-table .office-sqft {
	color: #475569;
	font-size: 13.6px;
}

.listing-large-bg .offices-table .office-rent {
	text-align: right;
	font-weight: 700;
	color: #143658;
	font-size: 15.2px;
}

.listing-large-bg .offices-table th:last-child {
	text-align: right;
}

.listing-large-bg .offices-table .office-type {
	font-weight: 500;
}


.listing-large-bg .map-container {
	background: #e2e8f0;
	border-radius: 10px;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	color: #475569;
	font-size: 13.6px;
	overflow: hidden;
	min-height: 320px;
	width: 100%;
}

.listing-large-bg .highlight-check {
	width: 16px;
	height: 16px;
	background: #dcfce7;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.listing-large-bg .highlight-check svg {
	width: 10px;
	height: 10px;
	color: #16a34a;
}

.listing-large-bg .details-list {
	display: flex;
	flex-direction: column;
}

.listing-large-bg .details-list li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #f1f5f9;
	font-size: 13.6px;
}

.listing-large-bg .two-col-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}


.listing-large-bg .detail-label {
	color: #475569;
}

.listing-large-bg .detail-value {
	color: #0f172a;
	/* font-weight: 500; */
	text-align: right;
}

@media (max-width: 1200px) {
	.listings-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 992px) {
	.listings-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.listings-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
}

@media (max-width: 480px) {
	.listings-grid {
		grid-template-columns: 1fr;
	}

	.card-footer {
		position: unset;
	}

	.card-content {
		min-height: auto;
	}

	.wanted-content {
		min-height: auto;
	}

}

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

	footer .form-box input {
		width: 100%;
	}

	.hero h1 {
		margin: 0 0 10px;
		font-size: 30px;
		line-height: 1.12;
	}

	.hero .card {
		min-height: auto;
		min-width: auto;
	}
}


@media only screen and (max-width: 1024px) {
	 
	 .three-col-row.building-section-box {
        grid-template-columns: 1fr 1fr;
    }

    .three-col-row.building-section-box > :first-child {
        grid-column: 1 / -1; /* full width */
    }

	#editor-billing .form-check-label {
		font-size: 16px;
	}

	.footer-bottom-copyright-inner {
		padding: 0;

	}

	.testimonials-grid {

		margin-left: 0px;
	}

	.spg-pathways {
		padding: 0px 20px;
	}

	.home-card-box .slider-card-box {

		margin-right: -15px;
		margin-left: -11px;
	}

	.home-card-box {
		justify-content: center;
	}


	.list-slider-main .home-card-flex .col_5 {
		width: 310px;
		min-width: 240px;
		float: none;
		padding: 0;
		min-width: 310px;
	}

	.home-card-flex-office-wanted .office_wanted {
		max-width: none;
		min-width: 313px;
	}

	.home-card-box .col_5 {
		min-width: 313px;
	}

	.home-card-box .col_5 .office_wanted {
		width: auto;
	}

	.form-grids-add-list.form-grids-add-list-contact-info .form-groups-add-list {
		width: 100%
	}

	.properties.page-content.about.blogpage div#about-page .hero-title-new-box {
		font-size: 30px;
	}

	.form-section-add-list {
		padding: 24px;
	}

	.submit-button {

		padding: 16px 22px;
	}


	.testimonials-grid-new-box {
		grid-template-columns: repeat(2, 1fr);
	}

	.inner-testimonials .testimonials-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.final-cta-section {
		padding: 35px 24px;
	}

	.benefits-section {
		padding: 35px 24px;
	}

	.success-fee-note {
		margin-bottom: 20px;
	}

	.sidebar-founder-box {
		flex: 0 0 280px;
		max-width: 280px;
	}

	.trust-section {
		margin: 35px auto 0;
	}

	.form-section-new-add-list h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.listing-type-selector {
		border: 0px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		margin-top: 0
	}

	.matching-section {
		padding: 35px 24px;
	}

	.add-listing-main-box {
		padding: 0;
	}

	.billing-subsection {
		padding: 10px;
	}

	.pricing-reference-add-list {
		margin-bottom: 35px;
	}

	.pricing-section .pricing-grid {
		margin-bottom: 0;
		gap: 20px;
	}

	.pricing-section {
		padding: 35px 24px;
	}

	.hero-section-fees {
		padding: 35px 24px;
	}

	.how-it-works-section {
		padding: 35px 24px;
	}

	.faq-section-how-it-work {
		padding: 35px 24px;
	}

	.about-section {
		padding: 35px 24px;
	}

	.hero-card {
		padding: 32px;
	}

	.office-list-inner-box-card h1.pull-left {
		width: 100%
	}

	.listing_outer .listing_inner {
		min-width: auto;
	}

	.office_wanted {
		min-width: auto;
	}

	.firm-box .flex-box {
		gap: 10px;
		justify-content: center;
	}

	.firm-box .button {
		width: 250px;
	}

	.firm-box p {
		min-width: 120px;
		text-align: end;
	}

	.building-page-text-box {
		padding-right: 15px;
		padding-left: 15px;
		text-align: start !important;
	}

	.properties .properties-sm-text {
		font-size: 14px;
	}

	.header_top_btn_main {
		right: 0px !important;
	}


	li.dropdown-menu-box .dropdown-menu li {
		color: #17446e;
		font-weight: 500;
		margin: 0;
		padding: 5px 10px;
		font-size: 16px;
	}

	.firm-box p {
		padding: 0;
	}

	.home-page-header-sec .button-row {
		flex-direction: row;
		gap: 10px;
	}


	.navbar-right .lfs_menu_li.tel-text a {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.nav.navbar-nav .dropdown .dropdown-menu li a {
		color: #17446E;
	}

	.offices-wanted-res-box .form-box {
		width: 100%;
	}

	.offices-wanted-res-box .term-box .btn-theme {
		width: auto;
	}

	footer .row {
		display: flex;
	}

	footer .input-group-prepend {
		border-radius: 0px 5px 5px 0px;
		padding: 6px 10px;
	}

	footer .form-box {
		display: block;
	}

	.footer-form-box .button {
		width: auto;
	}

	footer .form-box input {
		width: 100%;
		margin-bottom: 10px;
	}

	footer .button {
		font-size: 16px;
		width: auto;
	}

	footer .list-box-footer button {
		width: auto;
	}

	footer .footer-search-box .input-group {
		display: block;
	}

	.input-group-text {
		font-size: 16px;
	}

	ul.nav.navbar-nav.navbar-right.lfsnavbar {
		display: block;
	}

	.is_home .navbar-collapse .navbar-nav.navbar-right:last-child {
		text-align: left;
	}

	header .navbar-nav>li {
		margin-left: 0px !important;
	}

	header li.dropdown.lfs_menu_li {
		float: none;
	}

	.header .lfsnavbar {
		padding-top: 20px;
	}

	.nav.navbar-nav .dropdown .dropdown-menu {
		margin-top: 0;
	}

	.navbar-right .lfs_menu_li:first-child {
		padding-top: 20px;
	}

	.form-section-new-add-list {
		padding: 24px;
	}

	.listing-type-selector legend {
		position: unset;
		margin-bottom: 0;
	}

	.radio-label {
		min-height: 95px;
		margin-top: 15px;
	}

	.navbar-right .lfs_menu_li .header-link {
		padding: 5px 10px !important;
	}

	.nav.navbar-nav .dropdown .dropdown-menu li a {
		text-transform: uppercase;
	}

	.additional-box .d-flex {
		padding: 0;
	}

	.modal-header-home h2 {
		font-size: 20px;
	}

	.modal-body-home {
		padding: 25px;
	}

	.modal-container-home {
		margin-top: 50px;
	}

	.testimonials-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}

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


	.navbar-inner {
		justify-content: end;
	}

	.logo-section {
		position: absolute;
		left: 20px;
	}

	.dropdown-panel {
		right: 0;
		left: auto;
	}

	.hamburger {
		display: flex;
	}

	.nav-center {
		display: none;
	}

	.nav-right {
		display: none;
	}

	.nav-contact-group a {
		display: flex;
		background: rgba(20, 54, 88, 0.1);
		opacity: 1;
	}

}

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

	.home-card-box .col_5 {
		min-width: 32%;
		width: 32%;
	}

	.home-card-flex-office-wanted .office_wanted {
		min-width: 100%;
	}

	.media-upload-grid {
		display: block;
	}

	.media-upload-grid .file-upload-section {
		margin-bottom: 20px;
	}
}

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

	.search_box_innerpage .search_box {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.header_top_btn_label {
		margin-top: 0;
	}


	#top_section .header_top_btn {
		display: flex;
		align-items: center;
	}


	.offices-wanted-res-box .form-input {
		width: 47%;
	}

	.offices-wanted-res-box .form-box .sub-text {
		font-size: 20px;
	}

	.additional-box-main-box .col-md-6 {
		width: 50%;
	}

	.fees-main-box .col-md-12 {
		width: 100%;
	}


	footer .row {
		flex-wrap: wrap;
	}

	footer .list-box-footer {
		width: 35%;
	}

	.footer-search-main-box {
		width: 65%;
		padding: 0px 20px;
	}

	.footer-form-box {
		width: 100%;
		padding: 15px;

	}

	footer .footer-search-box .input-group {
		display: flex;
		margin-bottom: 20px;
	}


	footer .menu-list {
		margin-top: 20px;
	}

	footer .form-box input {
		width: 48%;
	}

	.button {
		font-size: 16px !important;
		padding: 6px 15px;
	}

	.firm-box {
		padding: 20px;
		margin-bottom: 15px;
		padding-bottom: 30px;
	}

	.firm-box .firm-heading {
		font-size: 20px;
	}

	.firm-box p {
		font-size: 16px;
	}

	.home-page-header-sec .button-row {
		gap: 15px;
		text-align: center;
		flex-direction: column;
	}

	.home-page-header-sec .search-box {
		width: 300px;
	}

	.home-page-header-sec .button-red {
		width: 300px;
		display: block;
	}

	.home-page-header-sec .button-green {
		width: 300px;
		display: block;
	}

	.firm-main-box .row {
		display: flex;
	}

	.home-card-box .col_5 {
		min-width: 31%;
		width: 31%;
	}

	.sidebar-listing {
		order: -1;
		position: relative !important;
		top: 0 !important;
		max-height: none !important;
	}

	.listing-large-bg .main-grid {
		grid-template-columns: 1fr;
	}
}



@media screen and (width: 820px) {

	.offices-wanted-res-box .form-inputf {
		width: 30%;
	}

	.row.btn-box-listing {
		flex-wrap: nowrap;
		gap: 0px;
		align-items: center;
	}

	.search_box_innerpage .search_box {
		gap: 5px;
		align-items: center;
	}

	.top_section .new_search_section .search_box .form-control {
		width: fit-content;
		min-width: none;
		margin-bottom: 0;
	}

	.header_top_btn_label {
		margin-top: 0;
		margin-left: 15px;
	}
}

#register-modal .modal-header .close {
	font-size: 30px;
	opacity: 0.5;
}

#register-modal .modal-body {
	padding-top: 0;
}

.building-box-main.page-content {
	background-color: #fff;
}

@media (max-width: 768px) {
	.file-item{
		flex-wrap: nowrap;
	}
	.location-trigger {
		        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
	
	}
	div.fancybox-navigation .fancybox-button--arrow_left {
		left: 9% !important;
	}

	div.fancybox-navigation .fancybox-button--arrow_right {
		right: 9% !important;
	}

	.form-section-new-add-list .file-input-wrapper {
		margin-bottom: 20px;
	}

	.content-wrapper {
		padding: 0;
	}

	.listing-large-bg .two-col-row {
		grid-template-columns: 1fr;
	}

	.content-card .law-firms-list {
		grid-template-columns: 1fr;
	}

	.building-photo-container .bxslider2 li img,
	.building-photo-container .bxslider3 li img {
		max-height: none;
		width: auto;
		height: auto;
	}

	.building-top-row,
	.building-bottom-row {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.building-bottom-row {
		gap: 32px;
	}

	.add-firm-form .form-row {
		grid-template-columns: 1fr;
	}

	.building-card {
		padding: 16px;
	}

	.building-card.form-card {
		padding: 20px;
	}

	.law-firms-header {
		flex-direction: column;
		gap: 8px;
		align-items: flex-start;
	}

	.building-photo-container {
		padding: 12px;
	}

	.building-photo {
		max-width: 100%;
	}

	.grid-two-col {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.grid-col {
		gap: 24px;
	}

	.grid-card-wrap {
		padding: 28px 20px 40px;
	}

	.grid-card {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-bottom: 24px;
	}

	.two-column {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.lfs-overlay {
		padding: 16px;
	}

	.lfs-overlay-header,
	.lfs-overlay-body {
		padding: 24px;
	}


	.spg-hero {
		padding: 48px 20px 40px;
	}

	.spg-hero h1 {
		font-size: 32px;
	}

	.spg-hero-subtitle {
		font-size: 17px;
	}

	.spg-two-way-callout {
		padding: 20px;
	}

	.spg-pathways {
		padding: 40px 20px 60px;
	}

	.spg-pathway-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.spg-pathway-card {
		padding: 28px;
	}

	.spg-pathway-card h2 {
		font-size: 24px;
	}

	.spg-value-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.spg-value-title {
		font-size: 26px;
	}

	.spg-stats-box {
		flex-direction: column;
		text-align: center;
	}

	.footer-copyright p {
		line-height: 1.5;
	}

	.hero-section-how-it-work .hero-title-new-box {
		font-size: 30px;
	}

	.hero-section-how-it-work .hero-subtitle-new-box {
		font-size: 16.8px;
	}

	.pathway-card-how-it-work {
		padding: 24px;
	}

	.pathway-card-how-it-work h2 {
		font-size: 17.6px;
		padding: 10px 20px;
	}

	.pathway-grid-howit-work {
		grid-template-columns: 1fr;
	}

	.home-card-box .slider-card-box {

		margin-right: -15px;
		margin-left: -6px;
	}

	.home-card-box .slider-card-box {
		margin-bottom: 16px;

	}

	.home-card-box .col_5 {
		min-width: 48%;
		width: 48%;
	}

	.form-grids-add-list.form-grids-add-list-contact-info .form-groups-add-list {
		width: 100%;
	}

	.form-grids-add-list-contact-info .info-box-inner {
		flex-direction: column;
	}

	.how-it-work-section-title {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.two-column-grid {
		gap: 10px;
	}

	.three-column-grid {
		gap: 10px;
	}

	.expectation-cards {
		gap: 10px;
	}

	.feature-card {
		margin-bottom: 0px;
	}

	.faq-section-how-it-work h2 {
		font-size: 28px;
	}

	.content-section {
		padding: 30px 20px;
	}

	.section-intro {
		margin-bottom: 15px;
	}

	.floating-save-btn {
		min-width: 190px;
		font-size: 14px;
		padding: 6px 13px;
	}

	.floating-save-btn::before {
		font-size: 16px;
	}

	.listings-form-box-main .row {
		flex-direction: column;
	}

	.offices-wanted-res-box .form-inputf {
		width: 30.5%;
	}

	.offices-wanted-res-box .form-input {
		width: 47.5%;
	}


	.firm-box .button {
		width: 200px;
	}

	.firm-box p {
		min-width: 90px;
	}

	.firm-box .and-text {
		font-size: 16px;
		padding: 10px;
	}

	#professional-form .g-recaptcha span.error {
		margin-top: -30px;
	}

	#professional-form .btn-box {
		margin-top: 10px;
	}

	.professional-inner-modal .modal-dialog.modal-lg {
		min-width: auto;
	}

	.professional-support-box .professional-inner-modal .row .form-group {
		width: 33%;
	}


	.blog-box .sub-heading {
		font-size: 20px !important;

	}

	.signup-inner-box .d-flex.justify-content-between {
		display: block;
	}

	.signup-inner-box .form-group {
		width: 100%;
	}

	.signup-inner-box {
		gap: 10px;
	}

	.offices-wanted-list #et-boc .heading {
		text-align: start !important;
	}

	.properties .properties-sm-text {
		padding: 10px;
		margin-top: 10px;
		width: 100%;
	}

	#register-modal .modal-dialog {
		display: block;
		width: 100%;
	}

	#register-modal .modal-content {
		padding: 0;
	}

	#register-modal .modal-title {
		margin-bottom: 10px;
		font-size: 28px;
	}

	#register-modal .success-box {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#register-modal .res-warning-info {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#register-modal .modal-header .close {
		font-size: 50px;
		opacity: 0.5;
	}

	.offices-wanted-res-box .modal-header {
		padding: 15px;
	}


	.header_top_btn_label {
		margin-top: 0;
	}

	.fees-form-box .form-row {
		display: flex;
		flex-wrap: wrap;
	}

	.fees-main-box-inner .inner-box-fees {
		width: 100%;
	}

	.search_box_innerpage .search_box {
		display: block;
	}


	.fees-main-box-inner .row.btn-box-listing {
		display: flex;
	}

	.thankyou-box .row {
		display: block;
		padding: 0px 15px;
	}

	.thankyou-box form.row {
		padding: 0px !important;
	}


	.home-page-header-sec .search-box {
		margin-bottom: 0;
	}


	.fees-main-box .row {
		display: block;
	}

	.fees-inner-boxes {
		margin-bottom: 20px;
	}

	.fees-box .fees-btn {
		width: 300px;
	}

	.get-new-listing-footer .list-box {
		justify-content: start;
	}

	.faqs-page .header .heading {
		font-size: 30px;
	}

	.additional-box-main-box .content-box {
		padding: 20px;
	}


	.header_top_btn_main .select_block {
		width: 150px;
	}

	.listing-feesnynew-york .offices_1_price {
		text-align: right;
		font-weight: bold;
		padding-right: 5px;
		float: unset;
		width: 48%;
	}

	.form_group_section {
		top: 0;
	}

	.offices-wanted-form .content-box ul li {
		font-size: 18px;

		margin-bottom: 10px;
	}

	.offices-wanted-form .btn-red {
		margin-bottom: 10px;
	}

	#office-wanted-form .sub-heading {
		font-size: 30px;
	}

	.offices-wanted-form .text-box {
		font-size: 18px;
	}

	#editor-billing .form-check-label {

		font-size: 16px;
	}

	#editor-billing p {

		font-size: 16px;
	}

	.offices-wanted-form .office_wanted_desk {
		width: auto !important;
	}

	.et_pb_row.et_pb_row_1.offices-wanted-msg .et_pb_column .et_pb_column {
		padding-left: 0px !important;
	}

	.offices-wanted-msg .et_pb_text_2 h4 {
		padding: 0px;
	}

	/* .offices-wanted-form .offices-wanted-msg .office-wanted-content-box {
		width: 60% !important;
	} */

	.offices-wanted-form .offices-wanted-msg .ad-column {
		width: 38% !important;
	}

	.offices-wanted-res-box .col-md-6 {
		width: 100%;
	}

	.offices-wanted-res-box .form-inputf {
		width: 30%
	}

	.hero-card {
		padding: 20px;
	}

	.cards-container {
		gap: 15px;
	}

	.popular-cities {
		padding: 10px;
	}

	.footer-insights {
		padding: 10px;
	}


	.benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}


	.benefit-card {
		padding: 20px;
	}

	.form-section-add-list h2 {
		text-align: start;
	}

	.pricing-table-add-list {
		grid-template-columns: 1fr;
	}

	.radio-label {
		min-height: 124px;
	}

	.offices-wanteds-new h1.office-wanted-subtitle {
		font-size: 26px;
	}

	.offices-wanteds-new .add-off-wanted-btn {
		float: none !important;
	}

	.hero-title-fees {
		font-size: 30px;
	}

	.hero-sub-title-fees {
		font-size: 25px;
	}

	.price-display .free-price {
		font-size: 28px;
	}

	.price-display {
		font-size: 28px;
	}

	.pricing-card {
		padding: 20px;
	}

	.included-list h3 {
		margin-bottom: 10px;
	}

	.pricing-card h2 {
		font-size: 25px;
	}

	.about-hero-section {
		padding: 60px 20px 40px;
	}

	.about-us-main-page-box div#about-page .about-hero-section h1 {
		font-size: 32px;
	}

	div#about-page .about-content-section h2 {
		font-size: 24px;
	}

	.about-content-section {
		padding: 40px 20px;
	}

	.hero-section-founder-box {
		padding: 60px 20px 40px;
	}

	.properties.page-content div#about-page .hero-section-founder-box h1 {
		font-size: 32px;
	}

	.content-section-founder-box {
		padding: 40px 20px;
	}

	.two-column-layout-founder-box {
		gap: 0px;
	}

	.main-content-founder-box {
		flex: 1 1 100%;
	}

	.sidebar-founder-box {
		flex: 1 1 100%;
		max-width: 100%;
		order: -1;
	}

	.sidebar-founder-box-image {
		max-width: 180px;
		margin: 0 auto 32px;
	}

	.founder-main-box #about-page .main-content-founder-box h2 {
		font-size: 24px;
		margin-top: 24px;
	}

	.pricing-grid-fee {
		grid-template-columns: 1fr;
	}

	.card-fee-actions {
		flex-direction: column;
	}

	.card-fee-actions .cta-primary {
		width: 100%;
	}

	.fee-container {

		padding: 40px 20px 40px;
	}

	.hero-testimonials .testimonial-heading {
		font-size: 30px;
	}

	.faqs-container {

		padding: 40px 15px 60px;
	}
	.two-col-row.building-section-box{
		grid-template-columns: 1fr 1fr;
	}
}


@media screen and (width: 768px) {
	.top_section .container {
		padding-left: 0;
		padding-right: 0;
	}

}

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

	.home-card-box .slider-card-box {

		margin-right: -15px;
		margin-left: -15px;
	}

	.hero-section-founder-box {
		padding: 40px 16px 30px;
	}

	.properties.page-content div#about-page .hero-section-founder-box h1 {
		font-size: 28px;
	}

	.content-section-founder-box {
		padding: 32px 16px;
	}

	.card-founder-box {
		padding: 16px;
		margin-bottom: 15px;
	}

	.about-us-main-page-box div#about-page .about-hero-section h1 {
		font-size: 28px;
	}

	.about-content-section {
		padding: 32px 16px;
	}

	.about-hero-section {
		padding: 40px 16px 30px;
	}

	.pricing-row-add-list {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.pricing-row-value {
		text-align: left;
	}

	.pricing-table-add-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.main-grid .image-gallery {
		grid-template-columns: 1fr;
		gap: 8px;
		height: auto;
		min-height: 220px;
	}

	.main-grid .image-gallery.no-building-box {
		grid-template-columns: 1fr;
	}

	.main-grid .thumbnail-stack {
		flex-direction: row;
	}

	.main-grid .main-image {
		min-height: 220px;
	}

	.isting-large-bg .fancybox-content .fancybox-image {
		padding: 15px;
	}

	.sliderControls .slider-next {
		right: 0;
	}

	.action-panel {
		width: 100%;
	}

	.container-privacy {
		padding: 36px 20px 60px;
	}

	.policy-section h2 {
		font-size: 18.4px;
	}

	.hero-privacy h1 {
		font-size: 29.6px;
	}

	.signup-card {
		padding: 28px 24px;
	}

	.properties .signup-card h1 {
		font-size: 24px;
	}

	.form-row-signin {
		grid-template-columns: 1fr;
	}

	.popup-heading {
		font-size: 19.2px;
	}

	.popup-body {
		padding: 24px 20px;
	}

	.city-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.blog-details .meta-text {
		position: absolute;
		top: -100px;
	}

	.blog-details .hero-section-new-box {
		padding: 80px 24px 80px;
	}

	.pricing-section .pricing-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.media-upload-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.location-dropdown #dropdown-city {
		font-size: 0px;
	}

	.location-trigger {
		padding: 5px;
	}

	.logo-section {

		left: 20px;
	}

	.hero-section-fees {
		padding: 48px 20px 40px;
	}

	.pricing-container-new-box {
		grid-template-columns: repeat(1, 1fr);
	}

	.testimonials-grid-new-box {
		grid-template-columns: repeat(1, 1fr);
	}

	.inner-testimonials .testimonials-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.testimonials-section {
		padding: 40px 24px 60px;

	}

	.hero-title-fees {
		font-size: 32px;
	}

	.hero-sub-title-fees {
		font-size: 28px;
	}

	.hero-subtitle-fees {
		font-size: 17.6px;
		margin-bottom: 0px;
	}


	.section-title-new-box {
		font-size: 28px;
	}

	.guarantee-title {
		font-size: 17.6px;
	}

	.final-cta-title {
		font-size: 16.2px;
	}

	.city-selector-inner {
		flex-direction: column;
		gap: 20px;
	}

	.city-group {
		flex-direction: column;
		gap: 16px;
		width: 100%;
		text-align: center;
	}

	.guarantee-text {
		flex-wrap: wrap;
		justify-content: center;
	}


	.city-group {
		flex-direction: column;
		gap: 16px;
		width: 100%;
		text-align: center;
	}

	.navbar-inner {
		padding: 12px 16px;
		gap: 16px;
	}

	.logo-text {
		font-size: 1.48px;
	}

	.nav-right {
		display: none;
	}

	.hero-section {
		padding: 48px 20px;
	}

	.hero-title {
		font-size: 30px;
	}

	.hero-title-new-box {
		font-size: 30px;
	}


	.hero-subtitle-new-box {
		font-size: 18px;
	}

	.final-cta-title {
		font-size: 28px;
	}

	.section-header {
		margin-bottom: 30px;
	}

	.hero-subtitle {
		font-size: 18px;
		margin-bottom: 40px;
	}

	.section-title {
		font-size: 28px;
	}

	.pathway-title {
		font-size: 25px;
	}


	.hero-card {
		padding: 32px 24px;
	}

	.card-title {
		font-size: 20px;
	}

	.cards-container {
		display: flex;
		flex-direction: column;
	}

	.footer-grid {
		display: flex;
		flex-direction: column;
		gap: 15px;
		line-height: normal;
	}


	.faq-item-new-box {
		padding: 20px 24px;
	}

	.benefits-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.pathways-grid {
		display: block;
	}

	.pathway-card:nth-child(1) {
		margin-bottom: 0px;
		border-bottom: 1px solid #e2e8f0;
	}


	.pathway-card {
		border-right: 0px;
	}

	.hero-section-new-box {
		padding: 60px 24px 23px;
	}

	.professional-inner-modal .modal-dialog.modal-lg {
		width: auto;
		min-width: auto;
		height: 100%;

	}

	#professional-form .btn-box {
		margin-top: 10px;
	}

	#listing-form-box .et_pb_testimonial {
		min-height: auto;
	}

	.professional-support-box .professional-inner-modal .row .form-group {
		width: 100%;
		margin-bottom: 0px;
	}

	.offices-wanted-res-box .form-input {
		width: 100%;
	}

	.offices-wanted-res-box .heading {
		text-align: center;
		font-size: 30px;
		margin-bottom: 15px;
	}

	.response-box .heading {
		font-size: 25px;
	}

	.success-box {
		padding: 20px;
		font-size: 20px;
	}

	.listing_outer .office_wanted {
		width: auto;
		max-width: 100%;
	}

	.header_top_btn_main .select_block {
		width: 710px;
		max-width: 100%;
		margin: 6px auto;
		display: block;
	}

	.nynew-york .header_top_btn_main .select_block {
		width: 730px;
	}

	.ad-empty-block {
		display: none;
	}

	.ad-listing_outer.col_5 {
		margin: 0 auto;
		display: block;
		float: left;
	}

	.ad-office_sublets .list_data_inner .form-control {
		width: 302px !important;
	}

	.form_group_section {
		text-align: center;
	}

	.monthly-get-started .propertyItem {
		min-height: 360px;
	}

	.listing_inner.div1 {
		max-width: 600px;
	}


	.offices-wanted-form .offices-wanted-msg .ad-column {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.offices-wanted-form .offices-wanted-msg {
		display: block;
	}

	#office-wanted-form .form-box {
		padding-left: 15px;
		padding-right: 15px;
	}

	#office-wanted-form .sub-heading {
		padding: 0;
	}

	.panel-heading {
		padding: 10px 0px;
	}

	.terms-box-inner .col-md-12 {
		padding: 0;
	}

	.partnership-page .listing-box .listing-examples-box {
		grid-template-columns: 1fr;
	}

	.bar-association-box .button-container {
		flex-wrap: wrap;
		gap: 10px;
	}

	.hero-add-list h1 {
		font-size: 32px;
	}

	.radio-groups-add-list {

		grid-template-columns: 1fr;

	}

	.form-grids-add-list {

		grid-template-columns: 1fr;

	}

	.radio-label {
		min-height: auto;
		margin-top: 0;
	}

	.radio-groups-add-list {
		margin-top: 15px;
	}

	.testimonials-grid {
		grid-template-columns: 1fr;
	}

	.signin-card {
		padding: 28px 24px;
	}
}

/* RESPONSIVE */
@media (min-width: 767px) {
	.value-props-add-list {
		grid-template-columns: repeat(3, 1fr);
	}

	.form-grid-add-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.form-group-add-list.full-width {
		grid-column: 1 / -1;
	}

	.radio-group-add-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.testimonials-add-list {
		grid-template-columns: repeat(2, 1fr);
	}

}


@media only screen and (max-width: 600px) {
	.two-col-row.building-section-box{
		grid-template-columns: 1fr;
	}

    .three-col-row.building-section-box {
        grid-template-columns: 1fr ;
    }

	.listings-container-btn .line-box {
		display: none;
	}

	.footer-grid .footer-col {
		padding-bottom: 10px;
	}

	.city-grid {

		grid-template-columns: repeat(1, 1fr);

	}

	.home-card-box .col_5 {
		min-width: 100%;
		width: 100%;
	}

	.offices-wanted-res-box .form-inputf {
		width: 100%;
	}

	.listings-form-box-main .btn-box {
		text-align: center;
	}

	.bar-association-box .button-container {
		flex-wrap: wrap;
		gap: 0px;
	}

	.sepcial-offer-box {
		display: block;
	}

	.bar-association-box .button-container a {
		width: 100%;
		min-width: 300px;
	}

	.et_pb_module.et_pb_image.et_pb_image_1 {
		width: 100%;
		margin-right: 0;
	}

	.offices-wanted-ad .office_wanted {
		min-width: 100%;
		width: 100%;
	}

	.offices-wanted-ad .et_pb_module.et_pb_image.et_pb_image_1 .col_3.col_5_p_0 {
		padding: initial;
	}

	.top_section .container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.office-list-inner-box-card .office-list-inner-box {
		gap: 15px;
	}

	.office-list-inner-box-card .select_block {
		width: 252px;
	}

	.top_section div.select_block {
		margin-bottom: 15px;
	}

	.additional-box-main-box .content-box ol {
		font-size: 16px;
	}

	/* .offices-wanted-form .offices-wanted-msg .office-wanted-content-box {
		width: 100% !important;
	} */

	.get-new-listing-footer .list-box {
		display: block;
	}

	.offices-wanted-form .btn-red {
		font-size: 16px;
		padding: 10px 15px;
	}

	.office-wanted-btn-box {
		gap: 10px;
	}

	.footer-cark-box {
		width: 100%;
	}

	#footer-bar-submarket .footer_search {
		padding: 5px 5px;
		height: 47px;
		font-size: 13px;
		float: left;
		text-align: center;
		max-width: 25%;
		margin-left: 0px;
		font-weight: 600;
		border-radius: 0px 5px 5px 0px;
	}

	.footer_contact_form {
		margin-top: 20px;
	}

	.getting-start-box .process-list li {
		margin-bottom: 10px;
	}

	.getting-start-box .process-list {
		column-count: 1;
	}


	.fees-heading {
		font-size: 30px;
	}

	.form-box-inner .form-label {
		margin-bottom: 2px;
	}

	.fees-form-box .col-md-6 {
		width: 100%;
		padding: 0;
	}

	.additional-box .d-flex {
		display: block;
	}

	.firm-main-box .col-md-6 {
		width: 100%;
	}

	.firm-main-box .row {
		display: block;
	}

	footer .list-box-footer {
		width: 100%;
	}

	.footer-search-main-box {
		width: 100%;

	}

	.footer-form-box {
		width: 100%;
	}

	footer .form-box {
		gap: 10px;
	}


	footer .input-group-prepend {
		border-radius: 0px 5px 5px 0px;
	}

	footer .form-box input {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
	}

	footer .row {
		display: block;
	}

	.footer-search-main-box {
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 20px;
	}

	.footer-form-box {
		padding-left: 15px;

	}


	.home-page-header-sec .button-row {
		gap: 15px;
	}

	.home-page-header-sec .search-box {
		margin-bottom: 5px;
	}

	.cities-footer-box {
		flex-direction: column;
		gap: 10px;
	}

	.cities-footer-box .get-updates {
		margin-right: 10px;
	}

	.editor-inline-top-box {
		flex-direction: column;
	}

	.editor-inline-top-box .img-caption {
		width: 210px;
	}

	.card-logos {
		flex-wrap: wrap;
	}
}


.mb-0 {
	margin-bottom: 0 !important;
}

.blog .top_section div.select_block {
	display: none;
}

.text-theme {
	color: #003366;
}

.et_pb_module.et_pb_image.et_pb_image_1 {
	float: right;
}

.et_pb_module.et_pb_image.et_pb_image_1 .col_3.col_5_p_0 {
	padding-right: 0;
}

.overview-list-box .overviewList .section-box {
	display: flex;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
	flex-direction: column;
}

.overview-list-box .overviewList .section-box:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.overview-list-box .overviewList .section-box a {
	color: var(--lfs-blue);
	display: flex;
	align-items: center;
	font-weight: bold;
}

.overview-list-box .overviewList .section-box p {
	margin: 5px 0 0 0;
	color: #333;
}

.overview-list-box .overviewList .section-box .section-box-heading {
	display: flex;
	align-items: center;
}

.overview-list-box .overviewList .section-box .section-box-heading span {
	color: var(--lfs-blue);
	font-weight: bold;
	float: none;
	display: block;

}

button:focus,
input:focus {
	outline: 2px solid #005fcc;
}

.container {
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 !important;
}

.building-details.breadcrumb-main-box .breadcrumb-main {
	padding: 10px 0px 0px 24px;
}

.allbuildings .breadcrumb-main-box .breadcrumb-main {
	padding: 10px 0px 0px 24px;
}

@media (prefers-reduced-motion: reduce) {
	.popup-container {
		animation: none;
	}

	.popup-cta {
		transition: none;
	}

	.popup-cta:hover {
		transform: none;
	}
}

@media only screen and (max-width:1440px) {
	.navbar-inner {
		gap: 12px;
		max-width: 1400px;
	}

	.building-details.breadcrumb-main-box .breadcrumb-main {
		max-width: 1400px;
		padding: 10px 0px 0px 0px;
	}

	.allbuildings .breadcrumb-main-box .breadcrumb-main {

		padding: 10px 0px 0px 0px;
	}

	.nav-menu a {
		font-size: 14px;
	}

	.nav-menu {
		gap: 11px;
	}

	.nav-right {
		gap: 11px;
	}

	.nav-menu a:first-child {
		margin-right: 13px;
		padding-right: 13px;
	}

	.container {
		padding: 10px 24px !important;
	}

}

@media only screen and (max-width:1300px) {
	.logo-looking {

		font-size: 20px;
	}

	.logo-space {
		color: #c92a2a;
		font-size: 20px;
	}

	.nav-contact-group {
		gap: 3px;
	}

	.navbar-inner {
		gap: 8px;
	}

	.nav-menu a {
		font-size: 13px;
	}
}

@media screen and (min-width: 1440px) {
	.navbar-inner {
		padding: 12px 0;
	}

}

@media screen and (min-width: 1900px) {

	.navbar-inner {
		max-width: 1600px;
	}

	.nav-menu {

		gap: 32px;

	}
}

/* ACCESSIBILITY */
*:focus-visible {
	outline: 3px solid var(--blue);
	outline-offset: 2px;
	border-radius: 4px;
}

@media screen and (min-width: 1200px) {

	.nav-phone:hover .phone-number,
	.nav-phone:focus .phone-number {
		max-width: 150px;
		margin-left: 4px;
		padding-right: 16px;
	}

	.nav-phone:hover .phone-number {
		display: inline-block;
	}

	.nav-contact-group {
		width: 150px;
		position: relative;
		justify-content: space-between;
	}

	.nav-phone {
		position: absolute;
		right: 54px;
	}

	.nav-phone:hover {
		color: var(--lfs-blue);
		background-color: #f0f9ff;
		opacity: 1;

	}
}

.fa,
.fa:before {
	font-family: "FontAwesome" !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-decoration: inherit !important;
	speak: none !important;
	display: inline-block !important;
	line-height: 1 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	color: #333 !important;
	font-size: 14px !important;
	opacity: 1 !important;
}

@media only screen and (max-width:1199px) {
	.properties.page-content {
		margin-top: 0px !important;
	}
}

@media only screen and (max-width: 992px) {
	.fancybox-navigation .fancybox-button--arrow_right {
		right: 0 !important;
	}

	.fancybox-navigation .fancybox-button--arrow_left {
		left: auto !important;
	}

	.header_top_btn_main {
		float: left;
	}

	.contact .header_top_btn_main,
	.ilchicago .header_top_btn_main {
		float: unset;
	}

}

@media (max-width: 767px) {

	.file-update-inner-section {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.form-section-new-add-list .file-input-wrapper {
		gap: 4px;
	}

	.nynew-york .header_top_btn_main .select_block {
		width: 120px;
		float: right;
	}

	.choose_title {
		margin: 0;
	}
}

@media (max-width: 624px) {
	.nynew-york .header_top_btn_main .select_block {
		width: 100%;
	}
}

@media (max-width: 430px) {
	.location-trigger {
		        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
		max-width: 150px;
		
		vertical-align: middle;
		min-height: auto;
	}

	.location-trigger input {
				padding-left: 5px;
		font-size: 12px;
	}

	.location-trigger svg {
		display: none;
	}
}
@media (max-width: 420px) {
	.location-trigger {

		max-width: 100px;
		display: block;
		vertical-align: middle;
		min-height: auto;
	}

	.location-trigger input {
padding-left: 0;
		font-size: 12px;
	}

	
}

.breadcrumb-main-box .breadcrumb-main {

	margin: 0 auto;

	padding: 12px 24px;

	max-width: 1600px;

}


.breadcrumb-main-box .breadcrumb-main {
	margin-bottom: 0;
	max-width: 1440px;
	padding: 0px 24px;
	padding-top: 10px;
	margin: 0 auto;

}

.breadcrumb-main-box {
	padding: 12px 16px;
}

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

.building-section-box .content-card .facts-row{
	gap: 30px;
}

	/* .building-section-box .content-card .facts-row{
		justify-content: space-between;
	} */
	.content-card .building-facts .fact-value{
		min-width: 125px;
	}
	.fancybox-navigation .fancybox-button--arrow_right {
		right: 15% !important;
	}

	.fancybox-navigation .fancybox-button--arrow_left {
		left: 15% !important;
	}

	.breadcrumb-main-box div.breadcrumb-main {
		padding: 0;
		padding-top: 10px;
	}



	.bx-wrapper .bx-viewport {
		height: 427px !important;
	}

	#editor-billing .form-check-label {
		font-size: 16px;
	}

	.footer-bottom-copyright-inner {
		padding: 0;
	}
}

.free-list-box.listing-card .card-footer {
	display: block;
	text-align: center;
}

.free-list-box.listing-card .card-btn {
	padding: 0px 10px;
	width: 100%;
}

.free-list-box.listing-card .listing-title {
	width: 100%;
	border: 0;
	resize: none;
}

.add-listings .breadcrumb-main-box {
	background: #f8fafc;
}

.offices-wanted-list .breadcrumb-main-box {
	background: #f5f5f5;
}

.available-offices .breadcrumb-main-box {
	background: #f5f5f5;
}


.available-offices .breadcrumb-main-box .breadcrumb-main {
	max-width: 1400px;
	padding: 10px 0px 0px 0px;
}

/* .allbuildings .breadcrumb-main-box .breadcrumb-main{
max-width: 1400px;
   padding: 10px 0px 0px 15px;
} */

.listing-breadcrumbs-box.breadcrumb-main-box .breadcrumb-main {
	max-width: 1400px;
	padding: 10px 0px 0px 0px;
}

.offices-wanted-list .breadcrumb-main-box .breadcrumb-main {
	max-width: 1400px;
	padding: 10px 0px 0px 0px;
}

.login .breadcrumb-main-box {
	background: #f8fafc;
}

.building-details.breadcrumb-main-box {
	background: #ffffff;
}

.small-list-breadcrumb.breadcrumb-main-box {
	background: #f5f5f5;
}

.small-listing-breadcrumbs.breadcrumb-main-box {
	background: #f1f5f9;
}

.breadcrumb-main-box {
	background: var(--lfs-light-blue);
	max-width: 100%;
	padding: 0px 24px;
	margin: 0 auto;
}

.breadcrumb-main-box .breadcrumb-main {
	margin-bottom: 0;
	/* max-width: 1366px; */
	/* padding: 0px 24px; */
	padding-top: 10px;
	/* margin: 0 auto; */

}

.breadcrumb-main-box .breadcrumb-main .breadcrumbclass {
	margin-bottom: 0;
	font-size: 12px !important;
	font-weight: 600;
}

.breadcrumb-main-box .breadcrumb-main .breadcrumbclass a {
	font-weight: 600;
	font-size: 12px;
}

.breadcrumb-main-box .breadcrumb-main .breadcrumbclass span {
	font-weight: 600;
	font-size: 12px;
}


.contact .breadcrumb-main-box {
	background: #f5f5f5;
}

.legal-office-insights .breadcrumb-main-box {
	background: linear-gradient(135deg, var(--lfs-light-blue) 0%, #ffffff 100%);
}

.about-us .breadcrumb-main-box {
	background: linear-gradient(135deg, var(--lfs-light-blue) 0%, #ffffff 100%);
}

.allbuildings .breadcrumb-main-box {
	background: #f5f5f5;
}

.no-padding-listing {
	padding: 0 !important;
}

div.fancybox-caption {
	position: absolute;
	top: 95%;
}

.layout-facts-only .content-card {
    width: 100%;
}

.layout-no-image .content-card {
    width: 50%;
}

.layout-no-description .content-card {
    width: 50%;
}
.building-Description .desc-text.short {
    max-height: 100px; /* adjust as needed */
    overflow: hidden;
    position: relative;
}

.building-Description .desc-text.expanded {
    max-height: none;
}

.building-Description .read-more-btn {
    margin-top: 10px;
    background: none;
    border: none;
    color: #143658;
    cursor: pointer;
    font-weight: 500;
}
.building-Description .read-more-btn:focus{
	outline: 0px;
}


.grid-card-box {
  height: 90%;
}
.grid-card-box p, .grid-card-box ul {
  margin-bottom: 15px;
}
.grid-card-box p:last-child, 
.grid-card-box ul:last-child {
  margin-bottom: 0px;
}
/* ==========================================================================
   Highlights capsules - Available Offices form (issue #979)
   Replaces the old Space Amenities checkbox grid. Capsules vary in width and
   are equal height; selected state is a navy fill plus a checkmark. Connected
   choices render as one segmented control sharing internal edges.
   ========================================================================== */

.highlights-intro {
	font-size: 15px;
	color: #475569;
	margin: 0 0 16px;
}

.hl-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 32px;
}

.hl-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	/* Not stretch: when a group stacks vertically on a phone it becomes far
	   taller than a pill, and stretch would drag every capsule beside it to
	   that height. min-height on .hl-capsule already keeps them equal. */
	align-items: flex-start;
}

/* A single capsule. Width follows its text; height is fixed so every capsule
   on every row lines up. */
.hl-capsule {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	/* The site sets a global label { margin-bottom: 5px }. Left alone it makes a
	   connected group 51px tall against a 46px standalone capsule, so the two
	   stop lining up on the same row. */
	margin: 0;
	padding: 8px 22px;
	border: 1px solid #bcd0ee;
	border-radius: 999px;
	background: #fff;
	color: #143658;
	font-size: 15px;
	line-height: 1.25;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.hl-capsule input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
	pointer-events: none;
}

.hl-capsule:hover {
	border-color: #143658;
}

/* Checkmark, drawn only once the capsule is selected. */
.hl-capsule .hl-check {
	display: none;
	flex: 0 0 auto;
	width: 15px;
	height: 9px;
	border-left: 2.5px solid #fff;
	border-bottom: 2.5px solid #fff;
	transform: rotate(-45deg);
	margin-top: -4px;
}

.hl-capsule input[type="checkbox"]:checked ~ .hl-check {
	display: block;
}

.hl-capsule input[type="checkbox"]:checked ~ .hl-text {
	color: #fff;
}

.hl-capsule:has(input[type="checkbox"]:checked) {
	background: #143658;
	border-color: #143658;
	color: #fff;
}

.hl-capsule input[type="checkbox"]:focus-visible ~ .hl-text {
	text-decoration: underline;
}

/* Connected choices: one rounded outer shape, straight shared inner edges. */
.hl-group {
	display: inline-flex;
	align-items: stretch;
	border-radius: 999px;
	overflow: hidden;
}

.hl-group .hl-capsule {
	border-radius: 0;
	border-right-width: 0;
}

.hl-group .hl-capsule:first-child {
	border-top-left-radius: 999px;
	border-bottom-left-radius: 999px;
}

.hl-group .hl-capsule:last-child {
	border-right-width: 1px;
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
}

@media (max-width: 767px) {
	.hl-capsule {
		padding: 8px 16px;
		font-size: 14px;
	}

	/* A connected group must never fragment across lines - half of it would
	   orphan onto the next row and stop reading as one control. Groups too wide
	   for a phone stack vertically instead, still sharing their inner edges. */
	.hl-group {
		flex-wrap: nowrap;
	}

	.hl-group:has(> .hl-capsule:nth-child(3)) {
		flex-direction: column;
		align-items: stretch;
		/* The group's own 999px radius plus overflow:hidden is a horizontal
		   pill. Stacked, it becomes a tall pill that clips the segments'
		   side borders and shaves the first and last letter off each label.
		   The segments carry the rounding themselves, so drop both here. */
		border-radius: 0;
		overflow: visible;
	}

	.hl-group:has(> .hl-capsule:nth-child(3)) .hl-capsule {
		border-radius: 0;
		border-right-width: 1px;
		border-bottom-width: 0;
	}

	.hl-group:has(> .hl-capsule:nth-child(3)) .hl-capsule:first-child {
		border-top-left-radius: 999px;
		border-top-right-radius: 999px;
	}

	.hl-group:has(> .hl-capsule:nth-child(3)) .hl-capsule:last-child {
		border-bottom-width: 1px;
		border-bottom-left-radius: 999px;
		border-bottom-right-radius: 999px;
	}
}

/* ==========================================================================
   Issue #977 - location box moved out of the nav bar and into the page body
   on Home, the multi listing pages and the large listing page.
   The nav bar styling above is untouched and still applies everywhere else.
   ========================================================================== */

.lfs-location-inline {
	display: inline-block;
	vertical-align: middle;
}

.lfs-location-inline .location-dropdown {
	margin-left: 0;
}

/* The Newest/Oldest sort buttons and the hidden neighbourhood block belong to
   the nav bar version only - the in-body box is just city, state and chevron. */
.lfs-location-inline .header_top_btn_main,
.lfs-location-inline .btn.btn-primary.btn-sm {
	display: none;
}

/* The radius and space-type filters ship hidden inside this markup. Nothing
   below may un-hide them - they are not wired up in this context. */
.lfs-location-inline .select_block.hidden,
.lfs-location-inline .select_block[hidden],
.lfs-location-inline .search-distance,
.lfs-location-inline .search-type {
	display: none !important;
}

.lfs-location-inline .location-trigger {
	max-width: none;
	min-width: 190px;
}

.lfs-location-inline .trigger-input-box {
	position: relative;
}

/* Home hero: box sits above the two buttons */
.lfs-location-hero {
	display: block;
	margin: 0 0 20px;
	text-align: center;
}

.lfs-location-hero .location-dropdown {
	display: inline-block;
	background: #ffffff;
	border-radius: 8px;
}

/* Listing pages: box + the two buttons on one row */
.lfs-location-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 12px;
}

.lfs-location-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 11px 20px;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.3px;
	text-decoration: none;
	border-radius: 6px;
	white-space: nowrap;
	transition: all 0.2s ease;
	min-height: 44px;
}

.lfs-location-btn.primary {
	background: var(--lfs-blue);
	color: #ffffff;
	border: 2px solid var(--lfs-blue);
}

.lfs-location-btn.primary:hover,
.lfs-location-btn.primary:focus {
	background: #0f2740;
	color: #ffffff;
	text-decoration: none;
}

.lfs-location-btn.secondary {
	background: #ffffff;
	color: var(--lfs-blue);
	border: 2px solid #cbd5e1;
}

.lfs-location-btn.secondary:hover,
.lfs-location-btn.secondary:focus {
	background: #f0f9ff;
	color: var(--lfs-blue);
	border-color: var(--lfs-blue);
	text-decoration: none;
}

.lfs-location-btn:focus-visible {
	outline: 3px solid var(--lfs-blue);
	outline-offset: 2px;
}

/*
 * Large listing page - the breadcrumb keeps its own full-width row and the
 * location box with both buttons sits on the row beneath it, above the title,
 * so a long address in the breadcrumb stays readable. This wrapper now opens
 * with that row rather than the title, so its 24px top padding is trimmed -
 * otherwise an empty band opens up under the breadcrumb.
 */
.content-wrapper.lfs-listing-head {
	padding-top: 6px;
}

.lfs-location-bar-detail {
	justify-content: flex-end;
	/* The title sits directly beneath this row and had only 4px of clearance */
	margin: 0 0 20px;
}

/*
 * Listing list page - the breadcrumb and the location row share the top line,
 * so the search, both buttons and the neighbourhood filter fill the empty
 * space beside the breadcrumb instead of taking a row of their own.
 */
.lfs-listing-topline {
	order: -1;
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	/* flex-start + auto margin keeps the breadcrumb hard left on every line,
	   wrapped or not. space-between let it drift once the bar wrapped away. */
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 0 14px;
}

/*
 * This markup is reused from the standalone breadcrumb band, which centres
 * itself (margin:0 auto, max-width, its own padding) across several rules in
 * main.css and front-end.css. Inside this row every one of those has to be
 * neutralised, hence the !important - the crumbs must start on the same
 * vertical line as the search bar, the buttons and the title.
 */
.lfs-listing-topline .breadcrumb-main-box,
.lfs-listing-topline .breadcrumb-main-box .breadcrumb-main,
.lfs-listing-topline .breadcrumb-main-box .breadcrumbclass {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	max-width: none !important;
	width: auto !important;
	text-align: left !important;
	justify-content: flex-start !important;
	background: transparent;
}

.lfs-listing-topline .breadcrumb-main-box {
	flex: 0 1 auto;
	min-width: 0;
	margin-right: auto !important;
	padding: 0 !important;
}

.lfs-listing-topline .breadcrumb-main-box .breadcrumb-main {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*
 * Site wide, every screen: the breadcrumb starts on the same vertical line as
 * the content beneath it. The box's 16px inset and the first link's 8px
 * padding are what used to push the first crumb out of line.
 */
.breadcrumb-main-box {
	padding-left: 0;
}

.breadcrumbclass a:first-child {
	padding-left: 0;
}

.lfs-listing-topline .lfs-location-bar {
	flex: 0 1 auto;
	justify-content: flex-end;
	margin: 0;
}

.office-list-inner-box-card h1.pull-left {
	width: auto;
	flex: 1 1 280px;
}

.lfs-location-bar .office-list-inner-box {
	margin: 0;
	/* Inherits a 30px gap from the card - too wide next to the 12px bar gap */
	gap: 12px;
	min-width: 0;
}

/*
 * Offices Wanted list - .office-wanted-text-box is a space-between flex row
 * holding the heading and the sign-in prompt. Dropped in between them the bar
 * gets squeezed, so it takes its own row above the heading instead, matching
 * the listing list page.
 */
.office-wanted-text-box .lfs-location-bar {
	order: -1;
	flex: 1 1 100%;
	margin: 0 0 12px;
}

/*
 * Every control in the row is exactly 46px tall. The filter used to run
 * taller than the buttons because its inner p.input is 40px with 6px of
 * padding top and bottom - 52px inside a 46px box.
 */
.lfs-location-bar .lfs-location-btn,
.lfs-location-bar .location-trigger,
.lfs-location-bar .office-list-inner-box .select_block {
	height: 46px;
	min-height: 46px;
	box-sizing: border-box;
}

.lfs-location-bar .office-list-inner-box .select_block > p.input {
	height: 42px;
	line-height: 42px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

/*
 * Nav bar - the links spread across the empty space between the logo and
 * Sign In instead of being bunched up against it.
 */
.nav-menu {
	gap: 26px;
}

.nav-menu a {
	padding: 8px 2px;
}

@media (max-width: 1280px) {
	.nav-menu {
		gap: 14px;
	}

	.nav-center {
		gap: 16px;
	}
}

/* Tablet - the hero search box is too narrow next to the two buttons */
@media (min-width: 768px) and (max-width: 1024px) {
	.lfs-location-hero .location-dropdown,
	.lfs-location-hero .location-trigger {
		width: 100%;
		max-width: 460px;
	}
}

/*
 * Above 767px every control keeps its natural width - stretching them to fill
 * the row made the neighbourhood filter far wider than it should be.
 */
@media (min-width: 768px) {
	.lfs-location-bar .lfs-location-inline,
	.lfs-location-bar .office-list-inner-box,
	.lfs-location-bar .office-list-inner-box .select_block {
		flex: 0 0 auto;
	}
}

@media (max-width: 991px) {
	.lfs-location-bar,
	.lfs-location-bar-detail,
	/* Needs the same specificity as the top-line rule above, or the bar stays
	   right aligned and its wrapped rows sit indented from the breadcrumb. */
	.lfs-listing-topline .lfs-location-bar {
		justify-content: flex-start;
	}

	/* List pages only - on the large listing page this would reopen the gap
	   under the breadcrumb that the trimmed wrapper padding just closed. */
	.lfs-listing-topline .lfs-location-bar,
	.office-wanted-text-box .lfs-location-bar {
		margin-top: 12px;
	}
}

@media (max-width: 767px) {
	/* Stack the top line so the bar can span the full container width */
	.lfs-listing-topline {
		display: block;
	}

	.lfs-listing-topline .breadcrumb-main-box {
		margin-bottom: 12px;
	}

	/* Column + gap keeps every control the same width with even spacing */
	.lfs-location-bar,
	.lfs-location-bar-detail,
	.lfs-listing-topline .lfs-location-bar {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		gap: 10px;
	}

	.lfs-location-inline,
	.lfs-location-inline .location-dropdown,
	.lfs-location-bar .office-list-inner-box,
	.lfs-location-bar .office-list-inner-box .select_block {
		display: block;
		width: 100%;
	}

	/* Keep the trigger a flex row - display:block loses the pin icon layout */
	.lfs-location-inline .location-trigger {
		display: flex;
		width: 100%;
	}

	.lfs-location-bar .lfs-location-btn {
		display: flex;
		width: 100%;
		margin: 0;
	}

	.lfs-location-hero .location-dropdown,
	.lfs-location-hero .location-trigger {
		width: 100%;
	}

	/* Stacked buttons run right into the listing title without this */
	.lfs-location-bar-detail {
		margin-bottom: 22px;
	}

	/* Full-width stacked buttons read better than fixed 240px slabs */
	.hero-buttons {
		flex-direction: column;
		gap: 12px;
	}

	.hero-btn {
		min-width: 0;
		width: 100%;
		padding: 14px 18px;
		font-size: 15px;
	}

	.lfs-location-btn {
		padding: 13px 16px;
		font-size: 13px;
	}
}

/*
 * Issue #977: the location box must read as a changeable field wherever it
 * appears - nav bar, home hero, listing list top line, Offices Wanted and the
 * large listing page. Styled to match the All Neighborhoods control: outlined,
 * larger and bolder text, and the same downward caret so it is evident the
 * value can be changed.
 */
.location-trigger {
	position: relative;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	min-height: 44px;
	padding-right: 26px;
	background-image: url(../images/dropdown_ico.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.location-trigger input.trigger-input {
	font-size: 13.6px;
	color: #143658;
	background-color: transparent;
}

/* The nav copy needs a little more room now the text is larger */
.lfs-location-hero .location-dropdown .location-trigger {
	max-width: 225px;
}


@media (max-width: 460px) {
	.navbar-inner {
		flex-wrap: wrap;
		row-gap: 10px;
	}

	.navbar-inner .logo-section {
		position: static;
		margin-right: auto;
	}

	.navbar-inner .hamburger {
		order: 2;
	}

	.navbar-inner .location-dropdown {
		order: 3;
		flex: 0 0 100%;
		width: 100%;
	}

	.navbar-inner .location-dropdown form,
	.navbar-inner .location-dropdown .location-trigger,
	.navbar-inner .location-dropdown .trigger-input-box {
		width: 100%;
	}

	/* The nav rule above caps the control at 225px for the single-row header.
	   On its own row it should use the full width. */
	.navbar-inner .location-dropdown .location-trigger {
		max-width: none;
	}
}

/* ==========================================================================
   Issue #977 - global header v10 and the home page proof strip.
   Ported from LFS_Homepage_Final_v10.html, including its hover and focus
   behaviour. Applies on every page.
   ========================================================================== */

.site-header {
	border-top: 1px solid #e3e8ef;
	border-bottom: 2px solid #17365f;
	background: #fff;
}

/*
 * .navbar carries its own 2px bottom border, which sat just above the one on
 * .site-header and read as a double rule under the menu. One line only.
 */
.site-header .navbar {
	border-bottom: 0;
	box-shadow: none;
	padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.navbar-inner {
	max-width: 1600px;
	min-height: 54px;
	padding: 0 34px;
	gap: 28px;
	align-items: center;
}

/* Nav links - red on hover, with a red underline bar on the two market links */
.nav-center {
	flex: 1 1 auto;
	justify-content: center;
	gap: 14px;
	min-width: 0;
}

.nav-menu {
	gap: 14px;
}

.nav-menu a {
	position: relative;
	padding: 17px 14px 15px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .1px;
	color: #17365f;
	white-space: nowrap;
	transition: .18s ease;
}

.nav-menu a.market:after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 4px;
	height: 2px;
	background: transparent;
	transition: .18s ease;
}

.nav-menu a:hover {
	color: #c8322b;
	background-color: transparent;
}

.nav-menu a.market:hover:after {
	background: #c8322b;
}

.nav-menu a.active {
	border-bottom: 0;
}

.nav-menu a.market.active:after {
	background: #c8322b;
}

/* Add Your Listing - outlined, fills red on hover */
.add-listing {
	flex: 0 0 auto;
	height: 42px;
	padding: 0 14px;
	border: 1.5px solid #c8322b;
	border-radius: 6px;
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	font-size: 14px;
	color: #c8322b;
	background: #fff;
	transition: .18s ease;
	white-space: nowrap;
	text-decoration: none;
}

/*
 * The plus is drawn rather than typed - the glyph sits off centre in the
 * circle because of its font metrics, which no amount of line-height fixes.
 */
.add-listing .plus {
	position: relative;
	width: 18px;
	height: 18px;
	border: 1.5px solid currentColor;
	border-radius: 50%;
	flex-shrink: 0;
	font-size: 0;
	line-height: 0;
}

.add-listing .plus:before,
.add-listing .plus:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: currentColor;
}

.add-listing .plus:before {
	width: 8px;
	height: 1.5px;
}

.add-listing .plus:after {
	width: 1.5px;
	height: 8px;
}

.add-listing:hover,
.add-listing:focus {
	background: #c8322b;
	color: #fff;
	text-decoration: none;
}

/* Utility group - Sign In turns red and underlines */
.nav-right {
	gap: 18px;
	color: #6f8198;
}

.nav-right > a.header-link {
	border: 0;
	border-radius: 0;
	padding: 0;
	color: #17365f;
	font-size: 14px !important;
	font-weight: 600;
	transition: .18s ease;
}

.nav-right > a.header-link:hover,
.nav-right > a.header-link:focus {
	background: transparent;
	color: #c8322b;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.nav-right a.header-link.active {
	border-bottom: 0;
	padding-bottom: 0;
}

/* Location box in the header */
.navbar-inner .location-dropdown {
	flex: 0 0 auto;
	margin-left: 0;
}

.navbar-inner .location-dropdown .location-trigger {
	min-width: 190px;
	max-width: 225px;
	height: 36px;
	min-height: 36px;
	border: 1px solid #c9d4e1;
	border-radius: 6px;
	background-color: #fff;
	color: #17365f;
	font-size: 14px;
	font-weight: 600;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.navbar-inner .location-dropdown .location-trigger:hover {
	border-color: #7588a1;
	background-color: #fbfcfe;
}

.navbar-inner .location-dropdown .location-trigger:focus-within {
	border-color: #17365f;
	box-shadow: 0 0 0 3px rgba(23, 54, 95, .12);
}


/* Home hero - sizing from the mockup */
.lfs-location-hero .location-trigger {
	width: 225px;
	height: 45px;
	min-height: 45px;
}

.hero-btn {
	min-width: 242px;
	height: 58px;
	padding: 0 25px;
	border-radius: 7px;
	font-size: 16px;
	font-weight: 700;
}

.hero-btn.primary {
	background: #24466f;
	border: 2px solid #24466f;
	box-shadow: 0 4px 14px rgba(23, 54, 95, .12);
}

.hero-btn.primary:hover {
	background: #1c3b62;
	border-color: #1c3b62;
	transform: translateY(-1px);
}

.hero-btn.secondary {
	background: #fff;
	color: #17365f;
	border: 2px solid #17365f;
}

.hero-btn.secondary:hover {
	border-color: #c8322b;
	color: #c8322b;
	transform: translateY(-1px);
}

/* Four proof boxes below the hero */
.proof-strip {
	max-width: 1480px;
	margin: 34px auto 0;
	background: #fff;
	border: 1px solid #dbe3ec;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(23, 54, 95, .08);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
	text-align: left;
}

.proof-item {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 14px;
	align-items: start;
	padding: 24px 22px;
	position: relative;
}

.proof-item:not(:last-child):after {
	content: "";
	position: absolute;
	top: 24px;
	right: 0;
	bottom: 24px;
	width: 1px;
	background: #dfe5ec;
}

.proof-icon {
	width: 52px;
	height: 52px;
	color: #c8322b;
	display: grid;
	place-items: center;
}

.proof-icon svg {
	width: 46px;
	height: 46px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2.35;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.proof-copy h3 {
	margin: 1px 0 7px;
	font-size: 15px;
	line-height: 1.25;
	color: #17365f;
}

.proof-copy p {
	margin: 0;
	font-size: 14px;
	line-height: 1.45;
	color: #53657b;
}

@media (max-width: 1250px) {
	.navbar-inner {
		gap: 16px;
		padding: 0 18px;
	}

	.nav-center,
	.nav-menu {
		gap: 2px;
	}

	.nav-menu a {
		padding-left: 8px;
		padding-right: 8px;
	}

	.nav-menu a.market:after {
		left: 8px;
		right: 8px;
	}

	.nav-right .nav-phone,
	.nav-right .nav-linkedin {
		display: none;
	}
}

@media (max-width: 1100px) {
	.proof-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.proof-item:nth-child(2):after {
		display: none;
	}

	.proof-item:nth-child(-n+2) {
		border-bottom: 1px solid #dfe5ec;
	}
}

@media (max-width: 700px) {
	.proof-strip {
		grid-template-columns: 1fr;
		margin-left: 16px;
		margin-right: 16px;
	}

	.proof-item {
		padding: 20px;
	}

	.proof-item:after {
		display: none !important;
	}

	.proof-item:not(:last-child) {
		border-bottom: 1px solid #dfe5ec;
	}

	/* The header keeps the brand, Add Your Listing and the hamburger only */
	.navbar-inner .location-dropdown {
		display: none;
	}

	.add-listing {
		height: 38px;
		padding: 0 12px;
		font-size: 12px;
	}
}

/*
 * The nav copy of the location box needs the same internal layout as the
 * in-body one. Without position:relative on the input box the absolutely
 * positioned pin anchors to .location-dropdown instead, which is what threw
 * the header contents out of line on every page except home.
 */
.navbar-inner .location-dropdown form,
.navbar-inner .location-dropdown .location-trigger {
	display: flex;
	align-items: center;
	margin: 0;
}

.navbar-inner .location-dropdown .trigger-input-box {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.navbar-inner .location-dropdown .location-trigger input.trigger-input {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

/* Newest/Oldest sort buttons are not part of the v10 header */
.navbar-inner .location-dropdown .header_top_btn_main {
	display: none;
}
.navbar-inner .location-dropdown .location-trigger {
  min-width: 190px;
  max-width: 190px;
  height: 44px;
}
.navbar-inner .location-dropdown .location-trigger svg {
  top: 2px;
}
.navbar-inner .nav-menu a, .navbar-inner .nav-menu a.active{
  padding: 15px 12px;
}

@media (max-width: 480px) {
.navbar-inner .add-listing {
  display: none;
}
}

/* ============================================================
   How It Works page (v7 redesign) — refs #1003
   Scoped under .howitwork-page with hiw- prefixed classes
   ============================================================ */
.howitwork-page {
  --hiw-navy: #17365f;
  --hiw-navy2: #24466f;
  --hiw-red: #c8322b;
  --hiw-text: #1d2f45;
  --hiw-muted: #617289;
  --hiw-line: #d8e0e9;
  --hiw-soft: #eef5fc;
  --hiw-soft2: #f7f9fc;
  --hiw-shadow: 0 4px 14px rgba(23, 54, 95, .09);
  color: var(--hiw-text);
  background: #fff;
  line-height: 1.55;
}
.howitwork-page a {
  text-decoration: none;
}
.hiw-container {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}
.hiw-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--hiw-red);
  margin-bottom: 14px;
}
.hiw-hero {
  background: var(--hiw-soft);
  border-bottom: 1px solid #dfe7f0;
  padding: 72px 0 64px;
}
.hiw-hero h1 {
  margin: 0 0 22px;
  max-width: 920px;
  font-size: clamp(38px, 4.6vw, 55px);
  line-height: 1.08;
  letter-spacing: -1.6px;
  color: var(--hiw-navy);
}
.hiw-lede {
  margin: 0 0 12px;
  max-width: 850px;
  font-size: 18px;
  color: #465a72;
}
.hiw-jump-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.hiw-jump {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 20px;
  border: 1.5px solid var(--hiw-navy);
  border-radius: 6px;
  color: var(--hiw-navy);
  font-size: 14px;
  font-weight: 700;
  background: #fff;
}
.hiw-jump:hover {
  background: var(--hiw-navy);
  color: #fff;
}
.hiw-section {
  padding: 64px 0;
  border-bottom: 1px solid #e6ebf1;
}
.hiw-section.hiw-soft {
  background: var(--hiw-soft2);
}
.hiw-section h2 {
  margin: 0 0 14px;
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.15;
  color: var(--hiw-navy);
  letter-spacing: -.5px;
}
.hiw-section-lede {
  margin: 0 0 30px;
  max-width: 760px;
  color: var(--hiw-muted);
  font-size: 16px;
}
.hiw-verify-card {
  max-width: 920px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 38px;
  background: #fff;
  border: 1px solid var(--hiw-line);
  border-radius: 10px;
  padding: 34px;
  box-shadow: var(--hiw-shadow);
}
.hiw-verify-card p {
  margin: 0 0 14px;
  font-size: 17px;
}
.hiw-verify-card p:last-child {
  margin-bottom: 0;
}
.hiw-verify-badge {
  align-self: center;
  background: var(--hiw-soft);
  border: 1px solid #d9e4f1;
  border-radius: 8px;
  padding: 24px;
}
.hiw-verify-badge .hiw-stripe {
  font-size: 25px;
  font-weight: 800;
  color: #635bff;
  margin-bottom: 14px;
}
.hiw-verify-badge strong {
  display: block;
  color: var(--hiw-navy);
  margin-bottom: 6px;
}
.hiw-verify-badge span {
  display: block;
  color: var(--hiw-muted);
  font-size: 14px;
  line-height: 1.45;
}
.hiw-workflow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 54px;
  align-items: start;
}
.hiw-never-pay {
  color: var(--hiw-red);
  font-size: 21px;
  font-weight: 700;
  margin: 18px 0 8px;
}
.hiw-freshness {
  max-width: 760px;
  color: var(--hiw-muted);
  margin-bottom: 28px;
}
.hiw-steps {
  display: grid;
  gap: 24px;
  counter-reset: hiwstep;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
.hiw-step {
  counter-increment: hiwstep;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  align-items: start;
}
.hiw-step:before {
  content: counter(hiwstep);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #cfd9e4;
  display: grid;
  place-items: center;
  color: var(--hiw-navy);
  font-size: 14px;
  font-weight: 700;
  background: #fff;
}
.hiw-step h3 {
  margin: 2px 0 5px;
  color: var(--hiw-navy);
  font-size: 18px;
}
.hiw-step p {
  margin: 0;
  color: var(--hiw-muted);
  font-size: 16px;
}
.hiw-rail {
  border-left: 1px solid var(--hiw-line);
  padding-left: 20px;
}
.hiw-rail-title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--hiw-muted);
  margin-bottom: 12px;
}
.hiw-rail-links {
  display: grid;
  gap: 9px;
}
.hiw-rail-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--hiw-line);
  border-radius: 999px;
  padding: 9px 13px;
  background: #fff;
  color: var(--hiw-navy);
  font-size: 13px;
  font-weight: 600;
}
.hiw-rail-link:hover {
  border-color: var(--hiw-navy);
}
.hiw-cta {
  padding: 58px 0 66px;
  background: #fff;
}
.hiw-cta h2 {
  margin: 0 0 12px;
  color: var(--hiw-navy);
  font-size: 32px;
}
.hiw-cta p {
  margin: 0 0 24px;
  color: var(--hiw-muted);
  font-size: 17px;
}
.hiw-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.hiw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  padding: 13px 20px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  border: 1.5px solid var(--hiw-navy);
}
.hiw-btn.primary {
  background: var(--hiw-navy);
  color: #fff;
}
.hiw-btn.secondary {
  background: #fff;
  color: var(--hiw-navy);
}
.hiw-btn.primary:hover {
  background: #102e50;
}
.hiw-btn.secondary:hover {
  border-color: var(--hiw-red);
  color: var(--hiw-red);
}
.hero-section-home .hiw-lede{
	margin: 0 auto;
	margin-bottom: 25px;
	font-size: 16px;
}
.host-callout-section {
  padding: 38px 0 42px;
  text-align: center;
  background: #24466f;
  color: #fff;
}
.host-callout-section h3 {
  color: #fff;
  margin-bottom: 15px;
}
.host-callout-section p {
  font-size: 16px;
  max-width: 850px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .hiw-workflow-grid,
  .hiw-verify-card {
    grid-template-columns: 1fr;
  }
  .hiw-rail {
    border-left: 0;
    padding-left: 0;
  }
  .hiw-hero {
    padding-top: 54px;
  }
}
@media (max-width: 760px) {
  .hiw-hero h1 {
    font-size: 36px;
  }
  .hiw-container {
    width: min(100% - 32px, 1120px);
  }
  .hiw-section {
    padding: 48px 0;
  }
/*
 * Listing list page: the breadcrumb is a flex child of the title row, so it
 * was sitting between the heading and the neighbourhood filter. It belongs on
 * its own line above the heading, hard left, like every other page.
 */
.office-list-inner-box-card .breadcrumb-main-box {
	order: -1;
	flex: 1 1 100%;
	background: transparent;
	padding: 0;
	margin: 0 0 4px;
	text-align: left;
}

.office-list-inner-box-card .breadcrumb-main-box .breadcrumb-main {
	margin: 0;
	padding: 0;
	max-width: none;
	text-align: left;
}

.office-list-inner-box-card .breadcrumbclass {
	justify-content: flex-start;
	margin: 0;
}

.hiw-lede strong b {
    font-weight: 800;
}

.hiw-verify-badge strong b {
    font-weight: 700;
}

p.hiw-section-p {
    font-size: 19px;
    color: var(--navy);
    font-weight: 700;
    margin: 0 0 18px;
}
.hiw-section-p {
    font-size: 18px;
    font-weight: 700;
}

h3.hiw-section-p {
    font-size: 18px;
    font-weight: 700;
}