.elementor-12778 .elementor-element.elementor-element-555ff75 > .elementor-container{min-height:300px;}.elementor-12778 .elementor-element.elementor-element-555ff75{padding:140px 0px 30px 0px;}.elementor-12778 .elementor-element.elementor-element-f03dd10 > .elementor-element-populated{border-style:solid;border-width:0px 0px 5px 0px;border-color:#328BCAA1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12778 .elementor-element.elementor-element-a5756e0 > .elementor-widget-container{padding:60px 0px 0px 0px;}.elementor-12778 .elementor-element.elementor-element-a5756e0{text-align:center;}.elementor-12778 .elementor-element.elementor-element-a5756e0 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:2rem;font-weight:600;color:var( --e-global-color-secondary );}.elementor-12778 .elementor-element.elementor-element-0ed9a6b{text-align:center;}.elementor-12778 .elementor-element.elementor-element-0ed9a6b .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:50px;line-height:80px;color:var( --e-global-color-primary );}.elementor-12778 .elementor-element.elementor-element-d066329{margin-top:0px;margin-bottom:0px;}.elementor-12778 .elementor-element.elementor-element-d1c3f1f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12778 .elementor-element.elementor-element-60c2fec img{width:7%;opacity:0;}.elementor-12778 .elementor-element.elementor-element-1f24d046 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-12778 .elementor-element.elementor-element-1f24d046 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:32px;font-weight:600;text-transform:uppercase;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12778 .elementor-element.elementor-element-4eef09f3{width:35%;}.elementor-12778 .elementor-element.elementor-element-74779540{width:65%;}}@media(max-width:1024px){.elementor-12778 .elementor-element.elementor-element-0ed9a6b .elementor-heading-title{font-size:54px;line-height:1.2em;}.elementor-12778 .elementor-element.elementor-element-060963c > .elementor-element-populated{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-12778 .elementor-element.elementor-element-555ff75{padding:0px 0px 0px 0px;}.elementor-12778 .elementor-element.elementor-element-a5756e0 .elementor-heading-title{font-size:1.25rem;line-height:1.2em;}.elementor-12778 .elementor-element.elementor-element-0ed9a6b .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-12778 .elementor-element.elementor-element-60c2fec img{width:20%;}.elementor-12778 .elementor-element.elementor-element-060963c > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-463864d *//* ==========================================
   BOXER ROOF CARE PLAN
   ========================================== */

.boxer-care-plan {
	--boxer-navy: #213469;
	--boxer-blue: #328bca;
	--boxer-light-blue: #8bc7ed;
	--boxer-brown: #693026;
	--boxer-text: #1f1f1f;
	--boxer-gray: #636569;
	--boxer-light: #f3f6fa;
	--boxer-white: #ffffff;
	--boxer-border: #dbe2ea;

	max-width: 1180px;
	margin: 0 auto;
	padding: 28px 24px 80px;
	color: var(--boxer-text);
	font-family: "Roboto", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.65;
}

.boxer-care-plan *,
.boxer-care-plan *::before,
.boxer-care-plan *::after {
	box-sizing: border-box;
}

.boxer-care-plan h2 {
	margin: 0;
	color: var(--boxer-navy);
	font-family: "Oswald", "Roboto Condensed", sans-serif;
	font-size: clamp(32px, 3.5vw, 46px);
	font-weight: 600;
	line-height: 1.15;
	text-transform: uppercase;
}

.boxer-care-plan p {
	margin: 0 0 20px;
}

/* ==========================================
   ELEMENTOR HERO OVERRIDES
   ========================================== */

/* H1 */

.page-id-12778
.elementor-element-0ed9a6b
.elementor-heading-title {
	margin-bottom: 0;
	line-height: 1.15 !important;
}

/* Short accent line below H1 */

/*.page-id-12778
.elementor-element-0ed9a6b::after {
	display: block;
	width: 90px;
	height: 5px;
	margin: 24px auto 0;
	background: #328bca;
	content: "";
}*/

/* Reduce space below hero */

.page-id-12778
.elementor-element-e8ec903 {
	padding-top: 0 !important;
}

/*
Remove the original long blue divider in Elementor.
If it is an Elementor Divider widget, hide it by adding
the CSS class "roof-plan-old-divider" to that widget.
*/

.page-id-12778 .roof-plan-old-divider {
	display: none !important;
}

/* ==========================================
   INTRODUCTION
   ========================================== */

.boxer-care-plan__intro {
	max-width: 980px;
	margin: 0 auto 38px;
	padding: 30px 42px;
	background: var(--boxer-light);
	/*border-left: 6px solid var(--boxer-blue);*/
	box-shadow: 0 10px 30px rgba(33, 52, 105, 0.07);
	text-align: left;
}

.boxer-care-plan__lead {
	margin: 0 0 14px !important;
	color: var(--boxer-navy);
	font-family: "Roboto Condensed", sans-serif;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.5;
}

.boxer-care-plan__intro > p:last-child {
	margin: 0;
	color: var(--boxer-gray);
	font-size: 17px;
	line-height: 1.65;
}

/* ==========================================
   MAIN GRID
   ========================================== */

.boxer-care-plan__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
	align-items: stretch;
	gap: 30px;
	scroll-margin-top: 100px;
}

