/* ==================================================
   SE Cleaners CSS
   Notes:
   - CSS variables were removed and replaced with hard-coded values.
   - Formatting was reorganized for easier editing in WordPress Additional CSS.
   - Paste into Appearance > Customize > Additional CSS or WPCode.
================================================== */

.wp-site-blocks {
	padding-top: 0;
	padding-bottom: 0;
}

:where(.wp-site-blocks) > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.entry-content {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

a {
	text-decoration: none !important;
}

:root :where(.is-layout-flow) > * {
	margin-block-start: 0 !important;
	margin-block-end: 0;
}

.nav-bar-index {
	z-index: 500 !important
}

.wp-container-content-9cfa9a5a {
	flex-grow: 0 !important;
}

:root :where(.is-layout-constrained) > * {
	margin-block-start: 0 !important;
	margin-block-end: 0;
}

.checked-paragraph::before {
	content: "\2705";
	/* Unicode escape sequence for a checkmark (✓) */
  color: #0066e6 !important;
	/* Changes the checkmark color to green */
  font-weight: bold;
	/* Makes the checkmark stand out */
  margin-right: 8px;
	/* Adds spacing between the checkmark and your text */
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	width: 300px !important;
}

/* ==================================================
   SE Cleaners Custom CSS
================================================== */
/* ------------------------------
   Global Section Helpers
------------------------------ */
ul.is-style-tw-arrow li::before {
	font-weight: 800 !important;
	color: #0073AA !important;
}

.se-hero,
.se-services-section,
.se-reviews-section {
	padding: 25px 28px;
}

.se-eyebrow {
	color: #0066e6;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: .8px;
	font-size: .9rem;
	margin-bottom: 10px;
}

.se-section-title {
	color: #052b5f;
	font-size: clamp(2.2rem,
4vw,
4rem);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -1px;
	margin-top: 0;
	margin-bottom: 18px;
}

.se-section-intro {
	color: #5b6f86 !important;
	font-size: 1.12rem;
	line-height: 1.7;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------
   Hero
------------------------------ */

.se-hero {
	background: linear-gradient(90deg,
#fff 0%,
#f8fbff 55%,
#edf5ff 100%);
}

.se-hero-columns {
	max-width: 1240px;
	margin: 0 auto;
	gap: 48px;
}

.se-hero-title {
	color: #052b5f !important;
	font-size: clamp(3rem,
6vw,
5.75rem);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
h1.se-hero-title {
	color: #052b5f !important;
}
.se-hero-text {
	color: #5b6f86 !important;
	font-size: 1.12rem;
	line-height: 1.7;
	max-width: 680px;
}

.se-trust-row {
	gap: 22px;
	margin: 28px 0;
}

.se-trust-row p {
	color: #1d2f45;
	font-weight: 700;
	margin: 0;
}

.se-hero-buttons {
	margin-bottom: 34px;
}

.se-btn-primary .wp-block-button__link {
	background: #0066e6;
	color: #fff;
	border-radius: 8px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 16px 28px;
}

.se-btn-outline .wp-block-button__link {
	background: transparent;
	color: #0066e6;
	border: 2px solid #0066e6;
	border-radius: 8px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 14px 26px;
}

.se-google-rating {
	align-items: center;
	gap: 16px;
}

.se-google-g {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #fff;
	display: grid;
	place-items: center;
	font-size: 28px;
	font-weight: 900;
	color: #4285f4;
	box-shadow: 0 8px 20px rgba(0,
0,
0,
.08);
}

.se-google-rating p {
	margin: 0;
	color: #052b5f;
}

.se-google-rating span {
	color: #5b6f86;
	font-size: .95rem;
}

.se-hero-image-col {
	position: relative;
}

.se-hero-image img {
	width: 100%;
	border-radius: 0;
	display: block;
	object-fit: cover;
}

.se-floating-card {
	position: absolute;
	right: 35px;
	bottom: -200px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 14px 35px rgba(0,
0,
0,
.14);
	padding: 20px 24px;
	max-width: 260px;
}

.se-floating-card p {
	margin: 0;
	color: #052b5f;
	font-weight: 700;
	line-height: 1.5;
}

/* ------------------------------
   Services Grid
------------------------------ */

.se-services-section {
	background: #fff;
	text-align: center;
}

.se-service-grid {
	max-width: 80%;
	margin: 42px auto 0;
	gap: 22px;
}

.se-service-card {
	background: #fff;
	border: 1px solid #dce8f8;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 12px 28px rgba(5,
43,
95,
.07);
	text-align: center;
	height: 100%;
	position: relative;
	padding-bottom: 26px;
}

.se-service-card img {
	width: 100%;
	height: 185px;
	object-fit: cover;
	display: block;
}

.se-service-icon {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: #fff;
	color: #0066e6;
	display: grid;
	place-items: center;
	font-size: 28px;
	margin: -31px auto 18px;
	box-shadow: 0 10px 25px rgba(0,
0,
0,
.12);
	position: relative;
	z-index: 2;
}

.se-service-card h3 {
	color: #052b5f;
	font-size: 1.35rem;
	line-height: 1.2;
	margin: 0 18px 14px;
}

.se-service-card p {
	color: #5b6f86;
	font-size: .95rem;
	line-height: 1.6;
	margin: 0 24px 20px;
}

.se-service-card a {
	color: #0066e6;
	font-weight: 900;
	text-transform: uppercase;
	font-size: .9rem;
	text-decoration: none;
}

/* ------------------------------
   Duct Timeline V2
------------------------------ */

.se-duct-section-v2 {
	background: #eef6ff;
	padding: 80px 24px;
	position: relative;
	overflow: hidden;
}

.se-duct-intro {
	max-width: 760px;
	margin: 0 auto 50px;
	text-align: center;
}

.se-duct-intro h2 {
	color: #052b5f;
	font-size: clamp(2.4rem,
5vw,
4.5rem);
	line-height: 1.05;
	font-weight: 900;
	margin: 0 0 18px;
}

.se-duct-intro p {
	color: #052b5f;
	font-size: 1.1rem;
	line-height: 1.7;
}

.se-duct-stage {
	position: relative;
	max-width: 1180px;
	min-height: 760px;
	margin: 0 auto;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(5,
43,
95,
.18);
}

.se-duct-bg-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(.72) contrast(1.05);
}

.se-duct-overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg,
rgba(238,
246,
255,
.92) 0%,
rgba(238,
246,
255,
.55) 32%,
rgba(5,
43,
95,
.20) 100%),
linear-gradient(180deg,
rgba(0,
0,
0,
.10),
rgba(0,
0,
0,
.18));
	z-index: 1;
}

