.category {
	padding-left: 30px;
}

.category h3 {
	width: 40%;
	text-align: left;
}

.category .article-count {
	width: 40%;
	border: 1px solid;
	border-radius: 5px;
	padding: 5px 0px;
	position: absolute;
	bottom: 15px;
}

.category-list .category {
	padding-left: 30px;
	width: auto;
	border-radius: 8px;
	min-height: 200px;
	position: relative;
	margin: 0;

}

.category-list h3 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3em;
	font-weight: 700;
}

.category-list .category:hover {

	background: none;
}

.category-list #category-12 {
	order: 1;
}

.category-list #category-13 {
	order: 2;
}

.category-list #category-14 {
	order: 3;
}

.category-list #category-15 {
	order: 4;
}

.category-list #category-16 {
	order: 5;
}

.category-list #category-17 {
	order: 6;
}

.category-list #category-18 {
	order: 7;
}

#collection-category-55::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/acc_biling_img.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 130px;
	width: 99px;
	transform: translate(0%, -50%);
}

.category-list #category-18::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/contect_us.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 116px;
	width: 111px;
	transform: translate(0%, -50%);
}

#collection-category-35::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/conten_type.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 92px;
	width: 140px;
	transform: translate(0%, -50%);
}

#collection-category-49::before {
	background-image: url(https://iclivecdn.lightersideofrealestate.com/innercircle/imgs/using_template.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 39px;
	top: 50%;
	height: 101px;
	width: 101px;
	transform: translate(0%, -50%);
}

#collection-category-41::before {
	background-image: url(https://iclivecdn.lightersideofrealestate.com/innercircle/imgs/genration_leads.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 124px;
	width: 111px;
	transform: translate(0%, -50%);
}

#collection-category-44::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/cc_img.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 106px;
	width: 150px;
	transform: translate(0%, -50%);
}

#collection-category-60::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/ic_engage_img.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 120px;
	width: 123px;
	transform: translate(0%, -50%);
}

#collection-category-27::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/personalize_img.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 116px;
	width: 111px;
	transform: translate(0%, -50%);
}

.category-list #category-15::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/publishing_content.svg);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	height: 116px;
	width: 111px;
	transform: translate(0%, -50%);
	;
}

#collection-category-1::before {
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/innercircle/imgs/getting_Started.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 25px;
	height: 153px;
	width: 112px;
	transform: translate(0%, -50%);
	top: 50%;
}

#collection-category-173::before {
	background-image: url(https://iclivecdn.lightersideofrealestate.com/innercircle/imgs/FQA.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	right: 43px;
	height: 88px;
	width: 94px;
	transform: translate(0%, -50%);
	top: 50%;
}

#category-17,
#category-18 {
	width: 44%;
	margin-right: 0;
}

.container-fluid {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}

.category-list {
	margin: 1em auto;

}

/* Container for the categories */
.category-list {
	display: flex;
	flex-wrap: wrap;
	/* Allows items to wrap to the next line */
	gap: 20px;
	/* Adds space between the boxes */
	justify-content: center;
}

/* Default category box styling */
.category-list .category {
	width: 27.66%;
	/* Each box takes up 29% to accommodate gaps */
	padding: 20px;
	box-shadow: none;
	border-radius: 8px;
	background-color: white;
	text-align: center;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
	.category-list .category {
		width: 42%;
		/* On smaller screens, show two per row */
	}

	#category-17,
	#category-18 {
		width: 50%;
		margin-right: 0;
	}

}

@media (max-width: 768px) {
	.category-list .category {
		width: 42%;
		/* Stack all items in one column on mobile */
	}

	#category-17,
	#category-18 {
		width: 50%;
		margin-right: 0;
	}
}


#docsSearch {
	background: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/img_assets/new_dashboard_search_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 269px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

#docsSearch h1 {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin-top: .4em;
	color: #fff;
}

footer {
	margin-top: 70px;
}

#searchBar {
	text-align: left;
	margin-bottom: 0;
	padding: 2em 0;
	position: relative;
	width: 620px;
	margin: 0 auto;
}

#searchBar {
	text-align: left;
	margin-bottom: 0;
	padding: 2em 0;
	position: relative;
	width: 620px;
	margin: 0 auto;
	/* display: flex; */
}

#searchBar button {
	color: #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .4);
	background: #48A0F3;
	border-radius: 5px;
	border: 1px solid #48A0F3;
	font-size: 18px;
	padding: 0 1.5em;
	height: 40px;
	position: absolute;
	top: 24px;
	right: -40px;
}

#searchBar .search-query {
	border-radius: 5px;
	font-size: 18px;
	line-height: 22px;
	width: 540px;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sidebar {
	margin: 32px 0 0 0;
	min-width: 330px;
}

