/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  Shifaz Sarooj
Author URI:  http://www.elegantthemes.com
Template: Divi
Version:  1.0.2
*/


/* =Theme customizations
------------------------------------------------------- */

/* Global: prevent horizontal scroll */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.scroll_archive-posts-list,
.archive-posts-list__item_hidden {
	position: absolute !important;
	visibility: hidden !important;
	z-index: -1 !important;
}
.h3_like_h2 h3{
	font-weight: 700;
	font-size: 50px!important;
	color: #161616 !important;
	letter-spacing: -0.02em;
	line-height: 1.15em;
}
.project_data .price_range .contact_info__tooltip{
	width: 250px;
}
.floor_plans_list .archive-posts-list__item.floor_plans_item img{
	object-fit: contain!important;
}
.single.single-floor_plans .slick-track
{
	display: flex !important;
}

.single.single-floor_plans .slick-slide
{
	height: inherit !important;
}
.single.single-floor_plans .slick-slide .archive-posts-list__item{
	height: 100%!important;

	min-height: auto!important;
}
.other_floor_plans_slider_single_cpt .slick-slide .archive-posts-list__item img{
	object-fit: contain!important;
}
.single.single-floor_plans .slick-slide .archive-posts-list__item .project_slider_not_feature_slider__item__info{
	margin: 15px 0 0 0;
}
.pre_approved_status_block{
	display: flex;
	flex-direction: column;
}
.pre_approved_status_block label{
	order: 1;
}
.pre_approved_status_block label.peakadu_build_ready{
	order: 0;
}
.another_plan_info{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 25px;
	font-weight: bold;
}
.another_plan_info span,
.another_info p,
.floor_plans_list .archive-posts-list__item .categories span{
	order: 1;
}

.et_pb_post .entry-featured-image-url {
    margin-bottom: 10px;
}

.another_plan_info span{
	border: 1px solid #486a96;
	color: #486a96;
	font-size: 20px;
	line-height: 16px;
	margin: -5px 5px 0 5px;
	border-radius: 20px;
	padding: 10px 10px 10px 10px;
	font-weight: 400;
}
.another_plan_info span.first_status,
.another_info .first_info,
.floor_plans_list .archive-posts-list__item .categories span.first_status{
	order: 0;
}
.find_my_adu_plan_wrapper_horizontal .size-inputs{
	flex-wrap: nowrap;
}
.find_my_adu_plan_wrapper .find_my_adu_plan_select .field input {
	opacity: 1;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 40px;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #000000;
	padding: 0 0 0 5px;
}
.find_my_adu_plan_wrapper .find_my_adu_plan_select .field {
	width: 45%;
	display: flex;
	flex-direction: column;
}
.find_my_adu_plan_select .size-input_value_min,
.find_my_adu_plan_select .size-input_value_max,
.find_my_adu_plan_select .slider,
.find_my_adu_plan_select .range-input{
	display: none;
}


.find_my_adu_plan_wrapper {
	/**padding: 25px 12px 25px 12px; **/
	padding: 30px 25px;
	border-radius:20px 20px 20px 20px !important;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
	-moz-box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
	box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
	color: #000000;
}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical{
	/**max-width: 300px; **/
	width:100% !important;
	flex-direction: row;
	margin:0 auto;
	display:block;
}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .filter_title{
	margin: 0 auto 10px auto;
	font-size: 20px;
	font-weight:600;
	color:#000;
}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .find_my_adu_plan_select{
	width: 100% !important;
}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .find_my_adu_plan_select:not(:last-of-type){
	margin: 0 0 20px 0 !important;

}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .find_my_adu_plan_select.bedrooms_bathrooms_size_bathrooms_select,
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .find_my_adu_plan_select.bedrooms_bathrooms_size_bedrooms_select{
	width: calc(50% - 3px) !important;	
}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .find_my_adu_plan_select .field {
	/** width: calc(50% - 10px); **/
	width: 45% !important;
	display: flex;
	flex-direction: column;
}
.find_my_adu_plan_wrapper.find_my_adu_plan_wrapper_vertical .icon{
	display: none;
}
.find_my_adu_plan_wrapper .icon {
	width: 30px;
	height: 30px;
	margin: 15px 0 0 0;
}

.find_my_adu_plan_wrapper .icon svg path {
	fill: #486a96;
}

.find_my_adu_plan_wrapper .title {
	font-size: 18px;
	padding: 0;
	color: #000000;
	margin: 0 0 10px 0;
}
div.find_my_adu_plan__submit{
	width: 100%;
}
#find_my_adu_plan__submit {
	color: #FFFFFF !important;
	border: 2px solid #486a96;
	border-radius: 25px;
	font-size: 14px;
	background-color: #486a96;
	padding: 0 23px 0 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Raleway", sans-serif;
	text-align: center;
	transition: all ease-in-out .3s;
	height: 42px;
	margin: 5px auto 0 auto;
	cursor: pointer;
}

#find_my_adu_plan__submit:hover {
	color: #486a96 !important;
	background-color: #ffffff;
}

.multiple-select {
	display: flex;
	position: relative;
	cursor: pointer;
}

.find_my_adu_plan_select {
	width: calc(20% - 25px);
	margin: 0 0 auto 0;
}

.multiple-select .select_value {
	color: #000000;
	border-radius: 5px;
	border: 1px solid #999;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 0 0 0;
	height: 40px;
}

.multiple-select .select_value .value {
	padding: 5px 5px 5px 5px;
	font-size: 16px;
	line-height: 28px;
}

.select_value__icon {
	border-left: 1px solid #999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px 0 10px;
	background-color: #f2ebe4;
	border-radius: 0px 5px 5px 0;
}

.select_value__icon svg {
	width: 15px;
	height: 15px;
	transition: all ease-in-out .3s;
}

.multiple-select.active .select_value__icon svg {
	transform: rotate(180deg);
	transition: all ease-in-out .3s;
}

.multiple-select.active .select_value {
	border-radius: 5px 5px 0 0;
}

.multiple-select-dropdown {
	position: absolute;
	margin-top: 40px;
	min-width: 100%;
	background-color: #ffffff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-radius: 5px;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}

.multiple-select-dropdown.active {
	z-index: 1;
	visibility: visible;
	opacity: 1;
	border-radius: 0 0 5px 5px;
}

.multiple-select label {
	margin: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	color: #000000;
	padding: 5px 5px 5px 15px;
	position: relative;
	cursor: pointer;
	width: 100%;
}

.multiple-select input {
	opacity: 0;
}

.multiple-select label::before {
	content: '\2713';
	text-align: center;
	color: #ffffff;
	line-height: 1em;
	width: 20px;
	height: 20px;
	border: 2px solid #ffffff;
	border-radius: 1.5em;
	left: 5px;
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
}

.multiple-select label::before {
	color: #ffffff;
	background: #ffffff;
	border: 1px solid #000000;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.multiple-select label > input + .content {
	padding: 5px 10px;
	display: block;
	cursor: pointer;
	color: #000000;
}

.multiple-select label + label {
	border-top: 1px solid #000000;
}

.multiple-select label.checked::before {
	color: #486a96;
}
@media only screen and (max-width: 1200px) {
	body .floor_plans_slider__item .floor_plans__item_info .characteristics, body  .archive-posts-list__item .characteristics, body  .project_slider_not_feature_slider__item .project_slider_not_feature_slider__item_info .characteristics{
		font-size: 14px;
		width: 100%;
		justify-content: space-between;
	}
	body .projects_item.archive-posts-list__item{
		width: calc(50% - 20px);
	}
}
@media only screen and (max-width: 992px) {
	.h3_like_h2 h3{
		font-size: 32px!important;
	}
	.find_my_adu_plan_wrapper .icon {
		/**display: none;**/
	}

	.find_my_adu_plan_select {
		width: 100%;
	}
	.find_my_adu_plan_wrapper_horizontal .find_my_adu_plan_select:not(:last-child){
		margin: 0 0 20px 0;
	}
}
/************************************************************/
.gallerynew .et_pb_gallery_item img{
	object-fit: cover;
}
.home .slick-track{
	overflow: auto;
	display: flex;
	flex-direction: row;
}
.single_cpt_modal__content .fluid-width-video-wrapper iframe{
	height: 80vh;
}

.et_pb_code_inner .et_pb_number_counter{
	background-color: #b8cde3;
	border-radius: 11px 11px 11px 11px;
	overflow: hidden;
	margin-top: -50px!important;
	width: 50%;
	max-width: 75%;
}
.et_pb_code_inner .et_pb_number_counter p{
	font-size: 60px;
	color: #161616!important;
	line-height: 95px;
	text-transform: none !important;
}
.project_slider_not_feature_slider__item_info img{
	/* height: inherit!important; */
}
.home .project_slider_not_feature_slider .slick-track div a{
	height: 315px;
}
.new_floor_plans_slider .floor_plan_slider img{
	border-radius: 20px 20px 20px 20px;
	margin-bottom: 0;
	width: 100%;
	height: 235px;
	object-fit: cover;
	object-position: center;
}
.new_floor_plans_slider .project_slider_not_feature_slider__item__info {
	/* 	display: none!important; */
	align-items: center;
}

.new_floor_plans_slider .floor_plans_slider__item .floor_plans__item_info{
	padding: 0 0 0 0;
}
.home .floor_plans_slider__item .project_slider_not_feature_slider__item__info{
	display: none!important;
}
.floor_plans_item.archive-posts-list__item img.exterior_image {
	object-fit: cover;
}
.scroll_more{
	position: absolute;
	bottom: -40px;
	left: 50%;
}
.arrow.down {
	border: solid #486a96;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin: 0 0 3px 6px;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0) rotate(45deg);
	}
	40% {
		transform: translateY(-15px) rotate(45deg);
	}
	60% {
		transform: translateY(-7px) rotate(45deg);
	}
}
ol {
	padding-left: 20px !important;
}

ul.ez-toc-list{
	padding: 0 0 0px 1.2em !important;
}


.single-community article .entry-content .et_pb_row_2{
	display: flex;
	flex-direction: column;
}

.blog-featured-image img {
	object-fit: cover!important;	
}
.single-projects #main-content{
	margin: 45px 0 0 0;
}
/* .single-floor_plans .slick-initialized .slick-slide{
height: 100%!important;
} */
.single-floor_plans .slick-initialized .slick-slide img{
	/* 	height: 250px;	
	object-fit: cover; 
	width: auto !important;*/

}
.project_slider__item {
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-size: cover;
	border-radius: 24px;
}

.project_slider__item_info {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 100%, rgba(0, 0, 0, 0) 100%);
	height: 100%;
	padding: 80px 80px 16% 8%;
	width: 50%;
}

.project_slider__item_info h2 {
	font-weight: 700;
	font-size: 42px;
	color: #000000;
	line-height: 1.4em;
}

.project_slider__item_info_anim .description {
	margin-top: 12px;
}

.project_slider__item_info .characteristics,
.floor_plans__item_info .characteristics,
.project_slider_not_feature_slider__item_info .characteristics,
.archive-posts-list__item .characteristics {
	color: #000000;
	line-height: 1.6em;
	font-weight: 400;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: revert;
}

.project_slider__item_info .characteristics .round,
.floor_plans__item_info .characteristics .round,
.project_slider_not_feature_slider__item_info .characteristics .round,
.archive-posts-list__item .characteristics .round {
	width: 5px;
	height: 5px;
	background: #000000;
	display: block;
	border-radius: 50%;
	margin: 0 5px;
}

.project_slider__item_info a {
	color: #FFFFFF;
	border: 1px solid #486a96;
	border-radius: 37px;
	font-size: 14px;
	background-color: #486a96;
	padding: 14px 31px;;
	margin-top: 75px;
	display: flex;
	width: fit-content;
	transition: all ease-in-out .3s;
}

.project_slider__item_info a:hover {
	color: #486a96;
	background-image: initial;
	background-color: inherit;
	padding-right: 40px;
	transition: all ease-in-out .3s;
}

/* the slides */
.floor_plan_slider .slick-slide{
	margin: 10px 30px;

}

.floor_plan_slider {

}
.other_floor_plans_slider_single_cpt .slick-slide,
.project_slider_not_feature_slider .slick-slide {
	margin: 10px 30px;
}

.floor_plan_slider .slick-track,
.project_slider_not_feature_slider .slick-track {
	padding: 20px 0;
}

.floor_plan_slider .slick-track div,
.floor_plan_slider .slick-track div a,
.project_slider_not_feature_slider .slick-track div,
.project_slider_not_feature_slider .slick-track div a {
	height: 100%;
}

.floor_plan_slider .slick-list,
.project_slider_not_feature_slider .slick-list {
	/*height: 330px;*/
}
.archive-posts-list__item .categories{
	padding: 0 22px 10px 22px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.archive-posts-list__item .categories span{
	border: 1px solid #486a96;
	color: #486a96;
	font-size: 11px;
	line-height: 16px;
	margin: 5px 5px 0 0;
	border-radius: 20px;
	padding: 1px 5px 1px 5px;
}
.project_slider_not_feature_slider__item__info {
	/*flex-grow: 1;*/
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	height: fit-content !important;
	width: 100%;
    padding: 10px 15px 0px 10px;
}
.project_slider_not_feature_slider__item__info .title{
	text-transform: inherit!important;

}

/* the parent */
.project_slider_not_feature_slider .slick-list,
.floor_plan_slider .slick-list {
	margin: 0 -2.35%;
	/*padding: 0 20px;*/
}

.archive-posts-list__item img {
	border-radius: 20px 20px 0px 0px !important;
	/*overflow: hidden;*/
	margin-bottom: 20px;
	width: 100% !important;
	height: 195px !important;
	object-fit: cover !important;
	object-position: center center;
}


.project_slider_not_feature_slider__item_info img{
	border-radius: 20px 20px 0px 0px !important;
	/*overflow: hidden;*/
	margin-bottom: 20px;
	width: 100% !important;
	height: 195px !important;
	object-fit: cover !important;
	object-position: center;
}

.homefloor .floor_plans__item_info img{
	border-radius: 20px 20px 20px 20px !important;
}
.home .floor_plans_slider__item .floor_plans__item_info{
	padding: 0 0 0 0;
}
.home .floor_plans_slider__item .floor_plans__item_info img{
	margin-bottom: 0;
}
.floor_plans_item.archive-posts-list__item img{
	object-fit: inherit;
}

.archive-posts-list__item a{
	width: 100%;
}
.archive-posts-list__item img{
	margin-bottom: 0;
}
.project_slider_not_feature_slider__item .project_slider_not_feature_slider__item_info img{
	/* 	min-width: 320px; */
}
.project_slider_not_feature_slider__item .project_slider_not_feature_slider__item_info,
.floor_plans_slider__item .floor_plans__item_info, .archive-posts-list__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #ffffff;
	color: #000000;
	-webkit-box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
	-moz-box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.3), 0 4px 5px -20px rgba(0, 0, 0, 0.29);
	box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
	border-radius: 20px 20px 20px 20px;
	padding: 0 0 20px 0;
}

.floor_plans__item_info h2,
body #page-container #et-main-area .archive-posts-list__item h2,
.project_slider_not_feature_slider__item_info h3,
.floor_plans_slider__item .floor_plans__item_info .characteristics,
.archive-posts-list__item .characteristics,
.project_slider_not_feature_slider__item .project_slider_not_feature_slider__item_info .characteristics {
	font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif;
	font-weight: 500;
	color: #000000;
	line-height: 1.7em;
	font-size: 14px;
	text-align: left;
	padding: 0 0 0 0;
	height: fit-content;
}

.floor_plans__item_info h2 {
	/*display: none;*/
}

.floor_plan_slider .slick-prev:before,
.project_slider_not_feature_slider .slick-prev:before {
	content: "5" !important;
	font-size: 40px;
	opacity: 1;
	color: #000000;
}

sup {
	bottom: 1.3em;
}

.slick-btn {
	background: inherit;
	border: none;
	position: absolute;
	z-index: 9;
	top: 50%;
	transform: translate(0, -50%);
	cursor: pointer;
}

.slick-btn svg {
	width: 22px;
	height: 22px;
}

.slick-btn-next {
	right: -32px;
	opacity: 0;
	transition: all ease-in-out .3s;
}

.slick-btn-prev {
	left: -32px;
	opacity: 0;
	transition: all ease-in-out .3s;
}

.project_slider:hover .slick-btn-next {
	right: 22px;
	opacity: 1;
	transition: all ease-in-out .3s;
}

.floor_plan_slider .slick-btn-next{
	right: -62px;
}




/* ==========================================================================
   PEAKADU GLOBAL PERSONALITY SYSTEM
   Applies the homepage's modern PeakADU personality across ALL pages.
   Targets Divi's standard output classes: et_pb_button, et_pb_section,
   headings, blurbs, toggles, tabs, testimonials, forms and more.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TYPOGRAPHY — Headings & Body
   -------------------------------------------------------------------------- */

.et_pb_section h1,
.et_pb_section h2,
.et_pb_section h3,
.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3 {
  color: #1B2732;
  font-family: Raleway, 'DM Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.et_pb_section h1 { font-size: clamp(28px, 4vw, 52px); }
.et_pb_section h2 { font-size: clamp(22px, 3vw, 40px); }
.et_pb_section h3 { font-size: clamp(18px, 2.2vw, 28px); }

.et_pb_text_inner p,
.et_pb_text_inner li {
  color: #2E3B39;
  line-height: 1.7;
  font-size: 16px;
}

/* Light sections: darker text */
.et_pb_section.et_pb_bg_layout_light .et_pb_text_inner p,
.et_pb_section.et_pb_bg_layout_light .et_pb_text_inner li {
  color: #2E3B39;
}

/* Dark sections: white text */
.et_pb_section.et_pb_bg_layout_dark .et_pb_text_inner p,
.et_pb_section.et_pb_bg_layout_dark .et_pb_text_inner li,
.et_pb_section.et_pb_bg_layout_dark h1,
.et_pb_section.et_pb_bg_layout_dark h2,
.et_pb_section.et_pb_bg_layout_dark h3 {
  color: #ffffff;
}

/* --------------------------------------------------------------------------
   2. BUTTONS — Global PeakADU Button System
   -------------------------------------------------------------------------- */

/* Ensure button wrapper divs are clean transparent containers and NEVER get button styling */
.et_pb_button_module_wrapper,
div.et_pb_button_module_wrapper,
div[class*="et_pb_button_module_wrapper"],
div[class*="et_pb_button_wrapper"],
div[class*="et_pb_button_"][class*="_wrapper"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  display: block;
}

/* Ensure only <a> button links have high-contrast crisp white text (excluding outline variants) */
html body #page-container .et_pb_section a[class*="et_pb_button"]:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
html body #page-container a[class*="et_pb_button"]:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
html body #page-container .et_pb_button_module_wrapper > a:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
a.et_pb_button:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
a.et_pb_promo_button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #page-container .et_pb_section a[class*="et_pb_button"]:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline):hover,
html body #page-container a[class*="et_pb_button"]:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline):hover,
html body #page-container .et_pb_button_module_wrapper > a:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline):hover,
a.et_pb_button:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline):hover,
a.et_pb_promo_button:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: #3b577d !important;
  border-color: #3b577d !important;
}

/* Primary filled button standard sizing applied ONLY to <a> tags (Normal old size: compact 8px 18px, 13.5px font) */
html body #page-container .et_pb_section a[class*="et_pb_button"],
html body #page-container a[class*="et_pb_button"],
html body #page-container .et_pb_button_module_wrapper > a,
a.et_pb_button,
a.et_pb_promo_button {
  display: inline-block !important;
  border-radius: 6px !important;
  padding: 8px 18px !important;
  font-family: Raleway, 'DM Sans', Helvetica, Arial, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(72, 106, 150, 0.18) !important;
  cursor: pointer !important;
  text-align: center !important;
}

/* Solid green background only on non-outline <a> buttons */
html body #page-container .et_pb_section a[class*="et_pb_button"]:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
html body #page-container a[class*="et_pb_button"]:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
html body #page-container .et_pb_button_module_wrapper > a:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
a.et_pb_button:not(.et_pb_button_1_tb_footer):not(.cta-btn-pill-outline):not(.outline),
a.et_pb_promo_button {
  background-color: #486a96 !important;
  border: 1.5px solid #486a96 !important;
}

a.et_pb_button:hover,
a.et_pb_promo_button:hover {
  background-color: #3b577d !important;
  border-color: #3b577d !important;
  box-shadow: 0 4px 12px rgba(72, 106, 150, 0.25) !important;
}

a.et_pb_button:active,
a.et_pb_promo_button:active {
  background-color: #384F41 !important;
  border-color: #384F41 !important;
}

/* Remove old Divi arrow pseudo-element from <a> buttons */
html body #page-container .et_pb_section a[class*="et_pb_button"]:after,
html body #page-container .et_pb_section a[class*="et_pb_button"]:before,
html body #page-container a[class*="et_pb_button"]:after,
html body #page-container a[class*="et_pb_button"]:before,
a.et_pb_button:after,
a.et_pb_button:before {
  display: none !important;
}






/* --------------------------------------------------------------------------
   4. BLURBS (Icon + Text cards)
   -------------------------------------------------------------------------- */

.et_pb_blurb .et_pb_blurb_content {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.et_pb_blurb:hover .et_pb_blurb_content {
  transform: translateY(-4px);
}

/* Icon color */
.et_pb_blurb .et_pb_main_blurb_image,
.et_pb_blurb .et-pb-icon {
  color: #486a96 !important;
}

.et_pb_blurb_title {
  color: #1B2732 !important;
  font-weight: 700 !important;
  font-family: Raleway, 'DM Sans', Helvetica, Arial, sans-serif !important;
}

.et_pb_blurb_description {
  color: #2E3B39 !important;
}

/* --------------------------------------------------------------------------
   5. TOGGLES & ACCORDIONS
   -------------------------------------------------------------------------- */

.et_pb_accordion .et_pb_toggle,
html body #page-container .et_pb_accordion .et_pb_toggle,
body #page-container .et_pb_accordion .et_pb_toggle,
.et_pb_toggle {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  transition: all 0.2s ease !important;
}

.et_pb_accordion .et_pb_toggle:hover,
html body #page-container .et_pb_accordion .et_pb_toggle:hover,
body #page-container .et_pb_accordion .et_pb_toggle:hover,
.et_pb_toggle:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(27, 39, 50, 0.08) !important;
}

.et_pb_toggle_title,
.et_pb_toggle_title span,
.et_pb_toggle:hover .et_pb_toggle_title,
.et_pb_toggle:hover .et_pb_toggle_title span,
.et_pb_toggle_open > .et_pb_toggle_title,
.et_pb_toggle_open > .et_pb_toggle_title span,
.et_pb_toggle_open:hover > .et_pb_toggle_title,
.et_pb_toggle_open:hover > .et_pb_toggle_title span {
  color: #1B2732 !important;
}

.et_pb_toggle_title {
  font-family: Raleway, 'DM Sans', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 16px 20px !important;
}

.et_pb_toggle_title:before {
  color: #486a96 !important;
  font-family: ETmodules !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  display: block !important;
  transition: color 0.2s ease !important;
}

/* Closed state: keep plus icon in circle (+) */
.et_pb_toggle_close .et_pb_toggle_title:before,
.et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title:before,
.et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:before,
html body #page-container .et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title:before,
body #page-container .et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title:before {
  display: block !important;
  content: "\E050" !important;
  color: #486a96 !important;
}

/* Open state: keep icon and turn to minus (-) */
.et_pb_toggle_open .et_pb_toggle_title:before,
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before,
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before,
html body #page-container .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before,
body #page-container .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
  display: block !important;
  content: "\E04F" !important;
  color: #486a96 !important;
}

.et_pb_toggle:hover .et_pb_toggle_title:before,
.et_pb_toggle_open:hover .et_pb_toggle_title:before {
  color: #3b577d !important;
}

.et_pb_toggle_title,
.et_pb_toggle_title span,
.et_pb_toggle_open > .et_pb_toggle_title,
.et_pb_toggle_open > .et_pb_toggle_title span,
.et_pb_toggle:hover .et_pb_toggle_title,
.et_pb_toggle_open:hover > .et_pb_toggle_title,
.et_pb_toggle_title:focus,
.et_pb_toggle_title:active {
  background-color: transparent !important;
  background: transparent !important;
}