.se-duct-timeline {
	position: relative;
	z-index: 2;
	max-width: 860px;
	margin: 0 auto;
	padding: 80px 20px;
}

.se-duct-line {
	position: absolute;
	top: 70px;
	bottom: 70px;
	left: 50%;
	width: 4px;
	background: rgba(255,
255,
255,
.9);
	transform: translateX(-50%);
	border-radius: 999px;
	box-shadow: 0 0 20px rgba(255,
255,
255,
.35);
}

.se-duct-step {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 74px 1fr;
	align-items: center;
	margin-bottom: 72px;
}

.se-duct-step:last-child {
	margin-bottom: 0;
}

.se-step-circle {
	grid-column: 2;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #0b3a78;
	color: #fff;
	border: 6px solid rgba(255,
255,
255,
.92);
	display: grid;
	place-items: center;
	font-size: 1.2rem;
	font-weight: 900;
	z-index: 3;
	box-shadow: 0 12px 30px rgba(0,
0,
0,
.25);
}

.se-step-card {
	background: rgba(255,
255,
255,
.92);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,
255,
255,
.55);
	border-radius: 18px;
	padding: 26px 28px;
	box-shadow: 0 18px 45px rgba(0,
0,
0,
.18);
	max-width: 310px;
}

.step-left .se-step-card {
	grid-column: 1;
	justify-self: end;
	margin-right: 24px;
}

.step-right .se-step-card {
	grid-column: 3;
	justify-self: start;
	margin-left: 24px;
}

.se-step-card h3 {
	color: #0066e6;
	font-size: 1.25rem;
	margin: 0 0 10px;
	font-weight: 900;
}

.se-step-card p {
	color: #1d2f45;
	font-size: .98rem;
	line-height: 1.55;
	margin: 0;
}

.se-step-card-1 {
	background: rgba(255,
255,
255,
.92);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,
255,
255,
.55);
	border-radius: 18px;
	padding: 26px 28px;
	box-shadow: 0 18px 45px rgba(0,
0,
0,
.18);
	max-width: 310px;
}