@media (max-width: 575px) {
	#searchBar .search-query {
		border-radius: 5px;
		font-size: 14px;
		line-height: 22px;
		max-width: 540px;
		height: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 250px;
	}

	#searchBar {
		text-align: left;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		max-width: 620px;
		width: 370px;
		margin: 0 auto;
		/* display: flex; */
	}

	#searchBar button {
		color: #fff;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, .4);
		background: #48A0F3;
		border-radius: 5px;
		border: 1px solid #48A0F3;
		font-size: 18px;
		padding: 0 1.5em;
		height: 40px;
	}
}

@media (max-width: 575px) {
	#sidebar {
		margin: 32px 0 0 0;
		min-width: 100%;
	}

	#contentArea .row-fluid {
		display: flex;
		flex-direction: column;
	}

	#main-content {
		order: 2;
	}

	#sidebar {
		order: 1;
	}

	#sidebar .icon-search:before {
		position: relative;
		content: "\e601";
		top: 0px;
		font-size: 18px;
	}

	#searchBar .search-query {
		border-radius: 5px;
		font-size: 14px;
		line-height: 22px;
		max-width: 540px;
		height: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 220px;
	}

	#searchBar {
		text-align: left;
		margin-bottom: 0;
		padding: 0;
		position: relative;
		max-width: 620px;
		width: 300px;
		margin: 0 auto;
		padding-top: 5px;
		/* display: flex; */
	}
	.navbar {
        margin: 0 -20px;
        z-index: 1111;
        position: relative;
    }
	.hsds-beacon .jwGyQJ .c-Icon{
		top: -4px !important;
	}
}

.nav-list>.active>a::after {
	border-bottom: 4px solid #48A0F3;
	content: '';
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 0;
}

.nav-list a {
	position: relative;
}

body {
	background: #F0F5F9;
}

.contentWrapper {
	background: #fff;
	border: 0px solid #e9e5e5;
	color: #222;
	min-height: 460px;
	padding: 30px;
	position: relative;
	border-radius: 8px;
}

#main-content {
	max-width: 720px;
}

#sidebar form .search-query {
	display: block;
	width: 100%;
	margin: 0;
	padding-right: 35px;
	font-size: 14px;
	line-height: 18px;
	height: 40px;
	border: 0px solid #D0D0D0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	color: #666;
	background: #DFE7EF;
	box-shadow: none;
}

.navbar .nav li#home {
	display: none;
}

#sidebar .nav-list a {
	display: inline-block;
	color: #858585;
	font-size: 1.1em;
	padding: 6px 0px 6px 0;
	line-height: 20px;
	margin-left: 0;
}

#sidebar .nav-list a .icon-arrow {
	display: none !important;
}

#sidebar .nav-list a {
	display: inline-block;
	font-size: 16px;
	padding: 6px 0px 6px 0;
	line-height: 20px;
	margin-left: 0;
	color: #2C404E;
}

.navbar .nav {
	position: absolute;
	right: 0;
	left: auto;
	bottom: 0;
	margin-right: 0;
	top: 15px;
}

#sidebar .nav-list a:focus,
#sidebar .nav-list a:hover {
	text-decoration: none;
	background: 0 0;
	color: #2C404E;
	font-weight: 700;
}

#sidebar h3 {
	text-transform: uppercase;
	font-size: 20px;
	color: #2C404E;
	margin-bottom: 15px;
}

.navbar .nav li a.contactUs {
	background: #849AAE;
	border-radius: 5px;
	width: 128px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 10px 10px 10px;
	line-height: normal;

}

.contentWrapper #categoryHead h1 {
	font-size: 24px;
	font-weight: 700;
}

#sidebar .nav-list li {
	margin: 0px 0 15px 0;
}

.contentWrapper h1 {
	font-weight: 700;
	margin-top: 0;
	font-size: 24px;
	line-height: 1.2em;
	color: #2C404E;
}

.breadcrumb-container a {
	color: #98ABBC;
	font-size: 14px;
}

.breadcrumb-container a:hover {
	color: #98ABBC;
	text-decoration: none;
}

.breadcrumb span {
	color: #98ABBC;
	font-size: 14px;
}

.breadcrumb-container {
	margin-bottom: 25px;
}

input::placeholder {
	color: #98ABBC;
	font-size: 16px;
	font-weight: 400px;
}

body #categoryHead .sort {
	position: absolute;
	right: 0;
	top: 0px;
}

#main-content {
	background: none;
}

#mainNav {
	height: 70px;
}

.navbar-inner {
	height: 70px;
}

.navbar .brand {
	padding: 15px 0px 15px;
}

.icon-search:before {
	content: "\e601";
	color: #98ABBC;
}