.et_pb_toggle_content {
  padding: 0 20px 16px !important;
  color: #2E3B39 !important;
  border-top: none !important;
}

.et_pb_toggle_title {
  border-bottom: none !important;
}

/* SP Easy Accordion — PeakADU styling */
.sp-easy-accordion > .sp-ea-single > .ea-header a {
  color: #1B2732 !important;
  font-weight: 600 !important;
  padding: 14px 20px !important;
  background-color: #faf8f5 !important;
  border-bottom: 1px solid #dce4df !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.sp-easy-accordion > .sp-ea-single > .ea-header a:hover {
  background-color: rgba(72, 106, 150, 0.08) !important;
  color: #486a96 !important;
}

.sp-easy-accordion > .sp-ea-single.active > .ea-header a {
  background-color: rgba(72, 106, 150, 0.1) !important;
  color: #486a96 !important;
}

/* --------------------------------------------------------------------------
   6. TABS
   -------------------------------------------------------------------------- */

.et_pb_tabs_controls li a {
  color: #576775 !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.et_pb_tabs_controls li.et_pb_tab_active a {
  color: #486a96 !important;
}

.et_pb_tabs_controls {
  border-bottom: 2px solid #dce4df !important;
}

.et_pb_tabs_controls li.et_pb_tab_active {
  border-bottom: 2px solid #486a96 !important;
}

/* --------------------------------------------------------------------------
   7. TESTIMONIALS
   -------------------------------------------------------------------------- */

.et_pb_testimonial {
  background-color: #faf8f5 !important;
  border-radius: 12px !important;
  border: 1px solid #dce4df !important;
  padding: 28px 32px !important;
  transition: box-shadow 0.2s ease !important;
}

.et_pb_testimonial:hover {
  box-shadow: 0 8px 24px rgba(27, 39, 50, 0.1) !important;
}

.et_pb_testimonial_author {
  color: #1B2732 !important;
  font-weight: 700 !important;
}

.et_pb_testimonial_position {
  color: #486a96 !important;
}

.et_pb_testimonial:before {
  color: #486a96 !important;
}

/* --------------------------------------------------------------------------
   8. IMAGES & MODULES
   -------------------------------------------------------------------------- */

.et_pb_image_wrap img {
  border-radius: 6px;
}

/* Number counter highlight */
.et_pb_number_counter .percent {
  color: #486a96 !important;
}

.et_pb_counter_amount {
  background-color: #486a96 !important;
}

/* Divider line */
.et_pb_divider:not(.et_pb_space) hr {
  border-color: #dce4df !important;
}

/* --------------------------------------------------------------------------
   9. FORMS — Contact, WP-CF7
   -------------------------------------------------------------------------- */

.et_pb_contact_field input,
.et_pb_contact_field textarea,
.et_pb_contact_field select,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  border: 1px solid #dce4df !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  color: #1B2732 !important;
  background-color: #ffffff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.et_pb_contact_field input:focus,
.et_pb_contact_field textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: #486a96 !important;
  box-shadow: 0 0 0 3px rgba(72, 106, 150, 0.15) !important;
  outline: none !important;
}

.et_pb_contact_submit,
.wpcf7-submit {
  background-color: #486a96 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 32px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.et_pb_contact_submit:hover,
.wpcf7-submit:hover {
  background-color: #3b577d !important;
}

/* --------------------------------------------------------------------------
   10. PROMO / CTA SECTIONS
   -------------------------------------------------------------------------- */

.et_pb_promo {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.et_pb_promo_description {
  color: rgba(255,255,255,0.9) !important;
}

/* --------------------------------------------------------------------------
   11. PAGINATION
   -------------------------------------------------------------------------- */

.wp-pagenavi a,
.wp-pagenavi span,
.et_pb_gallery_pagination a {
  border-color: #dce4df !important;
  color: #2E3B39 !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.wp-pagenavi a:hover,
.et_pb_gallery_pagination a:hover {
  background-color: #486a96 !important;
  border-color: #486a96 !important;
  color: #ffffff !important;
}

.wp-pagenavi span.current {
  background-color: #486a96 !important;
  border-color: #486a96 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   12. BREADCRUMBS
   -------------------------------------------------------------------------- */

.peak-breadcrumbs,
#breadcrumbs,
.et_pb_breadcrumbs {
  font-size: 13px !important;
  color: #576775 !important;
  padding: 8px 0 !important;
}

.peak-breadcrumbs a,
#breadcrumbs a {
  color: #486a96 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.peak-breadcrumbs a:hover,
#breadcrumbs a:hover {
  color: #3b577d !important;
}

/* --------------------------------------------------------------------------
   13. STAT / NUMBER HIGHLIGHTS
   -------------------------------------------------------------------------- */

/* Bold stat numbers in text modules */
.et_pb_text_inner strong,
.et_pb_text_inner b {
  color: #1B2732;
}

/* Green accent text (e.g. "500+ ADUs Built") */
.et_pb_text_inner .peak-accent,
.et_pb_text_inner em {
  color: #486a96;
  font-style: normal;
}

/* --------------------------------------------------------------------------
   14. PAGE HERO SECTIONS
   -------------------------------------------------------------------------- */

/* Homeheader section only */
.et_pb_section.homeheader {
  position: relative !important;
}


/* --------------------------------------------------------------------------
   15. RESPONSIVE REFINEMENTS
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .et_pb_section h1 { font-size: 28px; }
  .et_pb_section h2 { font-size: 22px; }
  .et_pb_section h3 { font-size: 18px; }

  .et_pb_button,
  a.et_pb_button {
    padding: 11px 22px !important;
    font-size: 14px !important;
  }

  .et_pb_testimonial {
    padding: 20px !important;
  }
}
.floor_plan_slider:hover .slick-btn-next,
.project_slider_not_feature_slider:hover .slick-btn-next {
	right: -40px;
	opacity: 1;
	transition: all ease-in-out .3s;
}

.project_slider:hover .slick-btn-prev {
	left: 32px;
	opacity: 1;
	transition: all ease-in-out .3s;
}

.project_slider_not_feature_slider .slick-btn-prev,
.floor_plan_slider .slick-btn-prev {
	left: -62px;
}

.project_slider_not_feature_slider:hover .slick-btn-prev,
.floor_plan_slider:hover .slick-btn-prev {
	left: -40px;
	opacity: 1;
	transition: all ease-in-out .3s;
}

.slick-slide .project_slider__item_info_anim {
	position: relative;
	bottom: -100px;
	opacity: 0;
	transition: opacity 1s, bottom 3s;
}

.slick-active .project_slider__item_info_anim {
	bottom: 0;
	opacity: 1;
	transition: all ease-in-out 2s;
	transition-delay: 0.5s;
}



/*GENERAL SITEWIDE CSS*/

.et_pb_widget .wp-block-search__input, .widget_search #s {
	border-radius: 12px;
	background-color: #f5f3ee;
}

button.wp-block-search__button.wp-element-button {
	background: #486a96;
	color: #FFFFFF;
	border-radius: 0px 12px 12px 0px;
	border-color: #f2ebe4;
	border-width: 2px;
	transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

button.wp-block-search__button.wp-element-button:hover {
	background: #f2ebe4;
	color: #486a96;
	transition: color 300ms ease 0ms, background-color 300ms ease 0ms;
}

.wp-pagenavi a:hover {
    background: #f2ebe4 !important;
}

/**********************************Testimonials********************************************/
.testimonials_accordion {
	display: flex;
	padding: 70px 0 70px 0;
}

.testimonial-details-list li {
	padding: 0 40px 40px 40px;
	position: absolute;
	width: 100%;
	left: 0;
	opacity: 0;
	z-index: -1;
	list-style: none;
	transition: opacity .2s;
}

.testimonial-details-list li.active {
	display: block;
	opacity: 1;
	z-index: 1;
	transition: opacity .5s;
}

.customer_info {
	background: #b8cde3;
	padding: 40px;
	border-radius: 10px;
}

.collapsible-list li .testimonial_info {
	color: #161616;
}

.collapsible-list li {
	background: inherit;
	margin: 0 25px;
	list-style: none;
	border-top: 1px solid #486a96;
	z-index: 0;
	position: relative;
	transition: all ease-in-out .2s;
}

.collapsible-list li.active {
	background-color: #f2ebe4;
	border-radius: 10px;
	padding: 0 25px 10px 25px;
	margin: 0 0 -1px 0;
	border-top: 3px solid #486a96;
	z-index: 1;
	transition: all ease-in-out .2s;
}

.collapsible-list li h3 {
	cursor: pointer;
	padding: 9px 0 8px;
	margin: 0;
	font-size: 20px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
	color: #161616;
	line-height: 30px;
	transition: all .3s;
}

.collapsible-list li h3 svg {
	width: 14px;
	display: block;
	height: 14px;
	transform: rotate(-90deg);
	transition: all .3s;
}

.short_description {
	margin: 0 0 8px 0;
	line-height: 23px;
	font-size: 16px;
	font-weight: 300;
}

.collapsible-list li.active h3 {
	padding: 12px 0 8px;
}

.collapsible-list li.active h3 svg {
	transform: rotate(90deg);
	transition: all .3s;
}

.testimonial-left {
	width: 420px;
}

.testimonial-right {
	position: relative;
	width: calc(100% - 420px);
	margin-left: 10px;
}

.customer_info__quote {
	display: flex;
}

.customer_info__quote svg {
	width: 30px;
	height: 25px;
	max-width: 30px;
	min-width: 30px;
	margin: 5px 10px 0 0;
}

.customer_info__name {
	margin: 18px 0 0 40px;
	padding-left: 15px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 50px;
	line-height: 1;
}

.customer_info__name:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 50px;
	border-radius: 5px;
	background-color: #fff;
}

.customer_name {
	padding: 0 0 2px 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
}

.customer_position {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #161616;
}

.customer_logo {
	position: absolute;
	width: 170px;
	height: 214px;
	object-fit: cover;
	border-radius: 10px;
	right: -55px;
	bottom: -15px;
	object-position: top;
}

.customer_quote {
	font-size: 20px;
	line-height: 28px;
	color: #161616;
}

.customer_link, .learn_more {
	text-decoration: none;
	line-height: 25px;
	font-weight: 500;
	font-size: 18px;
	margin: 20px 0 0 80px;
	display: flex;
	transition: all ease-in-out .3s;
	color: #486a96;
}

.learn_more {
	margin: 0 0 0 0;
	color: #486a96;
}

.customer_link svg, .learn_more svg {
	width: 24px;
	margin-left: 9px;
	transition: all ease-in-out .2s;
}

.customer_link svg path, .learn_more svg path {
	fill: #486a96;
}

.customer_link:hover, .learn_more:hover {
	/*font-size: 19px;*/
	/*text-shadow: 0px 0 0 #486a96, 0px 0px 0 #486a96, 0px 0px 0 #486a96, 0px 0px 0 #486a96;*/
	opacity: 0.6;
	transition: all ease-in-out .2s;
}

.customer_link:hover svg, .learn_more:hover svg {
	/*margin-left: 14px;*/
	transition: all ease-in-out .2s;
}


.select-dropdown {
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 100%;
	margin-bottom: 20px;
}

.select-dropdown__button {
	padding: 10px 15px 10px 15px;
	background-color: #f2ebe4;
	color: #161616;
	border-radius: 10px;
	border: none;
	border-top: 3px solid #486a96;
	cursor: pointer;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 22px;
}

.select-dropdown__button svg {
	width: 14px;
	display: block;
	height: 14px;
	transform: rotate(-90deg);
	transition: all .3s;
}

.select-dropdown__button.active svg {
	transform: rotate(90deg);
	transition: all .3s;
}

.select-dropdown__button svg {

}

.select-dropdown__button:focus {
	outline: none;
}

.select-dropdown__button .zmdi-chevron-down {
	position: absolute;
	right: 10px;
	top: 12px;
}

.select-dropdown .select-dropdown__list {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	max-height: 300px;
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	opacity: 0;
	pointer-events: none;
	transform-origin: top left;
	transform: scale(1, 0);
	transition: all ease-in-out 0.3s;
	z-index: 2;
}

.select-dropdown__list.active {
	opacity: 1;
	pointer-events: auto;
	transform: scale(1, 1);
}

.select-dropdown__list-item {
	display: block;
	list-style-type: none;
	padding: 10px 15px;
	background-color: #f2ebe4;

	cursor: pointer;
	color: #616161;
	transition: all ease-in-out 0.3s;
}

.select-dropdown__list-item:hover {
	background-color: #b8cde3;
}

.select-dropdown__list-item h3 {
	padding-bottom: 0;
	font-size: 22px;
}

.select-dropdown {
	display: none;
}

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

	.customer_logo {
		right: -55px;
		bottom: 0;
		width: 150px;
		height: 200px;
	}

	.testimonial-details-list li {
		padding: 0 0 40px 40px;
	}

	.customer_link {
		margin: 20px 0 0 20px;
	}

	.customer_info {
		padding: 40px 20px 40px 20px;
	}

	.testimonial-left {
		width: 320px;
	}

	.testimonial-right {
		width: calc(100% - 320px);
	}
}

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

	body .mobiletest.et_pb_menu .et_mobile_menu{
		right: 0px;
		left: auto!important;
		padding: 10px 20px 10px;
	}
	.et_mobile_menu li:last-of-type a{
		text-align: center;
	}
	.et_mobile_menu .sub-menu li:last-of-type a{
		text-align: left;
	}
	.home .project_slider_not_feature_slider .slick-track div a{
		height: 390px;
	}
	.home .floor_plan_slider{
		margin: -60px 0 0 0;
	}
	.other_floor_plans_slider_single_cpt .slick-btn-next,
	body .project_slider_not_feature_slider:hover .slick-btn-next, body .floor_plan_slider:hover .slick-btn-next,
	body .project_slider_not_feature_slider .slick-btn-next {
		right: -30px!important;
		opacity: 1;
	}
	.other_floor_plans_slider_single_cpt .slick-btn-prev,
	body .project_slider_not_feature_slider:hover .slick-btn-prev, body .floor_plan_slider:hover .slick-btn-prev,
	body .project_slider_not_feature_slider .slick-btn-prev {
		left: -30px!important;
		opacity: 1;
	}
	.testimonials_accordion {
		padding: 70px 0 170px 0;
	}

	.short_description {
		display: none;
	}

	.testimonial-left {
		width: auto;
		min-width: 240px;
	}

	.testimonial-right {
		width: 100%;
	}

	.customer_logo {
		right: -20px;
	}

	.customer_info__quote {
		flex-direction: column;
	}

	.customer_info__name,
	.customer_link {
		margin-left: 0;
		width: 60%;
	}
}

@media only screen and (max-width: 768px) {
	.h3_like_h2 h3{
		font-size: 30px!important;
	}
	.project_slider_not_feature_slider .slick-btn-next {
		right: 0px !important;
	}
	body .contact_form_modal .modal-content{
		width: 100%;
	}
	body .contact_form_modal .modal-contact-content{
		height: 80vh;
		overflow: scroll;
		width: 95%;
		background-color: #f4f4f4;
		margin: 0 auto;
	}
	.select-dropdown__list-item.active{
		background-color: #b8cde3;
	}
	.select-dropdown__button{
		display: none;
	}
	body .select-dropdown .select-dropdown__list {
		opacity: 1;
		pointer-events: auto;
		transform: scale(1, 1);
		position: relative;
		border-radius: 10px;
		border: none;
		border-top: 3px solid #486a96;
	}
	.select-dropdown {
		display: block;
	}

	.collapsible-list {
		display: none;
	}

	.testimonials_accordion {
		flex-direction: column;
	}

	.testimonial-right, .testimonial-left {
		width: 100%;
	}

	.testimonial-details-list li {
		top: 0;
	}

	.testimonial-details-list li {
		padding-right: 0;
	}

	.testimonial-details-list li.active {
		position: relative;
	}

	.testimonials_accordion {
		padding-bottom: 0;
		width: 116%;
		margin-left: -8%;
	}

	.customer_info {
		padding: 13px;
	}

	.testimonial-right {
		margin: 0 0 0 0;
	}

	.testimonial-right .testimonial-details-list,
	.testimonial-details-list li {
		padding-left: 0;
	}

	.customer_info__name,
	.customer_link {
		margin-left: 0;
		width: 60%;
	}

	.customer_logo {
		width: 120px;
		height: 150px;
		right: 15px;
		bottom: 0px;
	}

}

/********************************Archive********************************/
.archive-posts-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


.regulation_community_item {
	width: 45%;
	margin: 0 30px 30px 0;
	padding: 20px;
	border-radius: 6px;
	-webkit-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.29);
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.29);
}

/*.archive-posts-list__item img {*/
/*    margin: 0 0 0 0;*/
/*    width: 100%;*/
/*    !*width: 315px;*!*/
/*    height: 210px;*/
/*    border-radius: 24px;*/
/*}*/

/*.archive-posts-list__item .title {*/
/*    font-weight: 700;*/
/*    color: #000000;*/
/*    line-height: 1.7em;*/
/*    font-size: 16px;*/
/*    padding: 0 0 0 0;*/
/*}*/

/*.archive-posts-list__item .characteristics {*/
/*    font-weight: 700;*/
/*    color: #000000;*/
/*    line-height: 1.7em;*/
/*    font-size: 16px;*/
/*    padding: 0 0 0 0;*/
/*}*/

/******************************Post Type Filter*******************************/
.custom_post_type_filter fieldset {
	display: flex;
	flex-direction: column;
	width: 100%;
	/*border-bottom: 1px solid #ffffff;*/
	border-bottom: 1px solid #000000;
	padding: 0 0 12px 0;
}

.custom_post_type_filter fieldset label {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding: 0 0 0 10px;
	position: relative;
	cursor: pointer;
	transition: all ease-in-out .3s;
	color: #000000;
	font-size: 14px;
}

.custom_post_type_filter fieldset input {
	opacity: 0;
}

.custom_post_type_filter fieldset label::before {
	content: '\2713';
	text-align: center;
	color: #ffffff;
	line-height: 1em;
	width: 20px;
	height: 20px;
	border: 2px solid #ffffff;
	border-radius: 1.5em;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
}

.custom_post_type_filter fieldset label::before {
	color: #f2ebe4;
	background: #f2ebe4;
	border: 1px solid #000000;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.custom_post_type_filter fieldset label.checked::before {
	/*color: #ffffff;*/
	color: #486a96;
	background: #f2ebe4;
}
.custom_post_type_filter fieldset label:hover{
	transition: all 0.3s;
	color: #486a96 !important;
}

.custom_post_type_filter legend {
	/*font-size: 20px;*/
	padding: 12px 15px 5px 0;
	color: #000000;
	font-size: 18px;
	width: 100%;
	cursor: pointer;
	position: relative;
}
.custom_post_type_filter legend.legend_price{

}
.custom_post_type_filter legend:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	transition: all ease-in-out .3s;
}
.custom_post_type_filter legend.active:before{
	transform: translate(-50%, -50%) rotate(225deg);
	transition: all ease-in-out .3s;
}
.label_block{
	display: none;
}
.custom_post_type_filter__filter {
	width: 100%;
	background: #f2ebe4;
	border: none;
	border-radius: 4px;
	font-size: 20px;
	/*color: #ffffff;*/
	color: #000000;
	padding: 10px;
	cursor: pointer;
}

.custom_post_type_filter_inputs {
	/*display: none;*/
	padding: 5px 0;
}

.custom_post_type_filter {
	padding: 0 10px;
	background: #f2ebe4;
	border-radius: 15px;
	color: #ffffff;
}

.size_slider .slider,
.price_slider .slider {
	height: 5px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
	width: calc(100% - 5px);
}

.size_slider .slider .progress,
.price_slider .slider .progress {
	height: 100%;
	left: 0%;
	right: 0%;
	position: absolute;
	border-radius: 5px;
	background: #ffffff;
	width: auto;
}

.range-input {
	position: relative;
}

.range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -6px;
	right: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.size-inputs,
.size-input,
.price-input {
	display: flex;
	flex-wrap: wrap;
}

.size-input .field,
.price-input .field {
	display: flex;
	color: #000000;
	font-size: 14px;
}

/*.price-input .field{*/
/*    width: 30%;*/
/*}*/
/*.price-input .field input{*/
/*    width: 100%;*/
/*}*/
.price-input .field input,
.size-input .field input {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.size-input .field span:not(:first-of-type) {
	margin: 0 5px 0 5px;
}

.size-input_separator {
	margin: 0 6px 0 6px;
}

.price-input_separator {
	margin: 0 3px 0 3px;
}

.custom_post_type_filter fieldset input[type="range"] {
	opacity: 1;
	background: #000000;
}


.custom_post_type_filter fieldset input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #000000;
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.custom_post_type_filter fieldset input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: #ffffff;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.toggle-switch_button {
	display: flex;
	align-items: center;
	width: 180px;
	color: #000000;
}

.floorplan_image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.toggle-label {
	width: 30px;
	height: 15px;
	background: #ccc;
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-radius: 46px;
	transition: 0.4s;
	box-sizing: border-box;
}

.toggle-label:after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.4s;
}

.floorplan_image:checked + .toggle-label {
	/*background-color: #486a96;*/
	background-color: #ffffff;
}

.floorplan_image:checked + .toggle-label:after {
	left: 15px;
}

.toggle-switch {
	position: relative;
	height: 15px;
	margin: 3px auto 0 auto;
	display: flex;
	align-items: center;
}

/*******************************Single************************************/
.single_cpt .conteiner {
	display: none;
}

.single_cpt__images {
	display: flex;
	height: 500px;
	margin: 30px 0;
}

.single_cpt__gallery {
	display: flex;
	flex-wrap: wrap;
	width: 370px;
	background: #f0f0f0;
}

.single_cpt__gallery img {
	width: 175px;
	height: 150px;
	object-fit: cover;
}

.single_cpt__slider {
	width: calc(100% - 360px);
}
.single_cpt_content__left h1.single_cpt_title, .single_cpt_content_regulation h1.entry-title {
	font-weight: bold;
}
.single_cpt_content__left .single_cpt_title{
	/*     font-family: "Raleway", sans-serif!important; */
	margin-bottom: 15px;
	font-size: 44px!important;
}
.marker{
	opacity: 0;
}
.status, .marker__status{
	display: flex;
	/*     font-family: "Raleway", sans-serif; */
}
.status {
	display: flex;
	/*     font-family: "Raleway", sans-serif; */
	font-size: 25px;
}
.plan_info{
	display: flex;
	position: relative;
}
.contact_info{
	/*     margin: 0 0 0 20px; */
	cursor: pointer;
}
.another_plan_info span,
.categories span{
	position: relative;
}
.another_plan_info span .contact_info__tooltip{
	width: 220px;
	top: 0;
	transform: translate(0, -100%);	
}
.categories span .contact_info__tooltip{
	width: 220px;
	top: -100%;
	transform: translate(0, -75%);
}
.another_plan_info span:hover .contact_info__tooltip,
.categories span:hover .contact_info__tooltip,
.contact_info:hover .contact_info__tooltip{
	visibility: visible;
}
.contact_info__tooltip{
	font-size: 16px;
	visibility: hidden;
	width: 100%;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	left: 0;
	cursor: default;
	top: 100%;
	position: absolute;
	z-index: 99;
	font-size: 12px;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}
.status i, .marker__status i{
	margin: 0 10px;
}

.status .text-yellow,
.marker__status .text-yellow {
	color: #ffbb33;
}

.status .text-green,
.marker__status .text-green {
	color: #00c851;
}

.status .text-orange,
.marker__status .text-orange {
	color: #ff7300;
}

.status .text-purple,
.marker__status .text-purple {
	color: #b400e6;
}

.project_data__item i {
	position: relative;
	font-size: 35px;
}
.project_data__list{
	display: flex;
}
.project_data__item span {
	/*     font-family: "Raleway", sans-serif; */
	font-size: 20px;
	margin-top: 10px;
	width: max-content;
}

.project_data__item {
	display: flex;
	width: max-content;
	flex-direction: column;
	margin-left: 50px;
	/*     margin-bottom: 30px; */
}