.step-left .se-step-card-1 {
	grid-column: 3;
	justify-self: end;
	margin-right: 24px;
}

.se-step-card-1 h3 {
	color: #0066e6;
	font-size: 1.25rem;
	margin: 0 0 10px;
	font-weight: 900;
}

.se-step-circle-1 {
	grid-column: 2;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #0b3a78;
	color: #fff;
	border: 6px solid rgba(255,
255,
255,
.92);
	display: grid;
	place-items: center;
	font-size: 1.2rem;
	font-weight: 900;
	z-index: 3;
	box-shadow: 0 12px 30px rgba(0,
0,
0,
.25);
	float: right;
	margin-right: 390px;
	position: relative;
}

.se-step-card-1 p {
	color: #1d2f45;
	font-size: .98rem;
	line-height: 1.55;
	margin: 0;
}

.se-step-card-3 {
	background: rgba(255,
255,
255,
.92);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255,
255,
255,
.55);
	border-radius: 18px;
	padding: 26px 28px;
	box-shadow: 0 18px 45px rgba(0,
0,
0,
.18);
	max-width: 310px;
}

.step-left .se-step-card-3 {
	grid-column: 3;
	justify-self: end;
	margin-right: 24px;
}

.se-step-card-3 h3 {
	color: #0066e6;
	font-size: 1.25rem;
	margin: 0 0 10px;
	font-weight: 900;
}

.se-step-circle-3 {
	grid-column: 2;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #0b3a78;
	color: #fff;
	border: 6px solid rgba(255,
255,
255,
.92);
	display: grid;
	place-items: center;
	font-size: 1.2rem;
	font-weight: 900;
	z-index: 3;
	box-shadow: 0 12px 30px rgba(0,
0,
0,
.25);
	float: right;
	margin-right: 390px;
	position: relative;
}

.se-step-card-3 p {
	color: #1d2f45;
	font-size: .98rem;
	line-height: 1.55;
	margin: 0;
}

/* ------------------------------
   Reviews
------------------------------ */

.se-reviews-section {
	background: #fff;
	text-align: center;
}

.se-review-box {
	max-width: 1120px;
	margin: 36px auto;
	border: 1px solid #dce8f8;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 12px 28px rgba(5,
43,
95,
.06);
}

.se-review-score {
	border-right: 1px solid #dce8f8;
}

.se-review-score h3 {
	color: #0066e6;
	font-size: 4.4rem;
	margin: 0;
	line-height: 1;
}

.se-review-score p {
	color: #052b5f;
	font-weight: 700;
}

.se-google-logo {
	font-size: 1.7rem;
	color: #4285f4 !important;
}

.se-review-card {
	text-align: left;
	color: #5b6f86;
	line-height: 1.6;
	padding: 0 20px;
}

.se-quote {
	font-size: 4rem;
	color: #dbe8f8;
	line-height: 1;
	margin: 0;
}

.se-review-card strong {
	color: #052b5f;
}

/* ------------------------------
   CTA Band
------------------------------ */

.se-cta-band {
	background: #eaf3ff;
	padding: 28px;
}

.se-cta-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.se-cta-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #0066e6;
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 28px;
	margin: 0;
}

.se-cta-band h3 {
	color: #052b5f;
	margin: 0;
	font-size: 1.6rem;
}

.se-cta-band p {
	color: #5b6f86;
	margin: 0;
}

/* ------------------------------
   Responsive
------------------------------ */

@media (max-width: 900px) {
	.se-hero,
.se-services-section,
.se-reviews-section {
	padding: 56px 20px;
}

.se-hero-columns {
	flex-direction: column;
}

.se-floating-card {
	position: static;
	margin: 20px auto 0;
}

.se-service-grid {
	display: grid;
	grid-template-columns: 1fr;
}

}