.boxer-care-plan__membership,
.boxer-care-plan__benefits {
	padding: 42px;
}

.boxer-care-plan__membership {
	background: var(--boxer-white);
	border: 1px solid var(--boxer-border);
	border-top: 6px solid var(--boxer-blue);
	box-shadow: 0 15px 40px rgba(33, 52, 105, 0.12);
}

/* ==========================================
   PLAN HEADING AND PRICE
   ========================================== */

.boxer-care-plan__heading-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 28px;
	padding-bottom: 27px;
	border-bottom: 1px solid var(--boxer-border);
}

.boxer-care-plan__heading-copy {
	min-width: 0;
}

.boxer-care-plan__label {
	margin: 0 0 12px !important;
	color: var(--boxer-blue);
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1.5px;
	line-height: 1.3;
	text-transform: uppercase;
}

.boxer-care-plan__heading-row h2 {
	font-size: clamp(34px, 3.5vw, 48px);
}

.boxer-care-plan__price {
	flex: 0 0 150px;
	padding: 19px 18px;
	background: var(--boxer-navy);
	color: var(--boxer-white);
	text-align: center;
}

.boxer-care-plan__price-value,
.boxer-care-plan__price-period {
	display: block;
}

.boxer-care-plan__price-value {
	font-family: "Oswald", sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 1;
}

.boxer-care-plan__price-period {
	margin-top: 8px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.8px;
	line-height: 1.2;
	text-transform: uppercase;
}

/* ==========================================
   INCLUDED FEATURES
   ========================================== */

.boxer-care-plan__features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
	margin: 30px 0 34px;
	padding: 0;
	list-style: none;
}

.boxer-care-plan__features > li {
	position: relative;
	margin: 0;
	padding: 16px 0 16px 35px;
	border-bottom: 1px solid var(--boxer-border);
}

.boxer-care-plan__features > li::before {
	position: absolute;
	top: 16px;
	left: 0;
	display: flex;
	width: 23px;
	height: 23px;
	align-items: center;
	justify-content: center;
	background: var(--boxer-blue);
	border-radius: 50%;
	color: var(--boxer-white);
	content: "✓";
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}

.boxer-care-plan__features strong,
.boxer-care-plan__features span {
	display: block;
}

.boxer-care-plan__features strong {
	color: var(--boxer-navy);
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}

.boxer-care-plan__features span {
	margin-top: 5px;
	color: var(--boxer-gray);
	font-size: 15px;
	line-height: 1.5;
}

/* ==========================================
   MAINTENANCE SUBLIST
   ========================================== */

.boxer-care-plan__sublist {
/*	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 5px 16px;
	margin: 10px 0 0;*/
	padding: 0;
	list-style: none;
}

.boxer-care-plan__sublist li {
	position: relative;
	padding-left: 14px;
	color: var(--boxer-gray);
	font-size: 15px;
	line-height: 1.5;
}

.boxer-care-plan__sublist li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--boxer-blue);
	content: "•";
}

/* ==========================================
   PRIMARY CTA
   ========================================== */