.project_data {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: fit-content;
	flex-direction: row;

}

.single-projects .project_data {
	align-items: center;
}
.single_cpt_content__left_info {
	display: flex;
	margin-top: 35px;
	justify-content: space-between;
	flex-direction: column-reverse;
}

.single_cpt_content__right {
	width: 240px;
}
.single_cpt_content__right .btn{
	color: #FFFFFF!important;
	border: 2px solid #486a96;
	border-radius: 13px;
	font-size: 16px;
	background-color: #486a96;
	padding: 15px 23px;
	font-family: "Raleway", sans-serif;
	text-align: center;
	transition: all ease-in-out .3s;
}
.single_cpt_content__right .btn:hover{
	color: #486a96!important;
	background-color: #ffffff;
	transition: all ease-in-out .3s;
}
.single_cpt_content__right .virtual_tour {
	margin: 0 0 20px 0;
}
.single_cpt_description{
	margin: 20px 0 20px 0;
}

.single_cpt_content__left {
	width: calc(100% - 240px);
	padding-right: 30px;
}

.single_cpt_content__left h3{
	font-size: 24px!important;
	padding: 0 0 0 0;
}
.single_cpt_content {
	display: flex;
	padding-top:20px !important;
}

.single_cpt_content__right {
	display: flex;
	flex-direction: column;
}

.cpt_aditional_content {
	display: flex;
	flex-wrap: wrap;
}

.cpt_aditional_content__left,
.cpt_aditional_content__right {
	width: 50%;
	display: flex;
	flex-direction: column;
	padding: 0 10px;
}
.cpt_aditional_content__left .build_price{
	/*     font-family: "Raleway", sans-serif; */
	font-size: 25px;
	margin: 25px 0 0 0;
}
.cpt_aditional_content .cpt_link {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF!important;
	border: 2px solid #486a96;
	border-radius: 30px;
	font-size: 16px;
	background-color: #486a96;
	width: fit-content;
	padding: 15px 30px;
	/*     font-family: "Raleway", sans-serif; */
	margin: 40px 0 0 0;
	transition: all ease-in-out .3s;
}
.cpt_aditional_content .cpt_link:hover{
	color: #486a96!important;
	background-color: #ffffff;
	transition: all ease-in-out .3s;
}

.single_cpt__slider .slick-btn {
	opacity: 1;
	height: 100%;
	width: 100px;
}

.single_cpt__slider .slick-btn-next {
	right: 0;
	/**background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-repeat: repeat-x; **/
	opacity: 0.5;
}

.single_cpt__slider .slick-btn-next:hover {
	opacity: 0.9;
}

.single_cpt__slider .slick-btn-prev {
	left: 0;
	/**background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-repeat: repeat-x; **/
	opacity: 0.5;
}

.single_cpt__slider .slick-btn-prev:hover {
	opacity: 0.9;
}

.single_cpt__slider_item img {
	height:auto !important;
	object-fit: cover;
	width: 100%;
	object-position: center;
}

.single_cpt__gallery {
	overflow-y: scroll;
}

.single_cpt__gallery::-webkit-scrollbar {
	width: 10px;

}

.single_cpt__gallery::-webkit-scrollbar-thumb {
	background-color: #486a96;
	border-radius: 6px;
}

.single_cpt__gallery::-webkit-scrollbar-track {
	border-radius: 6px;
	background: #ffffff;
	border: 1px solid #000000
}

.single_cpt__gallery a {
	line-height: 0;
}

.single_cpt_modal, .single_cpt_video_modal {
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	transition: all ease-in-out 1s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.single_cpt_modal.active,
.single_cpt_video_modal.active {
	opacity: 1;
	z-index: 9999999;
	transition: all ease-in-out 1s;
}

.single_cpt_modal.active .single_cpt_modal__content,
.single_cpt_video_modal.active .single_cpt_modal__content {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: all ease-in-out 1s;
}

.single_cpt_modal .single_cpt_modal__content,
.single_cpt_video_modal .single_cpt_modal__content {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	transition: all ease-in-out 1s;

}

.single_cpt_modal__content {
	max-width: 70vw;
	max-height: 700px;
	/*min-width: 50vw;*/
}

.single_cpt_modal__content img {
	height: auto !important;
	/*width: 80% !important;*/
	width: 550px !important;
}

.single_cpt_modal_gallery__slider .slick-btn {
	height: auto !important;
	width: auto !important;
	position: fixed;
	opacity: 0.8;
	display: flex;
	align-items: center;
	transition: all ease-in-out .3s;
}

.single_cpt_modal_gallery__slider .slick-btn svg {
	width: 32px;
	height: 32px;
}

.single_cpt_modal_gallery__slider .slick-btn-prev {
	left: -10%;
	justify-content: flex-end;
}

.single_cpt_modal_gallery__slider .slick-btn-next {
	right: -10%;
	justify-content: flex-start;
}

.single_cpt_modal_gallery__slider .slick-btn:hover {
	opacity: 1;
	transition: all ease-in-out .3s;
}

.close_modal {
	cursor: pointer;
	position: absolute;
	top: 60px;
	right: 60px;
	width: 32px;
	height: 32px;
}

.close_modal:before, .close_modal:after {
	content: "";
	position: absolute;
	width: 32px;
	height: 4px;
	background: #ffffff;
}

.close_modal:before {
	transform: rotate(45deg);
}

.close_modal:after {
	transform: rotate(-45deg);
}
.cpt_aditional_title{
	/*     font-family: "Raleway", sans-serif; */
	font-size: 50px;
	color: #161616;
	letter-spacing: -0.02em;
	line-height: 1.15em;
	text-align: left;
	border-bottom: 2px solid #161616;
	margin: 40px 0 20px 0;
}
.cpt_aditional_content__left{
	padding: 0 10px;
}
.cpt_aditional_content__left h3{
	/*     font-family: "Raleway", sans-serif; */
	font-size: 32px;
	color: #161616;
	line-height: 40px;
}
.cpt_aditional_content__left h4{
	/*     font-family: "Raleway", sans-serif; */
	font-size: 26px;
	color: #161616;
	line-height: 32px;
}
.cpt_aditional_content:last-of-type{
	margin: 0 0 60px 0;
}
.cpt_aditional_content__content .et_pb_row.et_pb_row_4_tb_body,
.cpt_aditional_content__content .et_pb_row.et_pb_row_6_tb_body{
	display: none;
}
.price_range{
	font-size: 16px;
}
.price_range svg{
	height: 20px;
	display: inline-block;
	width: 20px;
	margin: 0 0 -4px 0;
	cursor: pointer;
}
.price_range p{
	width: fit-content;
}
.single_cpt_data .et_pb_tabs{
	/*     font-family: "Raleway", sans-serif!important; */
}
.single_cpt_data .et_pb_tab_active{
	background-color: #f4f4f4;
	border-top: 1px solid #666666!important;
	border-left: 1px solid #666666!important;
	border-right: 1px solid #666666!important;
	margin-bottom: -1px;
	border-bottom: 1px solid #f4f4f4;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#et-boc .et_pb_row .et_pb_column .single_cpt_data ul.et_pb_tabs_controls{
	background: inherit;
}
#et-boc .et_pb_row .et_pb_column .single_cpt_data ul.et_pb_tabs_controls li a{
	padding: 14px 24px;
}
#et-boc .et_pb_row .et_pb_column .single_cpt_data ul.et_pb_tabs_controls li{
	border-right: none;
}
.single_cpt_data .et-db #et-boc .et-l ul.et_pb_tabs_controls{
	background: #ffffff;
}
body .single_cpt_data{
	border: none!important;
}
#et-boc .single_cpt_data #projects-list .archive-posts-list__item h2,
#et-boc .single_cpt_data #community-list .archive-posts-list__item h2{
	font-size: 16px;
}
.single-community h1.entry-title,
.single-regulation_community h1.entry-title{
	/*     font-family: "Raleway", sans-serif!important; */
	margin: 0 0 15px 0;
	font-size: 44px !important;
	color: #161616 !important;
	font-weight:700 !important;
}
.single-regulation_community h1.entry-title{
	margin: 57px 0 35px 0;
}
.btn.contact_form{
	/*     margin: 57px 0 0 0; */
}
.contact_form_modal{
	position: fixed;
	z-index: -1;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	transition: opacity ease-in-out 0.3s;
}
.contact_form_modal .modal-content {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0);
	margin: 0 auto;
}
.single-community.et-db #et-boc .et-l .et_pb_column,
.single-floor_plans.et-db #et-boc .et-l .et_pb_column,
.single-floor_plans.et-db #et-boc .et-l .et_builder_inner_content,
.single-regulation_community.et-db #et-boc .et-l .et_pb_column,
.single-community.et-db #et-boc .et-l .et_builder_inner_content,
.single-regulation_community.et-db #et-boc .et-l .et_builder_inner_content{
	z-index: auto!important;
}
.contact_form_modal .modal-contact-header {
	padding: 10px 18px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	width: auto;
	height: 60px;
	background: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact_form_modal .modal-contact-header h4{
	font-weight: 700;
	line-height: 1.1;
	font-size: 22px!important;
	color: #093532;
	margin: 0;
}
.contact_form_modal .close-modal-contact{
	margin: 0;
	color: #666666;
	opacity: 0.85;
	cursor: pointer;
	font-size: 32px;
	line-height: 1;
	font-weight: 400;
}
.contact_form_modal.active{
	opacity: 1 !important;
	display: flex !important;
	z-index: 9999999 !important;
	background-color: rgba(0, 0, 0, 0.75);
}
.contact_form_modal .modal-contact-content {
	max-height: 85vh;
	overflow-y: auto;
	width: 520px;
	max-width: 94vw;
	border-radius: 12px;
	background-color: #ffffff;
	box-shadow: 0 20px 40px rgba(0,0,0,0.3);
}
@media (max-width: 768px) {
	.contact_form_modal .modal-contact-content {
		width: 92vw !important;
		max-height: 85vh !important;
	}
}
.modal-contact-content>.modal-contact-body iframe{
	width: 100%;
}
.modal-contact-content>.modal-contact-body {
	padding: 20px 24px;
}
.plan_inquiry_form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 5px 0 10px;
}
.plan_inquiry_form .form-row {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.plan_inquiry_form label {
	font-weight: 600;
	font-size: 13px;
	color: #333333;
}
.plan_inquiry_form input,
.plan_inquiry_form select,
.plan_inquiry_form textarea {
	width: 100% !important;
	border: 1px solid #cccccc !important;
	border-radius: 6px !important;
	padding: 8px 12px !important;
	font-size: 14px !important;
	box-sizing: border-box !important;
	color: #161616 !important;
	background: #ffffff !important;
}
.plan_inquiry_form button.submit_inquiry_btn {
	background: #486a96;
	color: #ffffff;
	border: none;
	border-radius: 30px;
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 8px;
	transition: background 0.3s;
}
.plan_inquiry_form button.submit_inquiry_btn:hover {
	background: #093532;
}
.inquiry_success_msg {
	background: #e8f5e9;
	color: #093532;
	border: 1px solid #c8e6c9;
	border-radius: 8px;
	padding: 18px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	margin: 20px 0;
}
.community_info h5{
	/*     font-family: "Raleway", sans-serif!important; */
	font-size: 20px;
	margin: 10px 0;
	color: #333333;
}
.community_info p{
	padding: 0 0 0 0;
}
.community_info h2.zip_codes{
	padding: 0 0 0 0;
	margin: 25px 0 25px 0;
}

.community_testimonials_accordion{
	padding: 25px 0 0 0;
	min-height: 400px
}
.single-community #et-main-area .et_pb_code .et_pb_code_inner h5{
	font-size: 20px;
}
.community_testimonials_accordion .testimonial-left{
	/*     margin-bottom: 100px; */
}
.community_projects_title{
	font-size: 30px;
	/*     font-family: "Raleway", sans-serif!important; */
	color: #333333;
	border-bottom: 1px solid #bdbdbd;
	padding: 10px 0px;
	margin-bottom: 15px;
}
.more_projects{
	border-width: 0;
	border-radius: 20px;
	background-color: #486a96;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 20px;
	/*     font-family: "Raleway", sans-serif; */
	font-size: 12px;
	margin: 0 auto 40px auto;
	display: block;
	width: fit-content;
	border: 1px solid #486a96;
	transition: all ease-in-out .3s;
}
.more_projects:hover{
	background:#fff;
	border:1px solid #486a96;
	color:#486a96!important;
	transition: all ease-in-out .3s;
}
.clear_all{
	background: #486a96;
	color: #ffffff;
	width: 100%;
	border-radius: 4px;
	font-size: 20px;
	padding: 10px;
	cursor: pointer;
	border: 1px solid #ffffff;
	margin: 15px auto;
	transition: all ease-in-out .3s;
}
/*.clear_all:hover{*/
/*    color: #486a96;*/
/*    background: #ffffff;*/
/*    transition: all ease-in-out .3s;*/
/*}*/
.scroll_archive-posts-list{
	visibility: hidden;
	position: absolute;
	z-index: -1;
}
.for_scroll_archive-posts-list .archive-posts-list__item_hidden{
	-webkit-animation: fadeInFromNone 1s ease-out;
	-moz-animation: fadeInFromNone 1s ease-out;
	-o-animation: fadeInFromNone 1s ease-out;
	animation: fadeInFromNone 1s ease-out;
}
.scroll_archive-posts-list .archive-posts-list__item_hidden{
	position: absolute; 
	z-index: -1;
	-webkit-animation: fadeInFromNone 1s ease-out;
	-moz-animation: fadeInFromNone 1s ease-out;
	-o-animation: fadeInFromNone 1s ease-out;
	animation: fadeInFromNone 1s ease-out;
}
.another_info{
	margin: 25px 0 0 0;
}
.another_info p{
	font-size: 25px;
	/*     font-family: "Raleway", sans-serif; */
	color: #161616;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-weight: bold;
}
.another_info p span{
	font-weight: 300;
}
.single-community table{
	width: 100%;
}
.floor_plans_list_title{
	width: 100%;
	font-weight: 600;
	font-size: 38px;
	line-height: 40px;
	margin: 20px 0px 6px;
}
@keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		position: relative; 
		z-index: 1;
		display: block;
		opacity: 0;
	}
	50% {
		position: relative; 
		z-index: 1;
		display: block;
		opacity: 1;
	}

	100% {
		position: relative; 
		z-index: 1;
		display: block;
		opacity: 1;
	}
}
.button_modal_block{
	position: fixed;
	left: 0;
	top: 0;
	width: 300px;
	height: 300px;
}
.single_cpt_content__right a{
	margin: 0 0 15px 0;
}
.single_cpt_video_modal .single_cpt_modal__content{
	width: 100%;
}
.video_tour,
.homeowner_interview{
	text-align: center;
}
.video_tour img,
.homeowner_interview img{
	border-radius: 13px;
}
.rules_block{
	display: flex;
	flex-wrap: wrap;
	background-color: #f2ebe4;
	border-radius: 30px;
	padding: 40px 30px 20px 30px;
	border-top: 3px solid #486a96;
}
.rules_block h3{
	width: 100%;
	font-size: 18px!important;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
.rules_block .rules_block__item{
	width: 50%;
	padding: 25px;
}
.rules_block .rules_block__item h4{
	font-size: 22px!important;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	text-transform: inherit;
	margin: 0 0 0 0;
	color: #486a96!important;
	font-weight: bold;
}
.rules_block .rules_block__item p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
}
.rules_block .rules_block__item p span{
	font-weight: 400;
}
.single-regulation_community h1.entry-title{
	margin: 0 auto;
}
.sidebar_links .sidebar_links__item{
	border-radius: 20px;
	background: #ffffff;
	-webkit-box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
	-moz-box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.3), 0 4px 5px -20px rgba(0, 0, 0, 0.29);
	box-shadow: 0 10px 25px -10px rgb(0 0 0 / 30%), 0 4px 5px -20px rgb(0 0 0 / 29%);
}
.sidebar_links .sidebar_links__item .cta_button_content{
	padding: 25px 35px 25px 35px;
}
#et-boc .sidebar_links .sidebar_links__item .cta_button_content h3{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
}
.sidebar_links .sidebar_links__item .cta_button_content a{
	width: fit-content;
	display: block;
	color: #FFFFFF!important;
	border: 2px solid #486a96;
	border-radius: 13px;
	font-size: 16px;
	background-color: #486a96;
	padding: 15px 23px;
	font-family: "Raleway", sans-serif;
	line-height: 20px;
	text-align: center;
	text-transform: inherit;
	transition: all ease-in-out .3s;
	margin: 15px auto 0 auto;
}
.sidebar_links .sidebar_links__item .cta_button_content a:hover{
	color: #486a96!important;
	background-color: transparent;
	transition: all ease-in-out .3s;
}
.sidebar_links .sidebar_links__item:not(:last-of-type){
	margin: 0 0 30px 0;
}
.sidebar_links .sidebar_links__item img{
	border-radius: 20px 20px 0 0;
	width: 100%;
	height: 205px;
	object-fit: contain;
}
.sidebar_links .sidebar_links__item.adu_guide_link img{
	object-fit: cover;
}

.sidebar_links .sidebar_links__item .rental_guide img{
	object-fit: cover;
}

.sidebar_links .sidebar_links__item .homeowner_interview img{
	object-fit: fill !important;
}

