/*
 Theme Name:     RYNO Child Theme
 Theme URI:      http://rynoss.com/
 Description:    RYNO Child Theme
 Author:         Ryno SS - Jerad Shepherd
 Author URI:     http://www.rynoss.com
 Template:       theme-3
 Text Domain:    ryno-theme-three-child
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
@media (max-width: 991px) {
	.viewport-overflow-wrapper {
		overflow: hidden;
	}
}

.home h4,
.home .h4,
.home h5,
.home .h5,
.home h6,
.home .h6 {
	font-family: "Lobster";
	text-transform: capitalize;
}

.homepage-section {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	position: relative;
}

.header a,
.footer a,
.homepage-section a {
	text-decoration: underline;
	transition: 0.3s ease all!important;
}

.homepage-section a {
	font-weight: 600;
}
.center-bottom--wrapper .view-in-maps:hover {
	color: #f7eb12;
}

.homepage-section .btn {
	text-decoration: none!important;
}

.page-template-page-conversion .content-area .color-strip-box .h2,
.page-template-page-conversion .content-area .color-strip-box .h3,
.page-template-page-conversion .content-area .color-strip-box .h4,
.page-template-page-conversion .content-area .color-strip-box .h5,
.page-template-page-conversion .content-area .color-strip-box .h6,
.page-template-page-conversion .content-area .color-strip-box ul,
.page-template-page-conversion .content-area .color-strip-box li,
.page-template-page-conversion .content-area .color-strip-box p {
	color: rgb(2, 2, 52);
}

.btn,
.cta-item {
	text-decoration: none!important;
}

.content-area a {
	text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------*/
/* BUTTONS---------------------------------- */
/*-------------------------------------------------------------------------------------------------*/
.btn {
	align-items: center;
	border-radius: 36px;
	display: inline-flex;
	font-size: 20px;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	justify-content: center;
	line-height: 1;
	margin: 0;
	padding: 12px 20px;
	text-transform: uppercase;
	transition: all 0.3s ease;
	white-space: normal;
	text-decoration: none!important;
}

.btn-lg,
.btn-group-lg > .btn {
	font-size: 22px;
	padding: 20px 25px;
}

.btn,
.header .btn,
.footer .btn,
.postscript-contact .button-wrapper .btn,
.page-template-page-conversion .conversion-header .conversion-coupon .btn,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn {
	background: transparent;
	min-height: 48px;
	min-width: 211px;
	padding: 5px 20px 5px 60px;
	position: relative;
	z-index: 1;
}

/* BUTTON CIRCLE */
.btn:before,
.header .btn:before,
.footer .btn:before,
.postscript-contact .button-wrapper .btn:before {
	background-color: #020234;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
	content: "";
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 46px;
	left: 0;
	top: 1px;
	position: absolute;
	transition: all 300ms;
	width: 46px;
}

/* BUTTON BACKGROUND */
.btn:after,
.header .btn:after,
.footer .btn:after,
.postscript-contact .button-wrapper .btn:after,
.page-template-page-conversion .conversion-header .conversion-coupon .btn:after,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 26px;
	opacity: 1;
	z-index: -1;
}