@media (max-width: 600px) {
	.se-duct-section-v2 {
	padding: 56px 18px;
}

.se-duct-stage {
	min-height: auto;
}

.se-duct-timeline {
	padding: 50px 20px;
}

.se-duct-line {
	left: 36px;
	top: 48px;
	bottom: 48px;
}

.se-duct-step {
	grid-template-columns: 72px 1fr;
	gap: 18px;
	margin-bottom: 34px;
}

.se-step-circle {
	grid-column: 1;
	width: 64px;
	height: 64px;
	margin-left: -23px !important;
}

.step-left .se-step-card,
.step-right .se-step-card {
	grid-column: 2;
	justify-self: stretch;
	margin: 0;
	max-width: none;
}

.se-duct-overlay {
	background: rgba(238,
246,
255,
.82);
}

.se-duct-intro h2 {
	color: #ffffff !important;
	font-size: clamp(2.4rem,
5vw,
4.5rem);
	line-height: 1.05;
	font-weight: 900;
	margin: 0 0 18px;
}

.se-duct-intro p {
	color: #ffffff !important;
	font-size: 1.1rem;
	line-height: 1.7;
}

.se-review-box {
	padding: 20px;
}

.se-review-score {
	border-right: 0;
	border-bottom: 1px solid #dce8f8;
	padding-bottom: 24px;
}

}

/*** New Timeline Mini ***/
.timeline-left-content {
	margin-top: 5px !important;
}

.se-mini-timeline {
	background-image: none !important;
	position: relative;
	width: min(1280px,
100%);
	min-height: 620px;
	margin: 0 auto;
	padding: 40px 0;
}

.se-mini-timeline-2 {
	position: relative;
	width: min(1280px,
100%);
	min-height: 620px;
	margin: 0 auto;
	padding: 40px 0;
}

.se-mini-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 5px;
	background: rgba(255,
255,
255,
0.88);
	transform: translateX(-50%);
	z-index: 1;
	box-shadow: 0 0 18px rgba(255,
255,
255,
0.35);
}

.se-mini-item {
	position: absolute;
	display: flex;
	align-items: center;
	z-index: 2;
}

.se-mini-card {
	width: 245px;
	background: rgba(255,
255,
255,
0.96);
	border-radius: 7px;
	padding: 24px 28px;
	box-shadow: 0 14px 30px rgba(0,
0,
0,
0.16);
}

.se-mini-card h3 {
	margin: 0 0 10px;
	color: #0066e6;
	font-size: 1.15rem;
	font-weight: 900;
	line-height: 1.2;
}

.se-mini-card p {
	margin: 0;
	color: #1d2f45;
	font-size: 0.92rem;
	line-height: 1.55;
}

.se-mini-dot {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #0b3a78;
	color: #fff;
	border: 5px solid rgba(255,
255,
255,
0.92);
	display: grid;
	place-items: center;
	font-weight: 900;
	font-size: 1.2rem;
	box-shadow: 0 10px 24px rgba(0,
0,
0,
0.24);
	z-index: 3;
}

/* Individual placement controls */
.se-mini-item-01 {
	top: 20px;
	left: 0;
}

.se-mini-item-02 {
	top: 165px;
	right: 0;
}

.se-mini-item-03 {
	top: 330px;
	left: 0;
}

.se-mini-item-04 {
	top: 485px;
	right: 0;
}

/* Individual card spacing from dot */
.se-mini-left .se-mini-card {
	margin-right: 24px;
}

.se-mini-right .se-mini-card {
	margin-left: 24px;
}

/* Individual dot controls */
.se-mini-dot-01,
.se-mini-dot-03 {
	margin-left: 0;
}

.se-mini-dot-02,
.se-mini-dot-04 {
	margin-right: 0;
}

/* Optional individual overrides */

@media (max-width: 760px) {
	.se-mini-timeline {
	min-height: auto;
	padding: 30px 0 10px;
}

.se-mini-line {
	left: 30px;
}

.se-mini-item {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-bottom: 28px;
	width: 100%;
}

.se-mini-left,
.se-mini-right {
	flex-direction: row;
}

.se-mini-right .se-mini-dot {
	order: 1;
}

.se-mini-right .se-mini-card {
	order: 2;
	margin-left: 22px;
}

.se-mini-left .se-mini-dot {
	order: 1;
}

.se-mini-left .se-mini-card {
	order: 2;
	margin-left: 22px;
	margin-right: 0;
}

.se-mini-dot {
	width: 60px;
	min-width: 60px;
	height: 60px;
}

.se-mini-card {
	width: auto;
	flex: 1;
}

}

.timeline-left-content {
	margin-top: 40px !important;
}

/* ==================================================
   Air Duct Cleaning Page
================================================== */
.se-service-hero-inner {
	max-width: 760px;
	margin-left: 0;
}

.se-service-hero-title {
	color: #fff;
	font-size: clamp(3rem,
6vw,
5.75rem);
	line-height: 1.02;
	font-weight: 900;
	text-transform: uppercase;
}