.boxer-care-plan__button {
	display: block;
	width: 100%;
	padding: 18px 25px;
	background: var(--boxer-blue);
	border: 1px solid var(--boxer-blue);
	color: var(--boxer-white) !important;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.6px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

.boxer-care-plan__button:hover,
.boxer-care-plan__button:focus {
	background: var(--boxer-navy);
	border-color: var(--boxer-navy);
	color: var(--boxer-white) !important;
	transform: translateY(-2px);
}

.boxer-care-plan__button:focus-visible {
	outline: 3px solid rgba(50, 139, 202, 0.35);
	outline-offset: 3px;
}

.boxer-care-plan__button-note {
	margin: 12px 0 0 !important;
	color: var(--boxer-gray);
	font-size: 14px;
	text-align: center;
}

/* ==========================================
   OIL CHANGE COMPARISON
   ========================================== */

.boxer-care-plan__comparison {
	display: grid;
	grid-template-columns: minmax(230px, 0.9fr) minmax(260px, 1.1fr);
	align-items: center;
	gap: 28px;
	margin-top: 30px;
	padding: 26px 30px;
	background: var(--boxer-light);
	border-left: 5px solid var(--boxer-blue);
}

.boxer-care-plan__comparison strong {
	display: block;
	color: var(--boxer-navy);
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
}

.boxer-care-plan__comparison p {
	margin: 0;
	padding-left: 28px;
	border-left: 1px solid var(--boxer-border);
	color: var(--boxer-text);
	font-size: 16px;
	line-height: 1.6;
}

/* ==========================================
   BENEFITS COLUMN
   ========================================== */

.boxer-care-plan__benefits {
	display: flex;
	flex-direction: column;
	background: var(--boxer-navy);
	border: 1px solid var(--boxer-navy);
	color: var(--boxer-white);
}

.boxer-care-plan__benefits h2 {
	margin-bottom: 20px;
	color: var(--boxer-white);
	font-size: clamp(34px, 3vw, 43px);
}

.boxer-care-plan__benefits .boxer-care-plan__label {
	color: var(--boxer-light-blue);
}

.boxer-care-plan__benefits-intro {
	color: rgba(255, 255, 255, 0.9);
	font-size: 17px;
	line-height: 1.6;
}

.boxer-care-plan__benefits > ul {
	margin: 12px 0 32px;
	padding: 0;
	list-style: none;
}

.boxer-care-plan__benefits > ul li {
	position: relative;
	padding: 15px 0 15px 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.boxer-care-plan__benefits > ul li::before {
	position: absolute;
	top: 15px;
	left: 0;
	color: var(--boxer-light-blue);
	content: "✓";
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

/* ==========================================
   SECONDARY CTA
   ========================================== */

.boxer-care-plan__secondary-button {
	display: block;
	width: 100%;
	margin-top: auto;
	padding: 16px 22px;
	background: var(--boxer-white);
	border: 1px solid var(--boxer-white);
	color: var(--boxer-navy) !important;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

.boxer-care-plan__secondary-button:hover,
.boxer-care-plan__secondary-button:focus {
	background: var(--boxer-blue);
	border-color: var(--boxer-blue);
	color: var(--boxer-white) !important;
}

/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {
	.boxer-care-plan__grid {
		grid-template-columns: minmax(0, 1.2fr) minmax(290px, 0.8fr);
	}

	.boxer-care-plan__membership,
	.boxer-care-plan__benefits {
		padding: 34px;
	}

	.boxer-care-plan__heading-row {
		display: block;
	}

	.boxer-care-plan__price {
		width: 150px;
		margin-top: 24px;
	}
}

@media (max-width: 850px) {
	.boxer-care-plan {
		padding: 24px 20px 65px;
	}

	.boxer-care-plan__grid {
		grid-template-columns: 1fr;
	}

	.boxer-care-plan__features {
		grid-template-columns: 1fr;
	}

	.boxer-care-plan__heading-row {
		display: flex;
	}

	.boxer-care-plan__price {
		width: auto;
		margin-top: 0;
	}

	.boxer-care-plan__benefits {
		min-height: 0;
	}
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 600px) {
	.boxer-care-plan {
		padding: 18px 16px 55px;
		font-size: 17px;
	}

	.boxer-care-plan__intro {
		margin-bottom: 28px;
		padding: 24px 22px;
	}

	.boxer-care-plan__lead {
		font-size: 20px;
	}

	.boxer-care-plan__membership,
	.boxer-care-plan__benefits {
		padding: 28px 22px;
	}

	.boxer-care-plan__heading-row {
		display: block;
	}

	.boxer-care-plan__price {
		width: 100%;
		margin-top: 22px;
	}

	.boxer-care-plan__features,
	.boxer-care-plan__sublist {
		grid-template-columns: 1fr;
	}

	.boxer-care-plan__comparison {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 24px 22px;
	}

	.boxer-care-plan__comparison p {
		padding: 0;
		border-left: 0;
	}

	.boxer-care-plan__button,
	.boxer-care-plan__secondary-button {
		font-size: 16px;
	}

	.page-id-12778
	.elementor-element-0ed9a6b::after {
		width: 70px;
		height: 4px;
		margin-top: 18px;
	}
}

/* ==========================================
   SMOOTH SCROLL
   ========================================== */

html {
	scroll-behavior: smooth;
}

#roof-care-form,
#plan-benefits {
	scroll-margin-top: 100px;
}/* End custom CSS */