/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.6
	Stable tag: 3.4.6
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/************************* CLAI FOR SEO CSS STARTS HERE *****************************/
.page-id-1215 .site-header,
.page-id-33 .site-header,
.single-area .site-header,
.single-area-service .site-header {
	display: none !important;
}

.elementor-shortcode .elementor-icon-box-wrapper {
	display: flex !important;
}

.clai-body-content ul {
	margin-bottom: 1em;
}

.clai-sidebar-card {
	background-color: white;
	border: 2px solid #F3F3F3;
	border-radius: 20px;
	width: 100%;
	margin: 1em auto 1em auto;
}

.area-list-ul {
	margin: 1em 0;
	padding-left: 1.5em;
	display: grid;
	column-gap: 1em;
	grid-template-columns: auto auto auto;
}

.area-list-point a {
	font-size: 1rem;
	font-weight: bold;
}

.area-list-point a:not(.active) {
	text-decoration: none !important;
}

.sidebar-area-list {
	max-height: 300px;
	overflow-y: scroll;
	background: linear-gradient(rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), rgb(245, 245, 245) 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center bottom;
	background-repeat: no-repeat;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
	padding: 1em;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	display: grid;
	grid-template-columns: auto;
	row-gap: 0.5em;
	margin: 0 !important;
	text-align: center;
}

.active {
	text-decoration: underline !important;
}


.sidebar-area-list a {
	color: #ad419a !important;
	font-size: 1rem !important;
}

.sidebar-area-list a:not(.active) {
	text-decoration: none !important;
}

.sidebar-area-list li::marker {
	list-style: none !important;
	content: none !important;
}

.clai-bottom-list-title {
	color: black !important
}

.clai-sidebar-card-title {
	background-color: #ad419a;
	padding: 0.75rem 0.75rem 0.5rem 0.75rem;
	border-radius: 16px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 1em;
}

.clai-sidebar-card-title h3 {
	color: white !important;
	font-size: 1.3rem;
	margin: 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.clai-area-main-container {
		margin-top: 2em;
	}

	.clai-body-container {
		padding: 0;
		display: grid;
		grid-template-columns: auto;
		column-gap: 2em;
		width: 90%;
	}

	ul.area-list-ul {
		grid-template-columns: auto;
		max-height: 300px;
		overflow-y: scroll;
		background: linear-gradient(rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), rgb(245, 245, 245) 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(133, 133, 133, 0.2), rgba(0, 0, 0, 0)) center bottom;
		background-repeat: no-repeat;
		background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
		background-attachment: local, local, scroll, scroll;
		row-gap: 0.5rem;
	}

	.get-a-quote {
		margin: 1em auto;
	}
}

/************************* CLAI FOR SEO CSS ENDS HERE *****************************/