.collection-category:hover {
	box-shadow: 0px 0px 25px 0px rgba(44, 64, 78, 0.15);
}

.collection-category a:hover {
	text-decoration: none;
	border-bottom: 0px dotted #b3b3b3 !important;
}

.collection-category {
	cursor: pointer;
}

.article-count {
	position: absolute;
    bottom: 20px;
    /* padding: 4px 0px; */
    border: 1px solid #48A0F3;
    width: 80px;
    text-align: center;
    border-radius: 4px;
    color: #48A0F3;
    font-size: 12px;
    display: flex;
    max-width: 78px;
    height: 22px;
    align-items: center;
    justify-content: center;
}

.demo-button {
	position: absolute;
	bottom: 20px;
	padding: 3px 5px;
	border: 1px solid #48A0F3;
	min-width: 80px;
	text-align: center;
	border-radius: 4px;
	color: #48A0F3;
	background-color: transparent;
	/* Optional: set background color */
	cursor: pointer;
	/* Change cursor to pointer on hover */
}

.category-list .category:hover {
	background: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border: 0px;
}

.category-list .category {
	border: 0px;
}


/*nav menu drop down*/
/* Style the nav list */
.nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.nav .dropdown-menu li {
	display: block;
}

/* Style each list item */
.nav li {
	display: inline-block;
	position: relative;
}

/* Style the links */
.nav li a {
	text-decoration: none;
	padding: 10px;
	display: block;
	color: #000;
}

/* Hide the dropdown menu by default */
.dropdown-menu {
	display: none;
	position: absolute;
	top: 30px;
	right: 20px;
	background-color: white;
	box-shadow: 0px 0px 25px 0px rgba(44, 64, 78, 0.15);
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 1000;
	border-radius: 5px;
	border: 0px !important;
	width: 250px;

}

/* Style the dropdown menu items */
.dropdown-menu li {
	padding: 0;
}

/* Show dropdown menu on hover */
.dropdown:hover .dropdown-menu {
	display: block;
}

.navbar .nav>li>.dropdown-menu:before,
.navbar .nav>li>.dropdown-menu:after {
	display: none !important;
}

.navbar .nav .dropdown-menu a {
	padding: 5px 15px;
}

/* Optional: add some hover effects */
.nav li a:hover {
	background-color: #f1f1f1;
}

.navbar .nav>li>.dropdown-toggle {
	position: relative;
	/* Required for positioning the arrows */
}

.navbar .nav>li>.dropdown-toggle:after {
	/* Hide the default triangle */
	position: absolute;
	top: 50%;
	/* Center the arrow vertically */
	left: 10px;
	/* Adjust the horizontal position */
	transform: translateY(-50%);
	/* Center it vertically */
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #000;
	/* Down arrow */
}

.navbar .nav>li>.dropdown-menu {
	display: none;
	/* Hide dropdown menu by default */
}

.navbar .nav>li>.dropdown.open>.dropdown-toggle:after {
	border-bottom: none;
	/* Remove down arrow when open */
	border-top: 6px solid #000;
	/* Add up arrow */
}

.dropdown.open .dropdown-menu {
	display: block;
	/* Show dropdown when open */
}

svg {
	transition: transform 0.2s ease;
	/* Smooth transition for rotation */
	margin-left: 5px;
	/* Space between text and caret */
}

.navbar .nav>li.dropdown>a {
	padding: 0 30px;
	line-height: normal;
	background-color: transparent !important;
	font-size: 16px;
}

.navbar .nav .dropdown-menu a:hover {
	background-color: #F5F8FA !important;
	color: #2C404E;
}

.navbar .nav .dropdown-menu a {
	color: #2C404E;
	font-size: 16px;
}

.navbar .nav .dropdown-menu .active a {
	color: #2C404E;
	font-weight: 700;
}

.caret {
	display: none !important;
}

svg {
	top: -2px;
	position: relative;
}

/*side bar*/

#sidebar .nav.nav-list li {

	display: block;
}


/*knowledge base page */

/* Footer styles */
footer.center {
	text-align: center;
	/* Center footer text */
	width: 100%;
	/* Make sure footer takes full width */
}

#contentArea {
	display: flex;
	flex-wrap: wrap;
	/* Allow sections to wrap to next line if needed */
	justify-content: flex-start;
	/* Align items to the start */
	gap: 30px;
	justify-content: center;
	margin-bottom: 50px;
	margin-top: 10px;
}

.container-fluid:after,
.container-fluid:before {
	display: none !important;
	content: "";
	line-height: 0;
}

body .collection-category h2 a {
	color: #2C404E;
	font-size: 20px;
	font-weight: bold;
}