.se-service-hero-text {
	color: rgba(255,
255,
255,
.92);
	font-size: 1.18rem;
	line-height: 1.7;
	max-width: 680px;
}

.se-btn-outline-light .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 14px 26px;
}

.se-benefits-section {
	margin-bottom:40px !important;
}

.se-intro-section,
.se-types-section,
.se-addons-section,
.se-process-section,
.se-benefits-section,
.se-faq-section {
	padding: 25px 28px;
}

.se-intro-columns,
.se-duct-type-grid,
.se-addons-columns,
.se-benefits-grid {
	max-width: 1240px;
	margin: 0 auto;
	gap: 28px;
}

.se-rounded-image img {
	border-radius: 18px;
	box-shadow: 0 20px 45px rgba(5,
43,
95,
.14);
}

.se-types-section {
	background: #fff;
}

.se-duct-type-grid {
	margin-top: 48px;
}

.se-duct-type-card {
	background: #fff;
	border: 1px solid #dce8f8;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(5,
43,
95,
.07);
	height: 100%;
	padding-bottom: 26px;
}

.se-duct-type-card img {
	width: 100%;
	height: 190px;
	object-fit: cover;
}

.se-duct-type-card h3 {
	color: #052b5f;
	font-size: 1.55rem;
	margin: 0 24px 14px;
}

.se-duct-type-card p {
	color: #5b6f86;
	font-size: .95rem;
	line-height: 1.6;
	margin: 0 24px 14px;
}

.se-addons-section {
	background: #eef6ff;
}

.se-addon-card,
.se-benefit-card {
	background: #fff;
	border: 1px solid #dce8f8;
	border-radius: 14px;
	padding: 32px;
	box-shadow: 0 12px 30px rgba(5,
43,
95,
.06);
	height: 100%;
	color: #4a5568 !important;
}

.se-addon-card h3,
.se-benefit-card h3 {
	color: #0066e6;
	margin-top: 0;
}

.se-addon-card p,
.se-benefit-card div {
	color: #4a5568 !important;
	margin-top: 0;
}

.se-process-section {
	background: linear-gradient(180deg,
#eef6ff,
#ffffff);
}

.se-benefits-section {
	background: #fff;
}

.se-faq-section {
	background: #f7fbff;
	max-width: 1280px;
}

.se-faq-section details {
	background: #fff;
	border: 1px solid #dce8f8;
	border-radius: 12px;
	padding: 20px 24px;
	margin-bottom: 16px;
	box-shadow: 0 10px 25px rgba(5,
43,
95,
.05);
}

.se-faq-section summary {
	color: #052b5f;
	font-weight: 900;
	cursor: pointer;
}

.se-faq-section details p {
	color: #5b6f86;
	margin-top: 14px;
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.se-intro-section,
.se-types-section,
.se-addons-section,
.se-process-section,
.se-benefits-section,
.se-faq-section {
	padding: 60px 20px;
}

}

/* end air duct cleaning */

/* =========================
   DUCT COMPARISON SECTION
========================= */

.se-duct-compare-wrapper {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:40px;
	padding:100px 40px;
	background:#f5f7fa;
	position:relative;
	overflow:hidden;
}

.se-duct-content {
	width:22%;
	z-index:5;
}

.se-duct-eyebrow {
	display:block;
	font-size:13px;
	font-weight:700;
	letter-spacing:2px;
	color:#0b3b91;
	margin-bottom:15px;
}

.se-duct-content h2,
.se-duct-content h3 {
	font-size:52px;
	line-height:1.1;
	margin-bottom:25px;
	color:#081f31;
}

.se-duct-content p {
	font-size:20px;
	line-height:1.7;
	color:#4a5568;
	margin-bottom:30px;
}

.se-duct-btn {
	display:inline-block;
	padding:16px 30px;
	background:#0b5cff;
	color:#fff;
	text-decoration:none;
	border-radius:8px;
	font-weight:700;
	transition:.3s;
}

.se-duct-btn:hover {
	background:#081f31;
	transform:translateY(-2px);
}

/* =========================
   IMAGE COMPARE
========================= */

.se-duct-compare-container {
	position:relative;
	width: 100%;
	height:750px;
	overflow:hidden;
	border-radius:24px;
	box-shadow:0 20px 60px rgba(0,
0,
0,
.15);
	flex-shrink:0;
}

.se-duct-clean-img,
.se-duct-dirty-img {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	top:0;
	left:0;
	user-select:none;
	pointer-events:none;
}

.se-duct-dirty-wrap {
	position:absolute;
	width:50%;
	height:100%;
	overflow:hidden;
	top:0;
	left:0;
}

/* SLIDER LINE */

.se-duct-slider-line {
	position:absolute;
	top:0;
	left:50%;
	width:3px;
	height:100%;
	background:#ffffff;
	transform:translateX(-50%);
	z-index:10;
}

/* HANDLE */

.se-duct-slider-handle {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,
-50%);
	width:70px;
	height:70px;
	border-radius:50%;
	background:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:28px;
	font-weight:bold;
	color:#081f31;
	cursor:ew-resize;
	z-index:11;
	box-shadow:0 10px 30px rgba(0,
0,
0,
.25);
}