.et-db #et-boc .sidebar_links .sidebar_links__item h4{
	font-size: 20px;
	padding: 10px 0 15px 0;
	text-transform: initial;
	text-align: center;
	font-weight: 600;
}
.et-db #et-boc .regulations_city_sidebar .sidebar_links .sidebar_links__item h4:not(.sidebar_links__item_more_regulations){
	/* 		text-transform: uppercase; */
}
.sidebar_links .sidebar_links__item_request .btn{
	margin: 30px 0 0 0;
	display: block;
	color: #FFFFFF!important;
	border: 2px solid #486a96;
	border-radius: 13px;
	font-size: 16px;
	background-color: #486a96;
	padding: 15px 23px;
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	text-align: center;
	transition: all ease-in-out .3s;
}
.sidebar_links .sidebar_links__item_request .btn:hover{
	color: #486a96!important;
	background-color: #ffffff;
	transition: all ease-in-out .3s;
}
.community_page_posts_list .archive-posts-list{
	justify-content: flex-start;
}
.community_page_posts_list .archive-posts-list .community_item{
	margin: 0 0 30px 8px;
	padding: 0 0 10px 0;
}
.community_page_posts_list .archive-posts-list .community_item img{
	height: 150px;
	border-radius: 15px 15px 0px 0px !important;
}
body #page-container #et-main-area  .community_page_posts_list .archive-posts-list .community_item h2.title{
	font-size: 16px;
	font-weight: bold;
}
.et_pb_code_inner .acf-map{
	margin: 0 0 0 0;
}
.acf-map-container{
	display: none;
	width: 100%;
	margin-top: 15px;
}
.acf-map-container.active{
	display: block !important;
	height: 100%;
}
#view_acf_map{
	/* margin: 0 0 0 auto; */
	display: inline-block;
	color: #FFFFFF;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 600;
	background-color: #486a96;
	border: 1px solid #486a96;
	padding: 10px 35px;
	cursor: pointer;
	transition: all ease-in-out .3s;
}
#view_acf_map.active {
	background-color: #093532 !important;
	border-color: #093532 !important;
	color: #ffffff !important;
}
#view_acf_map:hover{
	color: #161616!important;
	background-image: initial;
	background-color: #f2ebe4;
	border: 1px solid #f2ebe4;
	transition: all ease-in-out .3s;
}
#view_acf_map.active{
	margin: 0 0 15px auto;
	transition: all ease-in-out .3s;
}
.single_community_content h4{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	color: #486a96!important;
	letter-spacing: 1px;
	line-height: 24px;
	/* 	margin: 0 0 15px 0; */
}
.single-community .single_community_content h1.entry-title{
	font-weight: 700;
	font-size: 44px!important;
	color: #000000!important;
	letter-spacing: 1px;
	line-height: 44px;
	/* 	margin: 0 0 0 0; */
}
.single_community_content h3{
	font-weight: 700;
	font-size: 20px;
	color: #000000!important;
	letter-spacing: 1px;
	line-height: 20px;
}
.community_rules_block .rules_block__item{
	display: flex;
	justify-content: space-between;
	width: 50%;
}
.community_rules_block .rules_block__item .rules_block__item_link a,
a.check_adu_regulations, body.et-db #page-container #et-boc .et-l .et_pb_section a.check_adu_regalation{
	width: 250px;
	display: block;
	color: #FFFFFF!important;
	border: 2px solid #486a96;
	border-radius: 13px;
	font-size: 16px;
	background-color: #486a96;
	padding: 15px 23px;
	font-family: "Raleway", sans-serif;
	line-height: 20px;
	text-align: center;
	transition: all ease-in-out .3s;
}
.community_rules_block .rules_block__item .rules_block__item_link a:hover,
a.check_adu_regulations:hover, body.et-db #page-container #et-boc .et-l .et_pb_section a.check_adu_regalation:hover{
	color: #486a96!important;
	background-color: transparent;
	transition: all ease-in-out .3s;
}
body.et-db #page-container #et-boc .et-l .et_pb_section a.check_adu_regalation:hover::after{
	display: none;	
}
body.et-db #page-container #et-boc .et-l .et_pb_section a.check_adu_regalation, a.check_adu_regulations{
	width: fit-content;
	/* margin: 35px auto 35px auto; */
}
.community_rules_block .rules_block__item .rules_block__item_link a:hover{
	color: #486a96!important;
	background-color: transparent;
	transition: all ease-in-out .3s;
}
.community_projects_list .archive-posts-list__item{
	width: 45%;
	position: relative;
	z-index: 1;
	opacity: 1;
	transition: all ease-in-out .5s;
}
.community_projects_list .archive-posts-list__item.posts_list_items_load_more{
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: all ease-in-out .5s;
}
.more_projects.visible_button{
	display: block;
}
.more_projects.hide_button{
	display: none;
}
.community_sidebar_links a{
	text-align: center;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
}
.sidebar_links .sidebar_links__item_request .normal_text_contact_form_btn{
	text-transform: inherit;
}
.with_info,
.legend_price{
	display: flex;
}
.with_info p,
.legend_price p{
	display: flex;
	align-items: center;
}
.with_info p span,
.legend_price p span{
	margin: 0px 0 -5px -3px;
	height: fit-content;
	align-items: center;
}
.with_info svg{
	width: 15px;
	height: 20px;
	margin-left: 35px;
}
.legend_price svg{
	width: 15px;
	height: 20px;
	margin-left: 5px;
}
.single_cpt__slider.slick-slider{
	z-index: 2;
}
@media only screen and (max-width: 1320px) {
	.community_page_posts_list .archive-posts-list,
	#regulation_community-list{
		justify-content: space-between;
	}
	.community_page_posts_list .archive-posts-list .community_item{
		width: 48%;
		margin: 0 0 30px 0;
	}
	.regulation_community_item{
		width: 48%;
		margin: 0 0 30px 0;
	}
}
@media only screen and (max-width: 1300px) {
	.archive-posts-list__item {
		width: 48%;
	}
	.archive-posts-list__item img{
		height: 280px;
	}
	.archive-posts-list__item.floor_plans_item img{
		height: auto;
	}
}
@media only screen and (max-width: 1200px) {
	.single-floor_plans .project_data{
		flex-direction: column;
	}
	.single-floor_plans .project_data .project_data__list{
		margin: 30px 0 0 0;
	}
	.single-floor_plans .project_data .project_data__item:first-of-type{
		margin-left: 0;
	}
	.single-projects .project_data{
		flex-direction: column;
		align-items: flex-start;
	}
	.single-projects .project_data__item{
		margin-left: 0;
		margin-top: 30px;
	}
	.single-floor_plans .project_data__item:not(:first-of-type),
	.single-projects .project_data__item:not(:first-of-type){
		margin-left: 30px;
	}
	.single-floor_plans .project_data .project_data__list{

	}
}
@media only screen and (max-width: 992px) {
	.archive-posts-list .archive-posts-list__item{
		width: 48%;
	}
	.single_cpt__images{
		height: auto;
		flex-direction: column;
	}
	.single_cpt__slider,
	.single_cpt__gallery{
		width: 100%;
	}
	.single_cpt__gallery{
		height: 150px;
	}
	.single_cpt__gallery a{
		width: 25%;
	}
	.single_cpt__gallery a img{
		width: 100%;
	}


	.project_slider__item_info {
		width: 70%;
	}
	.project_slider__item_info h2 {
		font-size: 30px;
	}

	.project_slider__item_info .characteristics, .floor_plans__item_info .characteristics,
	.project_slider__item_info .characteristics, .project_slider_not_feature_slider__item_info .characteristics {
		font-size: 18px;
	}

	.floor_plans__item_info img {
		width: 100%;
		height: 100% !important;
	}

	.project_slider_not_feature_slider__item_info img {
		width: 100%;
		height: 300px;
		object-fit: cover !important;
	}
	.sidebar_links{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sidebar_links .sidebar_links__item, .sidebar_links__item_request{
		width: 48%;
	}
}

@media only screen and (max-width: 768px) {
	.single_cpt__gallery img{
		height: 125px;
	}
	.single_cpt__gallery {
        height: 125px;
    }
	.rules_block{
		flex-direction: column;
	}
	.rules_block .rules_block__item{
		width: 100%;
	}
	.single_cpt_content{
		flex-direction: column;
	}
	.single_cpt_content__left{
		width: 100%;
	}
	.single_cpt_content__right{
		width: 100%;
		margin: 30px 0 0 0;
	}
	.single_cpt_content__right a {
		margin: 0 0 15px 0;
		display: flex;
		flex-direction: column;
	}
	.single_cpt__gallery a{
		width: 50%;
	}
	.project_slider__item_info {
		padding: 80px 70px 16% 8%;
	}

	.project_slider__item_info h2 {
		font-size: 22px;
	}

	.project_slider__item_info .characteristics, .project_slider_not_feature_slider__item_info .characteristics,
	.project_slider__item_info .characteristics, .floor_plans__item_info .characteristics {
		font-size: 16px;
	}

	.project_slider__item_info .characteristics {
		flex-wrap: wrap;
	}
	.single_cpt_content__left{
		padding-right: 0!important;
	}
	.cpt_aditional_content__left, .cpt_aditional_content__right{
		width: 100%;
	}
	.cpt_aditional_content{
		flex-direction: column-reverse;
		width: 100%;
	}
	.archive-posts-list .archive-posts-list__item{

		min-height:120px !important;
	}
	.single_cpt__slider_item img {
		height: auto;
		object-fit: cover;
	}
	.sidebar_links .sidebar_links__item, .sidebar_links__item_request {
		width: 100%;
	}
	.sidebar_links .sidebar_links__item img {
		border-radius: 20px 20px 0 0;
		width: 100%;
		height: 220px;
		object-fit: cover;
	}
	.single-community table{
		overflow: auto;
		display: block;
	}
	.custom_post_type_filter_inputs{
		display: none;
	}
	.floor_plans_filter_inputs{
		display: none;
	}
}
@media only screen and (max-width: 630px) {
	.archive-posts-list .archive-posts-list__item{
		width: 100% !important;
	}
	.new_floor_plans_slider .floor_plan_slider img{
		height: 190px;
	}
	.archive-posts-list__item img{
		height: 210px;
	}
}
@media only screen and (max-width: 525px) {
	/** Update 21-July Jayan **/
	.project_slider_not_feature_slider__item_info img{
		height:150px !important;

	}

	.home .project_slider_not_feature_slider .slick-track div a{
		height:auto !important;
	}

	/** END **/


	.archive-posts-list__item .characteristics .round {
		margin: 0 5px 0 5px;
	}
	.home .floor_plans_slider__item .floor_plans__item_info img{
		border-radius: 20px 20px 20px 20px;
	}
	.home .floor_plans_slider__item .floor_plans__item_info{
		border-radius: 20px 20px 20px 20px;
		padding: 0 0 20px 0;
	}
	.floor_plans_slider__item .floor_plans__item_info .project_slider_not_feature_slider__item__info{
		display: none!important;
	}
	body .floor_plan_slider .slick-btn-prev, body .single-floor_plans .project_slider_not_feature_slider .slick-btn-prev {
		left: -30px;
		opacity: 1;
	}
	body .floor_plan_slider .slick-btn-next, body .single-floor_plans .project_slider_not_feature_slider .slick-btn-next {
		right: -30px;
		opacity: 1;
	}
	.project_slider_not_feature_slider__item__info,
	.floor_plans_slider__item .floor_plans__item_info{
		display: block!important;
	}
	.home .floor_plan_slider {
/* 		height: 250px; */
	}

	.home .floor_plan_slider .slick-list,
	.home .floor_plan_slider .slick-list .slick-track,
	.home .floor_plan_slider .slick-list .slick-track .slick-slide,
	.home .floor_plan_slider .slick-list .slick-track .slick-slide .floor_plans_slider__item{
		height: fit-content!important;

	} 
	.home .floor_plan_slider .slick-list{
		overflow: hidden!important;
	}
	.floor_plan_slider .slick-btn-next,
	.single-floor_plans .project_slider_not_feature_slider .slick-btn-next{
		right: -10%;
		opacity: 1;
	}
	.floor_plan_slider .slick-btn-prev,
	.single-floor_plans .project_slider_not_feature_slider .slick-btn-prev{
		left: -10%;
		opacity: 1;
	}
	.floor_plan_slider:hover .slick-btn-next, .project_slider_not_feature_slider:hover .slick-btn-next{
		right: -10%;
	}
	.project_slider_not_feature_slider:hover .slick-btn-prev, .floor_plan_slider:hover .slick-btn-prev{
		left: -10%;
	}
	.rules_block .rules_block__item{
		padding: 25px 0 25px 0;
	}
	.community_page_posts_list .archive-posts-list .community_item img{
		height: 220px;
		object-fit: cover;
	}
	.community_page_posts_list .archive-posts-list .community_item{
		width: 43%;
		margin:10px;
	}
	.single_cpt__slider_item img {
		height: 250px;
		object-fit: contain;
	}
	.single_cpt_content__left .single_cpt_title{
		font-size: 34px!important;
	}
	.project_data{
		width: 100%;
	}
	.project_data__list{
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-between;
	}
	.single-floor_plans .project_data__item:not(:first-of-type), .single-projects .project_data__item:not(:first-of-type){
		margin-left: 0;
	}
}
@media only screen and (max-width: 550px) {
	.single_cpt__slider .slick-btn-next{
		right: -45px;
	}
	.single_cpt__slider .slick-btn-prev{
		left: -45px;
	}
	.single_cpt_modal__content{
		max-width: 80vw;
	}
	.single_cpt_modal_gallery__slider .slick-btn-next{
		right: -40px;
	}
	.single_cpt_modal_gallery__slider .slick-btn-prev{
		left: -40px;
	}
	.close_modal{
		right: 35px;
	}
}
@media only screen and (max-width: 475px) {
	.project_slider__item_info {
		padding: 80px 10px 16% 8%;
	}

}

@media only screen and (max-width: 375px) {
	.project_slider__item_info a {
		padding: 10px 20px;
	}
}
.single-floor_plans .project_slider_not_feature_slider img{
	height: 267px;
	object-fit: cover;
	object-position: top center;
}

.et-pb-contact-message {
	color: #486a96;
	font-size: 24px;
}
/* Step-by-Step ADU Process & Accordion Cards */
.btnprocess,
a.btnprocess,
.btnprocess:visited {
	display: inline-block !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	font-family: var(--font-family-body, 'DM Sans', sans-serif) !important;
	letter-spacing: 0.3px !important;
	text-decoration: none !important;
	padding: 14px 32px !important;
	border-radius: 30px !important;
	border: 1.5px solid #486a96 !important;
	background-color: #486a96 !important;
	background: #486a96 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(72, 106, 150, 0.25) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	text-align: center !important;
	cursor: pointer !important;
}

.btnprocess:hover,
a.btnprocess:hover,
.btnprocess:active,
a.btnprocess:active {
	background-color: #3b577d !important;
	background: #3b577d !important;
	border-color: #3b577d !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(59, 87, 125, 0.35) !important;
	transform: translateY(-1px) !important;
}

/* Process Step Number Circles (strictly scoped to the process page step circles) */
.page-id-1717 .et_pb_column_1_4 .et_pb_with_border.et_pb_text,
.et_pb_column_1_4 .et_pb_with_border.et_pb_text:has(span[id]) {
	background-color: #486a96 !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}

.page-id-1717 .et_pb_column_1_4 .et_pb_with_border.et_pb_text .et_pb_text_inner h2,
.page-id-1717 .et_pb_column_1_4 .et_pb_with_border.et_pb_text .et_pb_text_inner h2 span,
.et_pb_column_1_4 .et_pb_with_border.et_pb_text:has(span[id]) .et_pb_text_inner h2,
.et_pb_column_1_4 .et_pb_with_border.et_pb_text:has(span[id]) .et_pb_text_inner h2 span {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

/* Process Eyebrow Header */
.page-id-1717 .et_pb_text_0 h4 {
	color: #486a96 !important;
	-webkit-text-fill-color: #486a96 !important;
}

/* Accordion link styling & icons */
.ea-content-wrapper a,
.sp-collapse a,
.ea-body a {
	color: #486a96 !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

.ea-content-wrapper a:hover,
.sp-collapse a:hover,
.ea-body a:hover {
	color: #3b577d !important;
}

.sp-ea-single .ea-expand-icon,
.sp-ea-single i.fa {
	color: #486a96 !important;
}


.projects_item.archive-posts-list__item {
	width: 30%;
	margin: 0 20px 30px 0;
	/*     height: 280px !important; */
}

.relatedprojects .projects_item.archive-posts-list__item {
	width: 30%;
	margin: 0 20px 30px 0;
	height: auto !important;
}

/* ADU Regulations Dropdown */
select#city-select {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border-color: #486a96;
    font-size: 20px;
    padding: 5px 10px;
}

/* --- Responsive 16:9 wrapper --- */
.custom-video-outer{
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 0 auto 14px auto;
	aspect-ratio: var(--ratio);
}
.testimonials-grid-list__info{
	margin-top: 14px;
}
@supports not (aspect-ratio: 16/9) {
	.custom-video-outer { height: 0; }
	.custom-video-spacer { padding-top: calc(100% / (16 / 9)); }
}
.custom-video-spacer{ display:block; }

.custom-video-inner,
.custom-video-inner iframe,
.custom-video-overlay{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* --- Iframe --- */
.custom-video-inner iframe{
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* --- Overlay + Hover Effect --- */
.custom-video-overlay{
	display: grid;
	place-items: center;
	cursor: pointer;
	z-index: 2;
	overflow: hidden;
	position: relative;
}
.custom-video-overlay img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.custom-video-overlay:hover img{ transform: scale(1.05); }
.custom-video-overlay::after{
	content:"";
	position:absolute; inset:0;
	background: rgba(0,0,0,0);
	transition: background .3s ease;
	z-index: 1;
}
.custom-video-overlay:hover::after{ background: rgba(0,0,0,0.45); }

/* --- Play Button (3rem, transparent with green outline) --- */
.custom-play-button{
	width: 3rem; height: 3rem;
	border-radius: 50%;
	background: transparent;
	border: 3px solid #28a745;
	position: relative;
	z-index: 2; /* above dark layer */
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
	cursor: pointer;
}
.custom-play-button::before{
	content:"";
	/*position:absolute;*/
	/*left: 1.1rem; top: 0.8rem;*/
	border-style: solid;
	border-width: 0.7rem 0 0.7rem 1.1rem;
	border-color: transparent transparent transparent #28a745;
	position: absolute;
	top: 50%;
	left: 55%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.custom-play-button:hover{
	transform: scale(1.1);
	border-color: #486a96;
	box-shadow: 0 0 0 6px rgba(40,167,69,0.15);
}
.testimonials-grid-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	width: 100%;
	/*justify-content: space-between;*/
}
.testimonials-grid-list .testimonials-grid-list__item{
	width: calc(33.333% - 20px);
	margin-right: 0;
	min-height: auto;
	background-color: #f4f6f8 !important;
	background: #f4f6f8 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	box-shadow: 0 4px 16px rgba(27, 39, 50, 0.04);
	/*margin-bottom: 28px;*/
}
.testimonials-grid-list .testimonials-grid-list__item .testimonial_author_name{
	font-size: 22px;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
.testimonials-grid-list .testimonials-grid-list__item .testimonial_author_position{
	font-size: 22px;
	margin: 0 0 14px 0;
}
.testimonial_author_position{
	margin-bottom: 15px;
}
.testimonial_text_quote{
	font-size: 16px;
}
@media only screen and (max-width: 992px) {
	.testimonials-grid-list .testimonials-grid-list__item{
		width: calc(50% - 15px);
	}
}
@media only screen and (max-width: 768px) {
	.testimonials-grid-list .testimonials-grid-list__item{
		width: 100%;
	}
}
.rules_block__item.d-n{
	display: none!important;
}
/* ============================================================
   PeakADU — Search styling (complete)
   Brand green: #486a96 / hover deepen: #3b577d / cream: #f2ebe4
   Covers: 1) Divi global search form
           2) SearchWP live-search form + dropdown (blog sidebar)
           3) SearchWP results page cards
   ============================================================ */


/* ============================================================
   1) DIVI GLOBAL SEARCH FORM  (native ?s= search)
   Divi outputs input[type=text].et_pb_s + input[type=submit].et_pb_searchsubmit
   ============================================================ */

.et_pb_searchform {
  max-width: 640px;
  margin: 32px auto;
}

.et_pb_searchform > div {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

.et_pb_searchform input.et_pb_s {
  flex: 1;
  width: auto;
  height: 54px;
  margin: 0;
  padding: 0 24px;
  font-size: 16px;
  color: #1a1a1a;
  background: #fff !important;
  border: 2px solid #e6e6e6 !important;
  border-radius: 9999px !important;
  outline: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  float: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.et_pb_searchform input.et_pb_s::placeholder { color: #9a9a9a; }
.et_pb_searchform input.et_pb_s:focus {
  border-color: #486a96 !important;
  box-shadow: 0 0 0 4px rgba(60,175,116,.18);
}

.et_pb_searchform input.et_pb_searchsubmit {
  height: 54px;
  width: auto;
  margin: 0;
  padding: 10px 30px !important;
  font-size: 16px;
  font-weight: 500;
  color: #fff !important;
  background: #486a96 !important;
  border: none !important;
  border-radius: 9999px !important;
  cursor: pointer;
  white-space: nowrap;
  float: none;
  transition: background .3s ease, color .3s ease, transform .1s ease;
}
.et_pb_searchform input.et_pb_searchsubmit:hover {
  background: #f2ebe4 !important;
  color: #000 !important;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .et_pb_searchform > div { flex-direction: column; }
  .et_pb_searchform input.et_pb_s,
  .et_pb_searchform input.et_pb_searchsubmit { width: 100%; }
}


/* ============================================================
   2) SEARCHWP LIVE SEARCH  (blog sidebar form + dropdown)
   Form: .searchwp-form  /  input.swp-input--search  /  input.search-submit.swp-button
   Sits on the green sidebar, so the pills are white-on-green.
   ============================================================ */

/* --- form --- */
.searchwp-form .swp-flex--row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.searchwp-form input.swp-input--search {
  flex: 1;
  width: auto;
  height: 48px;
  margin: 0;
  padding: 0 20px;
  font-size: 15px;
  color: #1a1a1a;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 9999px !important;
  outline: none;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  transition: box-shadow .2s ease;
}
.searchwp-form input.swp-input--search::placeholder { color: #9a9a9a; }
.searchwp-form input.swp-input--search:focus {
  box-shadow: 0 0 0 4px rgba(255,255,255,.35);
}

.searchwp-form input.search-submit.swp-button {
  height: 48px;
  width: auto;
  margin: 0;
  padding: 0 26px;
  font-size: 15px;
  font-weight: 500;
  color: #486a96;
  background: #fff;
  border: none;
  border-radius: 9999px !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background .3s ease, color .3s ease;
}
.searchwp-form input.search-submit.swp-button:hover {
  background: #f2ebe4;
  color: #000;
}

/* --- live results dropdown --- */
.searchwp-live-search-results {
  margin-top: 8px;
  padding: 6px;
  background: #fff;
  border: none;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
  max-height: 380px;
  overflow-y: auto;
}

.searchwp-live-search-results-container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.searchwp-live-search-result {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: none !important;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s ease;
}
.searchwp-live-search-result:hover,
.searchwp-live-search-result[aria-selected="true"] {
  background: #f2f7f4;
}

.searchwp-live-search-result--img {
  flex: 0 0 56px;
}
.searchwp-live-search-result--img img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  margin: 0;
}

.searchwp-live-search-result--info {
  min-width: 0;
}
.searchwp-live-search-result--info a {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
}
.searchwp-live-search-result--info a:hover {
  color: #486a96;
}

.searchwp-live-search-results::-webkit-scrollbar { width: 8px; }
.searchwp-live-search-results::-webkit-scrollbar-thumb {
  background: #cdddd3;
  border-radius: 8px;
}


/* ============================================================
   3) SEARCHWP RESULTS PAGE  (full results template cards)
   Container: .swp-search-results  /  rows: .swp-result-item
   ============================================================ */

.page-title,
.swp-search-results,
.swp-load-more {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.swp-search-results .swp-result-item {
  display: flex;
  align-items: stretch;
  padding: 0;
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.swp-search-results .swp-result-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  border-color: #d9e8df;
}

/* image column (full-height, wide) */
.swp-search-results .swp-result-item--img-container {
  flex: 0 0 320px;
  align-self: stretch;
}
.swp-search-results .swp-result-item--img,
.swp-search-results .swp-result-item--img a {
  display: block;
  width: 100%;
  height: 100%;
}
.swp-search-results .swp-result-item--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* text column */
.swp-search-results .swp-result-item--info-container {
  padding: 22px 26px;
  min-width: 0;
}

/* title links */
.swp-search-results a {
  color: #1a1a1a;
  text-decoration: none;
  transition: color .15s ease;
}
.swp-search-results a:hover { color: #486a96; }

/* excerpt */
.swp-search-results p {
  color: #5a5a5a;
  line-height: 1.6;
}

/* highlighted match term: green bold, no box */
.swp-search-results mark {
  background: transparent;
  color: #3b577d;
  font-weight: 600;
  padding: 0;
}
.swp-search-results h2 mark,
.swp-search-results h3 mark {
  color: inherit;
  font-weight: inherit;
}

/* Load More button */
.swp-load-more button,
.swp-load-more a {
  display: inline-block;
  padding: 12px 34px;
  font-weight: 500;
  color: #fff;
  background: #486a96;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: background .2s ease, transform .1s ease;
}
.swp-load-more button:hover {
  background: #3b577d;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .swp-search-results .swp-result-item { flex-direction: column; }
  .swp-search-results .swp-result-item--img-container { flex: 0 0 200px; width: 100%; }
}

/* SearchWP modal trigger in nav -> magnifier icon */
a[data-searchwp-modal-trigger] {
  font-size: 0 !important;
}
a[data-searchwp-modal-trigger]::after {
  font-family: "ETmodules";
  content: "U";
  font-size: 20px;
  line-height: 0;
  color: inherit;
  display: inline-block;
  vertical-align: middle;
}

/* ============================================================
   4) SEARCHWP MODAL SEARCH  (header magnifier popup)
   Wrapper: .searchwp-modal-form  /  native form inside: #searchform
   ============================================================ */

/* dim backdrop */
.searchwp-modal-form__overlay {
  background: rgba(20, 30, 24, .55);
  backdrop-filter: blur(2px);
}

/* the white dialog panel */
.searchwp-modal-form__container {
  border-radius: 16px;
  padding: 36px 32px;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
  max-width: 640px;
  width: 92%;
}

/* hide the "Search for:" label visually, keep it for screen readers */
.searchwp-modal-form__content .screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* lay the form out as a row */
.searchwp-modal-form__content #searchform > div {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

/* the text field */
.searchwp-modal-form__content #searchform input#s {
  flex: 1;
  width: auto;
  height: 54px;
  margin: 0;
  padding: 0 24px;
  font-size: 16px;
  color: #1a1a1a;
  background: #fff;
  border: 2px solid #e6e6e6 !important;
  border-radius: 9999px !important;
  outline: none;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.searchwp-modal-form__content #searchform input#s::placeholder { color: #9a9a9a; }
.searchwp-modal-form__content #searchform input#s:focus {
  border-color: #486a96 !important;
  box-shadow: 0 0 0 4px rgba(60,175,116,.18);
}

/* the submit button */
.searchwp-modal-form__content #searchform input#searchsubmit {
  height: 54px;
  width: auto;
  margin: 0;
  padding: 0 34px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #486a96 !important;
  border: none !important;
  border-radius: 9999px !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background .3s ease, color .3s ease, transform .1s ease;
}
.searchwp-modal-form__content #searchform input#searchsubmit:hover {
  background: #f2ebe4 !important;
  color: #000 !important;
  transform: translateY(-2px);
}

/* close button */
.searchwp-modal-form__close {
  color: #fff;
  opacity: .85;
  transition: opacity .2s ease, transform .2s ease;
}
.searchwp-modal-form__close:hover {
  opacity: 1;
  transform: scale(1.1);
}

/* ==========================================================================
   Sticky Mobile Action Bar & CTA Button Pills
   ========================================================================== */
.sticky-mobile-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  padding: 10px 16px;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
  z-index: 99999;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.sticky-mobile-bar a {
  flex: 1;
  text-align: center;
}

.cta-btn-pill {
  background-color: var(--color-accent, #486a96);
  color: #ffffff !important;
  font-family: var(--font-family-body, 'DM Sans', sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  padding: 9px 20px;
  border-radius: var(--radius-btn, 8px);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  letter-spacing: 0.3px;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  box-shadow: 0 4px 14px rgba(72, 106, 150, 0.25);
  white-space: nowrap;
  text-decoration: none;
}

.cta-btn-pill:hover {
  background-color: var(--color-accent-hover, #3b577d);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(72, 106, 150, 0.32);
}

.cta-btn-pill.dark {
  background-color: var(--color-primary-dark, #1B2732);
  box-shadow: 0 4px 14px rgba(27, 39, 50, 0.22);
}

.cta-btn-pill.dark:hover {
  background-color: var(--color-primary-hover, #131E28);
  box-shadow: 0 8px 20px rgba(27, 39, 50, 0.32);
}

.cta-btn-pill.outline {
  background-color: transparent;
  color: var(--color-primary-dark, #1B2732) !important;
  border: 1.5px solid var(--color-border, #DCE4DF);
  box-shadow: none;
}

.cta-btn-pill.outline:hover {
  background-color: #ffffff;
  border-color: var(--color-accent, #486a96);
  color: var(--color-accent, #486a96) !important;
  box-shadow: 0 4px 16px rgba(27, 39, 50, 0.08);
}

/* ==========================================================================
   PeakADU Architectural Design System (DESIGN | PERMIT | BUILD)
   ========================================================================== */
.peak-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background-color: var(--color-accent-light, #EEF4F0);
  color: var(--color-accent, #486a96);
  font-family: var(--font-family-body, 'DM Sans', sans-serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 4px;
  border-left: 3px solid var(--color-accent, #486a96);
  margin-bottom: 18px;
}

.peak-trust-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding: 14px 20px;
  background: #ffffff;
  border: 1px solid var(--color-border, #DCE4DF);
  border-radius: var(--radius-btn, 8px);
  box-shadow: var(--shadow-card);
  margin-top: 24px;
}

.peak-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-text-main, #18222C);
}

.peak-trust-item svg {
  color: var(--color-accent, #486a96);
}

/* 3-Pillar Architecture Section (DESIGN | PERMIT | BUILD) */
.peak-pillars-section {
  padding: 60px 0 42px 0;
  background-color: #f4f6f8;
  border-top: 1px solid var(--color-border-light, #EDF2EE);
  border-bottom: 1px solid var(--color-border-light, #EDF2EE);
}

.peak-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 36px;
  padding-top: 10px;
}

.peak-pillar-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1.5px solid var(--color-accent, #486a96) !important;
  border-radius: var(--radius-card, 16px) !important;
  padding: 36px 28px !important;
  box-shadow: 0 14px 34px rgba(27, 39, 50, 0.14) !important;
  transform: translateY(-5px) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
}

.peak-pillar-card:hover,
.peak-pillar-card:focus,
.peak-pillar-card:active {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 40px rgba(27, 39, 50, 0.18) !important;
  border-color: var(--color-accent, #486a96) !important;
  background: #ffffff !important;
}

.peak-pillar-step {
  font-family: var(--font-family-heading, 'Raleway', sans-serif);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color-accent, #486a96);
  margin-bottom: 10px;
}

.peak-pillar-title {
  font-family: var(--font-family-heading, 'Raleway', sans-serif);
  font-size: 24px;
  font-weight: 800;
  color: var(--color-primary-dark, #1B2732);
  margin: 0 0 14px 0;
  letter-spacing: -0.02em;
}

.peak-pillar-desc {
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-text-muted, #576775);
  margin: 0 0 20px 0;
  flex-grow: 1;
}

.peak-pillar-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.peak-tag-chip {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--color-accent, #486a96) !important;
  background: var(--color-accent-light, #EEF4F0) !important;
  border: 1px solid rgba(72, 106, 150, 0.35) !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.peak-pillar-card .peak-tag-chip,
.peak-pillar-card:hover .peak-tag-chip {
  background: var(--color-accent-light, #EEF4F0) !important;
  border-color: var(--color-accent, #486a96) !important;
  color: var(--color-accent, #486a96) !important;
}

@media (max-width: 980px) {
  .peak-pillars-section {
    padding: 44px 0;
  }

  html body #page-container .peak-pillars-section .et_pb_row,
  .peak-pillars-section .et_pb_row {
    width: 92% !important;
    max-width: 92% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .peak-pillars-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
    width: 100% !important;
  }

  .peak-pillar-card {
    width: 100% !important;
    box-sizing: border-box;
    padding: 30px 22px;
  }
}

@media (max-width: 480px) {
  html body #page-container .peak-pillars-section .et_pb_row,
  .peak-pillars-section .et_pb_row {
    width: 95% !important;
    max-width: 95% !important;
  }

  .peak-pillar-card {
    padding: 26px 18px;
    border-radius: 14px;
  }

  .peak-pillar-title {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .peak-pillar-desc {
    font-size: 14.5px;
    margin-bottom: 16px;
  }
}

/* PeakADU Brand Logo Display */
.et_pb_image_0_tb_header .et_pb_image_wrap,
.et_pb_image_0_tb_header a {
  display: inline-flex !important;
  align-items: center;
}

.et_pb_image_0_tb_header img {
  display: block !important;
  height: 68px !important;
  max-height: 75px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain;
}

.et_pb_menu__logo img {
  display: block !important;
  height: 88px !important;
  max-height: 92px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain;
}

.et_pb_image_0_tb_footer .et_pb_image_wrap,
.et_pb_image_0_tb_footer img {
  display: block !important;
  height: auto !important;
  max-height: 75px !important;
  width: auto !important;
  max-width: 190px !important;
  object-fit: contain;
}

@media (max-width: 980px) {
  .et_pb_image_0_tb_header img {
    height: 68px !important;
    max-height: 72px !important;
    max-width: 200px !important;
  }
}

/* ==========================================================================
   Sample ADU Floor Plans Section
   ========================================================================== */
.sample_plans_slider {
  margin: 20px 0 10px;
}

.sample_plans_slider .floor_plans_slider__item {
  padding: 12px;
}

.sample_plans_slider .floor_plans__item_info {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: none !important;
  cursor: pointer;
  box-sizing: border-box !important;
  height: 100% !important;
  transform: none !important;
}

.sample_plans_slider .floor_plans__item_info:hover {
  transform: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.sample_plans_slider .floor_plan_img_wrap {
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  overflow: hidden !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.sample_plans_slider .floor_plan_img_wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 12px;
  transition: none !important;
  transform: none !important;
}

.sample_plans_slider .floor_plans__item_info:hover .floor_plan_img_wrap img {
  transform: none !important;
}

.sample_plans_slider .sample_plan_card_footer {
  padding: 14px 18px 18px !important;
  border-top: 1px solid #f0f3f5;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-sizing: border-box !important;
}

.sample_plans_slider .sample_plan_title {
  font-family: inherit;
  font-size: 1.15rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0;
  line-height: 1.3;
}

.sample_plans_slider .sample_plan_subtitle {
  font-size: 0.88rem;
  color: #718096;
  margin: 0 0 10px 0;
  line-height: 1.4;
}

.sample_plans_slider .sample_plan_action {
  display: inline-flex;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #486a96;
}

/* ==========================================================================
   PeakADU Hero Image Caption Card
   ========================================================================== */
.peak-hero-caption {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 64px !important;
  background-color: var(--color-primary-dark, #1B2732) !important;
  color: #ffffff !important;
  padding: 0 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  z-index: 10 !important;
}

.peak-hero-caption * {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

.peak-hero-caption-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: left !important;
}

.peak-hero-caption-eyebrow {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: #a4c2b0 !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.peak-hero-caption-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.peak-hero-caption-badge {
  background: var(--color-accent, #486a96) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  letter-spacing: 0.8px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* ==========================================================================
   PeakADU Mobile Navigation Drawer & Accessibility
   ========================================================================== */
.peak-skip-link {
  position: absolute;
  top: -100px;
  left: 20px;
  background: var(--color-primary-dark, #1B2732);
  color: #ffffff !important;
  padding: 10px 18px;
  border-radius: var(--radius-btn, 8px);
  z-index: 99999;
  font-weight: 700;
  text-decoration: none;
  transition: top 0.2s ease;
}

.peak-skip-link:focus {
  top: 15px;
  outline: 2px solid var(--color-accent, #486a96);
}

.peak-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(27, 39, 50, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 999998;
  animation: peakFadeIn 0.25s ease;
}

.peak-mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 88%;
  max-width: 400px;
  background: #ffffff;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 40px rgba(15, 23, 42, 0.18);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  animation: peakSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  overflow-y: auto;
}

@keyframes peakFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes peakSlideIn {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

.peak-drawer-header {
  padding: 20px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f1f5f9;
  background: #ffffff;
}

.peak-drawer-header img {
  height: 56px !important;
  max-height: 60px !important;
  width: auto !important;
  object-fit: contain;
}

.peak-drawer-close {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #475569;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.peak-drawer-close:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: #cbd5e1;
  transform: scale(1.05);
}

.peak-drawer-nav {
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  box-sizing: border-box;
  width: 100%;
}

.peak-drawer-link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px 18px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
  color: #1e293b !important;
  text-decoration: none !important;
  font-family: var(--font-family-body, 'DM Sans', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.1px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.peak-drawer-link:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #486a96 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-1px) !important;
}

.peak-drawer-link:active {
  transform: translateY(0);
}

.peak-drawer-link svg {
  color: #94a3b8 !important;
  transition: all 0.2s ease !important;
}

.peak-drawer-link:not(.peak-drawer-accordion-btn):hover svg {
  color: #486a96 !important;
  transform: translateX(3px) !important;
}

.peak-drawer-accordion-btn svg {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease !important;
  transform: rotate(0deg) !important;
}

.peak-drawer-accordion-btn.peak-drawer-link--open svg.peak-drawer-chevron {
  transform: rotate(180deg) !important;
  color: #486a96 !important;
}

.peak-drawer-footer {
  padding: 18px 20px 24px 20px;
  border-top: 1px solid #f1f5f9;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.peak-drawer-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #334155;
  font-size: 14.5px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}

.peak-drawer-phone:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: #cbd5e1;
}

.peak-drawer-cta {
  background: #486a96 !important;
  color: #ffffff !important;
  text-align: center;
  padding: 14px 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13.5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  border: none;
  box-shadow: 0 4px 14px rgba(72, 106, 150, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
}

.peak-drawer-cta:hover {
  background: #3b577d !important;
  box-shadow: 0 6px 18px rgba(72, 106, 150, 0.45);
  transform: translateY(-1px);
}




/* ==========================================================================
   PeakADU Refined Architectural Button & Header Styles
   ========================================================================== */
.et_pb_section_0_tb_header,
.et_pb_section_0_tb_header.et_pb_section {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body #page-container .et_pb_section a.et_pb_button_0_tb_header,
a.et_pb_button_0_tb_header,
.et_pb_column_4_tb_header a.et_pb_button_0_tb_header {
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  background-color: var(--color-accent, #486a96) !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  border-radius: var(--radius-btn, 8px) !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 4px 14px rgba(72, 106, 150, 0.28) !important;
  padding: 8px 18px !important;
  font-size: 13.5px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body #page-container .et_pb_section a.et_pb_button_0_tb_header:hover,
a.et_pb_button_0_tb_header:hover,
.et_pb_column_4_tb_header a.et_pb_button_0_tb_header:hover {
  background-color: var(--color-accent-hover, #3b577d) !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: 0 6px 18px rgba(59, 87, 125, 0.35) !important;
}

body #page-container .et_pb_section a.et_pb_button_0_tb_header:active,
a.et_pb_button_0_tb_header:active,
.et_pb_column_4_tb_header a.et_pb_button_0_tb_header:active {
  background-color: #384F41 !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: 0 3px 8px rgba(59, 87, 125, 0.25) !important;
}

body #page-container .et_pb_section a.et_pb_button_0_tb_header:focus-visible,
a.et_pb_button_0_tb_header:focus-visible {
  outline: 2px solid #486a96 !important;
  outline-offset: 2px !important;
}

.cta-btn-pill-primary {
  background-color: var(--color-primary-dark, #1B2732) !important;
  color: #ffffff !important;
  border-radius: var(--radius-btn, 8px) !important;
  border: 1.5px solid var(--color-primary-dark, #1B2732) !important;
  padding: 9px 20px !important;
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(27, 39, 50, 0.2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.cta-btn-pill-primary:hover {
  background-color: #121c25 !important;
  border-color: #121c25 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(27, 39, 50, 0.28) !important;
}

.cta-btn-pill-outline {
  background-color: #ffffff !important;
  color: var(--color-accent, #486a96) !important;
  border-radius: var(--radius-btn, 8px) !important;
  border: 1.5px solid var(--color-accent, #486a96) !important;
  padding: 9px 20px !important;
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(72, 106, 150, 0.12) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.cta-btn-pill-outline:hover {
  background-color: var(--color-accent-light, #EEF4F0) !important;
  color: var(--color-accent-hover, #3b577d) !important;
  border-color: var(--color-accent-hover, #3b577d) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(72, 106, 150, 0.2) !important;
}

/* Hero CTA buttons placed under photo */
.peak-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 18px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.peak-hero-actions .cta-btn-pill-primary,
.peak-hero-actions .cta-btn-pill-outline {
  flex: 1 1 200px !important;
  min-width: 180px !important;
  text-align: center !important;
  justify-content: center !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  letter-spacing: 0.4px !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  .peak-hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }
  .peak-hero-actions .cta-btn-pill-primary,
  .peak-hero-actions .cta-btn-pill-outline {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }
}

/* Floorplan and Homeowner CTA buttons applied ONLY to <a> tags */
.homefloor a.et_pb_button,
.et_pb_button_5_wrapper a.et_pb_button_5,
.et_pb_button_6_wrapper a.et_pb_button_6,
.et_pb_button_7_wrapper a.et_pb_button_7,
.et_pb_button_8_wrapper a.et_pb_button_8,
.et_pb_button_4_wrapper a.et_pb_button_4 {
  border-radius: var(--radius-btn, 8px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.et_pb_button_5_wrapper a.et_pb_button_5 {
  background-color: var(--color-accent, #486a96) !important;
  border-color: var(--color-accent, #486a96) !important;
  color: #ffffff !important;
}

.et_pb_button_5_wrapper a.et_pb_button_5:hover {
  background-color: var(--color-primary-dark, #1B2732) !important;
  border-color: var(--color-primary-dark, #1B2732) !important;
  color: #ffffff !important;
}


/* ==========================================================================
   PeakADU Architectural Enhancements: Floor Plan Pills & Feasibility Grid
   ========================================================================== */

/* Floor Plan Category Switcher Pills */
.peak-plans-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 28px auto 36px auto !important;
  max-width: 1040px !important;
  padding: 0 16px !important;
}

.peak-plan-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  border-radius: 9999px !important;
  font-family: var(--font-family-body, 'Inter', sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  background: #ffffff !important;
  color: var(--color-primary-dark, #1B2732) !important;
  border: 1px solid var(--border-subtle, #DCE4DF) !important;
  box-shadow: 0 2px 6px rgba(27, 39, 50, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.peak-plan-pill:hover {
  border-color: var(--color-accent, #486a96) !important;
  color: var(--color-accent, #486a96) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(72, 106, 150, 0.12) !important;
}

.peak-plan-pill.active {
  background: var(--color-primary-dark, #1B2732) !important;
  color: #ffffff !important;
  border-color: var(--color-primary-dark, #1B2732) !important;
  box-shadow: 0 4px 12px rgba(27, 39, 50, 0.2) !important;
}

.peak-plan-pill.active:hover {
  background: #111a22 !important;
  border-color: #111a22 !important;
  color: #ffffff !important;
}

.peak-pill-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--color-accent, #486a96) !important;
}

.peak-plan-pill--custom {
  background: var(--color-accent-light, #EEF4F0) !important;
  color: var(--color-accent, #486a96) !important;
  border-color: #c4d7cb !important;
  font-weight: 700 !important;
}

.peak-plan-pill--custom:hover {
  background: #ddeadf !important;
  color: var(--color-accent-hover, #3b577d) !important;
  border-color: var(--color-accent, #486a96) !important;
}

/* Feasibility Technical Infographic Grid */
.peak-feasibility-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  margin: 28px 0 !important;
}

@media (max-width: 640px) {
  .peak-feasibility-grid {
    grid-template-columns: 1fr !important;
  }
}

.peak-feasibility-card {
  background: #ffffff !important;
  border: 1px solid var(--border-subtle, #DCE4DF) !important;
  border-radius: 12px !important;
  padding: 22px 20px !important;
  box-shadow: 0 2px 10px rgba(27, 39, 50, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.peak-feasibility-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: transparent !important;
  transition: background 0.25s ease !important;
}

.peak-feasibility-card:hover {
  border-color: var(--color-accent, #486a96) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(27, 39, 50, 0.08) !important;
}

.peak-feasibility-card:hover::before {
  background: var(--color-accent, #486a96) !important;
}

.peak-feasibility-step {
  font-family: var(--font-family-body, 'Inter', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: var(--color-accent, #486a96) !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.peak-feasibility-title {
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--color-primary-dark, #1B2732) !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

.peak-feasibility-desc {
  font-family: var(--font-family-body, 'Inter', sans-serif) !important;
  font-size: 13px !important;
  color: #576775 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* ==========================================================================
   PeakADU Header Brand Sizing & Modern Layout
   ========================================================================== */

/* Clean separation between mobile header (section 1) and desktop header (section 2) */
@media only screen and (min-width: 981px) {
  .et_pb_section_1_tb_header {
    display: none !important;
  }
  .et_pb_section_2_tb_header {
    display: block !important;
  }
}
@media only screen and (max-width: 980px) {
  .et_pb_section_2_tb_header {
    display: none !important;
  }
  .et_pb_section_1_tb_header {
    display: block !important;
  }
}

/* Header Wrapper Spacing & Subtle Visual Separation */
.divi-header-wrapper {
  position: relative;
  z-index: 999;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Desktop Header: Increased padding underneath header for balanced breathing room */
.et_pb_section_2_tb_header {
  padding: 12px 0 20px 0 !important;
}

.et_pb_menu_1_tb_header .et_pb_menu_inner_container {
  display: flex !important;
  align-items: center !important;
}

.et_pb_menu_1_tb_header .et_pb_menu__logo-wrap,
.et_pb_menu_1_tb_header .et_pb_menu__logo-slot {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-right: 28px !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}

.et_pb_menu_1_tb_header .et_pb_menu__logo {
  display: flex !important;
  align-items: center !important;
}

.et_pb_menu_1_tb_header .et_pb_menu__logo a {
  display: inline-flex !important;
  align-items: center !important;
}

.et_pb_menu_1_tb_header .et_pb_menu__logo img {
  width: auto !important;
  max-width: 260px !important;
  height: 88px !important;
  max-height: 92px !important;
  min-height: 80px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Strictly disable any hover effects on brand logos */
.et_pb_image_0_tb_header a:hover img,
.et_pb_image_0_tb_header img:hover,
.et_pb_menu_1_tb_header .et_pb_menu__logo a:hover img,
.et_pb_menu_1_tb_header .et_pb_menu__logo img:hover,
.brand-logo-link:hover .brand-logo,
.landing-logo-link:hover .landing-logo-img,
.et_pb_image_0_tb_footer a:hover img {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

/* Header Row Flex Layout - keep logo, nav, phone, and CTA perfectly balanced */
.et_pb_row_2_tb_header.et_pb_row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 95% !important;
  max-width: 1360px !important;
}

.et_pb_column_3_tb_header {
  flex: 1 1 auto !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
}

.et_pb_column_3_tb_header .et_pb_menu_1_tb_header {
  width: 100% !important;
}

/* Header Top-Level Navigation: Contact Us Link */
.et_pb_menu_1_tb_header .et-menu > li.menu-item-8488,
.et_pb_menu .et-menu > li.menu-item-8488,
.et-menu > li.menu-item-8488 {
  display: flex !important;
  align-items: center !important;
}

.et_pb_menu_1_tb_header .et-menu > li.menu-item-8488 > a,
.et_pb_menu .et-menu > li.menu-item-8488 > a,
.et-menu > li.menu-item-8488 > a {
  display: flex !important;
  align-items: center !important;
  color: #161616 !important;
  font-size: 16px !important;
  letter-spacing: 1px !important;
  padding: 31px 0px !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
}

.et_pb_menu_1_tb_header .et-menu > li.menu-item-8488 > a:hover,
.et_pb_menu .et-menu > li.menu-item-8488 > a:hover,
.et-menu > li.menu-item-8488 > a:hover {
  color: #486a96 !important;
}

.et_pb_column_4_tb_header {
  flex: 0 0 auto !important;
  min-width: 350px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
}

.et_pb_column_4_tb_header .et_pb_text_2_tb_header {
  position: relative !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.et_pb_column_4_tb_header .et_pb_text_2_tb_header a {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.et_pb_column_4_tb_header .et_pb_text_2_tb_header a:hover {
  color: #486a96 !important;
}

.et_pb_column_4_tb_header .et_pb_button_0_tb_header_wrapper {
  position: relative !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.et_pb_column_4_tb_header a.et_pb_button_0_tb_header {
  position: relative !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 18px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Tablet & Mobile Top Header Logo */
@media only screen and (max-width: 980px) {
  .et_pb_section_1_tb_header {
    padding-bottom: 4px !important;
  }

  .et_pb_row_1_tb_header.et_pb_row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 12px !important;
    padding-bottom: 20px !important;
  }

  .et_pb_column_1_tb_header {
    width: 55% !important;
    max-width: 240px !important;
    float: none !important;
  }

  .et_pb_column_2_tb_header {
    width: 45% !important;
    float: none !important;
  }

  .et_pb_image_0_tb_header {
    padding-top: 0 !important;
    margin: 0 !important;
    max-width: 260px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .et_pb_image_0_tb_header .et_pb_image_wrap img {
    width: auto !important;
    max-width: 220px !important;
    height: 68px !important;
    max-height: 72px !important;
    min-height: 60px !important;
    display: block !important;
  }
}

/* Footer Brand Logo */
.et_pb_image_0_tb_footer .et_pb_image_wrap img {
  max-width: 240px !important;
  height: auto !important;
  max-height: 60px !important;
}

/* Quick Contact Card */
.peak-quick-contact-wrapper {
  margin-top: 24px !important;
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Ensure perfect left-alignment of inputs and labels in Quick Contact forms */
#peak-quick-contact-form,
.peak-quick-contact-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#peak-quick-contact-form > div,
.peak-quick-contact-form > div {
  width: 100% !important;
  box-sizing: border-box !important;
}

#peak-quick-contact-form > div > div,
.peak-quick-contact-form > div > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#peak-quick-contact-form label,
.peak-quick-contact-card label,
.peak-quick-contact-form label {
  display: block !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: var(--color-text-muted, #576775) !important;
  box-sizing: border-box !important;
}

#peak-quick-contact-form input,
#peak-quick-contact-form input[type="text"],
#peak-quick-contact-form input[type="tel"],
#peak-quick-contact-form input[type="email"],
.peak-quick-contact-card input,
.peak-quick-contact-card input[type="text"],
.peak-quick-contact-card input[type="tel"],
.peak-quick-contact-card input[type="email"],
.peak-quick-contact-form input {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
  padding: 10px 12px !important;
  font-size: 13.5px !important;
  height: 42px !important;
  border: 1.5px solid #DCE4DF !important;
  border-radius: 7px !important;
  outline: none !important;
  background: #F9FAF9 !important;
  color: #1B2732 !important;
  transition: border-color 0.2s, background 0.2s !important;
}

.peak-quick-contact-card input:focus,
#peak-quick-contact-form input:focus {
  border-color: var(--color-accent, #486a96) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(72, 106, 150, 0.15) !important;
}

#quick-contact-submit:hover {
  background-color: #121c25 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(27, 39, 50, 0.28) !important;
}

/* Center Schedule Free Call submit button in hero consultation card */
.peak-submit-wrapper,
.peak-quick-contact-form .peak-submit-wrapper,
.peak-hero-form-card .peak-submit-wrapper,
.peak-quick-contact-form > div:has(button[type="submit"]),
.peak-hero-form-card form > div:has(button[type="submit"]) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 4px !important;
}

.peak-submit-wrapper button[type="submit"],
.peak-quick-contact-form button[type="submit"],
.peak-hero-form-card button[type="submit"] {
  display: inline-flex !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center Request an ADU Consultation header in hero card */
.peak-hero-form-card > div:first-child,
.peak-hero-form-card > div:first-of-type,
.peak-hero-form-card div:has(> h3),
.peak-hero-form-card div:has(> div > h3),
.peak-hero-form-card .peak-form-header {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.peak-hero-form-card h3 {
  text-align: center !important;
  margin: 0 !important;
}

/* Hero Consultation Request Form Card Padding & Side Spacing */
.peak-hero-form-card,
html body #page-container .homeheader .peak-hero-form-card,
html body #page-container .peak-hero-section .peak-hero-form-card {
  padding: 24px 34px !important;
  box-sizing: border-box !important;
}

@media (max-width: 980px) {
  .peak-hero-form-card,
  html body #page-container .homeheader .peak-hero-form-card,
  html body #page-container .peak-hero-section .peak-hero-form-card {
    padding: 22px 30px !important;
  }
}

@media (max-width: 480px) {
  .peak-hero-form-card,
  html body #page-container .homeheader .peak-hero-form-card,
  html body #page-container .peak-hero-section .peak-hero-form-card {
    padding: 20px 28px !important;
  }

  .peak-hero-form-card .peak-form-inputs-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 10px !important;
  }
}

/* Homepage Possible Designs Showcase Cards */
.peak-design-card {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.peak-design-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(27, 39, 50, 0.12) !important;
  border-color: #486a96 !important;
}

.peak-design-card img {
  transition: transform 0.4s ease !important;
}

.peak-design-card:hover img {
  transform: scale(1.04) !important;
}

/* ==========================================================================
   PeakADU Ultra-Modern Dropdown UI Design System (Replaces Old Snap Beige)
   ========================================================================== */

/* Hide ADU Info navigation item (pages to be created later) */
.et_pb_menu .nav li.menu-item-219,
.et_pb_menu .nav li.et_pb_menu_page_id-219,
.menu-item-219,
.et_pb_menu_page_id-219 {
  display: none !important;
}

/* 1. Universal Desktop Dropdown Container for All Header Menus */
.et_pb_menu .nav li ul.sub-menu,
.nav li ul.sub-menu,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 320px !important;
  min-width: 320px !important;
  max-width: 340px !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1px solid #E2E8F0 !important;
  border-top: 3px solid #486a96 !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 25px -5px rgba(27, 39, 50, 0.1), 0 20px 48px -10px rgba(27, 39, 50, 0.14) !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  z-index: 99999 !important;
  margin-top: 8px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(0.98) !important;
  transform-origin: top left !important;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
}

/* Invisible Bridge for Seamless Mouse Navigation into Dropdown */
.et_pb_menu .nav li ul.sub-menu::before,
.nav li ul.sub-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -16px !important;
  left: 0 !important;
  right: 0 !important;
  height: 16px !important;
  background: transparent !important;
}

/* Hover Reveal for Desktop Dropdown */
.et_pb_menu .nav li:hover > ul.sub-menu,
.et_pb_menu .nav li.et-hover > ul.sub-menu,
.et_pb_menu .nav li.et-touch-hover > ul.sub-menu,
.nav li:hover > ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

/* Rotate Top-level Chevron on Hover */
.et-menu .menu-item-has-children > a:first-child:after {
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), color 0.22s ease !important;
  color: #576775 !important;
}
.et-menu .menu-item-has-children:hover > a:first-child:after {
  transform: rotate(180deg) !important;
  color: #486a96 !important;
}
.et-menu .menu-item-has-children:hover > a:first-child {
  color: #486a96 !important;
}

/* Reset Divi's default padding & margins on sub-menu list items */
.et_pb_menu .nav li ul.sub-menu > li,
.nav li ul.sub-menu > li {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  list-style: none !important;
  display: block !important;
}

/* Modern Card Item Links inside Dropdown */
.et_pb_menu .nav li ul.sub-menu > li > a,
.nav li ul.sub-menu > li > a,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  margin: 2px 0 !important;
  border-radius: 9px !important;
  background-color: transparent !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  line-height: 1.3 !important;
}

/* Hover state on dropdown links */
.et_pb_menu .nav li ul.sub-menu > li > a:hover,
.nav li ul.sub-menu > li > a:hover,
.et_pb_menu_1_tb_header.et_pb_menu .nav li ul.sub-menu a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
  background-color: #F8FAFC !important;
  border-color: rgba(72, 106, 150, 0.15) !important;
  transform: translateX(4px) !important;
}

/* Rich Inner Text Structure */
.peak-dd-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  flex: 1 1 auto !important;
}

.peak-dd-title {
  display: block !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1B2732 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  transition: color 0.18s ease !important;
}

.et_pb_menu .nav li ul.sub-menu > li > a:hover .peak-dd-title,
.nav li ul.sub-menu > li > a:hover .peak-dd-title {
  color: #486a96 !important;
}

.peak-dd-desc {
  display: block !important;
  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
  letter-spacing: normal !important;
}

.peak-dd-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #486a96 !important;
  opacity: 0 !important;
  transform: translateX(-4px) !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
}

.et_pb_menu .nav li ul.sub-menu > li > a:hover .peak-dd-arrow,
.nav li ul.sub-menu > li > a:hover .peak-dd-arrow {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* Fallback for links without inner .peak-dd-title */
.et_pb_menu .nav li ul.sub-menu > li > a:not(:has(.peak-dd-title)) {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1B2732 !important;
}
.et_pb_menu .nav li ul.sub-menu > li > a:not(:has(.peak-dd-title)):hover {
  color: #486a96 !important;
}

/* 2. Regulations Dropdown Customizations */
.et_pb_menu_1_tb_header.et_pb_menu .nav li.menu-item-6607 > ul.sub-menu,
.et_pb_menu .nav li.menu-item-6607 > ul.sub-menu,
.nav li.menu-item-6607 > ul.sub-menu {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
  max-height: 82vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #486a96 #F1F5F9 !important;
}

/* Regulations Overview Top Banner Link */
.peak-regulations-overview {
  padding: 0 !important;
  margin-bottom: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.et_pb_menu .nav li.peak-regulations-overview a,
.nav li.peak-regulations-overview a,
.peak-regulations-overview a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #486a96 !important;
  border-radius: 9px !important;
  background-color: #EEF4FB !important;
  background: #EEF4FB !important;
  border: 1px solid rgba(72, 106, 150, 0.18) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.et_pb_menu .nav li.peak-regulations-overview a:hover,
.nav li.peak-regulations-overview a:hover,
.peak-regulations-overview a:hover {
  background-color: #E2ECF8 !important;
  background: #E2ECF8 !important;
  color: #3b577d !important;
  border-color: #486a96 !important;
  transform: translateX(2px) !important;
}

.peak-overview-arrow {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #486a96 !important;
  transition: transform 0.2s ease !important;
  margin-left: 8px !important;
  flex-shrink: 0 !important;
}

.peak-regulations-overview a:hover .peak-overview-arrow {
  transform: translateX(4px) !important;
}

/* County Accordion Group */
.peak-county-group {
  position: relative !important;
  width: 100% !important;
  list-style: none !important;
  border: none !important;
  margin: 3px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.peak-county-trigger {
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1B2732 !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.18s ease !important;
}

.peak-county-trigger:hover {
  background-color: #F8FAFC !important;
  color: #486a96 !important;
}

.peak-county-group.peak-county-open > .peak-county-trigger {
  background-color: #EEF4FB !important;
  border-color: rgba(72, 106, 150, 0.18) !important;
  color: #486a96 !important;
}

.peak-county-name {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.peak-county-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  color: #486a96 !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

.peak-county-group.peak-county-open > .peak-county-trigger .peak-county-arrow {
  transform: rotate(180deg) !important;
}

/* Inner Cities List inside Desktop Accordion */
.peak-county-cities {
  display: none !important;
  position: static !important;
  width: calc(100% - 12px) !important;
  margin: 4px 6px 6px 6px !important;
  box-sizing: border-box !important;
  background-color: #F8FAFC !important;
  border-left: 3px solid #486a96 !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 6px 4px !important;
  max-height: 240px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #486a96 #F1F5F9 !important;
}

.peak-county-group.peak-county-open > .peak-county-cities {
  display: flex !important;
  flex-direction: column !important;
}

.et_pb_menu .nav li.peak-county-group .peak-county-cities a,
.nav li.peak-county-group .peak-county-cities a,
.peak-county-cities a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  border-radius: 6px !important;
  margin: 1px 0 !important;
}

.et_pb_menu .nav li.peak-county-group .peak-county-cities a:hover,
.nav li.peak-county-group .peak-county-cities a:hover,
.peak-county-cities a:hover {
  background-color: rgba(72, 106, 150, 0.1) !important;
  color: #486a96 !important;
  font-weight: 600 !important;
  padding-left: 18px !important;
  transform: translateX(2px) !important;
}

/* Mobile Drawer Regulations Accordions */
.peak-drawer-accordion-group {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.peak-drawer-link--open {
  color: #486a96 !important;
  background: #f0f4f8 !important;
  border-color: #486a96 !important;
  box-shadow: 0 0 0 1px #486a96 !important;
}

.peak-drawer-link--open svg {
  color: #486a96 !important;
}

.peak-drawer-subnav {
  padding: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  margin: 6px 0 6px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  animation: peakSubnavSlide 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes peakSubnavSlide {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.peak-drawer-sublink {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
  font-family: var(--font-family-body, 'DM Sans', sans-serif) !important;
}

.peak-drawer-sublink:hover {
  background: #f0f4f8 !important;
  color: #486a96 !important;
  border-color: #cbd5e1 !important;
}

.peak-drawer-sublink svg {
  color: #94a3b8 !important;
  transition: all 0.15s ease !important;
}

.peak-drawer-sublink:hover svg {
  color: #486a96 !important;
  transform: translateX(2px) !important;
}

.peak-drawer-sublink--overview {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #486a96 !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.15s ease !important;
}

.peak-drawer-sublink--overview:hover {
  background: #486a96 !important;
  color: #ffffff !important;
  border-color: #486a96 !important;
}

.peak-drawer-county {
  margin-top: 4px;
}

.peak-drawer-county-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: background-color 0.15s ease !important;
}

.peak-drawer-county-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

.peak-drawer-city-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
  padding: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  margin: 4px 0 0 0 !important;
  max-height: 220px !important;
  overflow-y: auto !important;
}

.peak-drawer-city-link {
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: all 0.15s ease !important;
}

.peak-drawer-city-link:hover {
  background: #486a96 !important;
  color: #ffffff !important;
  border-color: #486a96 !important;
}

/* Ensure Divi animated and waypoint modules are always visible (prevents permanently hidden opacity: 0 elements) */
.et_animated,
.et_animated.et-waypoint,
.et-waypoint,
.et_had_animation,
.et_pb_animation_style_left,
.et_pb_animation_style_right,
.et_pb_animation_style_top,
.et_pb_animation_style_bottom,
.et_pb_animation_style_fade,
.et_pb_animation_style_zoom,
.et_pb_animation_style_bounce,
.et_pb_animation_style_flip,
.et_pb_animation_style_fold,
.et_pb_animation_style_roll {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  -webkit-animation: none !important;
}

/* =========================================================
   Hide breadcrumb navigation bars site-wide
   ========================================================= */
.et_pb_breadcrumbs,
.breadcrumb-trail,
.breadcrumbs,
.woocommerce-breadcrumb,
nav[aria-label="breadcrumb"],
.et_pb_post_nav,
.peak-breadcrumbs-bar,
.divi-header-wrapper .et_pb_breadcrumbs,
.divi-header-wrapper [class*="breadcrumb"] {
  display: none !important;
}




/* Center Team Photo on Mobile & Desktop with reduced top padding */
.peak-premier-builder-section .et_pb_text_4,
.peak-premier-builder-section .et_pb_text_4 .et_pb_text_inner,
.peak-premier-builder-section .et_pb_text_4 ul,
.peak-premier-builder-section .et_pb_text_4 ul li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.et_pb_image_1.imgH,
.et_pb_image_1,
.peak-premier-builder-section .et_pb_image_1 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.et_pb_image_1 a,
.et_pb_image_1 .et_pb_image_wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.et_pb_image_1.imgH img,
.et_pb_image_1 img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(27, 39, 50, 0.08) !important;
  object-fit: cover !important;
}

@media (max-width: 980px) {
  html body #page-container .peak-premier-builder-section .et_pb_column_3,
  html body #page-container .peak-premier-builder-section .et_pb_column_3_5,
  .peak-premier-builder-section .et_pb_column_3,
  .peak-premier-builder-section .et_pb_column_3_5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body #page-container .peak-premier-builder-section .et_pb_column_4,
  html body #page-container .peak-premier-builder-section .et_pb_column_2_5,
  .peak-premier-builder-section .et_pb_column_4,
  .peak-premier-builder-section .et_pb_column_2_5 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body #page-container .peak-premier-builder-section .et_pb_image_1,
  html body #page-container .peak-premier-builder-section .et_pb_image_1.imgH,
  .et_pb_image_1.imgH,
  .et_pb_image_1 {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 14px !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .et_pb_image_1.imgH img,
  .et_pb_image_1 img {
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 600px) {
  html body #page-container .peak-premier-builder-section .et_pb_image_1,
  html body #page-container .peak-premier-builder-section .et_pb_image_1.imgH,
  .peak-premier-builder-section .et_pb_image_1 {
    margin-top: 10px !important;
  }
}

/* ==========================================================================
   Sample Floor Plans Section (.et_pb_section_5)
   Vertically centered header and balanced spacing above & below
   ========================================================================== */
html body #page-container .et_pb_section_5.peak-plans-section,
html body #page-container .et_pb_section_5.et_pb_section,
html body #page-container .et_pb_section_5,
.et_pb_section_5.peak-plans-section,
.et_pb_section_5 {
  padding-top: 48px !important;
  padding-bottom: 30px !important;
  background-color: lightsteelblue !important;
}

html body #page-container .et_pb_section_5 .et_pb_row_9.et_pb_row,
html body #page-container .et_pb_section_5 .et_pb_row_9,
.et_pb_section_5 .et_pb_row_9 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body #page-container .et_pb_section_5 .et_pb_text_9,
.et_pb_section_5 .et_pb_text_9 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #page-container .et_pb_section_5 .et_pb_text_9 h2,
.et_pb_section_5 .et_pb_text_9 h2 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
}

html body #page-container .et_pb_section_5 .et_pb_row_10.et_pb_row,
html body #page-container .et_pb_section_5 .et_pb_row_10,
.et_pb_section_5 .et_pb_row_10 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}

html body #page-container .et_pb_section_5 .et_pb_code_3,
.et_pb_section_5 .et_pb_code_3 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #page-container .et_pb_section_5 .sample_plans_slider,
.sample_plans_slider {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.sample_plans_slider .slick-track {
  padding: 6px 0 0 0 !important;
}

.sample_plans_slider .slick-slide {
  margin: 6px 15px !important;
}

@media (max-width: 980px) {
  html body #page-container .et_pb_section_5.peak-plans-section,
  html body #page-container .et_pb_section_5.et_pb_section,
  html body #page-container .et_pb_section_5,
  .et_pb_section_5.peak-plans-section,
  .et_pb_section_5 {
    padding-top: 38px !important;
    padding-bottom: 20px !important;
  }

  html body #page-container .et_pb_section_5 .et_pb_row_9.et_pb_row,
  html body #page-container .et_pb_section_5 .et_pb_row_9,
  .et_pb_section_5 .et_pb_row_9 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body #page-container .et_pb_section_5 .et_pb_text_9,
  .et_pb_section_5 .et_pb_text_9 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #page-container .et_pb_section_5 .et_pb_text_9 h2,
  .et_pb_section_5 .et_pb_text_9 h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.25 !important;
  }

  html body #page-container .et_pb_section_5 .et_pb_row_10.et_pb_row,
  html body #page-container .et_pb_section_5 .et_pb_row_10,
  .et_pb_section_5 .et_pb_row_10 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
  }

  html body #page-container .et_pb_section_5 .et_pb_code_3,
  .et_pb_section_5 .et_pb_code_3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #page-container .et_pb_section_5 .sample_plans_slider,
  .sample_plans_slider {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .sample_plans_slider .floor_plan_img_wrap {
    height: 200px !important;
    max-height: 200px !important;
    min-height: 200px !important;
  }

  .sample_plans_slider .slick-track {
    padding: 4px 0 0 0 !important;
  }

  .sample_plans_slider .slick-slide {
    margin: 4px 10px !important;
  }

  .et_pb_section_6 {
    padding-top: 25px !important;
  }
}

/* ==========================================================================
   "Where should I start on my ADU?" - Header Row & Symmetrical 3-Card Grid
   ========================================================================== */
html body #page-container .peak-metrics-section .et_pb_row_24.et_pb_row,
html body #page-container .et_pb_section_9 .et_pb_row_24.et_pb_row,
html body #page-container .et_pb_row_24.et_pb_row,
body #page-container .et_pb_row_24.et_pb_row {
  padding-top: 40px !important;
  padding-bottom: 0px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  margin-bottom: 0px !important;
  text-align: center !important;
}

html body #page-container .et_pb_row_24 .et_pb_column_37 {
  padding: 0px !important;
  margin: 0px !important;
  text-align: center !important;
}

html body #page-container .et_pb_row_24 .et_pb_text_40 {
  padding: 0px !important;
  margin: 0px auto 12px auto !important;
  text-align: center !important;
}

html body #page-container .et_pb_row_24 .et_pb_text_40 h2 {
  margin: 0px !important;
  padding: 0px !important;
  line-height: 1.2em !important;
  text-align: center !important;
}

html body #page-container .et_pb_row_24 .et_pb_text_41,
html body #page-container .et_pb_row_24 .et_pb_text_41 p {
  padding: 0px !important;
  margin: 0px auto !important;
  max-width: 800px !important;
  text-align: center !important;
}

html body #page-container .peak-metrics-section .et_pb_row_25.et_pb_row,
html body #page-container .et_pb_section_9 .et_pb_row_25.et_pb_row,
html body #page-container .et_pb_row_25.et_pb_row,
body #page-container .et_pb_row_25.et_pb_row,
.peak-metrics-section .et_pb_row_25,
.et_pb_section_9 .et_pb_row_25 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: stretch !important;
  padding: 24px 32px 32px !important;
  box-sizing: border-box !important;
}

.peak-metrics-section .et_pb_row_25 > .et_pb_column,
.et_pb_section_9 .et_pb_row_25 > .et_pb_column {
  flex: 1 1 0 !important;
  width: auto !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 32px 26px 26px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-sizing: border-box !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 > .et_pb_column:hover,
.et_pb_section_9 .et_pb_row_25 > .et_pb_column:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09) !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_blurb,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 24px !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_blurb_content,
.peak-metrics-section .et_pb_row_25 .et_pb_blurb_container,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_content,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  flex: 1 !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_main_blurb_image,
.et_pb_section_9 .et_pb_row_25 .et_pb_main_blurb_image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto 30px auto !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_blurb_description,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_description,
.peak-metrics-section .et_pb_row_25 .et_pb_blurb_description p,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_description p {
  flex: 1 !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_module_header,
.et_pb_section_9 .et_pb_row_25 .et_pb_module_header {
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  color: #1a202c !important;
  margin-bottom: 12px !important;
  min-height: 32px !important;
  text-align: center !important;
  width: 100% !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_button_module_wrapper,
.et_pb_section_9 .et_pb_row_25 .et_pb_button_module_wrapper {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_button,
.et_pb_section_9 .et_pb_row_25 .et_pb_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background-color: #486a96 !important;
  border: 1px solid #486a96 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_button:hover,
.et_pb_section_9 .et_pb_row_25 .et_pb_button:hover {
  background-color: #3b577d !important;
  border-color: #3b577d !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 980px) {
  html body #page-container .peak-metrics-section .et_pb_row_24.et_pb_row,
  html body #page-container .et_pb_section_9 .et_pb_row_24.et_pb_row,
  html body #page-container .et_pb_row_24.et_pb_row,
  body #page-container .et_pb_row_24.et_pb_row {
    padding-top: 28px !important;
    padding-bottom: 0px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-bottom: 0px !important;
  }

  html body #page-container .peak-metrics-section .et_pb_row_25.et_pb_row,
  html body #page-container .et_pb_section_9 .et_pb_row_25.et_pb_row,
  html body #page-container .et_pb_row_25.et_pb_row,
  body #page-container .et_pb_row_25.et_pb_row,
  .peak-metrics-section .et_pb_row_25,
  .et_pb_section_9 .et_pb_row_25 {
    flex-direction: column !important;
    gap: 20px !important;
    padding: 16px 18px 24px !important;
  }
  .peak-metrics-section .et_pb_row_25 > .et_pb_column,
  .et_pb_section_9 .et_pb_row_25 > .et_pb_column {
    flex: none !important;
    width: 100% !important;
    padding: 26px 22px 22px !important;
  }
}

/* --------------------------------------------------------------------------
   16. GALLERY CARDS SYMMETRY (ADU INTERIORS & EXTERIORS)
   Fixes asymmetrical right-aligned pagination and CTA buttons in photo galleries
   -------------------------------------------------------------------------- */

.et_pb_gallery_grid .et_pb_gallery_pagination,
.et_pb_section_8 .et_pb_gallery_pagination,
.et_pb_row_22 .et_pb_gallery_pagination,
.et_pb_row_23 .et_pb_gallery_pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
  margin: 24px auto 14px !important;
  float: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding-top: 16px !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination ul,
.et_pb_section_8 .et_pb_gallery_pagination ul,
.et_pb_row_22 .et_pb_gallery_pagination ul,
.et_pb_row_23 .et_pb_gallery_pagination ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 16px !important;
  float: none !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination a,
.et_pb_section_8 .et_pb_gallery_pagination a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #556270 !important;
  text-decoration: none !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination a.active,
.et_pb_section_8 .et_pb_gallery_pagination a.active {
  color: #1a202c !important;
  font-weight: 700 !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination a:hover,
.et_pb_section_8 .et_pb_gallery_pagination a:hover {
  color: #486a96 !important;
}

/* Ensure gallery CTA buttons are centered directly under the pagination */
.et_pb_row_22 .et_pb_button_module_wrapper,
.et_pb_row_23 .et_pb_button_module_wrapper,
.et_pb_section_8 .et_pb_button_module_wrapper {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 16px auto 0 !important;
  float: none !important;
}

.et_pb_row_22 .et_pb_button_module_wrapper .et_pb_button,
.et_pb_row_23 .et_pb_button_module_wrapper .et_pb_button,
.et_pb_section_8 .et_pb_button_module_wrapper .et_pb_button {
  margin: 0 auto !important;
  text-align: center !important;
  float: none !important;
}

/* Ensure gallery items have solid opacity and smooth transitions */
.et_pb_gallery_grid .et_pb_gallery_item {
  opacity: 1 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 24px !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_blurb_content,
.peak-metrics-section .et_pb_row_25 .et_pb_blurb_container,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_content,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  flex: 1 !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_main_blurb_image,
.et_pb_section_9 .et_pb_row_25 .et_pb_main_blurb_image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto 30px auto !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_blurb_description,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_description,
.peak-metrics-section .et_pb_row_25 .et_pb_blurb_description p,
.et_pb_section_9 .et_pb_row_25 .et_pb_blurb_description p {
  flex: 1 !important;
  margin-bottom: 0 !important;
  text-align: center !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_module_header,
.et_pb_section_9 .et_pb_row_25 .et_pb_module_header {
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  color: #1a202c !important;
  margin-bottom: 12px !important;
  min-height: 32px !important;
  text-align: center !important;
  width: 100% !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_button_module_wrapper,
.et_pb_section_9 .et_pb_row_25 .et_pb_button_module_wrapper {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_button,
.et_pb_section_9 .et_pb_row_25 .et_pb_button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background-color: #486a96 !important;
  border: 1px solid #486a96 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.peak-metrics-section .et_pb_row_25 .et_pb_button:hover,
.et_pb_section_9 .et_pb_row_25 .et_pb_button:hover {
  background-color: #3b577d !important;
  border-color: #3b577d !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 980px) {
  html body #page-container .peak-metrics-section .et_pb_row_24.et_pb_row,
  html body #page-container .et_pb_section_9 .et_pb_row_24.et_pb_row,
  html body #page-container .et_pb_row_24.et_pb_row,
  body #page-container .et_pb_row_24.et_pb_row {
    padding-top: 28px !important;
    padding-bottom: 0px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-bottom: 0px !important;
  }

  html body #page-container .peak-metrics-section .et_pb_row_25.et_pb_row,
  html body #page-container .et_pb_section_9 .et_pb_row_25.et_pb_row,
  html body #page-container .et_pb_row_25.et_pb_row,
  body #page-container .et_pb_row_25.et_pb_row,
  .peak-metrics-section .et_pb_row_25,
  .et_pb_section_9 .et_pb_row_25 {
    flex-direction: column !important;
    gap: 20px !important;
    padding: 16px 18px 24px !important;
  }
  .peak-metrics-section .et_pb_row_25 > .et_pb_column,
  .et_pb_section_9 .et_pb_row_25 > .et_pb_column {
    flex: none !important;
    width: 100% !important;
    padding: 26px 22px 22px !important;
  }
}

/* --------------------------------------------------------------------------
   16. GALLERY CARDS SYMMETRY (ADU INTERIORS & EXTERIORS)
   Fixes asymmetrical right-aligned pagination and CTA buttons in photo galleries
   -------------------------------------------------------------------------- */

.et_pb_gallery_grid .et_pb_gallery_pagination,
.et_pb_section_8 .et_pb_gallery_pagination,
.et_pb_row_22 .et_pb_gallery_pagination,
.et_pb_row_23 .et_pb_gallery_pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
  margin: 24px auto 14px !important;
  float: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding-top: 16px !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination ul,
.et_pb_section_8 .et_pb_gallery_pagination ul,
.et_pb_row_22 .et_pb_gallery_pagination ul,
.et_pb_row_23 .et_pb_gallery_pagination ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 16px !important;
  float: none !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination a,
.et_pb_section_8 .et_pb_gallery_pagination a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #556270 !important;
  text-decoration: none !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination a.active,
.et_pb_section_8 .et_pb_gallery_pagination a.active {
  color: #1a202c !important;
  font-weight: 700 !important;
}

.et_pb_gallery_grid .et_pb_gallery_pagination a:hover,
.et_pb_section_8 .et_pb_gallery_pagination a:hover {
  color: #486a96 !important;
}

/* Ensure gallery CTA buttons are centered directly under the pagination */
.et_pb_row_22 .et_pb_button_module_wrapper,
.et_pb_row_23 .et_pb_button_module_wrapper,
.et_pb_section_8 .et_pb_button_module_wrapper {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 16px auto 0 !important;
  float: none !important;
}

.et_pb_row_22 .et_pb_button_module_wrapper .et_pb_button,
.et_pb_row_23 .et_pb_button_module_wrapper .et_pb_button,
.et_pb_section_8 .et_pb_button_module_wrapper .et_pb_button {
  margin: 0 auto !important;
  text-align: center !important;
  float: none !important;
}

/* Ensure gallery items have solid opacity and smooth transitions */
.et_pb_gallery_grid .et_pb_gallery_item {
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   17. SITEWIDE BREADCRUMBS BANNER REMOVAL
   Eliminates et_pb_section_3_tb_header across all pages
   -------------------------------------------------------------------------- */
.et_pb_section_3_tb_header,
.et_pb_row_3_tb_header,
.et_pb_column_5_tb_header,
.et_pb_text_3_tb_header,
.breadcrumb_last,
.peak-breadcrumbs,
.et_pb_breadcrumbs {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   18. HERO SECTION MOBILE RESPONSIVENESS & FULL-WIDTH EXPANSION
   Expands narrow squeezed hero content on mobile viewports so headers and
   body text have natural breathing room and align with the visual cards below.
   On mobile, image is moved to appear immediately under the H1 title.
   -------------------------------------------------------------------------- */
@media (max-width: 980px) {
  html body #page-container .homeheader .et_pb_row_0,
  html body #page-container .peak-hero-section .et_pb_row_0,
  body #page-container .homeheader .et_pb_row_0,
  body #page-container .peak-hero-section .et_pb_row_0 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  html body #page-container .homeheader .et_pb_column_0,
  html body #page-container .peak-hero-section .et_pb_column_0,
  html body #page-container .homeheader .et_pb_column_1,
  html body #page-container .peak-hero-section .et_pb_column_1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body #page-container .homeheader .et_pb_image_0,
  html body #page-container .peak-hero-section .et_pb_image_0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #page-container .homeheader .peak-hero-form-card,
  html body #page-container .peak-hero-section .peak-hero-form-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #page-container .homeheader .et_pb_text_1 h1,
  html body #page-container .peak-hero-section .et_pb_text_1 h1 {
    font-size: clamp(26px, 7vw, 34px) !important;
    line-height: 1.22 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
  }

  html body #page-container .homeheader .et_pb_text_2 p,
  html body #page-container .peak-hero-section .et_pb_text_2 p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: left !important;
    color: #4a5568 !important;
  }

  html body #page-container .homeheader .peak-trust-item,
  html body #page-container .peak-hero-section .peak-trust-item {
    font-size: 13.5px !important;
  }

  /* Extra top padding on hero section */
  html body #page-container .homeheader,
  html body #page-container .peak-hero-section {
    padding-top: 50px !important;
  }

  /* Reorder: image appears immediately under the H1 title using flex order */
  html body #page-container .homeheader .et_pb_row_0,
  html body #page-container .peak-hero-section .et_pb_row_0 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Columns become transparent layout pass-throughs */
  html body #page-container .homeheader .et_pb_column_0,
  html body #page-container .peak-hero-section .et_pb_column_0,
  html body #page-container .homeheader .et_pb_column_1,
  html body #page-container .peak-hero-section .et_pb_column_1 {
    display: contents !important;
  }

  /* Order 1: H1 title first */
  html body #page-container .homeheader .et_pb_text_1,
  html body #page-container .peak-hero-section .et_pb_text_1 {
    order: 1 !important;
  }

  /* Order 2: Image right below the title */
  html body #page-container .homeheader .et_pb_image_0,
  html body #page-container .peak-hero-section .et_pb_image_0 {
    order: 2 !important;
    margin-top: 16px !important;
  }

  /* Order 3: Body text after image */
  html body #page-container .homeheader .et_pb_text_2,
  html body #page-container .peak-hero-section .et_pb_text_2 {
    order: 3 !important;
    margin-top: 16px !important;
  }

  /* Order 0: Empty text_0 — hidden */
  html body #page-container .homeheader .et_pb_text_0,
  html body #page-container .peak-hero-section .et_pb_text_0 {
    order: 0 !important;
    display: none !important;
  }

  /* Order 4: Form card last */
  html body #page-container .homeheader .peak-hero-form-card,
  html body #page-container .peak-hero-section .peak-hero-form-card {
    order: 4 !important;
    margin-top: 16px !important;
  }
}

/* Ensure Turnkey Process Timeline cards are ALWAYS visible on Desktop, Tablet, and Mobile */
html body #page-container .et_pb_row_15,
body #page-container .et_pb_row_15,
html body #page-container .peak-process-timeline-row,
body #page-container .peak-process-timeline-row,
.et_pb_row_15.et_pb_row,
.et_pb_row_15,
.peak-process-timeline-row,
.peak-process-timeline-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 980px) {
  html body #page-container .et_pb_row_15,
  body #page-container .et_pb_row_15,
  html body #page-container .peak-process-timeline-row,
  body #page-container .peak-process-timeline-row,
  .et_pb_row_15.et_pb_row,
  .et_pb_row_15,
  .peak-process-timeline-row,
  .peak-process-timeline-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  html body #page-container .et_pb_row_15,
  body #page-container .et_pb_row_15,
  html body #page-container .peak-process-timeline-row,
  body #page-container .peak-process-timeline-row,
  .et_pb_row_15.et_pb_row,
  .et_pb_row_15,
  .peak-process-timeline-row,
  .peak-process-timeline-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .peak-process-timeline-wrapper {
    margin: 14px auto 0 !important;
    padding: 0 16px !important;
  }
}

/* Completely remove/hide legacy duplicate accordion rows across all viewports */
html body #page-container .et_pb_row_16,
html body #page-container .et_pb_row_17,
html body #page-container .et_pb_row_18,
html body #page-container .et_pb_row_19,
html body #page-container .et_pb_row_20,
body #page-container .et_pb_row_16,
body #page-container .et_pb_row_17,
body #page-container .et_pb_row_18,
body #page-container .et_pb_row_19,
body #page-container .et_pb_row_20,
.et_pb_row_16,
.et_pb_row_17,
.et_pb_row_18,
.et_pb_row_19,
.et_pb_row_20,
.sp-eap-container,
.sp-easy-accordion,
.sp-ea-one {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   Turnkey Process Section (.et_pb_section_7)
   Reduced spacing between header copy and timeline cards
   ========================================================================== */
html body #page-container .et_pb_section_7 .et_pb_row_14.et_pb_row,
html body #page-container .et_pb_section_7 .et_pb_row_14,
html body #page-container .peak-process-section .et_pb_row_14,
body #page-container .et_pb_section_7 .et_pb_row_14,
body #page-container .peak-process-section .et_pb_row_14,
.et_pb_section_7 .et_pb_row_14,
.peak-process-section .et_pb_row_14 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html body #page-container .et_pb_section_7 .et_pb_column_21,
html body #page-container .peak-process-section .et_pb_column_21,
body #page-container .et_pb_section_7 .et_pb_column_21,
body #page-container .peak-process-section .et_pb_column_21,
.et_pb_section_7 .et_pb_column_21,
.peak-process-section .et_pb_column_21 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html body #page-container .et_pb_section_7 .et_pb_text_16,
html body #page-container .peak-process-section .et_pb_text_16,
body #page-container .et_pb_section_7 .et_pb_text_16,
body #page-container .peak-process-section .et_pb_text_16,
.et_pb_section_7 .et_pb_text_16,
.peak-process-section .et_pb_text_16 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body #page-container .et_pb_section_7 .et_pb_text_16 .et_pb_text_inner,
html body #page-container .peak-process-section .et_pb_text_16 .et_pb_text_inner,
.et_pb_section_7 .et_pb_text_16 .et_pb_text_inner,
.peak-process-section .et_pb_text_16 .et_pb_text_inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body #page-container .et_pb_section_7 .et_pb_text_16 p,
html body #page-container .peak-process-section .et_pb_text_16 p,
.et_pb_section_7 .et_pb_text_16 p,
.peak-process-section .et_pb_text_16 p {
  margin-bottom: 8px !important;
}

html body #page-container .et_pb_section_7 .et_pb_text_16 p:last-child,
html body #page-container .et_pb_section_7 .et_pb_text_16 p:last-of-type,
html body #page-container .peak-process-section .et_pb_text_16 p:last-child,
html body #page-container .peak-process-section .et_pb_text_16 p:last-of-type,
.et_pb_section_7 .et_pb_text_16 p:last-child,
.et_pb_section_7 .et_pb_text_16 p:last-of-type,
.peak-process-section .et_pb_text_16 p:last-child,
.peak-process-section .et_pb_text_16 p:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body #page-container .et_pb_section_7 .et_pb_row_15.et_pb_row,
html body #page-container .et_pb_section_7 .et_pb_row_15,
html body #page-container .et_pb_section_7 .peak-process-timeline-row,
html body #page-container .peak-process-section .et_pb_row_15,
html body #page-container .peak-process-section .peak-process-timeline-row,
body #page-container .et_pb_section_7 .et_pb_row_15,
body #page-container .et_pb_section_7 .peak-process-timeline-row,
body #page-container .peak-process-section .et_pb_row_15,
body #page-container .peak-process-section .peak-process-timeline-row,
.et_pb_section_7 .et_pb_row_15.et_pb_row,
.et_pb_section_7 .et_pb_row_15,
.et_pb_section_7 .peak-process-timeline-row,
.peak-process-section .et_pb_row_15,
.peak-process-section .peak-process-timeline-row,
.peak-process-timeline-row {
  padding-top: 0 !important;
  margin-top: 40px !important;
}

.peak-process-timeline-wrapper,
html body #page-container .peak-process-timeline-wrapper {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

@media (max-width: 980px) {
  html body #page-container .et_pb_section_7 .et_pb_row_14.et_pb_row,
  html body #page-container .et_pb_section_7 .et_pb_row_14,
  html body #page-container .peak-process-section .et_pb_row_14,
  .et_pb_section_7 .et_pb_row_14,
  .peak-process-section .et_pb_row_14,
  .et_pb_row_14.et_pb_row {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #page-container .et_pb_section_7 .et_pb_row_15.et_pb_row,
  html body #page-container .et_pb_section_7 .et_pb_row_15,
  html body #page-container .peak-process-section .et_pb_row_15,
  .et_pb_section_7 .et_pb_row_15,
  .peak-process-section .et_pb_row_15,
  .et_pb_row_15.et_pb_row,
  .peak-process-timeline-row {
    padding-top: 0 !important;
    margin-top: 32px !important;
  }

  .peak-process-timeline-wrapper,
  html body #page-container .peak-process-timeline-wrapper {
    margin: 0 auto !important;
    padding: 0 20px !important;
  }
}

@media (max-width: 767px) {
  html body #page-container .et_pb_section_7 .et_pb_row_14.et_pb_row,
  html body #page-container .et_pb_section_7 .et_pb_row_14,
  html body #page-container .peak-process-section .et_pb_row_14,
  .et_pb_section_7 .et_pb_row_14,
  .peak-process-section .et_pb_row_14,
  .et_pb_row_14.et_pb_row {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  html body #page-container .et_pb_section_7 .et_pb_row_15.et_pb_row,
  html body #page-container .et_pb_section_7 .et_pb_row_15,
  html body #page-container .peak-process-section .et_pb_row_15,
  .et_pb_section_7 .et_pb_row_15,
  .peak-process-section .et_pb_row_15,
  .et_pb_row_15.et_pb_row,
  .peak-process-timeline-row {
    padding-top: 0 !important;
    margin-top: 28px !important;
  }

  .peak-process-timeline-wrapper,
  html body #page-container .peak-process-timeline-wrapper {
    margin: 0 auto !important;
    padding: 0 16px !important;
  }
}

.peak-timeline-connectors-svg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 10 !important;
  overflow: visible !important;
}

@media (max-width: 980px) {
  .peak-timeline-connectors-svg {
    display: none !important;
  }
}

.peak-timeline-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  position: relative !important;
}

.peak-timeline-card {
  background: #ffffff !important;
  border: 1.5px solid #486a96 !important;
  border-radius: 14px !important;
  padding: 24px 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 30px rgba(27, 39, 50, 0.12) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.peak-timeline-card:hover {
  transform: translateY(-5px) !important;
  border-color: #486a96 !important;
  box-shadow: 0 14px 30px rgba(27, 39, 50, 0.12) !important;
}

/* Connecting timeline line between cards in the row */
.peak-timeline-card:not(:nth-child(3n))::before {
  content: "" !important;
  position: absolute !important;
  right: -25px !important;
  top: 36px !important;
  width: 26px !important;
  height: 3px !important;
  background: #486a96 !important;
  z-index: 10 !important;
}

/* Timeline arrow indicator pointing to next step */
.peak-timeline-card:not(:nth-child(3n)):not(:nth-of-type(3n))::after {
  content: "" !important;
  position: absolute !important;
  right: -15px !important;
  top: 33.5px !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 6px solid #486a96 !important;
  z-index: 11 !important;
}

/* Ensure row-end cards (03, 06, 09) never show the default row line/arrow stub */
.peak-timeline-card:nth-of-type(3n)::before,
.peak-timeline-card:nth-of-type(3n)::after,
.peak-timeline-card:nth-child(3n)::before,
.peak-timeline-card:nth-child(3n)::after,
.peak-timeline-card:last-of-type::before,
.peak-timeline-card:last-of-type::after,
.peak-timeline-card:last-child::before,
.peak-timeline-card:last-child::after {
  display: none !important;
}

.peak-timeline-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #edf2f7 !important;
}

.peak-timeline-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #1B2732 !important;
  color: #ffffff !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.5px !important;
  flex-shrink: 0 !important;
}

.peak-timeline-badge-finish {
  background: #1e7e45 !important;
}

.peak-timeline-arrow {
  font-size: 13px !important;
  color: #7bb5ed !important;
  font-weight: 900 !important;
}

.peak-timeline-finish {
  font-size: 12px !important;
  color: #a7f3d0 !important;
  font-weight: 900 !important;
}

.peak-timeline-phase {
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #486a96 !important;
  background: #eff6ff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.peak-timeline-title,
html body #page-container .peak-timeline-title {
  font-size: 17.5px !important;
  font-weight: 800 !important;
  color: #1B2732 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  transform: translateY(3px) !important;
}

.peak-timeline-desc {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #4a5568 !important;
  margin: 0 !important;
  flex-grow: 1 !important;
}

.peak-timeline-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #f8fafc !important;
  color: #486a96 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 9px 14px !important;
  border-radius: 7px !important;
  border: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.peak-timeline-btn:hover {
  background: #486a96 !important;
  color: #ffffff !important;
  border-color: #486a96 !important;
  transform: translateX(2px) !important;
}

.peak-timeline-btn span {
  font-size: 14px !important;
  transition: transform 0.2s ease !important;
}

.peak-timeline-btn:hover span {
  transform: translateX(3px) !important;
}

@media (max-width: 980px) and (min-width: 641px) {
  .peak-timeline-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 22px !important;
  }
  .peak-timeline-card:not(:nth-child(3n))::before,
  .peak-timeline-card:not(:nth-child(3n))::after {
    display: none !important;
  }
  .peak-timeline-card:nth-child(2n+1):not(:last-of-type):not(:nth-of-type(9)):not(.peak-timeline-finish-card)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: -23px !important;
    top: 36px !important;
    width: 24px !important;
    height: 3px !important;
    background: #486a96 !important;
    z-index: 10 !important;
  }
  .peak-timeline-card:nth-child(2n+1):not(:last-of-type):not(:nth-of-type(9)):not(.peak-timeline-finish-card)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: -13px !important;
    top: 33.5px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-left: 6px solid #486a96 !important;
    z-index: 11 !important;
  }
  .peak-timeline-card:last-of-type::before,
  .peak-timeline-card:last-of-type::after,
  .peak-timeline-card:nth-of-type(9)::before,
  .peak-timeline-card:nth-of-type(9)::after,
  .peak-timeline-card:nth-child(9)::before,
  .peak-timeline-card:nth-child(9)::after,
  .peak-timeline-card:has(.peak-timeline-badge-finish)::before,
  .peak-timeline-card:has(.peak-timeline-badge-finish)::after,
  .peak-timeline-card.peak-timeline-finish-card::before,
  .peak-timeline-card.peak-timeline-finish-card::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 640px) {
  .peak-timeline-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .peak-timeline-card {
    padding: 20px 18px !important;
  }
  .peak-timeline-card:not(:nth-child(3n))::before,
  .peak-timeline-card:not(:nth-child(3n))::after {
    display: none !important;
  }
  .peak-timeline-card:not(:last-of-type):not(:nth-of-type(9)):not(.peak-timeline-finish-card)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: auto !important;
    left: 36px !important;
    top: auto !important;
    bottom: -23px !important;
    width: 3px !important;
    height: 24px !important;
    background: #486a96 !important;
    z-index: 10 !important;
  }
  .peak-timeline-card:not(:last-of-type):not(:nth-of-type(9)):not(.peak-timeline-finish-card)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: auto !important;
    left: 33.5px !important;
    top: auto !important;
    bottom: -15px !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 6px solid #486a96 !important;
    border-bottom: none !important;
    z-index: 11 !important;
  }
  .peak-timeline-card:last-of-type::before,
  .peak-timeline-card:last-of-type::after,
  .peak-timeline-card:nth-of-type(9)::before,
  .peak-timeline-card:nth-of-type(9)::after,
  .peak-timeline-card:nth-child(9)::before,
  .peak-timeline-card:nth-child(9)::after,
  .peak-timeline-card:has(.peak-timeline-badge-finish)::before,
  .peak-timeline-card:has(.peak-timeline-badge-finish)::after,
  .peak-timeline-card.peak-timeline-finish-card::before,
  .peak-timeline-card.peak-timeline-finish-card::after {
    display: none !important;
    content: none !important;
  }
}

/* Ensure the final card (09 / Rental Support) NEVER displays any trailing connector line or arrow in any viewport */
.peak-timeline-card:last-of-type::before,
.peak-timeline-card:last-of-type::after,
.peak-timeline-card:nth-of-type(9)::before,
.peak-timeline-card:nth-of-type(9)::after,
.peak-timeline-card:nth-child(9)::before,
.peak-timeline-card:nth-child(9)::after,
.peak-timeline-card:has(.peak-timeline-badge-finish)::before,
.peak-timeline-card:has(.peak-timeline-badge-finish)::after,
.peak-timeline-card.peak-timeline-finish-card::before,
.peak-timeline-card.peak-timeline-finish-card::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ==========================================================================
   Footer CTA Banner ("Questions about your ADU project? We're here to help.")
   Semi-blurred AI ADU photo background with dark vignette overlay.
   ========================================================================== */
.et_pb_section_0_tb_footer .et_pb_background_pattern,
span.et_pb_background_pattern {
  display: none !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Hide redundant global footer CTA banner on landing pages */
html body #page-container.is-landing-page .et_pb_section_0_tb_footer.et_pb_section,
html body #page-container.is-landing-page .et_pb_section_0_tb_footer,
body:has(.peak-landing) .et_pb_section_0_tb_footer {
  display: none !important;
}

html body #page-container .et_pb_section_0_tb_footer.et_pb_section,
body #page-container .et_pb_section_0_tb_footer.et_pb_section,
.et_pb_section_0_tb_footer.et_pb_section,
.et_pb_section_0_tb_footer {
  position: relative !important;
  overflow: hidden !important;
  padding-top: 4.5vw !important;
  padding-bottom: 4.5vw !important;
  background-color: #0f1720 !important;
  background-image: linear-gradient(
    180deg,
    rgba(14, 22, 31, 0.74) 0%,
    rgba(16, 25, 36, 0.68) 50%,
    rgba(12, 19, 28, 0.80) 100%
  ), url("/assets/images/peakadu-banner-adu-bg.webp") !important;
  background-size: cover !important;
  background-position: center 60% !important;
  background-repeat: no-repeat !important;
  z-index: 1 !important;
}

.et_pb_section_0_tb_footer::before {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: -12px !important;
  right: -12px !important;
  bottom: -12px !important;
  background-image: url("/assets/images/peakadu-banner-adu-bg.webp") !important;
  background-size: cover !important;
  background-position: center 60% !important;
  background-repeat: no-repeat !important;
  filter: blur(4px) !important;
  transform: scale(1.04) !important;
  z-index: 0 !important;
  opacity: 0.95 !important;
}

.et_pb_section_0_tb_footer::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(14, 22, 31, 0.72) 0%,
    rgba(16, 25, 36, 0.65) 50%,
    rgba(12, 19, 28, 0.78) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.et_pb_section_0_tb_footer > .et_pb_row {
  position: relative !important;
  z-index: 2 !important;
}

/* Footer CTA banner: Hide View Floor Plans button and center Schedule Consultation */
.et_pb_button_1_tb_footer,
.et_pb_column_2_tb_footer {
  display: none !important;
}

/* Footer CTA Banner: Center justify top text & minimize space above button */
html body #page-container .et_pb_section_0_tb_footer .et_pb_row_0_tb_footer,
body #page-container .et_pb_section_0_tb_footer .et_pb_row_0_tb_footer,
.et_pb_row_0_tb_footer.et_pb_row,
.et_pb_row_0_tb_footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
}

html body #page-container .et_pb_section_0_tb_footer .et_pb_column_0_tb_footer,
body #page-container .et_pb_section_0_tb_footer .et_pb_column_0_tb_footer,
.et_pb_column_0_tb_footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  float: none !important;
}

html body #page-container .et_pb_section_0_tb_footer .et_pb_text_0_tb_footer,
body #page-container .et_pb_section_0_tb_footer .et_pb_text_0_tb_footer,
.et_pb_text_0_tb_footer.et_pb_text,
.et_pb_text_0_tb_footer {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 800px !important;
}

html body #page-container .et_pb_section_0_tb_footer .et_pb_text_0_tb_footer .et_pb_text_inner,
body #page-container .et_pb_section_0_tb_footer .et_pb_text_0_tb_footer .et_pb_text_inner,
.et_pb_text_0_tb_footer .et_pb_text_inner {
  text-align: center !important;
  margin: 0 auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html body #page-container .et_pb_section_0_tb_footer .et_pb_text_0_tb_footer h2,
body #page-container .et_pb_section_0_tb_footer .et_pb_text_0_tb_footer h2,
.et_pb_text_0_tb_footer h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body #page-container .et_pb_row_1_tb_footer,
body #page-container .et_pb_row_1_tb_footer,
.et_pb_row_1_tb_footer {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  padding-top: 14px !important;
  padding-bottom: 0 !important;
  float: none !important;
}

html body #page-container .et_pb_column_1_tb_footer,
body #page-container .et_pb_column_1_tb_footer,
.et_pb_column_1_tb_footer {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body #page-container .et_pb_button_0_tb_footer_wrapper,
body #page-container .et_pb_button_0_tb_footer_wrapper,
.et_pb_button_0_tb_footer_wrapper {
  text-align: center !important;
  display: inline-block !important;
  float: none !important;
  margin: 0 auto !important;
}

/* Remove #b8cde3 background color from FAQ accordion container */
.et_pb_accordion,
.et_pb_accordion_0.et_pb_accordion {
  background-color: transparent !important;
  background: transparent !important;
}

/* Footer Links Row (ADU Resources & PeakADU) */
html body #page-container .et_pb_row_2_tb_footer,
body #page-container .et_pb_row_2_tb_footer,
.et_pb_row_2_tb_footer {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 80px !important;
  flex-wrap: wrap !important;
}

html body #page-container .et_pb_row_2_tb_footer > .et_pb_column,
body #page-container .et_pb_row_2_tb_footer > .et_pb_column,
.et_pb_row_2_tb_footer > .et_pb_column {
  width: auto !important;
  min-width: 180px !important;
  margin-right: 0 !important;
  float: none !important;
}

@media (max-width: 640px) {
  html body #page-container .et_pb_row_2_tb_footer,
  body #page-container .et_pb_row_2_tb_footer,
  .et_pb_row_2_tb_footer {
    gap: 30px !important;
  }
}

/* ==========================================================================
   "Need a custom ADU floor plan?" - Modern Architectural Studio 2-Column Showcase
   ========================================================================== */
html body #page-container .peak-custom-plan-card.et_pb_row,
html body #page-container .et_pb_row_12.et_pb_row,
body #page-container .et_pb_row_12.et_pb_row,
.et_pb_row_12 {
  position: relative !important;
  max-width: 1240px !important;
  width: 92% !important;
  margin: 24px auto 44px auto !important;
  padding: 44px 48px !important;
  background: #ffffff !important;
  background-image: 
    radial-gradient(circle at top right, rgba(72, 106, 150, 0.05) 0%, transparent 60%),
    linear-gradient(135deg, #ffffff 0%, #f9fbfd 100%) !important;
  border: 1px solid #dce4df !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 36px rgba(27, 39, 50, 0.06), 0 2px 6px rgba(72, 106, 150, 0.04) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* 2-Column Split Layout */
.peak-custom-plan-layout {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 40px !important;
  align-items: center !important;
  width: 100% !important;
}

/* Left Column */
.peak-custom-plan-content {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

.peak-plan-badge-wrapper,
.peak-custom-plan-badge {
  display: none !important;
}

.peak-custom-plan-h2 {
  font-size: clamp(24px, 3.2vw, 32px) !important;
  font-weight: 800 !important;
  color: var(--color-primary-dark, #1B2732) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin: 0 0 12px 0 !important;
}

.peak-custom-plan-lead {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #526272 !important;
  margin: 0 0 20px 0 !important;
}

.peak-custom-plan-lead a {
  color: var(--color-accent, #486a96) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
}

.peak-custom-plan-lead a:hover {
  color: #1B2732 !important;
}

/* Feature Items Grid */
.peak-custom-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}

.peak-custom-feature-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 12px 14px !important;
  background: #fbfcfd !important;
  border: 1px solid #e7ecf2 !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
}

.peak-custom-feature-item:hover {
  background: #ffffff !important;
  border-color: #c9d8e8 !important;
  box-shadow: 0 4px 12px rgba(72, 106, 150, 0.08) !important;
  transform: translateX(3px) !important;
}

.peak-feature-icon-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #eef3f9 !important;
  color: #486a96 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.peak-feature-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.peak-feature-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1B2732 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.peak-feature-desc {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #637381 !important;
  margin: 0 !important;
}

/* CTA Row */
.peak-custom-cta-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-top: 24px !important;
}

.peak-custom-cta-wrap .et_pb_button_module_wrapper {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.peak-custom-main-btn,
html body #page-container .peak-custom-plan-card .et_pb_button_7 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-color: var(--color-accent, #486a96) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(72, 106, 150, 0.28) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.peak-custom-main-btn:hover,
html body #page-container .peak-custom-plan-card .et_pb_button_7:hover {
  background-color: #385375 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(72, 106, 150, 0.38) !important;
}

.peak-custom-trust-text {
  display: none !important;
}

/* Right Column: Blueprint Studio Spec Card */
.peak-blueprint-card {
  background: #1B2732 !important;
  background: linear-gradient(150deg, #1f2d3a 0%, #15202a 100%) !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  padding: 30px 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 33, 0.22) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: left !important;
}

/* Subtle architectural blueprint grid overlay */
.peak-blueprint-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  pointer-events: none !important;
}

.peak-blueprint-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 2 !important;
}

.peak-blueprint-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.peak-blueprint-pulse {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #52c48a !important;
  box-shadow: 0 0 8px #52c48a !important;
}

.peak-blueprint-status-text {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #9ab4cb !important;
}

.peak-blueprint-badge-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 3px 9px !important;
  background: rgba(72, 106, 150, 0.35) !important;
  border: 1px solid rgba(72, 106, 150, 0.5) !important;
  border-radius: 4px !important;
  color: #c9ddf0 !important;
}

.peak-blueprint-head {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.35 !important;
  position: relative !important;
  z-index: 2 !important;
}

.peak-blueprint-sub {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #a4b7c8 !important;
  margin: 0 0 18px 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

.peak-blueprint-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
  position: relative !important;
  z-index: 2 !important;
}

.peak-bp-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 11px !important;
}

.peak-bp-check {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: rgba(72, 106, 150, 0.35) !important;
  color: #8bb5e4 !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}

.peak-bp-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
}

.peak-bp-sublabel {
  display: block !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  color: #8c9eaF !important;
}

.peak-blueprint-stats-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
  z-index: 2 !important;
}

.peak-bp-metric {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  flex: 1 !important;
}

.peak-metric-number {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

.peak-metric-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #8da1b4 !important;
  margin-top: 2px !important;
}

.peak-bp-sep {
  width: 1px !important;
  height: 26px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

/* Responsive Viewports */
@media (max-width: 992px) {
  .peak-custom-plan-layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  
  html body #page-container .peak-custom-plan-card.et_pb_row,
  html body #page-container .et_pb_row_12.et_pb_row,
  body #page-container .et_pb_row_12.et_pb_row,
  .et_pb_row_12 {
    padding: 32px 24px !important;
  }
}

@media (max-width: 600px) {
  html body #page-container .peak-custom-plan-card.et_pb_row,
  html body #page-container .et_pb_row_12.et_pb_row,
  body #page-container .et_pb_row_12.et_pb_row,
  .et_pb_row_12 {
    padding: 24px 16px !important;
    border-radius: 14px !important;
  }
  
  .peak-custom-cta-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 20px !important;
  }
  
  .peak-custom-cta-wrap .et_pb_button_module_wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  
  .peak-blueprint-card {
    padding: 20px 18px !important;
  }
}

/* ============================================================
   PeakADU — County Service Areas "View All Cities" Button Spacing
   Button closer to county cards
============================================================ */
.et_pb_section_10.et_pb_section,
html body #page-container .et_pb_section_10.et_pb_section {
  padding-bottom: 32px !important;
}

.peak-sa-county-grid {
  margin-bottom: 8px !important;
}

.peak-sa-view-all-wrapper,
.peak-sa-county-grid + div {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

.peak-sa-view-all-wrapper .et_pb_button {
  margin-top: 0 !important;
}

/* ============================================================
   PeakADU — Premier ADU Design-Build Contractor Section
   Less padding above this section
   ============================================================ */
.et_pb_section_2.et_section_regular,
.peak-premier-builder-section,
.peak-about-section,
html body #page-container .et_pb_section_2.et_section_regular,
html body #page-container .peak-premier-builder-section,
html body #page-container .peak-about-section {
  padding-top: 18px !important;
  padding-bottom: 24px !important;
}

html body #page-container .et_pb_section_2 .et_pb_row_2,
html body #page-container .peak-premier-builder-section .et_pb_row_2,
html body #page-container .peak-about-section .et_pb_row_2 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .et_pb_section_2.et_section_regular,
  .peak-premier-builder-section,
  .peak-about-section,
  html body #page-container .et_pb_section_2.et_section_regular,
  html body #page-container .peak-premier-builder-section,
  html body #page-container .peak-about-section {
    padding-top: 15px !important;
  }
}

@media (max-width: 600px) {
  .et_pb_section_2.et_section_regular,
  .peak-premier-builder-section,
  .peak-about-section,
  html body #page-container .et_pb_section_2.et_section_regular,
  html body #page-container .peak-premier-builder-section,
  html body #page-container .peak-about-section {
    padding-top: 12px !important;
  }
}

/* Bullet suppression for hero and build team cards */
.peak-hero-form-card span[style*="border-radius: 50%"],
.peak-hero-form-card .peak-form-bullet,
.peak-quick-contact-card span[style*="border-radius: 50%"],
.peak-quick-contact-card .peak-form-bullet,
.peak-quick-contact-card span:empty,
.peak-quick-contact-card h4::before {
  display: none !important;
  content: none !important;
}

/* ============================================================
   PeakADU — Homeowner Stories Turning Carousel
   2-Column Layout (Text Left, Video Right) with Tab Navigation,
   Progress Indicators, Smooth Transitions & Responsive Controls
   ============================================================ */
.peak-adu-carousel-section {
  padding-top: 40px !important;
  padding-bottom: 60px !important;
  background-color: #fafbfc !important;
}

@media (max-width: 980px) {
  .peak-adu-carousel-section {
    padding-top: 32px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 600px) {
  .peak-adu-carousel-section {
    padding-top: 24px !important;
    padding-bottom: 40px !important;
  }
}

/* Category Filter Tabs */
.peak-carousel-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 0 auto 46px auto !important;
  max-width: 1120px !important;
}

.peak-carousel-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 26px !important;
  min-height: 52px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1.5px solid #dce4df !important;
  color: #576775 !important;
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  outline: none !important;
  box-shadow: 0 2px 8px rgba(27, 39, 50, 0.05) !important;
}

.peak-tab-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.peak-tab-icon svg {
  width: 18px !important;
  height: 18px !important;
  transition: stroke 0.2s ease !important;
}

.peak-carousel-tab:hover {
  background: #f1f5f9 !important;
  color: #1B2732 !important;
  border-color: #cbd5e1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(27, 39, 50, 0.08) !important;
}

.peak-carousel-tab.is-active {
  background: #1B2732 !important;
  border-color: #1B2732 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(27, 39, 50, 0.2) !important;
}

.peak-carousel-tab.is-active .peak-tab-icon svg {
  stroke: #a4c2b0 !important;
}

/* Turning Carousel Wrapper & Track */
.peak-turn-carousel-wrapper {
  max-width: 1240px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid #dce4df !important;
  border-radius: 20px !important;
  padding: 56px 48px 48px !important;
  box-shadow: 0 14px 40px rgba(27, 39, 50, 0.07) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.peak-turn-carousel-track {
  position: relative !important;
  width: 100% !important;
  min-height: 440px !important;
}

.peak-turn-slide {
  display: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.peak-turn-slide.is-active {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  animation: peakSlideFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes peakSlideFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2-Column Grid: Text on Left, Video on Right */
.peak-turn-slide-grid {
  display: grid !important;
  grid-template-columns: 1.12fr 0.88fr !important;
  gap: 48px !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Left Column Styles */
.peak-turn-content-col {
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.peak-turn-video-col {
  width: 100% !important;
  box-sizing: border-box !important;
}

.peak-turn-badge {
  display: none !important;
}

.peak-turn-heading {
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #1B2732 !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: -0.02em !important;
}

.peak-turn-body p {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #4a5568 !important;
  margin: 0 0 10px 0 !important;
  text-align: left !important;
}

.peak-turn-body p:last-child {
  margin-bottom: 0 !important;
}

.peak-turn-tip {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #f1f6fa !important;
  border-left: 3.5px solid #486a96 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin: 16px 0 !important;
  font-size: 13.5px !important;
  color: #243545 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.peak-turn-author-box {
  display: none !important;
}

.peak-turn-author-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #1B2732 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.peak-turn-author-name {
  font-weight: 800 !important;
  font-size: 14.5px !important;
  color: #1B2732 !important;
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
}

.peak-turn-author-loc {
  font-size: 12px !important;
  color: #64748b !important;
  margin-top: 2px !important;
}

.peak-turn-actions {
  display: none !important;
}

.peak-turn-primary-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #486a96 !important;
  color: #ffffff !important;
  font-family: var(--font-family-heading, 'Raleway', sans-serif) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 11px 22px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(72, 106, 150, 0.28) !important;
}

.peak-turn-primary-btn:hover {
  background: #3b577d !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(72, 106, 150, 0.36) !important;
}

.peak-turn-secondary-info {
  font-size: 12.5px !important;
  color: #64748b !important;
  font-weight: 600 !important;
}

/* Right Column Styles: Video Player Card */
.peak-turn-video-col {
  width: 100% !important;
}

.peak-turn-video-card {
  background: #0f172a !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  transition: max-width 0.3s ease !important;
}

/* Vertical Video Reel Card (Slide 0: 9:16 Portrait Ad Video) */
.peak-turn-video-card.peak-turn-video-card--vertical,
.peak-turn-slide[data-slide="0"] .peak-turn-video-card,
.peak-turn-slide:first-child .peak-turn-video-card,
.peak-turn-video-card:has(.peak-native-video) {
  max-width: 310px !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.24) !important;
}

.peak-video-container {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #000000 !important;
  overflow: hidden !important;
}

/* Vertical 9:16 Aspect Ratio Container */
.peak-video-container.peak-video-container--vertical,
.peak-turn-slide[data-slide="0"] .peak-video-container,
.peak-turn-slide:first-child .peak-video-container,
.peak-video-container:has(.peak-native-video) {
  aspect-ratio: 9 / 16 !important;
  max-height: 550px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.peak-native-video {
  width: 100% !important;
  height: 100% !important;
  max-height: 550px !important;
  object-fit: contain !important;
  display: block !important;
  background: #000000 !important;
}

.peak-video-caption {
  display: none !important;
}

/* Big Play Icon Button on Video Cards */
.peak-video-play-btn,
.peak-turn-slide .custom-play-button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: rgba(27, 39, 50, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 3px solid rgba(255, 255, 255, 0.95) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 0 6px rgba(72, 106, 150, 0.25) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.25s ease !important;
}

.peak-video-play-btn::before,
.peak-turn-slide .custom-play-button::before {
  content: "" !important;
  border-style: solid !important;
  border-width: 12px 0 12px 20px !important;
  border-color: transparent transparent transparent #ffffff !important;
  position: absolute !important;
  top: 50% !important;
  left: 54% !important;
  margin-right: -50% !important;
  transform: translate(-50%, -50%) !important;
}

.peak-video-play-btn:hover,
.peak-turn-slide .custom-play-button:hover {
  transform: translate(-50%, -50%) scale(1.1) !important;
  background: #486a96 !important;
  border-color: #ffffff !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), 0 0 0 10px rgba(72, 106, 150, 0.35) !important;
}

.peak-video-play-btn.is-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 640px) {
  .peak-video-play-btn,
  .peak-turn-slide .custom-play-button {
    width: 62px !important;
    height: 62px !important;
  }
  .peak-video-play-btn::before,
  .peak-turn-slide .custom-play-button::before {
    border-width: 10px 0 10px 16px !important;
  }
}

/* Controls at bottom of carousel */
.peak-turn-controls {
  display: none !important;
}

.peak-turn-nav {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.peak-turn-arrow {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1.5px solid #dce4df !important;
  color: #1B2732 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(27, 39, 50, 0.05) !important;
}

.peak-turn-arrow:hover {
  background: #486a96 !important;
  border-color: #486a96 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(72, 106, 150, 0.25) !important;
}

.peak-turn-indicators {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.peak-turn-dot {
  width: 24px !important;
  height: 6px !important;
  border-radius: 4px !important;
  background: #cbd5e1 !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.peak-turn-dot:hover {
  background: #94a3b8 !important;
}

.peak-turn-dot.is-active {
  width: 44px !important;
  background: #486a96 !important;
}

.peak-turn-counter {
  font-family: 'DM Sans', monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.peak-turn-current {
  color: #1B2732 !important;
  font-size: 16px !important;
}

.peak-turn-more-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #486a96 !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.peak-turn-more-link:hover {
  color: #3b577d !important;
  text-decoration: underline !important;
}

/* Responsive Breakpoints */
@media (max-width: 992px) {
  .peak-turn-carousel-wrapper {
    padding: 30px 22px !important;
  }
  .peak-turn-slide-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .peak-turn-heading {
    font-size: 23px !important;
  }
  .peak-turn-controls {
    justify-content: center !important;
  }
}

@media (max-width: 900px) {
  .peak-carousel-tabs {
    gap: 10px !important;
  }
  .peak-carousel-tab {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 600px) {
  .peak-carousel-tabs {
    gap: 8px !important;
  }
  .peak-carousel-tab {
    padding: 10px 16px !important;
    font-size: 13px !important;
    min-height: 44px !important;
    border-radius: 6px !important;
  }
  .peak-tab-icon svg {
    width: 16px !important;
    height: 16px !important;
  }
  .peak-turn-heading {
    font-size: 20px !important;
  }
  .peak-turn-carousel-wrapper {
    padding: 20px 14px !important;
  }
}

/* Footer Brand: Keep logo only, hide tagline/description */
.peak-clean-footer-desc,
html body #page-container .peak-clean-footer-desc,
.et_pb_text_4_tb_footer {
  display: none !important;
}

/* Testimonial reviews: hide initial avatar circles */
.landing-review-avatar {
  display: none !important;
}

/* Larger Brand Logo */
.landing-topbar,
html body #page-container .landing-topbar {
  height: 100px !important;
  min-height: 100px !important;
}

.landing-logo-img,
html body #page-container .landing-logo-img {
  height: 84px !important;
  max-width: 280px !important;
}

@media (max-width: 768px) {
  .landing-topbar,
  html body #page-container .landing-topbar {
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 14px !important;
  }

  .landing-logo-img,
  html body #page-container .landing-logo-img {
    height: 54px !important;
    max-width: 180px !important;
  }
}

/* Footer Brand & Info: Center & enlarge logo, center-justify info row across all pages and landing page */
.peak-clean-footer-container,
html body #page-container .peak-clean-footer-container,
.is-landing-page .peak-clean-footer-container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 24px 20px 16px !important;
  gap: 28px !important;
}

.peak-clean-footer-brand,
html body #page-container .peak-clean-footer-brand,
.is-landing-page .peak-clean-footer-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.peak-clean-footer-logo-link,
html body #page-container .peak-clean-footer-logo-link,
.is-landing-page .peak-clean-footer-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.peak-clean-footer-logo,
html body #page-container .peak-clean-footer-logo,
.is-landing-page .peak-clean-footer-logo {
  height: 85px !important;
  max-width: 320px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.peak-clean-footer-info,
html body #page-container .peak-clean-footer-info,
.is-landing-page .peak-clean-footer-info {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px 20px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

@media (max-width: 768px) {
  .peak-clean-footer-logo,
  html body #page-container .peak-clean-footer-logo,
  .is-landing-page .peak-clean-footer-logo {
    height: 68px !important;
    max-width: 240px !important;
  }
}

/* Ensure PeakADU Contact Modal Success State is completely centered */
html body #page-container .peak-modal-container .peak-modal-success,
html body .peak-modal-container .peak-modal-success {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}

html body #page-container .peak-modal-container .peak-modal-success-actions,
html body .peak-modal-container .peak-modal-success-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body #page-container .peak-modal-container .peak-modal-success-btn,
html body #page-container .peak-modal-container .peak-modal-success .peak-modal-btn-primary,
html body .peak-modal-container .peak-modal-success-btn,
html body .peak-modal-container .peak-modal-success .peak-modal-btn-primary {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-width: 140px !important;
  float: none !important;
  text-align: center !important;
}

/* Footer Legal & Policy Bar Links */
.et_pb_text_6_tb_footer a {
  color: #DCE4DF !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 600 !important;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
}

.et_pb_text_6_tb_footer a:hover {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* ==========================================================================
   Mobile Half Floating Bar: Phone Number + Book Consultation
   ========================================================================== */
@media (max-width: 768px) {
  .sticky-mobile-bar,
  html body #page-container .sticky-mobile-bar,
  body .sticky-mobile-bar {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9995 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    animation: peak-bar-slide-up 0.3s ease-out forwards !important;
  }

  /* Safe area inset only for iOS devices with home indicator swipe bar (WebKit) */
  @supports (-webkit-touch-callout: none) {
    .sticky-mobile-bar,
    html body #page-container .sticky-mobile-bar,
    body .sticky-mobile-bar {
      padding-bottom: clamp(10px, calc(10px + env(safe-area-inset-bottom, 0px)), 24px) !important;
    }
  }

  /* Half floating bar button layout: 50% / 50% split */
  .sticky-mobile-bar .sticky-mobile-btn,
  html body #page-container .sticky-mobile-bar .sticky-mobile-btn {
    flex: 1 1 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-family: var(--font-family-body, 'Montserrat', 'DM Sans', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-align: center !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    border: none !important;
    outline: none !important;
  }

  /* Phone button (left half) */
  .sticky-mobile-bar .sticky-mobile-btn-phone,
  html body #page-container .sticky-mobile-bar .sticky-mobile-btn-phone {
    background: #1B2732 !important;
    color: #ffffff !important;
    border: 1px solid #1B2732 !important;
    box-shadow: 0 2px 8px rgba(27, 39, 50, 0.2) !important;
  }

  .sticky-mobile-bar .sticky-mobile-btn-phone:active {
    background: #0d151d !important;
    transform: scale(0.98) !important;
  }

  .sticky-mobile-bar .sticky-mobile-btn-phone .sticky-mobile-icon {
    color: #C29B68 !important; /* Gold accent */
    flex-shrink: 0 !important;
  }

  /* Book Consultation button (right half) */
  .sticky-mobile-bar .sticky-mobile-btn-consultation,
  html body #page-container .sticky-mobile-bar .sticky-mobile-btn-consultation {
    background: #486a96 !important;
    background: linear-gradient(135deg, #486a96 0%, #365377 100%) !important;
    color: #ffffff !important;
    border: 1px solid #365377 !important;
    box-shadow: 0 3px 12px rgba(72, 106, 150, 0.35) !important;
  }

  .sticky-mobile-bar .sticky-mobile-btn-consultation:active {
    background: #2b4361 !important;
    transform: scale(0.98) !important;
  }

  .sticky-mobile-bar .sticky-mobile-btn-consultation .sticky-mobile-icon {
    color: #ffffff !important;
    flex-shrink: 0 !important;
  }

  .sticky-mobile-bar .sticky-mobile-text,
  html body #page-container .sticky-mobile-bar .sticky-mobile-text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: -0.01em !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  /* Give body / footer bottom clearance so fixed floating bar never covers content */
  body,
  html body {
    padding-bottom: 74px !important;
  }
}

@media (max-width: 360px) {
  .sticky-mobile-bar .sticky-mobile-btn,
  html body #page-container .sticky-mobile-bar .sticky-mobile-btn {
    padding: 0 6px !important;
    gap: 5px !important;
    font-size: 12px !important;
  }
  .sticky-mobile-bar .sticky-mobile-text,
  html body #page-container .sticky-mobile-bar .sticky-mobile-text {
    font-size: 12px !important;
  }
}

@media (min-width: 769px) {
  .sticky-mobile-bar,
  html body #page-container .sticky-mobile-bar,
  body .sticky-mobile-bar {
    display: none !important;
  }
}

@keyframes peak-bar-slide-up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}



/* ============================================================
   Service Area County Cards (Homepage and Sitewide)
   ============================================================ */
.peak-sa-county-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 20px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  .peak-sa-county-grid {
    grid-template-columns: 1fr !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 16px !important;
  }
}

.peak-sa-county-card {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  background: #ffffff !important;
  border: 1.5px solid var(--card-color, #486a96) !important;
  border-radius: 20px !important;
  padding: 28px 24px 22px !important;
  cursor: pointer !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  color: inherit !important;
}

.peak-sa-county-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.12) !important;
}

.peak-sa-county-card[href*="los-angeles"],
.peak-sa-county-card.peak-card-la {
  --card-color: #4f46e5;
}

.peak-sa-county-card[href*="orange-county"],
.peak-sa-county-card.peak-card-oc {
  --card-color: #0284c7;
}

.peak-sa-county-card[href*="san-diego"],
.peak-sa-county-card.peak-card-sd {
  --card-color: #d97706;
}

.peak-sa-card-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.peak-sa-card-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1B2732 !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.01em !important;
}

.peak-sa-card-desc {
  font-size: 14px !important;
  color: #576775 !important;
  line-height: 1.55 !important;
  margin: 0 0 20px !important;
  flex: 1 !important;
}

.peak-sa-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding-top: 12px !important;
  border-top: 1px solid #edf2f7 !important;
}

.peak-sa-city-count {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8a9eaa !important;
}

.peak-sa-card-cta {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--card-color, #486a96) !important;
  transition: gap 0.15s ease !important;
}

.peak-sa-county-card:hover .peak-sa-card-cta {
  gap: 8px !important;
}