body .collection-category h2 a:hover {
	text-decoration: none;
}

.collection-category {
	flex-basis: calc(100% / 3.3);
	box-sizing: border-box;
	padding: 30px;
	background: #fff;
	border-radius: 8px;
	min-height: 200px;
	position: relative;
	min-width: 330px;
}

/* Adjusting based on child categories */
.collection-category:has(.category-list:only-child) {
	flex-basis: 50%;
	/* 50% width if there's only one child */
}

.collection-category:has(.category-list:only-child .category) {
	flex-basis: 50%;
	/* Maintain 50% for single category if it is alone */
}

/* Ensuring sections with multiple categories are displayed correctly */
.category-list {
	display: flex;
	/* Flexbox for child categories */
	flex-wrap: wrap;
	/* Wrap categories in the list */
}

.category {
	flex-basis: calc(50% - 10px);
	/* 50% width for each category, minus margin for spacing */
	margin: 5px;
	/* Space between categories */
}

.category-list {
	flex-wrap: nowrap;
}

.category {
	flex-basis: 100%;
	margin: 5px;
}

.collection-category .category-list {
	margin: 0 0 1em;
}

.collection-category h2 {
	font-weight: 400;
	margin: 0 0 0px;
	padding-left: 0;
	font-size: 22px;
	width: 49%;
	line-height: 28px;
}

#sidebar svg {
	top: 1px;
}

@media (max-width: 1100px){
	body .collection-category h2 a {
		font-size: 16px;
	}
	.collection-category h2 {
		line-height: 21px;
	}
}
@media (max-width: 950px) {

	.collection-category::before {
		background-size: 80% !important;
	}

	.collection-category h2 {
		line-height: 18px;
	}
	body .collection-category h2 a {
		color: #2C404E;
		font-size: 14px;
		font-weight: bold;
	}

}
/* Make adjustments for smaller screens */
@media (max-width: 768px) {
	.collection-category {
		flex-basis: 100%;
		/* Full width on smaller screens */
	}
    .collection-category h2 {
        text-align: left;
    }

	.category-list {
		flex-wrap: wrap;
	}

	.home-page #mainNav.navbar .nav li.dropdown {
		display: none;
	}

	#mainNav.navbar .nav {
		position: relative;
		padding: 0;
	}
}

#sidebar h3 {
	display: flex;
	text-transform: none;
}

#sidebar h3 a {
	margin-right: 10px;
}

.category-list {
	display: none;
}

.category-title {
	font-size: 28px;
	text-align: center;
	margin: 40px 15px;
}

body.home-page .dropdown {
	display: none
}

.articleList a {
	line-height: 1.5em;
	margin-left: -24px;
	text-decoration: none;
	font-size: 16px;
}

#sidebar .nav-list {
	padding: 0;
	margin-bottom: 34px;
	margin-left: 33px;
}

.articleList li {
	margin: 1em 0;
	padding-left: 25px;
}

#main-content .contentWrapper h1 {
	font-size: 18px;
}