/* BUTTON PRIMARY/SECONDARY BACKGROUND */
.btn.btn-primary:after,
.header .btn.btn-primary:after,
.footer .btn.btn-primary:after,
.postscript-contact .button-wrapper .btn.btn-primary:after,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:after,
.btn.btn-secondary:after,
.header .btn.btn-secondary:after,
.footer .btn.btn-secondary:after,
.postscript-contact .button-wrapper .btn.btn-secondary:after,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:after {
	background-image: url("/wp-content/uploads/btn-bg.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* --------------------------------------- */
/* BUTTON PRIMARY------------- */
/* --------------------------------------- */
.btn-primary,
.btn-primary span,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn {
	color: #020234;
}

/* BUTTON CIRCLE IMAGE (ARROW) */
.btn.btn-primary:before,
.header .btn.btn-primary:before,
.footer .btn.btn-primary:before,
.postscript-contact .button-wrapper .btn.btn-primary:before,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:before {
	content: url("/wp-content/uploads/arrow-btn-white.svg");
}

/* --------------------------------------- */
/* BUTTON SECONDARY------------ */
/* --------------------------------------- */
.btn-secondary,
.btn-secondary span {
	color: #020234;
}

/* BUTTON CIRCLE IMAGE (ARROW) */
.btn.btn-secondary:before,
.header .btn.btn-secondary:before,
.footer .btn.btn-secondary:before,
.postscript-contact .button-wrapper .btn.btn-secondary:before,
.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:before {
	content: url("/wp-content/uploads/arrow-btn-white.svg");
}

/* BUTTON CIRCLE */
.btn.btn-secondary:after,
.header .btn.btn-secondary:after,
.footer .btn.btn-secondary:after,
.postscript-contact .button-wrapper .btn.btn-secondary:after {
	background-color: #fff;
	z-index: -1;
}

/* --------------------------------------- */
/* BUTTONS (HOVER) ---------------- */
/* --------------------------------------- */
@media (min-width: 992px) {
	.btn:hover,
	.btn:focus,
	.header .btn:hover,
	.header .btn:focus,
	.footer .btn:hover,
	.footer .btn:focus,
	.postscript-contact .button-wrapper .btn:hover,
	.postscript-contact .button-wrapper .btn:focus,
	.page-template-page-conversion .conversion-header .conversion-coupon .btn:hover,
	.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:hover {
		padding: 5px 60px 5px 20px;
	}
	.btn:hover:before,
	.btn:focus:before,
	.header .btn:hover:before,
	.header .btn:focus:before,
	.footer .btn:hover:before,
	.footer .btn:focus:before,
	.postscript-contact .button-wrapper .btn:hover:before,
	.postscript-contact .button-wrapper .btn:focus:before,
	.page-template-page-conversion .conversion-header .conversion-coupon .btn:hover:before,
	.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:hover:before {
		background-color: transparent;
		background-image: url("/wp-content/uploads/btn-circle-hover.svg");
		margin-left: calc(100% - 50px);
	}
	.btn:hover:after,
	.btn:focus:after,
	.header .btn:hover:after,
	.header .btn:focus:after,
	.footer .btn:hover:after,
	.footer .btn:focus:after,
	.postscript-contact .button-wrapper .btn:hover:after,
	.postscript-contact .button-wrapper .btn:focus:after,
	.page-template-page-conversion .conversion-header .conversion-coupon .btn,
	.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:hover:after {
		background: transparent;
	}
	/* --------------------------------------- */
	/* BUTTON PRIMARY (HOVER)------- */
	/* --------------------------------------- */
	.btn-primary:hover,
	.btn.btn-primary:hover,
	.header .btn.btn-primary:hover,
	.footer .btn.btn-primary:hover,
	.postscript-contact .button-wrapper .btn.btn-primary:hover {
		background: #020234;
	}

	.btn-primary:hover span,
	.btn.btn-primary:hover span,
	.header .btn.btn-primary:hover span,
	.footer .btn.btn-primary:hover span,
	.postscript-contact .button-wrapper .btn.btn-primary:hover span {
		color: #fff;
	}
	.btn.btn-primary:hover::before,
	.header .btn.btn-primary:hover::before,
	.footer .btn.btn-primary:hover::before,
	.postscript-contact .button-wrapper .btn.btn-primary:hover::before,
	.page-template-page-conversion .conversion-page-reviews .reviews-link .btn-primary:hover::before {
		content: url("/wp-content/uploads/btn-yellow.svg");
	}

	/* --------------------------------------- */
	/* BUTTON SECONDARY (HOVER)------- */
	/* --------------------------------------- */
	.btn-secondary:hover,
	.btn.btn-secondary:hover,
	.header .btn.btn-secondary:hover,
	.footer .btn.btn-secondary:hover,
	.postscript-contact .button-wrapper .btn.btn-secondary:hover,
	.page-template-page-conversion .conversion-header .conversion-coupon .btn:hover {
		border: 1px solid transparent;
		box-shadow: 0px 0px 4px 0px #00000040;
		background: #fff;
		color: #000;
	}

	.btn-secondary:hover span,
	.btn.btn-secondary:hover span,
	.header .btn.btn-secondary:hover span,
	.footer .btn.btn-secondary:hover span,
	.postscript-contact .button-wrapper .btn.btn-secondary:hover span {
		color: #000 !important;
	}
	.btn.btn-secondary:hover::before,
	.header .btn.btn-secondary:hover::before,
	.footer .btn.btn-secondary:hover::before,
	.postscript-contact .button-wrapper .btn.btn-secondary:hover::before,
	.page-template-page-conversion .conversion-page-reviews .reviews-link .btn:hover::before {
		content: url("/wp-content/uploads/arrow-btn.svg");
	}
}

/*------------------------------------------------- */
/* TOP BAR SECTION ------- */
/*------------------------------------------------- */
.top-bar {
	background: #000080;
	font-size: 20px;
	font-family: "Oswald", sans-serif;
	height: 36px;
}

.top-bar__text-wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}

.top-bar .header__emergency-service {
	color: #f7eb12;
	font-weight: 600;
	text-transform: uppercase;
}

.top-bar .header__serving-text {
	color: #fff;
	text-transform: capitalize;
}

/*------------------------------------------------- */
/* HEADER SECTION ------- */
/*------------------------------------------------- */
.header {
	background: linear-gradient(0deg, #badbf0 0%, #ffffff 93.39%);
	padding-top: 10px;
}

.header-two__left,
.header-two__right {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	row-gap: 18px;
}

.header-two__left {
	align-items: flex-start;
}

.header-two__right {
	align-items: flex-end;
}

.header__phone {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	column-gap: 8px;
}

.header__phone img {
	display: flex;
	margin-top: 0.25em;
}
.header__phone--link {
	font-family: Oswald;
	font-size: 37px;
	font-weight: 700;
	line-height: 54.83px;
	text-align: left;
	background: -webkit-linear-gradient(#293577 32.22%, #000 132.22%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.nav-bar {
	background: #badbf0;
}

.main-navigation a {
	font-family: "Oswald", sans-serif;
}

/*------------------------------------------------- */
/* HEADER SECTION (MOBILE) ------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.mobile-header {
		background: linear-gradient(0deg, #BADBF0 0%, #FFFFFF 93.39%);
	}
	.mobile-header__phone {
		content: ''!important;
		background-image: url('/wp-content/uploads/mobile-phone.svg')!important;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 36px;
		height: 36px;
	}
}
/*-------------------------------------------------------------------------------------------------*/
/* HERO SECTION ---------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.hero {
	position: relative;
	z-index: 0;
}


.hero::before {
	height: 0;
	padding-top: calc(100% * 699 / 1600);
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("/wp-content/uploads/hero-gradient.png");
	z-index: 2;
}

.hero::after {
	height: 0;
	padding-top: calc(100% * 180 / 1600);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("/wp-content/uploads/swoosh-joiner.svg");
	z-index: 1;
}

.hero-bg {
	position: relative;
	height: 0;
	padding-top: calc(100vw * 700 / 1600);
	z-index: 2;
}

.hero-copytext-block {
	position: absolute;
	top: calc(100vw * 44 / 1600);
	left: calc(100vw * 234 / 1600);
	width: calc(100vw * 1136 / 1600);
	text-align: left;
	font-family: "Archivo Black";
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #020234;
	z-index: 1;
}

.hero--top-text,
.hero--bottom-text {
	font-size: calc(21.08px + (34 - 21.08) * ((100vw - 992px) / (1600 - 992)));
	font-weight: 400;
	letter-spacing: 0.02em;
}

.hero--middle-text {
	font-size: calc(33.48px + (54 - 33.48) * ((100vw - 992px) / (1600 - 992)));
	font-weight: 600;
	position: relative;
	z-index: 0;
	letter-spacing: 0.26em;
	font-family: "Oswald", sans-serif;
	line-height: 80px;
}

.hero-bullet {
	width: 15px;
	height: 15px;
	margin-left: 8px;
	margin-right: 16px;
	margin-bottom: 0.25em;
}

.hero .button-wrapper {
	margin-top: 38px;
}
@media (min-width: 992px) {
	.hero .hero-slider {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.hero .hero-slide {
		width: 100%;
		height: 100%;
		z-index: 2!important;
	}

	.hero-image {
		width: 100%!important;
		height: 100%!important;
	}
}





/*-------------------------------------------------------------------------------------------------*/
/* HERO SECTION  (MOBILE) ---------------------------*/
/*-------------------------------------------------------------------------------------------------*/
@media (max-width: 991px) {
	.hero {
		background: url("/wp-content/uploads/hero-bg-mobile.jpg");
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		z-index: 0;
	}

	.hero::after {
		height: 0;
		padding-top: calc(100% * 64 / 576);
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url("/wp-content/uploads/hero-joiner-mobile.svg");
		z-index: 1;
	}

	.hero-bg {
		position: relative;
		height: 0;
		padding-top: calc(100vw * 576 / 576);
	}

	.hero-copytext-block {
		position: absolute;
		top: calc(100vw * 54 / 576);
		left: calc(100vw * 45 / 576);
		width: calc(100vw * 486 / 576);
		text-align: left;
		font-family: "Archivo Black";
		font-style: normal;
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		color: #020234;
	}

	.hero--top-text,
	.hero--bottom-text {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 26.6px;
	}

	.hero--middle-text {
		font-size: calc( 17.77px + (32 - 17.77) * ((100vw - 320px) / (576 - 320)));
		font-weight: 600;
		position: relative;
		z-index: 0;
		letter-spacing: 0.26em;
		font-family: "Oswald", sans-serif;
		line-height: 47.42px;
	}

	.hero-bullet {
		display: inline-block;
	}

	.hero-slider {
		display: none;
	}
}
/*------------------------------------------------- */
/*  THE BEST HVAC & AIR DUCT SERVICE SECTION ------- */
/*------------------------------------------------- */
.homepage-section--section-1 {
	padding-top: 34px;
	padding-bottom: 76px;
	background-image: url("/wp-content/uploads/section-1-bg.png");
}

.homepage-section--section-1 h1 {
	width: 1134px;
}

.homepage-section--section-1 .hero--middle-text {
	font-size: 54px;
	font-weight: 600;
	text-align: center;
}

.homepage-section--section-1 .section-content-box {
	margin-top: 39px;
	width: 552px;
	height: 168px;
	padding: 56px 58px 56px 58px;
	border-radius: 20px;
	background: repeating-linear-gradient( 60deg,
	#010d32,
	#001944 10px,
	#010d32 10px,
	#001944 20px);
	color: #fff;
	font-family: Barlow;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	text-align: left;
}

.homepage-section--section-1 .yt-video {
	margin-top: 9em;
	width: 649px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(180deg, #badbf0 0%, #8abbd5 100%);
	border-radius: 20px;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.yt-video iframe {
	margin-top: -3em;
	outline: none !important;
}
/*------------------------------------------------- */
/*  THE BEST HVAC & AIR DUCT SERVICE SECTION  (MOBILE) ------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-1 {
		padding-top: 12.44px;
		padding-bottom: 76px;
		background-image: url("/wp-content/uploads/section-1-bg-mobile.png");
		background-size: cover;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.homepage-section--section-1 h1 {
		width: 486px;
	}

	.homepage-section--section-1 .hero--middle-text {
		display: none;
	}

	.homepage-section--section-1 .section-content-box {
		margin-top: 39px;
		max-width: 436px;
		width: 100%;
		height: 88px;
		padding: 20px;
		border-radius: 20px;
		background: repeating-linear-gradient( 60deg,
		#010d32,
		#001944 10px,
		#010d32 10px,
		#001944 20px);
		color: #fff;
		font-family: Barlow;
		font-size: 16px;
		font-weight: 700;
		line-height: 28px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}


	.homepage-section--section-1 .yt-video {
		width: 70%;
		height: 70%;
	}

	.homepage-section--section-1 .yt-video iframe {
		width: 90%;
		height: 120%;
	}



	.yt-video iframe {
		margin-top: -5em;
		outline: none !important;
	}
}
/*------------------------------------------------- */
/*  YOUR TRUSTED HVAC SERVICE EXPERTS SECTION -------- */
/*------------------------------------------------- */
.homepage-section--section-2 {
	padding-top: 105px;
	padding-bottom: 102px;
	color: #fff;
	background-image: url("/wp-content/uploads/section-2-bg.jpg");
}

.homepage-section--section-2 a {
	color: #fff;
}

.homepage-section--section-2 h2 span {
	font-family: Lobster;
	text-transform: capitalize;
	display: block;
	font-size: 36px;
	font-weight: 400;
	line-height: 45px;
	text-align: left;
}

.homepage-section--section-2 .hvac-service-grid-wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	width: 717px;
	height: 510px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.hvac-service-grid-wrapper .grid-item {
	width: 338px;
	height: 240px;
	padding: 20px;
	border-radius: 20px;
	background: #ffffff;
	border-top: 8px solid #badbf0;
	box-shadow: 0px 4px 6.9px 0px #00000040;
	color: #000;
}

.hvac-service-grid-wrapper .grid-heading {
	font-family: Lobster;
	font-size: 30px;
	font-weight: 400;
	line-height: 37.5px;
	text-align: left;
}

.hvac-service-grid-wrapper .grid-divider {
	content: "";
	width: 74px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 1.5px;
	padding-bottom: 1.5px;
	background: #8abbd5;
}

.homepage-section--section-2 .accent-image {
	content: "";
	width: 580px;
	height: 785px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/carrier-frontview.png");
	position: relative;
	margin-top: 4em;
	margin-left: -10em;
}


@media (min-width: 992px) and (max-width: 1199px) {
	.homepage-section--section-2 .hvac-service-grid-wrapper {
		margin-left: -4em;
		transform: scale(80%);
	}
}
.homepage-section--section-2 .button-wrapper .btn {
	min-width: 245px;
	column-gap: 6px;
}

/*------------------------------------------------- */
/*  YOUR TRUSTED HVAC SERVICE EXPERTS SECTION  (MOBILE) -------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-2 {
		padding-top: 50px;
		padding-bottom: 50px;
		color: #fff;
		background-image: url("/wp-content/uploads/section-2-bg.jpg");
	}

	.homepage-section--section-2 h2 span {
		font-family: Lobster;
		text-transform: capitalize;
		display: block;
		font-size: 36px;
		font-weight: 400;
		line-height: 45px;
		text-align: left;
	}

	.homepage-section--section-2 .hvac-service-grid-wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		gap: 30px;
		width: 100%;
		height: 510px;
		margin-top: 100px;
		margin-bottom: 100px;
		margin-left: auto;
		margin-right: auto;
	}

	.hvac-service-grid-wrapper .grid-item {
		width: 486px;
		height: 141px;
		padding: 3px 20px;
		border-radius: 20px;
		background: #ffffff;
		border-top: 8px solid #badbf0;
		box-shadow: 0px 4px 6.9px 0px #00000040;
		color: #000;
		margin-left: auto;
		margin-right: auto;
	}

	.hvac-service-grid-wrapper .grid-heading {
		font-family: Lobster;
		font-size: 24px;
		font-weight: 400;
		line-height: 37.5px;
		text-align: left;
	}

	.hvac-service-grid-wrapper .grid-divider {
		content: "";
		width: 74px;
		padding-top: 1.5px;
		padding-bottom: 1.5px;
		background: #8abbd5;
	}

	.homepage-section--section-2 .accent-image {
		content: "";
		width: 204px;
		height: 276px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/carrier-frontview.png");
		position: absolute;
		top: -16em;
		right: 0;
	}
}
/*------------------------------------------------- */
/*  YOUR HOME COMFORT EXPERTS SECTION ---------- */
/*------------------------------------------------- */
.homepage-section--section-3 {
	padding-top: 50px;
	padding-bottom: 231px;
	background-image: url("/wp-content/uploads/section-3-bg.png");
	background-position: top center;
}

.homepage-section--section-3::after {
	height: 0;
	padding-top: calc(100% * 177 / 1600);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("/wp-content/uploads/swoosh-joiner-blue.svg");
	z-index: 1;
}

.homepage-section--section-3 h2,
.homepage-section--section-3 p {
	max-width: 486px;
	width: 100%;
}

.homepage-section--section-3 h2 span {
	font-family: Lobster;
	font-size: 36px;
	font-weight: 400;
	line-height: 45px;
	text-align: left;
	text-transform: none;
}

	.homepage-section--section-3 .services-grid-wrapper {
		margin-top: 20px;
		max-width: 1199px;
		width: 100%;
		max-height: 3500px;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 44px 36px;
	}
	.services-grid-wrapper .services-item {
		width: 486px;
		height: 431px;
		padding: 20px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		border: 2px solid #020234;
		border-radius: 20px;
		background: #fff;
		box-shadow: 10px 10px 0px -1px #020234;
	}

.services-grid-wrapper .services-heading {
	font-family: Lobster;
	font-size: 36px;
	font-weight: 400;
	line-height: 45px;
	text-align: left;
	color: #003c71;
	margin-bottom: 10px;
}

	.services-grid-wrapper .services-text {
		margin-top: 10px;
		margin-bottom: 40px;
		width: 392px;
		height: 162px;
	}

.services-grid-wrapper .services-divider {
	content: "";
	width: 74px;
	padding-top: 1.5px;
	padding-bottom: 1.5px;
	background: #8abbd5;
}
	.homepage-section--section-3 .button-wrapper {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: space-between;
		align-items: center;
	}
@media (min-width: 992px) and (max-width: 1199px) {

	.homepage-section--section-3 .services-grid-wrapper {
		margin-top: 20px;
		max-width: 1199px;
		width: 100%;
		max-height: 3500px;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 44px 36px;
	}

	.homepage-section--section-3 .button-wrapper {
		display: flex;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}


	.services-grid-wrapper .services-item {
		width: 450px;
		height: 400px;
		padding: 40px 42px 40px 22px;
	}
	.services-grid-wrapper .services-text {
		margin-top: 10px;
		margin-bottom: 40px;
		width: 392px;
		height: 162px;
	}
}


/*------------------------------------------------- */
/*  YOUR HOME COMFORT EXPERTS SECTION  (MOBILE) ---------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-3 {
		padding-top: 122px;
		padding-bottom: 431px;
		background-image: url("/wp-content/uploads/section-3-bg.png");
		background-position: top center;
	}

	.homepage-section--section-3::after {
		height: 0;
		padding-top: calc(100% * 66 / 576);
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url("/wp-content/uploads/swoosh-joiner-blue.svg");
		z-index: 1;
	}

	.homepage-section--section-3 h2,
	.homepage-section--section-3 p {
		max-width: 486px;
		width: 100%;
	}

	.homepage-section--section-3 h2 span {
		font-family: Lobster;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: left;
		text-transform: none;
	}

	.homepage-section--section-3 .services-grid-wrapper {
		margin-top: 350px;
		max-width: 1118px;
		width: 100%;
		max-height: 734px;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 24px 36px;
	}

	.services-grid-wrapper .services-item {
		width: 486px;
		height: 331px !important;
		padding: 20px;
		gap: 10px;
		border-radius: 20px;
		background: #fff;
		box-shadow: 10px 10px 0px -1px #020234;
	}

	.services-grid-wrapper .services-heading {
		font-family: Lobster;
		font-size: 36px;
		font-weight: 400;
		line-height: 45px;
		text-align: left;
		color: #003c71;
		margin-bottom: 10px;
	}

	.services-grid-wrapper .services-text {
		margin-top: 10px;
		width: 472px;
		height: 162px;
	}

	.services-grid-wrapper .services-divider {
		content: "";
		width: 74px;
		padding-top: 1.5px;
		padding-bottom: 1.5px;
		background: #8abbd5;
	}

	.services-grid-wrapper .button-wrapper:nth-of-type(4) {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
		row-gap: 16px;
		margin-top: -2.5em;
	}
}
/*------------------------------------------------- */
/*  TRUSTED LOCAL HVAC COMPANY SECTION ---------- */
/*------------------------------------------------- */
.homepage-section--section-4 {
	padding-top: 94px;
	padding-bottom: 93px;
	background: linear-gradient(180deg, #8abbd5 0%, #020234 100%);
	color: #fff;
}

.homepage-section--section-4 h5 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.homepage-section--section-4 .needs-list {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	row-gap: 5px;
	margin-bottom: 29px;
}

.needs-list .needs-item {
	position: relative;
	margin-left: 2.5em;
	display: flex;
}

.needs-list .needs-item::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/arrow-yellow.svg");
	display: inline-flex;
	margin-left: -2em;
	margin-top: 0.3em;
}

.homepage-section--section-4 .accent-image {
	content: "";
	width: 649px;
	height: 608px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/side-image.png");
	position: relative;
}

.homepage-section--section-4 .section-content-box {
	width: 683px;
	height: 196px;
	padding: 56px 58px 56px 58px;
	border-radius: 20px;
	color: #020234;
	margin-left: 20px;
	background: repeating-linear-gradient( 60deg,
	#74c5eb,
	#78bde7 10px,
	#74c5eb 10px,
	#78bde7 20px);
	position: relative;
	z-index: 1;
}
/*------------------------------------------------- */
/*  TRUSTED LOCAL HVAC COMPANY SECTION  (MOBILE) ---------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-4 {
		padding-top: 51px;
		padding-bottom: 50px;
		background: linear-gradient(180deg, #8abbd5 0%, #020234 100%);
		color: #fff;
		margin-top: -1px;
	}

	.homepage-section--section-4 h5 {
		margin-top: 20px;
	}

	.homepage-section--section-4 .needs-list {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
		row-gap: 5px;
		margin-bottom: 29px;
	}

	.needs-list .needs-item {
		position: relative;
		margin-left: 2.5em;
		display: flex;
	}

	.needs-list .needs-item::before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/arrow-yellow.svg");
		display: inline-flex;
		margin-left: -2em;
		margin-top: 0.3em;
	}

	.homepage-section--section-4 .accent-image {
		content: "";
		width: 440px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/side-image-mobile.png");
		position: relative;
		margin-top: -300px;
	}

	.homepage-section--section-4 .section-content-box {
		margin-top: 250px;
		width: 486px;
		height: 112px;
		padding: 20px;
		font-weight: 700;
		border-radius: 20px;
		color: #020234;
		margin-left: auto;
		margin-right: auto;
		background: repeating-linear-gradient( 60deg,
		#74c5eb,
		#78bde7 10px,
		#74c5eb 10px,
		#78bde7 20px);
		position: relative;
		z-index: 1;
	}
}
/*------------------------------------------------- */
/*  TESTIMONIALS SECTION ---------- */
/*------------------------------------------------- */
.homepage-section--section-5 {
	padding-top: 105px;
	padding-bottom: 236px;
	background: #020234;
}

.homepage-section--section-5 h2 {
	position: relative;
	z-index: 0;
}

.homepage-section--section-5 h2::before {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 128px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url("/wp-content/uploads/Testimonials.png");
	z-index: -1;
}

.homepage-section--section-5::after {
	height: 0;
	padding-top: calc(100% * 200 / 1600);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("/wp-content/uploads/swoosh-joiner-light-blue.svg");
	z-index: 1;
}

.homepage-section--section-5 h2 {
	color: #badbf0;
}

/*------------------------------------------------- */
/*  TESTIMONIALS SECTION  (MOBILE) ---------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-5 {
		padding-top: 11px;
		padding-bottom: 129px;
		background: #020234;
	}

	.homepage-section--section-5 h2 {
		position: relative;
		z-index: 0;
	}

	.homepage-section--section-5 h2::before {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: -10px;
		left: 0;
		width: 100%;
		height: 166px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		background-image: url("/wp-content/uploads/Testimonials.png");
		z-index: -1;
	}

	.homepage-section--section-5::after {
		height: 0;
		padding-top: calc(100% * 200 / 1600);
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-image: url("/wp-content/uploads/swoosh-joiner-light-blue.svg");
		z-index: 1;
	}

	.homepage-section--section-5 h2 {
		color: #badbf0;
	}
}
/*------------------------------------------------- */
/*  WHAT MAKES AFFORDABLE AIR YOUR BEST CHOICE SECTION-- */
/*------------------------------------------------- */
.homepage-section--section-6 {
	padding-top: 76px;
	padding-bottom: 179px;
	background: linear-gradient( 180deg,
	#badbf0 0%,
	rgba(255, 255, 255, 0) 100%);
}

.homepage-section--section-6 h2 {
	color: #020234;
	font-family: Oswald;
}

.homepage-section--section-6 h2 span {
	font-family: Lobster;
	text-transform: capitalize;
	display: block;
}
/*------------------------------------------------- */
/*  WHAT MAKES AFFORDABLE AIR YOUR BEST CHOICE SECTION (MOBILE) -- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-6 {
		padding-top: 49px;
		padding-bottom: 50px;
		background: linear-gradient( 180deg,
		#badbf0 0%,
		rgba(255, 255, 255, 0) 100%);
	}

	.homepage-section--section-6 h2 {
		color: #020234;
		font-family: Oswald;
		font-weight: 700;
		line-height: 41.5px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.homepage-section--section-6 h2 span {
		font-family: Lobster;
		font-size: 48px;
		text-transform: capitalize;
		display: block;
	}
}
/*------------------------------------------------- */
/*  CONTACT FORM ------- */
/*------------------------------------------------- */
.postscript-contact {
	padding-top: 8px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url("/wp-content/uploads/contact-form-bg.jpg");
	padding-bottom: 204px;
	position: relative;
	z-index: 0;
}

.postscript-contact::after {
	height: 0;
	padding-top: calc(100% * 232 / 1600);
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	background-image: url("/wp-content/uploads/swoosh-footer.png");
	z-index: 1;
}

.postscript-contact .h2 {
	color: #020234 !important;
}

.postscript-contact .h2 {
	font-family: Oswald;
	font-weight: 700;
	line-height: 50.39px;
	letter-spacing: 0.09em;
	text-align: center;
}

.postscript-contact .contact-header-line-one {
	font-family: Oswald;
	font-size: 34px;
	font-weight: 700;
	line-height: 50.39px;
	letter-spacing: 0.09em;
	text-align: center;
}

.postscript-contact .contact-header-line-two {
	font-family: Oswald;
	font-size: 54px;
	font-weight: 600;
	line-height: 80.03px;
	letter-spacing: 0.26em;
	text-align: center;
	width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.postscript-contact .contact-header-line-two span {
	display: inline-block;
	margin-left: 27px;
	margin-right: 27px;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: yellow;
	z-index: 1;
	position: relative;
	vertical-align: middle;
}

.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text,
.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
.postscript-contact .select2-container--default .select2-selection--single {
	border-radius: 60px;
	border-bottom: 3px solid #8abbd5;
}

.postscript-contact .wpcf7-textarea {
	border-radius: 20px;
	border-bottom: 3px solid #8abbd5;
}
/*------------------------------------------------- */
/*  CONTACT FORM  (MOBILE) ------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.postscript-contact {
		padding-top: 8px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: url("/wp-content/uploads/contact-form-bg-mobile.jpg");
		padding-bottom: 134px;
		position: relative;
		z-index: 0;
	}

	.postscript-contact::after {
		height: 0;
		padding-top: calc(100% * 84 / 576);
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom center;
		background-image: url("/wp-content/uploads/swoosh-footer.png");
		z-index: 1;
	}

	.postscript-contact .h2 {
		color: #020234 !important;
	}

	.postscript-contact .h2 {
		font-family: Oswald;
		font-weight: 700;
		line-height: 50.39px;
		letter-spacing: 0.09em;
		text-align: center;
	}

	.postscript-contact .contact-header-line-one {
		font-family: Oswald;
		font-size: 20px;
		font-weight: 700;
		line-height: 50.39px;
		letter-spacing: 0.09em;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.postscript-contact .contact-header-line-two {
		font-family: Oswald;
		font-size: 54px;
		font-weight: 600;
		line-height: 60px;
		letter-spacing: 0.26em;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-wrap: wrap;
	}

	.postscript-contact .contact-header-line-two span {
		content: "";
		background: transparent;
		height: 0 !important;
		width: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text,
	.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
	.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
	.postscript-contact .select2-container--default .select2-selection--single {
		border-radius: 60px;
		border-bottom: 3px solid #8abbd5;
	}

	.postscript-contact .wpcf7-textarea {
		border-radius: 20px;
		border-bottom: 3px solid #8abbd5;
	}
}
/*------------------------------------------------- */
/* FOOTER ------- */
/*------------------------------------------------- */
.footer {
	padding-top: 39px;
	padding-bottom: 25px;
	background: #020234;
	color: #fff;
}

.footer .center-bottom--wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	max-width: 200px;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
}

.center-bottom--wrapper .office-address {
	font-size: 20px;
}

.center-bottom--wrapper .view-in-maps {
	font-weight: normal;
	color: #fff;
	line-height: 29.64px;
}

.footer-emergency-wrapper {
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	color: #f7eb12;
}

.footer .company-phone a {
	font-family: "Oswald", sans-serif;
	font-size: 32px;
	line-height: 47.42px;
	font-weight: 700;
	color: #fff;
}

.footer-bottom-row {
	margin-top: 30px;
	margin-bottom: 30px;
}

.footer-divider {
	max-width: 660px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #8ABBD5;
}

.footer-brand-heading {
	margin-top: 18px;
	font-family: Oswald;
	font-size: 20px;
	font-weight: 400;
	line-height: 29.64px;
	text-align: center;
	color: #BADBF0;
}

.brand-logo-wrapper {
	margin-top: 16px;
	margin-bottom: 28px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	column-gap: 134px;
}


.lennox-logo {
	width: 183px;
}

.trane-logo {
	width: 196px;
}

.carrier-logo {
	width: 115px;
}



/*------------------------------------------------- */
/* FOOTER  (MOBILE) ------- */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.footer {
		padding-top: 40px;
		padding-bottom: 0px;
		background: #020234;
		color: #fff;
	}

	.footer .center-bottom--wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		max-width: 200px;
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-family: "Oswald", sans-serif;
		text-transform: uppercase;
	}

	.center-bottom--wrapper .office-address {
		margin-top: 20px;
		font-size: 20px;
	}

	.center-bottom--wrapper .view-in-maps {
		font-weight: normal;
		color: #fff;
		line-height: 29.64px;
	}

	.footer-emergency-wrapper {
		text-transform: uppercase;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		color: #f7eb12;
	}

	.footer .company-phone {
		margin-top: 20px;
	}

	.footer .company-phone a {
		font-family: "Oswald", sans-serif;
		font-size: 32px;
		line-height: 47.42px;
		font-weight: 700;
		color: #fff;
	}
	
	.footer-bottom-row {
		margin-bottom: 0;
	}

	.footer-divider {
		width: 300px;
	}

	.brand-logo-wrapper {
		max-width: 300px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 16px;
		margin-bottom: 28px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 17px;
	}


	.lennox-logo {
		width: 124px;
	}

	.trane-logo {
		width: 132px;
	}

	.carrier-logo {
		width: 78px;
	}	
	
}
/*------------------------------------------------- */
/* COPYRIGHT ------ */
/*------------------------------------------------- */
.copyright {
	background: #020234;
	color: #fff;
}

.copyright a {
	color: #fff;
}

.copyright .social-icons {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	max-width: 300px;
	width: 100%;
	margin-right: auto;
	column-gap: 25px;
}

.copyright .social-icons__icon {
	transition: all 0.3s ease;
	height: 48px;
	width: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	border-radius: 100%;
	background: #e7e7e7;
	box-shadow: 0px -3px 4px 0px #00000040 inset;
	position: relative;
	z-index: 0;
}

.copyright .social-icons__icon a {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: 24px;
	text-align: center;
	transition: all 0.2s ease;
	width: inherit;
	height: inherit;
	color: #020234;
}


/* HOVER */
@media (min-width: 992px) {
	.copyright .social-icons__icon:hover {
		background: #8C8D9D;
		box-shadow: 0px 5px 4px 0px #00000040 inset;
	}

	.copyright .social-icons__icon:hover a {
		color: #fff;
	}
}


.copyright--content-wrapper {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	max-width: 460px;
	width: 100%;
	margin-left: auto;
	line-height: 20.75px;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: flex-end;
}

.copyright--content-wrapper a {
	text-decoration: underline;
}

.copyright--info-wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	column-gap: 12px;
}

.copyright-divider {
	width: 1px;
	height: 22px;
	background: #fff;
	margin-left: 12px;
}

.copyright .social-icon-wrapper {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}

.copyright-info {
	display: inline-flex;
}
.copyright-rights {
	margin-left: 12px;
}

/* CTA GROUP */
.cta-group--wrapper,
.cta-item,
.cta-button {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.cta-group--wrapper {
	margin-top: 100px;
	margin-bottom: 76px;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 56px 15px;
}
.cta-item {
	width: 358px;
	height: 216px;
	align-items: flex-end;
	position: relative;
	z-index: 0;
	transition: 0.3s ease all;
}

.cta-item::before {
	content: "";
	position: absolute;
	top: 0;
	width: 131px;
	height: 131px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.cta-item.cta-item--heating::before {
	background-image: url("/wp-content/uploads/heating.svg");
}
.cta-item.cta-item--cooling::before {
	background-image: url("/wp-content/uploads/cooling.svg");
}
.cta-item.cta-item--ductwork::before {
	background-image: url("/wp-content/uploads/ductwork.svg");
}
.cta-item.cta-item--insulation::before {
	background-image: url("/wp-content/uploads/insulation.svg");
}
.cta-item.cta-item--iaq::before {
	background-image: url("/wp-content/uploads/iaq.svg");
}

.cta-button {
	width: 358px;
	height: 117px;
	border-radius: 72px;
	flex-direction: row;
	column-gap: 12px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/cta-bg.png");
}
.cta-text {
	font-family: Oswald;
	font-size: 34px;
	font-weight: 500;
	line-height: 46px;
	text-align: center;
}
.cta-btn-arrow {
	width: 25px;
	height: 21.08px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/wp-content/uploads/arrow-btn.svg");
}

/* HOVER */
@media (min-width: 992px) {
	.cta-item:hover {
		transform: translateY(-23px);
	}

	.cta-item:hover .cta-button {
		border-bottom: 8px solid #f7eb12;
	}
}
/*------------------------------------------------- */
/* COPYRIGHT  (MOBILE) ------ */
/*------------------------------------------------- */
@media (max-width: 991px) {
	.copyright {
		background: #020234;
		color: #fff;
	}

	.copyright a {
		color: #fff;
	}

	.copyright .social-icons {
		margin-bottom: 20px;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		max-width: 300px;
		width: 100%;
		column-gap: 25px;
		margin-left: auto;
		margin-right: auto;
	}

	.copyright .social-icons__icon {
		transition: all 0.3s ease;
		height: 48px;
		width: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		align-self: center;
		border-radius: 100%;
		background: #e7e7e7;
		box-shadow: 0px -3px 4px 0px #00000040 inset;
		position: relative;
		z-index: 0;
	}

	.copyright .social-icons__icon a {
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		font-size: 24px;
		text-align: center;
		transition: all 0.3s ease;
		width: inherit;
		height: inherit;
		color: #020234;
	}

	.copyright--content-wrapper {
		font-family: "Oswald", sans-serif;
		font-size: 14px;
		max-width: 460px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		line-height: 20.75px;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.copyright--content-wrapper a {
		text-decoration: underline;
	}

	.copyright--info-wrapper {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		column-gap: 12px;
	}

	.copyright-divider {
		width: 1px;
		height: 22px;
		background: #fff;
		margin-left: 12px;
	}

	.copyright-info {
		display: inline-flex;
	}
	.copyright-rights {
		margin-left: 12px;
	}

	/* CTA GROUP */
	.cta-group--wrapper,
	.cta-item,
	.cta-button {
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.cta-group--wrapper {
		margin-top: 100px;
		margin-bottom: 76px;
		flex-wrap: wrap;
		flex-direction: row;
		row-gap: 10px;
	}
	.cta-item {
		width: 295px;
		height: 69px;
		align-items: flex-end;
		position: relative;
		z-index: 0;
		transition: 0.3s ease all;
	}

	.cta-item::before {
		content: "";
		position: absolute;
		top: 15%;
		left: 2.5%;
		width: 45px;
		height: 45px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.cta-item.cta-item--heating::before {
		background-image: url("/wp-content/uploads/heating.svg");
	}
	.cta-item.cta-item--cooling::before {
		background-image: url("/wp-content/uploads/cooling.svg");
	}
	.cta-item.cta-item--ductwork::before {
		background-image: url("/wp-content/uploads/ductwork.svg");
	}
	.cta-item.cta-item--insulation::before {
		background-image: url("/wp-content/uploads/insulation.svg");
	}
	.cta-item.cta-item--iaq::before {
		background-image: url("/wp-content/uploads/iaq.svg");
	}

	.cta-button {
		width: 295px;
		height: 69px;
		border-radius: 72px;
		flex-direction: row;
		column-gap: 12px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/cta-bg.png");
		padding-left: 2.5em;
	}
	.cta-text {
		font-family: Oswald;
		font-size: 24px;
		font-weight: 500;
		line-height: 46px;
		text-align: center;
	}
	.cta-btn-arrow {
		width: 20px;
		height: 17px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/arrow-btn.svg");
	}
}
/* ------------------------------- */
/* TESTIMONIAL SLIDER------ */
/* ------------------------------- */
.testimonial-slider {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.testimonial-slide {
	width: 546px;
	height: 249px;
	background: #ffffff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding: 40px 44px 40px 44px;
	border-radius: 20px;
	border-top: 8px solid #badbf0;
}

.testimonial-slide--content-wrapper {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	row-gap: 45px;
}

.testimonial-slide .testimonial-text {
	width: 458px;
	height: 93px;
	font-family: Oswald;
	font-size: 16px;
	font-weight: 500;
	line-height: 31px;
	text-align: left;
	color: #020234;
}

.testimonial-slide .testimonial-slide--bottom-wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.testimonial-slide .testimonial-stars {
	width: 201px;
}

.testimonial-slide .testimonial--author-wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	column-gap: 16px;
}

.testimonial--author-wrapper .testimonial-author {
	font-family: Oswald;
	font-size: 20px;
	font-weight: 400;
	line-height: 29.64px;
	text-align: right;
}

.testimonial--author-wrapper .testimonial-logo {
	width: 24px;
	height: 24px;
	display: flex;
	align-self: center;
}
.testimonial-slide--bottom-wrapper .testimonial-text {
	font-family: Oswald;
	font-size: 16px;
	font-weight: 500;
	line-height: 31px;
	text-align: left;
}

@media (min-width: 992px) and (max-width: 1199px) {

	.testimonial-slide {
		width: 450px;
		height: 249px;
		padding: 20px 44px 20px 44px;
	}

	.testimonial-slide .testimonial-text {
		width: 358px;
	}
}




/* ------------------------------- */
/* TESTIMONIAL SLIDER (MOBILE) ------ */
/* ------------------------------- */
@media (max-width: 991px) {
	.testimonial-slider {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 20px;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.testimonial-slide {
		width: 300px;
		height: 391px;
		background: #ffffff;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		padding: 40px 44px 40px 44px;
		border-radius: 20px;
		border-top: 8px solid #badbf0;
		margin: 0 5em 0 5em;
	}

	.testimonial-slide--content-wrapper {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.testimonial-slide .testimonial-text {
		margin-top: 38px;
		width: 212px;
		height: 217px;
		font-family: Oswald;
		font-size: 16px;
		font-weight: 500;
		line-height: 31px;
		text-align: left;
		color: #020234;
	}

	.testimonial-slide .testimonial-slide--bottom-wrapper {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.testimonial-slide .testimonial-stars {
		min-width: 201px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -42em;
	}
	.testimonial-slide--bottom-wrapper .testimonial-text {
		font-family: Oswald;
		font-size: 16px;
		font-weight: 500;
		line-height: 31px;
		text-align: left;
	}
	.testimonial-slide .testimonial--author-wrapper {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		column-gap: 16px;
		min-width: 184px!important;
		margin-left: -10em;
	}

	.testimonial--author-wrapper .testimonial-author {
		font-family: Oswald;
		font-size: 20px;
		font-weight: 400;
		line-height: 29.64px;
		text-align: right;
	}

	.testimonial--author-wrapper .testimonial-logo {
		width: 24px;
		height: 24px;
		display: flex;
		align-self: center;
	}
}
/* ------------------------------- */
/* BEST CHOICE SLIDER------- */
/* ------------------------------- */
.best-choice-slider .best-choice-slide {
	width: 454px !important;
	height: 245px;
	padding: 20px;
	gap: 10px;
	border-radius: 20px;
	background: #ffffff;
	border-top: 8px solid #8abbd5;
	margin: 0 5em 0 5em;
}


.best-choice-slide .best-choice--content-wrapper {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
}

.best-choice--content-wrapper .best-choice--heading {
	font-family: Lobster;
	font-size: 30px;
	font-weight: 400;
	line-height: 37.5px;
	text-align: left;
	color: #000;
}

.best-choice--content-wrapper .best-choice--divider {
	width: 74px;
	padding-bottom: 3px;
	padding-top: 3px;
	background: #8abbd5;
	margin-top: 10px;
	margin-bottom: 10px;
}

.best-choice--content-wrapper .best-choice--list-wrapper {
	width: 385px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	row-gap: 10px;
}

.best-choice--list-wrapper .best-choice--list-item {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
}

.best-choice--list-item .best-choice--bullet {
	width: 20px;
	height: 20px;
	content: "";
	background-image: url("/wp-content/uploads/arrow.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-self: flex-start;
}

.best-choice--list-item .best-choice--text {
	width: 385.21px;
	font-family: Barlow;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
}

.best-choice-slider .slick-prev::before,
.best-choice--list-item .slick-next::before {
	width: 40px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.best-choice-slider .slick-prev::before {
	content: url("/wp-content/uploads/prev-arrow.svg");
}

.best-choice-slider .slick-next::before {
	content: url("/wp-content/uploads/next-arrow.svg");
}

@media (min-width: 992px) and (max-width: 1199px) {

	.best-choice-slider .best-choice-slide {

		margin: 0 2em 0 2.5em;
	}
}


/* ------------------------------- */
/* BEST CHOICE SLIDER (MOBILE) ------- */
/* ------------------------------- */
@media (max-width: 991px) {
	.best-choice-slider .best-choice-slide {
		width: 320px !important;
		height: 301px;
		padding: 20px;
		gap: 10px;
		border-radius: 20px;
		background: #ffffff;
		border-top: 8px solid #8abbd5;
		margin: 0 2em 0 4em;
		box-shadow: 0px 4px 6.9px 0px #00000040;
		margin-bottom: 3em;
	}

	.best-choice-slide .best-choice--content-wrapper {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
	}

	.best-choice--content-wrapper .best-choice--heading {
		font-family: Lobster;
		font-size: 30px;
		font-weight: 400;
		line-height: 37.5px;
		text-align: left;
		color: #000;
	}

	.best-choice--content-wrapper .best-choice--divider {
		width: 74px;
		padding-bottom: 3px;
		padding-top: 3px;
		background: #8abbd5;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.best-choice--content-wrapper .best-choice--list-wrapper {
		width: 260px;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
		row-gap: 10px;
	}

	.best-choice--list-wrapper .best-choice--list-item {
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		column-gap: 10px;
	}

	.best-choice--list-item .best-choice--bullet {
		width: 20px;
		height: 20px;
		content: "";
		background-image: url("/wp-content/uploads/arrow.svg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: flex;
		align-self: flex-start;
	}

	.best-choice--list-item .best-choice--text {
		width: 260px;
		font-family: Barlow;
		font-size: 16px;
		font-weight: 500;
		line-height: 28px;
		text-align: left;
	}

	.best-choice-slider .slick-prev::before,
	.best-choice--list-item .slick-next::before {
		width: 40px;
		height: 40px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.best-choice-slider .slick-prev::before {
		content: url("/wp-content/uploads/prev-arrow.svg");
	}

	.best-choice-slider .slick-next::before {
		content: url("/wp-content/uploads/next-arrow.svg");
	}
}

/* CONVERSION PAGE SUBHEADING */
.conversion-header__subheading  {
	font-family: Barlow;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: normal;
	text-align: left;
	width: 523px;
	margin-right: auto;
	margin-bottom: 40px;
}

.conversion-header__subheading span {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: yellow;
	z-index: 1;
	position: relative;
	vertical-align: middle;
}



/* ------------------------------- */
/* REVISIONS */
/* ------------------------------- */
@media (max-width: 991px) {
	.homepage-section--section-2 .hvac-service-grid-wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		gap: 30px;
		width: 100%;
		height: 510px;
		margin-top: 100px;
		margin-bottom: 150px;
		margin-left: auto;
		margin-right: auto;
	}
}



@media (max-width: 991px) {
	.hvac-service-grid-wrapper .grid-item {
		width: 486px;
		height: 161px;
		padding: 10px 20px;
		border-radius: 20px;
		background: #ffffff;
		border-top: 8px solid #badbf0;
		box-shadow: 0px 4px 6.9px 0px #00000040;
		color: #000;
		margin-left: auto;
		margin-right: auto;
	}
}




@media (max-width: 575px) {

	.hero {
		background: url("/wp-content/uploads/hero-bg-xs.jpg");
		background-position: top center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		z-index: 0;
	}

	.hero::after {
		display: none;
	}



	.hero-bg {
		position: relative;
		height: 0;
		padding-top: calc(100vw * 505 / 320);
	}

	.hero-copytext-block {
		position: absolute;
		top: calc(100vw * 54 / 320);
		left: calc(100vw * 10 / 320);
		width: calc(100vw * 320 / 320);
		text-align: left;
		font-family: "Archivo Black";
		font-style: normal;
		font-weight: 700;
		line-height: 1;
		text-transform: uppercase;
		color: #020234;
	}


	.hero--top-text,
	.hero--bottom-text {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 26.6px;
	}

	.hero--middle-text {
		font-size: 32px;
		line-height: 47.42px;
	}


	.hero--top-text,
	.hero--bottom-text {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 26.6px;
	}

	.hero .button-wrapper {
		margin-top: 38px;
	}
}




@media (max-width: 575px) {
	.homepage-section--section-1 {
		padding-top: 33.52px;
	}

	.homepage-section--section-1 h1 {
		max-width: 300px;
		width: 100%;
	}


	.homepage-section--section-1 .section-content-box {
		margin-top: 39px;
		max-width: 299px;
		width: 100%;
		height: 112px;
		padding: 20px;
		line-height: 24px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}

	.homepage-section--section-1 .yt-video {
		margin-top: 7em;
		width: 271px;
		height: 171px;
		margin-left: auto;
		margin-right: auto;
		background: linear-gradient(180deg, #badbf0 0%, #8abbd5 100%);
		border-radius: 20px;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
}


@media (max-width: 575px) {
	.cta-group--wrapper {
		margin-top: 30px;
		margin-bottom: 200px;
		flex-wrap: wrap;
		flex-direction: row;
		row-gap: 10px;
	}
}



@media (max-width: 575px) {
	.best-choice-slider .best-choice-slide {
		width: 300px !important;
		height: 241px;
		padding: 20px;
		gap: 10px;
		border-radius: 20px;
		background: #ffffff;
		border-top: 8px solid #8abbd5;
		margin: 0 2em;
		box-shadow: 0px 4px 6.9px 0px #00000040;
	}
}



@media (max-width: 575px) {

	.homepage-section--section-2 .accent-image {
		content: "";
		width: 144px;
		height: 194px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/carrier-frontview.png");
		position: absolute;
		top: -14em;
		right: 0;
	}

	.homepage-section--section-2 .hvac-service-grid-wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		gap: 30px;
		width: 100%;
		height: 510px;
		margin-top: 250px;
		margin-bottom: 250px;
		margin-left: auto;
		margin-right: auto;
	}

	.hvac-service-grid-wrapper .grid-item {
		width: 300px;
		height: 213px;
		padding: 10px 20px;
		border-radius: 20px;
		background: #ffffff;
		border-top: 8px solid #badbf0;
		box-shadow: 0px 4px 6.9px 0px #00000040;
		color: #000;
		margin-left: auto;
		margin-right: auto;
	}
}


@media (max-width: 575px) {
	.homepage-section--section-3 {
		padding-top: 50px;
		padding-bottom: 431px;
		background-image: url("/wp-content/uploads/section-3-bg-xs.jpg");
		background-position: bottom center;
	}

	.homepage-section--section-3 .services-grid-wrapper {
		margin-top: 50px;
		max-width: 576px;
		width: 100%;
		max-height: 1900px;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.services-grid-wrapper .services-item {
		min-width: 291px;
		height: 423px !important;
		padding: 20px;
		gap: 0;
		border-radius: 20px;
		background: #fff;
		box-shadow: 10px 10px 0px -1px #020234;
	}


	.services-grid-wrapper .services-heading {
		font-family: Lobster;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: left;
		color: #003c71;
		margin-bottom: 10px;
	}

	.services-grid-wrapper .services-text {
		margin-top: 10px;
		width: 251px;
		height: 144px;
	}


	.services-grid-wrapper .button-wrapper:nth-of-type(4) {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
		row-gap: 16px;
		margin-top: 2em;
	}
}



@media (max-width: 575px) {

	.homepage-section--section-4 .accent-image {
		content: "";
		width: 271px;
		height: 230px;
		margin-left: auto;
		margin-right: auto;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("/wp-content/uploads/side-image-mobile.png");
		position: relative;
		margin-top: -310px;
	}

	.homepage-section--section-4 .section-content-box {
		margin-top: 220px;
		width: 299px;
		height: 146px;
		padding: 20px;
		font-weight: 700;
		border-radius: 20px;
		color: #020234;
		margin-left: auto;
		margin-right: auto;
		background: repeating-linear-gradient( 60deg, #74c5eb, #78bde7 10px, #74c5eb 10px, #78bde7 20px);
		position: relative;
		z-index: 1;
	}
}



@media (max-width: 575px) {
	.homepage-section--section-5 h2::before {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: 0;
		top: -.5em;
		left: 0;
		width: 100%;
		height: 30px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		background-image: url("/wp-content/uploads/Testimonials.png");
		z-index: -1;
	}
}

@media (max-width: 575px) {
	.testimonial-slide {
		width: 300px;
		height: 391px;
		background: #ffffff;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		padding: 60px 44px 40px 44px;
		border-radius: 20px;
		border-top: 8px solid #badbf0;
		margin: 0 5em 0 5em;
	}

	.testimonial-slide--content-wrapper {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		row-gap: 2px;
		max-height: fit-content;
		height: 100%;
	}

	.testimonial-slide .testimonial-stars {
		min-width: 201px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -35em;
	}

	.testimonial-slide .testimonial-text {
		width: 212px;
		height: 217px;
		font-family: Oswald;
		font-size: 16px;
		font-weight: 500;
		line-height: 31px;
		text-align: left;
		color: #020234;
	}
}

@media (max-width: 575px) {
	.homepage-section--section-6 {
		padding-top: 49px;
		padding-bottom: 99px;
		background: linear-gradient( 180deg, #badbf0 0%, rgba(255, 255, 255, 0) 100%);
	}

	.best-choice-slider .slick-track {
		display: flex !important;
		justify-content: center;
		padding-bottom: 1em;
	}


	.best-choice-slider .slick-list {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
	}

	.best-choice-slider .best-choice-slide {
		width: 300px;
		height: 350px;
		margin: 0 auto 0 1em;
		box-shadow: 0px 4px 6.9px 0px #00000040;
		padding: 20px 10px;
	}

	.best-choice--list-item .best-choice--text {
		max-width: 230px;
		width: 100%;

		font-family: Barlow;
		font-size: 16px;
		font-weight: 500;
		line-height: 28px;
		text-align: left;
	}
}


@media (max-width: 575px) {
	.postscript-contact .contact-header-line-one {
		margin-top: 1em;
		line-height: 30px;
	}

	.postscript-contact .contact-header-line-two {
		font-family: Oswald;
		font-size: 31px;
		line-height: 46px;
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.copyright .social-icons {
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		max-width: 300px;
		width: 100%;
		gap: 25px;
		margin-left: auto;
		margin-right: auto;
	}
}