/* =========================
   MOBILE CONTACT WIDGET
========================= */
.mobile-contact-bar {
	display: none;
}

@media (max-width: 768px) {
	.mobile-contact-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	display: grid;
	grid-template-columns: 64px 1fr 1fr;
	background: #00a9d6;
	box-shadow: 0 -8px 24px rgba(0,
0,
0,
.18);
}

.mobile-contact-item {
	min-height: 58px;
	color: #fff;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	font-weight: 700;
	border-left: 1px solid rgba(255,
255,
255,
.45);
}

.mobile-contact-item span {
	font-size: 22px;
	line-height: 1;
}

.mobile-contact-item small {
	font-size: 12px;
	line-height: 1.2;
}

.mobile-back-top {
	width: 64px;
	height: 64px;
	border-radius: 999px;
	background: #0b7fb3;
	transform: translateY(-18px);
	font-size: 30px;
	font-weight: 900;
	border-left: 0;
	box-shadow: 0 6px 18px rgba(0,
0,
0,
.22);
}

body {
	padding-bottom: 64px;
}

}

/* end mobile contact widget */
/* =========================
   RESPONSIVE
========================= */

@media(max-width:1200px) {
	.se-duct-compare-wrapper {
	flex-direction:column;
	padding:80px 20px;
}

.se-duct-content {
	width:100%;
	text-align:center;
}

.se-duct-compare-container {
	width:100%;
	max-width:650px;
	height:550px;
}

}

@media(max-width:768px) {
	.se-duct-content h2,
.se-duct-content h3 {
	font-size:38px;
}

.se-duct-content p {
	font-size:18px;
}

.se-duct-compare-container {
	height:420px;
}

}

@media(max-width:768px) {
	#mega-menu-wrap-max_mega_menu_1 {
	clear: both;
	margin-top: 25px !important;
}

.kadence-column1007_9850da-95 > .kt-inside-inner-col {
	border: none !important;
}

.kadence-column1007_2dfe49-72 > .kt-inside-inner-col {
	border: none !important;
}

.kadence-column1007_f81c94-68 > .kt-inside-inner-col {
	border: none !important;
}

.kadence-column1007_db5103-28 > .kt-inside-inner-col {
	border: none !important;
}

.kadence-column1007_0b8913-62 > .kt-inside-inner-col {
	border: none !important;
}

.kadence-column1007_0373d6-80 > .kt-inside-inner-col {
	border: none !important;
}

}

/*
 *
 * Before After
 * */
.twentytwenty-container * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	max-height: 500px;
}

.twentytwenty-left-arrow {
	border-right: 6px solid white !important;
	left: 10%;
	margin-left: -17px;
	/*display: none;*/
}

.twentytwenty-right-arrow {
	border-left: 6px solid white !important;
	right: 50%;
	margin-right: -17px;
	/*display: none;*/
	content: ">" !important;
}

/* =========================
   Landing Pages
========================= */
.kadence-column2000_a2285a-fd > .kt-inside-inner-col {
	min-height: 250px;
}

.kadence-column2000_872461-a1 > .kt-inside-inner-col {
	min-height: 250px;
}
.kt-adv-heading1000_8b3c1c-b7 {
    color: #1a365d !important;
    font-size: 3rem !important;
}
.white-text{color: white !important;}
.black-text{color: black !important;}
:root {
    --dsgo-text-color: #000000 !important;
}
/**********/
:root {
    --dsgo-text-color: #000000 !important;
}