@media (max-width: 768px) {
	.navbar .nav li {
		display: block;
		margin-bottom: 20px;
	}

	.navbar .brand {
		max-width: 130px !important;
	}

	.navbar .btn-navbar:hover .icon-bar {
		background: #576C80 !important;
	}

	.nav-collapse,
	.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
		background: #fff;
		border-radius: 4px;
		box-shadow: 0px 0px 25px 0px rgba(44, 64, 78, 0.15);
		width: fit-content;
		right: 0;
		position: absolute;
		top: 60px;
	}

	#mainNav.navbar .nav li#contact {
		margin-bottom: 10px;
	}

	.navbar .nav {

		position: relative;
	}

	.navbar {
		margin: 0 -20px;
		z-index: 1;
		position: relative;
	}

	body.home-page .navbar .navbar-inner {
		background: #F0F5F9;
	}

	body:not(.home-page) .navbar .navbar-inner {
		background: #fff;
	}

	.dropdown {
		svg {
			top: -2px;
			position: relative;
		}
	}

	.navbar .nav>li>.dropdown-menu {
		display: none;
		margin-top: 20px;
	}

	.category-title {
		font-size: 22px;
		text-align: center;
		margin: 20px 15px;
		margin-top: -10px;
	}

	.navbar .btn-navbar .icon-bar {
		background: #576C80;
	}

	#docsSearch h1 {
		font-size: 26px;
		font-weight: 400;
		text-align: center;
		margin-top: .4em;
		color: #fff;
	}

	#searchBar button span {
		font-size: 14px;
		text-indent: 0;
		width: 45px;
		color: #fff;
	}

	#searchBar button {
		width: fit-content;
		margin: 0 auto;
		margin-top: 20px;
		position: relative;
		top: 0;
		right: auto;
		left: auto;
		height: 40px;
	}

	#docsSearch {
		padding: 10px 30px;
	}

	#searchBar button .icon-search {
		display: none;
		text-shadow: none;
	}

	#searchBar .search-query {
		border-radius: 5px;
		margin-right: 0;
	}

	.navbar .btn-navbar {
		position: absolute;
		top: 23px;
		right: -10px;
		margin-top: 14px;
		width: 38px;
		height: 28px;
		text-shadow: none;
		border: 0;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin: 0;
	}

	#mainNav.navbar .nav li {
		margin-bottom: -5px;
	}

	#mainNav.navbar li.dropdown {
		margin-bottom: 20px;
	}

	#sidebar .nav-list {
		margin-bottom: 0;
		margin-left: 33px;
	}

	.navbar .brand {
		padding: 20px 0px 17px;
	}

	.nav-collapse.in.collapse {
		min-height: auto !important;
		padding-bottom: 15px;
		width: 263px;
	}

	.navbar .nav .dropdown-menu a {
		padding-left: 15px;
	}

	.navbar .nav>li>.dropdown-menu {
		text-align: left;
		margin: 0;
		display: block !important;
		width: 100%;
	}

	.dropdown-toggle {
		display: none !important;
	}

	#mainNav.navbar li.dropdown {
		margin-bottom: 20px !important;
		border-bottom: 1px solid #D7E1EA;
		padding-bottom: 10px;
	}

	#mainNav.navbar .nav li {
		margin-bottom: -5px;
		width: 100%;
	}

	.navbar .nav li a.contactUs {
		background: transparent;
		border-radius: 5px;
		width: 100%;
		text-align: left;
		color: #2C404E;
		font-size: 16px;
		margin-bottom: 15px;
		padding: 0;
		line-height: normal;
		margin-top: 0px;
		padding-left: 15px;
	}
}

@media (max-width: 575px) {
	#searchBar {
		display: block !important;
		width: 100%;
		text-align: center;
	}

	.category-list .category {
		width: 100%;
		/* Stack all items in one column on mobile */
	}
	.category {
		flex-basis: 100%;
		/* Full width for category items */
	}
	#category-17,
	#category-18 {
		width: 100%;
		margin-right: 0;
	}

	.icon-search:before {
		position: relative;
		content: "\e601";
		top: 10px;
		font-size: 18px;
	}

	.collection-category h2 {
		text-align: left;
	}

	#main-content {
		background: none;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
	}

	.breadcrumb-container {
		margin-bottom: 30px;
	}

	svg {
		top: 2px;
		position: relative;
	}

	#sidebar h3 {
		text-transform: uppercase;
		font-size: 18px;
		color: #2C404E;
		margin-bottom: 15px;
	}

	.contentWrapper {
		padding: 20px;
	}

	#sidebar {
		margin-top: 22px;
		padding-bottom: 10px;
	}

	.contentWrapper h1 {
		font-weight: 700;
		margin-top: 0;
		font-size: 18px;
		line-height: 1.2em;
		color: #2C404E;
	}

	.articleList a {
		line-height: 1.5em;
		margin-left: -24px;
		text-decoration: none;
		font-size: 14px;
	}

	#docsSearch h1 {
		font-size: 26px;
		font-weight: 400;
		text-align: center;
		margin-top: .4em;
		color: #fff;
	}

	.category-title {
		font-size: 22px;
		text-align: center;
		margin: 40px 15px;
	}

	.collection-category h2 {
		font-weight: 400;
		margin: 0 0 0px;
		padding-left: 0;
		font-size: 18px;
		width: 49%;
		line-height: 24px;
	}

	body .collection-category h2 a {
		color: #2C404E;
		font-size: inherit;
		font-weight: bold;
		line-height: normal;
	}

	body {
		padding-left: 15px;
		padding-right: 15px;
	}

	.category-title {
		font-size: 22px;
		text-align: center;
		margin: 20px 15px;
		margin-top: -10px;
	}

	.collection-category {
		min-height: 157px;
	}

	#collection-category-1::before {
		height: 124px;
		width: 102;
	}

	#collection-category-41::before {
        height: 93px;
        width: 101px;
	}

	#collection-category-55::before {
		height: 102px;
		width: 87px;
	}

	#collection-category-44::before {
        height: 96px;
        width: 120px;

	}

	#collection-category-49::before {
		height: 91px;
		width: 91px;
	}

	#collection-category-60::before {
		height: 100px;
		width: 103px;

	}

	#collection-category-35::before {
        height: 72px;
        width: 120px;
	}

	#collection-category-27::before {
		height: 96px;
		width: 91px;
	}

	#searchBar .search-query {
		width: 100%;
		height: 40px;
	}
	#collection-category-173::before{
		width: 84px;
		right: 20px;
	}
	#contentArea {
		gap: 20px;
	}
	.collection-category {
        flex-basis: 100% !important;
    }
}

.hsds-beacon .kefWwX svg {
	fill: #2C404E !important;
}

.c-FabButtonCritical__squircle-background svg {
	fill: #2C404E;
}

.cs_action_trigger {
	display: block;
	width: 60px;
	height: 60px;
	line-height: normal;
	font-size: 0;
	border-radius: 27px;
	margin: 0 0 10px 0;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	top: auto;
	position: fixed;
	bottom: 70px;
	right: 20px;
	background: #849AAE;
}

.circle {
	border-radius: 25px !important;
}

.cs_action_trigger img {
	width: 18px;
	position: absolute;
	transition: left .3s;
	height: 18px;
}

.cs_supportarticle img {
	top: 22px;
	right: 20px;
}

.cs_content {
	display: none;
	font-size: 16px;
	color: #fff;
	line-height: normmal;
	padding-left: 10px;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 18px;
	right: -80px;
	-webkit-transition: .4s cubic-bezier(.24, .45, .31, .96);
	-moz-transition: .4s cubic-bezier(.24, .45, .31, .96);
	-ms-transition: .4s cubic-bezier(.24, .45, .31, .96);
	transition: .4s cubic-bezier(.24, .45, .31, .96);

}

.cs_supportarticle:hover {
	width: 178px;
	height: 60px;
	border-radius: 25px;
	cursor: pointer;
	transition: all .3s;
	right: 20px;
}

.cs_supportarticle:hover img {
	left: auto;
}

.cs_supportarticle:hover .cs_content {
	visibility: visible;
	opacity: 1;
	right: 52px;
	display: inline-block;
	transition-delay: .2s;
}

.modal_fadein_wrapper {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: var(--pop-z-index-over);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgb(44, 64, 78, 0.7);
	display: none;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
}

.change_bookademo_wrapper {
	bottom: 80px;
	position: fixed;
	right: 20px;
	z-index: 1049;
}

.book_a_demobtn {
	display: flex;
	padding: 7px 13px 7px 13px;

	column-gap: 9px;
	border-radius: 25px;
	align-items: center;
	font-size: 16px !important;
	line-height: normal !important;
	background: #576C80 !important;
	border: 1px solid #576C80 !important;
	color: #fff;
	height: 60px;
	width: 60px;
}

.cs_supportarticle .cs_content {
	visibility: hidden;
	opacity: 0;
	right: 0;
	display: inline-block;
	transition: opacity 0.2s, right 0s;
}

.book_a_demobtn:hover {
	padding: 12px 15px 10px 15px;
	width: 190px;
	transition: all .3s;
}

.book_a_demobtn:hover span {
	display: inline-block;
	width: 130px;
	right: 50px;
	transition-delay: .0.05s;
}

.book_a_demobtn span {
	display: inline-block;
	width: 120px;
	right: -999px;
	position: absolute;
	top: 21px;
}

.book_a_demobtn svg {
	right: 21px;
	top: 21px;
	position: absolute;
	height: 18px;
	width: 18px;
}

.book_a_demobtn:hover svg {
	right: 21px;
}

.modal_popup.opened {
	z-index: 1111;
}

.modal_fadein_wrapper.opened {
	visibility: visible;
	pointer-events: all;
	display: flex;
	opacity: 1;
}

.modal_fadein_animation_container {
	position: relative;
	margin: 50px auto 0;
	width: 95%;
	max-width: 575px;
	max-height: 75vh;
	-webkit-transitiontransform: translate(0, -50px);
	-moz-transitiontransform: translate(0, -50px);
	transform: translate(0, -50px);
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	transition: transform .3s;
}

.invoice_history_popup_width {
	width: 95%;
	max-width: 830px;
}

.invoice_history_popup_width.show_scheduled_demo_new_width {
	max-width: 1000px;
}

.modal_body_fadein_animate {
	overflow: hidden;
	margin-bottom: 20px;
	background: #fff;
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
	border-radius: 8px;
	padding-top: 15px;
}

.animate {
	top: 0;
	opacity: 1;
	visibility: visible;
}

div#billing_calendly_integration {
	padding-bottom: 20px;
    height: 690px;
	margin-top: 0px;
	padding-top: 20px;
}

.calendly_heading{
    z-index: 1;
    position: relative;
    background: #fff;
}
.close_btn {
	color: #fff;
	position: relative;
	width: 30px;
	height: 30px;
	z-index: 99;
	background: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/img_assets/close_icon.png) no-repeat center center;
	background-size: cover;
	border: none;
}

.modal_close {
	position: absolute;
	top: -38px;
	right: -2px;
	display: inline-block;
}

.loader_blue {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-image: url(https://s3.amazonaws.com/iclivecdn.lightersideofrealestate.com/img_assets/post_filter.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
}


.article-count~.article-count {
	display: none;
}

.article-count .notranslate {
	display: inline-block;
	margin-right: 5px;
}

.articleList {
	margin: 0;
}

.contentWrapper {
	min-height: 350px;
}

footer {
	margin-top: 70px;
	display: none;
}

#collection-category-101 {
	display: none;
}

#sidebar .nav.nav-list li a:hover {
	font-weight: 400;
	;
}

#sidebar .nav.nav-list li a:hover::after {
	border-bottom: 4px solid #48A0F3;
	content: '';
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 0;
}

#sidebar .nav.nav-list li.active a:hover {
	font-weight: 700;
	;
}


.breadcrumb {
	color: #B2C2D0;
}

body .BeaconFabButtonFrame {
	border: none;
	bottom: 10px;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
	position: fixed;
	right: 20px;
	top: auto;
	transition: box-shadow 250ms ease, opacity 0.4s ease, scale 0.125s ease-in-out, transform 0.2s ease-in-out;
}


@media (max-width: 1024px) {
	#main-content {
		max-width: 650px;
	}
}

.icon-article-doc {
	display: none;
}

body * {
	font-family: "PT Sans", Helvetica, Arial, Verdana, sans-serif;
}

@media (max-width: 768px) {
	body #fullArticle .printArticle {
		right: 16px;
		top: 53px;
	}

	#fullArticle a {
		word-break: break-all;
	}

	#main-content {
		float: none;
		width: auto;
		padding: 0;
		margin: 0;
		background: 0 0;
	}

	#main-content {
		max-width: 100%;
	}

	.articleList li {
		margin: 1em 0;
		padding-left: 0px;
	}

	.articleList a {
		line-height: 1.5em;
		margin-left: 0px;
		text-decoration: none;
		font-size: 16px;
	}

	#contentArea .row-fluid {
		display: flex;
		flex-direction: column;
	}

	#main-content {
		order: 2;
	}

	#main-content {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.change_bookademo_wrapper {
		bottom: 80px;
		position: fixed;
		right: 20px;
		z-index: 1049;
	}

	.cs_action_trigger {
		bottom: 70px;
		right: 20px;
	}

	div#billing_calendly_integration {
		padding-bottom: 20px;
		height: 690x;
		margin-top: 0px;
	}

	.cs_supportarticle:hover {
		width: 188px;
		height: 60px;
		border-radius: 25px;
		cursor: pointer;
		transition: all .5s;
		right: 20px;
	}

	.articleList li {
		margin: 1em 0;
		padding-left: 0px;
	}

	.articleList a {
		line-height: 1.5em;
		margin-left: 0px;
		text-decoration: none;
		font-size: 14px;
	}

	body .BeaconFabButtonFrame,
	.change_bookademo_wrapper,
	.cs_action_trigger {
		right: 8px;
	}

	#sidebar .nav-list li {
		margin: 0px 0 10px 0;
	}

	body #categoryHead .sort {
		position: relative;
		right: 0;
		top: 0px;
	}
	.modal_body_fadein_animate{
		padding: 15px;
	}
	.modal_fadein_animation_container {
		transform: translate(0, -90px);
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	body .row-fluid .span9 {
		width: 62.309392%;
	}

	body #sidebar {
		margin: 32px 0 0 0;
		min-width: 270px;
	}

	.articleList li {
		margin: 1em 0;
		padding-left: 0px;
	}

	.articleList a {
		line-height: 1.5em;
		margin-left: 0px;
		text-decoration: none;
		font-size: 16px;
	}
	#searchBar.sm {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-bottom: 25px;
	}
}

@media (max-width: 1120px) {
	#sidebar {
		margin: 32px 0 0 0;
		min-width: 260px;
	}
}
#miscellaneous-topics {
	display: none;
}
.hsds-beacon .bbHIsf{
    bottom: 10px!important;
    right: 20px !important;
}

#serp-dd{
    width: 538px;
	top: 60px;
}

#mainNav .navbar-inner .brand{
	width: 170px;
	height: auto;
  }

@media (max-width: 850px) {
	.collection-category {
		flex-basis: 47%;
	}
	.collection-category h2 {
        line-height: 24px;
    }
	body .collection-category h2 a {
        color: #2C404E;
        font-size: 18px;
        font-weight: bold;
    }
}
@media (max-width: 768px) {
    #serp-dd {
        top: 44px;
    }
	#searchBar {
		text-align: center;
		width: 100%;
	}
	#searchBar .search-query {
		width: 100%;
	}
	#contentArea {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 30px;
		justify-content: center;
		margin-bottom: 50px;
		margin-top: 10px;
	}
	.collection-category {
        flex-basis: 47%;
    }
}
@media only screen and (max-width: 650px){
	.collection-category {
		padding: 20px;
		min-width: 100%;
	}
	.modal_fadein_animation_container {
		max-height: 65vh;
	}
}
@media (max-width: 560px) {
#serp-dd {
    width: 99%;
}
.hsds-beacon .bbHIsf{
    bottom: 10px!important;
    right: 10px !important;
}
.mobile-hamburger-in #mainNav{
	z-index: 1111;
}
#mainNav .navbar-inner .brand{
	height: auto;
}
 
#collection-category-101::before,#collection-category-49::before, #collection-category-55::before,#collection-category-1::before,#collection-category-113::before,#collection-category-41::before,#collection-category-44::before,#collection-category-55::before,#collection-category-60::before,#collection-category-27::before{
	right: 20px;
}
}

@media (max-width: 360px) {
	#collection-category-101::before,#collection-category-49::before, #collection-category-55::before,#collection-category-1::before,#collection-category-113::before,#collection-category-41::before,#collection-category-44::before,#collection-category-55::before,#collection-category-60::before,#collection-category-27::before{
		right: 20px;
	}
}
.cs_supportarticle{
	display: none;
}
.no-scroll {
	overflow: hidden;
}
#serp-dd .result a:hover{
	background: #F5F8FA !important;
}
#serp-dd .result a {
    display: block;
    padding: 7px 15px;
    font-size: 15px;
    color: #2C404E;
}
#searchBar .search-query{
	font-size: 16px;
	padding-left: 40px;
}

@media only screen and (max-width: 820px) and (min-width: 768px) and (orientation: portrait) {

	#collection-category-1::before {
		height: 123px;
		width: 82px;
	}
	#collection-category-35::before {
			height: 82px;
			width: 100px;
	}

	#collection-category-27::before{
		height: 96px;
		width: 91px;
	}
	#collection-category-41::before {
		height: 104px;
		width: 91px;
	}
	#collection-category-44::before {
		height: 76px;
		width: 90px;

	}
	#collection-category-49::before {
		height: 81px;
		width: 71px;
	}
	#collection-category-55::before {
		height: 110px;
		width: 79px;
	}
	#collection-category-60::before {

		height: 100px;
		width: 93px;

	}
	#searchBar.sm {
        width: 100%;
	}
  }

  @media only screen and (max-width: 1600px) and (min-width: 1024px) and (orientation: portrait) {
	/* Styles for Samsung Galaxy Tab S7 in portrait mode */
	#searchBar.sm {
        width: 100%;
	}
	body #sidebar {
        margin: 32px 0 0 0;
        min-width: 280px;
    }
  }
  
  .dropdown-toggle{
	color: #48A0F3 !important;
  }

  #sidebar form button{
	left: 13px;
	right: auto !important;
	width: 18px;
  }
  #searchBar.sm button .icon-search{
	width: 18px;
	height: 18px;
  }
  .icon-search:before{
	color:#576C80;
  }
  #sidebar #searchBar #serp-dd.sb {
    top: 38px;
    width: 100%;
    border-radius: 0 5px 5px 5px;
}

.printArticle{
	display: none;
}

@media only screen and (min-width: 576px){
    .c-BeaconCloseButton{
        display: none !important
    }
}


  .home-page #searchBar .search-query{
	padding-left: 15px;;
  }
  /* Loader container */
.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7); /* Light overlay */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;  /* Make sure it's above all other content */
	opacity: 1;
	visibility: visible;
  }
  
  /* Spinner style */
  .spinner {
	border: 4px solid rgba(255, 255, 255, 0.3); /* Light color */
	border-top: 4px solid #333;  /* Dark color for spinner */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
  }
  
  /* Keyframe animation for spinning */
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  
  /* Hide the loader instantly */
  .loader.hidden {
	display: none !important;  /* Instantly hide the loader */
  }
  
  #collection-category-113, #beacon-topics{
	display: none;
  }

.no_margin{
	margin-bottom: 0 !important;
}

.hsds-beacon .lcyIqL {
	bottom: 80px !important;
    right: 20px !important;
}

iframe.video_link{
	width: 500px;
    height: 280px;
    margin: 0 auto;
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}
@media only screen and (max-width: 991px){
	iframe.video_link{
		width: 100%;
	}
}
@media only screen and (max-width: 576px){

	iframe.video_link{
		width: 100%;
		height: auto;
	}
}

.articleList li a{
	display: flex;
}