:root {
	--state-green: #00572e;
	--state-gold: #d99b00;
	--state-cream: #fffdf7;
}

/* =====================================================
   STATE PAGE
===================================================== */

#statehero {
	background: #fffdf7;
	padding: 28px 0 40px;
	color: #1f2b24;
}

#statehero .container {
	max-width: 1320px;
}


/* =====================================================
   TOP HERO LAYOUT
===================================================== */

.tophero {
	align-items: stretch;
}

.toplefthero {
	padding-right: 28px;
}

.toprighthero {
	display: flex;
}

.statetitle {
	margin: 0;
	color: #064f2f;
	font-size: clamp(42px, 5vw, 68px);
	font-weight: 700;
	line-height: 1.05;
}

.heroform-title {
	margin: 0 0 24px;
	color: #064f2f;
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
}

.smstatetitle {
	margin: 0 0 20px;
	color: #064f2f;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}


/* =====================================================
   STATE HERO SUBTITLE
===================================================== */

.state-subtitle {
	margin-top: 20px;
	max-width: 760px;
}

.state-subtitle-text {
	font-size: 18px;
	line-height: 1.7;
	color: #333;
}

.state-subtitle-text p {
	margin: 0 0 14px;
}

.state-subtitle-text p:last-child {
	margin-bottom: 0;
}

/* Collapsed state */

.state-subtitle.has-read-more .state-subtitle-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

/* Read More Button */

.state-subtitle-read-more {
	display: none;
	background: transparent;
	border: 0;
	padding: 6px 0 0;
	margin: 0;
	color: #c99019;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
}

.state-subtitle-read-more:hover,
.state-subtitle-read-more:focus {
	color: #9d6e0a;
}

.state-subtitle.has-read-more .state-subtitle-read-more {
	display: inline-block;
}

.state-subtitle.is-expanded .state-subtitle-text {
	display: block;
	overflow: visible;
}


/* =====================================================
   HERO CALL CTA
===================================================== */

.herocall {
	margin-top: 18px;
}

.herocall a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #12613b;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: underline;
	text-decoration-color: #d1a03a;
	text-underline-offset: 5px;
}

.herocall a:hover {
	color: #c99019;
}

.callicon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border: 2px solid #12613b;
	border-radius: 50%;
	font-size: 15px;
}


/* =====================================================
   HERO FORM
===================================================== */

.heroformarea {
	width: 100%;
	padding: 30px 28px;
	border: 1px solid #e2c77c;
	border-radius: 10px;
	background: #fffdf8;
	box-shadow: 0 6px 20px rgba(45, 42, 20, 0.08);
}

.heroform {
	width: 100%;
}

/* Gravity Forms */

.heroform .gform_wrapper {
	margin: 0;
}

.heroform .gfield {
	margin-bottom: 14px;
}

.heroform .gfield_label {
	margin-bottom: 5px;
	color: #1f2b24;
	font-size: 14px;
	font-weight: 700;
}

.heroform input[type="text"],
.heroform input[type="email"],
.heroform input[type="tel"],
.heroform input[type="number"],
.heroform select,
.heroform textarea {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid #ddd7ca;
	border-radius: 5px;
	background: #fff;
	color: #333;
	font-size: 15px;
}

.heroform textarea {
	min-height: 100px;
	resize: vertical;
}

.heroform input:focus,
.heroform select:focus,
.heroform textarea:focus {
	outline: none;
	border-color: #c99019;
	box-shadow: 0 0 0 2px rgba(201, 144, 25, 0.12);
}

.heroform .gform_button,
.heroform input[type="submit"] {
	width: 100%;
	min-height: 48px;
	border: 0;
	border-radius: 5px;
	background: #d99b00;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

.heroform .gform_button:hover,
.heroform input[type="submit"]:hover {
	background: #bc8400;
}


/* =====================================================
   HERO STATE IMAGES
===================================================== */

.heroimages {
	margin-top: 24px;
}

.heroimages .row {
	align-items: stretch;
}

.state-feature-card,
.state-map-card {
	height: 100%;
}

/* Left branded graphic */

.state-feature-card {
	overflow: hidden;
	border-radius: 8px;
	background: #064f2f;
}

.state-feature-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Right map card */

.state-map-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #ddd5bd;
	border-radius: 8px;
	background: #f7f1df;
}

.state-map-image {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 0;
	background: #f7f1df;
}

.state-map-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* Map label */

.state-map-title {
	padding: 6px 10px;
	background: #00572e;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}


/* =====================================================
   SIX CTA BAR
===================================================== */

.sixcta {
	margin-top: 20px;
}

.sixcta > div {
	padding: 0;
}

.sixcta ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin: 0;
	padding: 10px 8px;
	list-style: none;
	border-radius: 7px;
	background: #00572e;
}

.sixcta li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 4px 12px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.sixcta li + li {
	border-left: 1px solid rgba(214, 166, 48, 0.75);
}

.ctaicon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #d6a630;
	font-size: 22px;
}

.ctaitem {
	line-height: 1.25;
}


/* =====================================================
   TRUST / TESTIMONIALS AREA
===================================================== */

.herotrust {
	margin-top: 10px;
}

.trustbadges,
.testimonials {
	padding-top: 10px;
}

.trustbadges > ul,
.testimonials > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.trustbadges,
.testimonials {
	padding-bottom: 16px;
}

.trustbadges {
	padding-right: 14px;
}

.testimonials {
	padding-left: 14px;
}


/* =====================================================
   TRUST BADGES SLIDER
===================================================== */

.trustbadges {
	padding-right: 14px;
	min-width: 0;
}

.trustbadges > ul {
	display: block;
	width: 100%;
	min-height: 130px;
	margin: 0;
	padding: 20px 45px 35px;
	list-style: none;
	border: 1px solid #e6dfcf;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 5px 16px rgba(45, 42, 20, 0.06);
}

/* Slick viewport */
.trustbadges .slick-list {
	width: 100%;
	overflow: hidden;
}

/* Keep slides vertically aligned */
.trustbadges .slick-track {
	display: flex;
	align-items: center;
}

/* Each LI becomes the Slick slide */
.trustbadges li.slick-slide {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 110px;
	padding: 10px 18px;
}

/* Badge image */
.trustbadges li.slick-slide img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100px;
	margin: 0 auto;
	object-fit: contain;
}

/* Slick arrows */
.trustbadges .slick-prev,
.trustbadges .slick-next {
	z-index: 10;
	width: 34px;
	height: 34px;
}

.trustbadges .slick-prev {
	left: 5px;
}

.trustbadges .slick-next {
	right: 5px;
}

/* Slick dots */
.trustbadges .slick-dots {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}


/* =====================================================
   TESTIMONIALS
===================================================== */

.testimonials > ul {
	min-height: 130px;
	padding: 20px;
	border: 1px solid #e6dfcf;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 5px 16px rgba(45, 42, 20, 0.06);
}

.testimonial-item {
	display: flex;
	align-items: center;
	gap: 18px;
}

.testimg {
	flex: 0 0 92px;
	width: 92px;
	height: 92px;
	overflow: hidden;
	border-radius: 50%;
}

.testimg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testinfo {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
}

.stars {
	display: flex;
	align-items: center;
	gap: 3px;
	margin-bottom: 6px;
	color: #e9a400;
	font-size: 20px;
	line-height: 1;
}

.test {
	margin-bottom: 7px;
	color: #333;
	font-size: 14px;
	font-style: italic;
	line-height: 1.5;
}

.test p {
	margin: 0;
}

.testname {
	color: #1d2d24;
	font-size: 14px;
	font-weight: 700;
}

.testlocation {
	margin-top: 2px;
	color: #666;
	font-size: 12px;
}


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

@media (max-width: 1199px) {

	.statetitle {
		font-size: 48px;
	}

	.state-subtitle-text {
		font-size: 17px;
	}

	.sixcta ul {
		grid-template-columns: repeat(3, 1fr);
	}

	.sixcta li:nth-child(4) {
		border-left: 0;
	}

	.sixcta li:nth-child(n+4) {
		border-top: 1px solid rgba(214, 166, 48, 0.5);
	}

}


/* =====================================================
   MOBILE / TABLET STACK
===================================================== */

@media (max-width: 991px) {

	#statehero {
		padding-top: 22px;
	}

	.toplefthero {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}

	.toprighthero {
		margin-top: 30px;
	}

	.statetitle {
		font-size: 44px;
	}

	.state-subtitle-text {
		font-size: 16px;
		line-height: 1.65;
	}

	.state-subtitle.has-read-more .state-subtitle-text {
		-webkit-line-clamp: 4;
	}

	.heroformarea {
		padding: 24px;
	}

	.trustbadges {
		padding-right: calc(var(--bs-gutter-x) * .5);
	}

	.testimonials {
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-top: 20px;
	}

}


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

@media (max-width: 767px) {

	.statetitle {
		font-size: 38px;
	}

	.heroform-title {
		font-size: 32px;
	}

	.herocall a {
		font-size: 16px;
	}

	.sixcta ul {
		grid-template-columns: repeat(2, 1fr);
		padding: 8px;
	}

	.sixcta li {
		min-height: 54px;
	}

	.sixcta li + li {
		border-left: 0;
	}

	.sixcta li:nth-child(even) {
		border-left: 1px solid rgba(214, 166, 48, 0.75);
	}

	.sixcta li:nth-child(n+3) {
		border-top: 1px solid rgba(214, 166, 48, 0.5);
	}

	.testimonial-item {
		align-items: flex-start;
	}

	.testimg {
		flex-basis: 78px;
		width: 78px;
		height: 78px;
	}

}


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

@media (max-width: 575px) {

	#statehero {
		padding: 18px 0 30px;
	}

	.statetitle {
		font-size: 34px;
	}

	.state-feature-card,
	.state-map-card {
		height: auto;
	}

	.state-feature-card img,
	.state-map-image img {
		height: auto;
		object-fit: contain;
	}

	.heroimages .col-sm-7 + .col-sm-5 {
		margin-top: 12px;
	}

	.heroformarea {
		padding: 22px 18px;
	}

	.sixcta ul {
		grid-template-columns: 1fr;
	}

	.sixcta li,
	.sixcta li:nth-child(even) {
		border-left: 0;
	}

	.sixcta li + li {
		border-top: 1px solid rgba(214, 166, 48, 0.5);
	}

	.trustbadges > ul {
		flex-wrap: wrap;
	}

	.testimonial-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.testinfo {
		align-items: center;
	}

}
.state-section {
	padding: 70px 0;
}

.state-section.bg-cream {
	background: var(--state-cream);
}

.state-section.bg-green {
	background: var(--state-green);
	color: #fff;
}

.state-section h2 {
	color: var(--state-green);
}

.state-section.bg-green h2 {
	color: #fff;
}

.state-gold {
	color: var(--state-gold);
}
/* =====================================================
   BACKGROUND IMAGE CTA
===================================================== */
.state-bgimg-cta-text h3 {
	margin: 28px 0 12px;
	padding-top: 22px;

	border-top: 1px solid rgba(255, 255, 255, .25);

	color: #d99b00;

	font-size: clamp(25px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.15;
}

.state-bgimg-cta-text h3 + p {
	margin-top: 0;
}

.state-bgimg-cta {
	padding: 70px 0;
}

.state-bgimg-cta-card {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}


/* =====================================================
   PERSON
===================================================== */

.state-bgimg-cta-person {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
	min-height: 460px;
}

.state-bgimg-cta-person img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 520px;
	object-fit: contain;
	object-position: bottom center;
}


/* =====================================================
   CONTENT
===================================================== */

.state-bgimg-cta-content {
	padding: 70px 60px;
	color: #fff;
}

.state-bgimg-cta-eyebrow {
	margin-bottom: 12px;
	color: #d99b00;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.state-bgimg-cta-title {
	margin: 0 0 20px;
	color: #fff;
	font-size: clamp(36px, 4vw, 54px);
	font-weight: 700;
	line-height: 1.08;
}

.state-bgimg-cta-text {
	max-width: 680px;
	font-size: 18px;
	line-height: 1.7;
}

.state-bgimg-cta-text p {
	margin: 0 0 16px;
}

.state-bgimg-cta-text p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   BUTTON
===================================================== */

.state-bgimg-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 28px;
	padding: 14px 28px;
	border: 2px solid #d99b00;
	border-radius: 5px;
	background: #d99b00;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease;
}

.state-bgimg-cta-button:hover,
.state-bgimg-cta-button:focus {
	border-color: #fff;
	background: #fff;
	color: #00572e;
}


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

@media (max-width: 991px) {

	.state-bgimg-cta {
		padding: 55px 0;
	}

	.state-bgimg-cta-person {
		min-height: 360px;
		padding-top: 35px;
	}

	.state-bgimg-cta-person img {
		max-height: 400px;
	}

	.state-bgimg-cta-content {
		padding: 45px 35px 55px;
		text-align: center;
	}

	.state-bgimg-cta-text {
		margin: 0 auto;
	}

}


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

@media (max-width: 575px) {

	.state-bgimg-cta {
		padding: 40px 0;
	}

	.state-bgimg-cta-card {
		border-radius: 10px;
	}

	.state-bgimg-cta-person {
		min-height: 280px;
		padding: 25px 20px 0;
	}

	.state-bgimg-cta-person img {
		max-height: 320px;
	}

	.state-bgimg-cta-content {
		padding: 35px 22px 40px;
	}

	.state-bgimg-cta-title {
		font-size: 34px;
	}

	.state-bgimg-cta-text {
		font-size: 16px;
	}

	.state-bgimg-cta-button {
		width: 100%;
	}

}
/* =====================================================
   BASIC CONTENT
===================================================== */

.state-basic-content {
	padding: 70px 0;
}

.state-basic-content-inner {
	width: 100%;
}

.basic-content-note {
	display: flex;
	align-items: flex-start;
	gap: 14px;

	margin-top: 28px;
	padding: 20px 22px;

	border-left: 4px solid #d99b00;
	border-radius: 6px;

	background: #fffdf7;
}

.basic-content-note-icon {
	flex: 0 0 auto;
	color: #d99b00;
	font-size: 20px;
	line-height: 1.4;
}

.basic-content-note-copy {
	color: #444;
	font-size: 14px;
	line-height: 1.65;
}

.basic-content-note-copy p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   TITLE
===================================================== */

.state-basic-content-title {
	margin: 0 0 24px;
	color: var(--basic-title-color, #00572e);
	font-size: clamp(34px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}


/* =====================================================
   CONTENT
===================================================== */

.state-basic-content-copy {
	color: var(--basic-text-color, #333);
	font-size: 18px;
	line-height: 1.75;
}

.state-basic-content-copy p {
	margin: 0 0 20px;
}

.state-basic-content-copy p:last-child {
	margin-bottom: 0;
}

.state-basic-content-copy h3 {
	margin: 32px 0 14px;
	color: var(--basic-title-color, #00572e);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
}

.state-basic-content-copy h4 {
	margin: 28px 0 12px;
	color: var(--basic-title-color, #00572e);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}


/* =====================================================
   LINKS
===================================================== */

.state-basic-content-copy a {
	color: #00572e;
	font-weight: 700;
	text-decoration-color: #d99b00;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.state-basic-content-copy a:hover,
.state-basic-content-copy a:focus {
	color: #d99b00;
}


/* =====================================================
   LISTS
===================================================== */

.state-basic-content-copy ul,
.state-basic-content-copy ol {
	margin: 20px 0;
	padding-left: 24px;
}

.state-basic-content-copy li {
	margin-bottom: 8px;
}

.state-basic-content-copy li:last-child {
	margin-bottom: 0;
}


/* =====================================================
   CENTER ALIGNMENT
===================================================== */

.state-basic-content-inner.text-center .state-basic-content-copy {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


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

@media (max-width: 767px) {

	.state-basic-content {
		padding: 50px 0;
	}

	.state-basic-content-title {
		margin-bottom: 20px;
		font-size: 34px;
	}

	.state-basic-content-copy {
		font-size: 16px;
		line-height: 1.7;
	}

	.state-basic-content-copy h3 {
		font-size: 25px;
	}

	.state-basic-content-copy h4 {
		font-size: 20px;
	}

}
/* =====================================================
   FLEX CARDS
===================================================== */

.state-flex-cards {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-flex-cards-heading {
	margin-bottom: 38px;
}

.state-flex-cards-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-flex-cards-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-flex-cards-intro {
	max-width: 800px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-flex-cards-intro p {
	margin: 0 0 14px;
}

.state-flex-cards-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   SLIDER
===================================================== */

.state-cards-slider {
	margin: 0 -10px;
}

.state-card-slide {
	padding: 0 10px;
	height: auto;
}

.state-card {
	height: 100%;
}


/* =====================================================
   CARD
===================================================== */

.state-card-link {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	height: 100%;
	padding: 32px 28px;

	border: 1px solid #e4dcc8;
	border-radius: 12px;

	background: #fff;
	color: #333;

	text-decoration: none;

	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
}

a.state-card-link:hover,
a.state-card-link:focus {
	transform: translateY(-4px);

	border-color: #d99b00;

	box-shadow: 0 10px 24px rgba(0, 0, 0, .09);

	color: #333;
}


/* =====================================================
   NUMBER
===================================================== */

.state-card-number {
	position: absolute;
	top: 18px;
	right: 22px;

	color: rgba(0, 87, 46, .12);

	font-size: 48px;
	font-weight: 800;
	line-height: 1;
}


/* =====================================================
   ICON
===================================================== */

.state-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	width: 66px;
	height: 66px;

	margin-bottom: 22px;

	border: 1px solid rgba(217, 155, 0, .3);
	border-radius: 50%;

	background: #fffdf7;
	color: #d99b00;

	font-size: 28px;
	line-height: 1;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}

.state-card-icon i {
	line-height: 1;
}

a.state-card-link:hover .state-card-icon,
a.state-card-link:focus .state-card-icon {
	border-color: #00572e;
	background: #00572e;
	color: #fff;
}


/* =====================================================
   TITLE
===================================================== */

.state-card-title {
	margin: 0 0 14px;

	color: #00572e;

	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}


/* =====================================================
   CONTENT
===================================================== */

.state-card-content {
	color: #444;

	font-size: 16px;
	line-height: 1.65;
}

.state-card-content p {
	margin: 0 0 14px;
}

.state-card-content p:last-child {
	margin-bottom: 0;
}

.state-card-content ul,
.state-card-content ol {
	padding-left: 20px;
	margin-bottom: 0;
}


/* =====================================================
   SLICK HEIGHT FIX
===================================================== */

.state-cards-slider .slick-track {
	display: flex;
	align-items: stretch;
}

.state-cards-slider .slick-slide {
	display: flex;
	height: auto;
}

.state-cards-slider .slick-slide > div {
	display: flex;
	width: 100%;
	height: 100%;
}


/* =====================================================
   ARROWS
===================================================== */

.state-cards-slider .slick-prev,
.state-cards-slider .slick-next {
	z-index: 10;

	width: 42px;
	height: 42px;

	border-radius: 50%;

	background: #00572e;
}

.state-cards-slider .slick-prev {
	left: -14px;
}

.state-cards-slider .slick-next {
	right: -14px;
}

.state-cards-slider .slick-prev:before,
.state-cards-slider .slick-next:before {
	color: #fff;
	font-size: 22px;
	opacity: 1;
}

.state-cards-slider .slick-prev:hover,
.state-cards-slider .slick-next:hover {
	background: #d99b00;
}


/* =====================================================
   DOTS
===================================================== */

.state-cards-slider .slick-dots {
	position: relative;
	bottom: auto;

	margin-top: 24px;
}

.state-cards-slider .slick-dots li button:before {
	color: #00572e;
	opacity: .35;
}

.state-cards-slider .slick-dots li.slick-active button:before {
	color: #d99b00;
	opacity: 1;
}


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

@media (max-width: 767px) {

	.state-flex-cards {
		padding: 50px 0;
	}

	.state-flex-cards-heading {
		margin-bottom: 30px;
	}

	.state-flex-cards-title {
		font-size: 34px;
	}

	.state-flex-cards-intro {
		font-size: 16px;
	}

	.state-card-link {
		padding: 26px 22px;
	}

	.state-card-number {
		top: 16px;
		right: 18px;
		font-size: 42px;
	}

	.state-card-title {
		font-size: 22px;
	}

	.state-card-content {
		font-size: 15px;
	}

	.state-cards-slider .slick-prev {
		left: 0;
	}

	.state-cards-slider .slick-next {
		right: 0;
	}

}
/* =====================================================
   CASE RESULTS
===================================================== */

.state-cases {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-cases-heading {
	margin-bottom: 40px;
}

.state-cases-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-cases-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-cases-intro p {
	margin: 0 0 14px;
}

.state-cases-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   CARD
===================================================== */

.state-case-result {
	position: relative;
	height: 100%;
	padding: 28px 26px;
	border: 1px solid #e5dcc5;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.state-case-result:hover {
	transform: translateY(-3px);
	border-color: #d99b00;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}


/* =====================================================
   TOP ROW
===================================================== */

.state-case-result-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}


/* =====================================================
   AMOUNT
===================================================== */

.state-case-amount {
	color: #00572e;
	font-size: clamp(30px, 3vw, 42px);
	font-weight: 700;
	line-height: 1;
}


/* =====================================================
   CASE TYPE
===================================================== */

.state-case-type {
	margin-top: 12px;
	color: #444;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}


/* =====================================================
   INFO BUTTON
===================================================== */

.state-case-info {
	position: relative;
	flex: 0 0 auto;
}

.state-case-info-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #d99b00;
	border-radius: 50%;
	background: #fffdf7;
	color: #d99b00;
	font-size: 13px;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease;
}

.state-case-info-button:hover,
.state-case-info-button:focus {
	background: #00572e;
	border-color: #00572e;
	color: #fff;
}


/* =====================================================
   TOOLTIP
===================================================== */

.state-case-tooltip {
	position: absolute;
	z-index: 20;
	top: calc(100% + 10px);
	right: 0;
	width: 280px;
	padding: 16px 18px;
	border-radius: 8px;
	background: #00572e;
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);

	opacity: 0;
	visibility: hidden;
	transform: translateY(-5px);

	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		visibility 0.2s ease;
}

.state-case-tooltip:before {
	content: '';
	position: absolute;
	top: -7px;
	right: 9px;
	width: 14px;
	height: 14px;
	background: #00572e;
	transform: rotate(45deg);
}

.state-case-tooltip p {
	margin: 0 0 10px;
}

.state-case-tooltip p:last-child {
	margin-bottom: 0;
}


/* Desktop hover */
.state-case-info:hover .state-case-tooltip,
.state-case-info:focus-within .state-case-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


/* JS open state */
.state-case-info.is-open .state-case-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}


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

@media (max-width: 767px) {

	.state-cases {
		padding: 50px 0;
	}

	.state-cases-heading {
		margin-bottom: 30px;
	}

	.state-cases-title {
		font-size: 34px;
	}

	.state-cases-intro {
		font-size: 16px;
	}

	.state-case-result {
		padding: 24px 22px;
	}

	.state-case-amount {
		font-size: 34px;
	}

	.state-case-tooltip {
		right: -8px;
		width: min(280px, calc(100vw - 50px));
	}

}
/* =====================================================
   CLICKABLE TITLES
===================================================== */

.state-clickable-titles {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-clickable-heading {
	margin-bottom: 40px;
}

.state-clickable-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-clickable-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-clickable-intro p {
	margin: 0 0 14px;
}

.state-clickable-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   IMAGE AREA
===================================================== */

.state-clickable-image-wrap {
	position: sticky;
	top: 30px;

	width: 100%;
	height: auto;
	min-height: 0;

	overflow: hidden;

	border-radius: 14px;
	background: #f2efe5;

	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

.state-clickable-image {
	position: relative;
	inset: auto;

	display: none;

	width: 100%;
	height: auto;

	aspect-ratio: 3 / 2;

	object-fit: cover;
	object-position: center;

	opacity: 1;
	visibility: visible;
}

.state-clickable-image.active {
	display: block;
	opacity: 1;
	visibility: visible;
}


/* =====================================================
   CLICKABLE LIST
===================================================== */

.state-clickable-list {
	border-top: 1px solid #e2dac6;
}


/* =====================================================
   ITEM
===================================================== */

.state-clickable-item {
	border-bottom: 1px solid #e2dac6;
}


/* =====================================================
   BUTTON
===================================================== */

.state-clickable-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	width: 100%;
	padding: 22px 20px;

	border: 0;
	background: transparent;

	color: #00572e;

	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;

	text-align: left;
	cursor: pointer;

	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.state-clickable-button:hover,
.state-clickable-button:focus {
	background: rgba(217, 155, 0, 0.08);
	color: #00572e;
}

.state-clickable-item.active .state-clickable-button {
	background: #00572e;
	color: #fff;
}


/* =====================================================
   PLUS / MINUS ICON
===================================================== */

.state-clickable-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 34px;

	width: 34px;
	height: 34px;

	border: 1px solid #d99b00;
	border-radius: 50%;

	color: #d99b00;

	font-size: 14px;
}

.state-clickable-item.active .state-clickable-icon {
	background: #d99b00;
	color: #fff;
}

.state-clickable-item.active .state-clickable-icon i:before {
	content: "\f068";
}


/* =====================================================
   CONTENT
===================================================== */

.state-clickable-content {
	display: grid;
	grid-template-rows: 0fr;

	overflow: hidden;

	transition: grid-template-rows 0.3s ease;
}

.state-clickable-item.active .state-clickable-content {
	grid-template-rows: 1fr;
}

.state-clickable-content-inner {
	min-height: 0;
	padding: 0 20px;

	color: #444;
	font-size: 16px;
	line-height: 1.7;
}

.state-clickable-item.active .state-clickable-content-inner {
	padding: 20px;
}

.state-clickable-content-inner p {
	margin: 0 0 14px;
}

.state-clickable-content-inner p:last-child {
	margin-bottom: 0;
}

.state-clickable-content-inner ul,
.state-clickable-content-inner ol {
	margin: 14px 0;
	padding-left: 22px;
}

.state-clickable-content-inner li {
	margin-bottom: 8px;
}

.state-clickable-content-inner li:last-child {
	margin-bottom: 0;
}


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

@media (max-width: 991px) {

	.state-clickable-image-wrap {
		position: relative;
		top: auto;

		height: auto;
		min-height: 0;

		margin-bottom: 30px;
	}

	.state-clickable-image {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
	}

}


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

@media (max-width: 767px) {

	.state-clickable-titles {
		padding: 50px 0;
	}

	.state-clickable-heading {
		margin-bottom: 30px;
	}

	.state-clickable-title {
		font-size: 34px;
	}

	.state-clickable-intro {
		font-size: 16px;
	}

	.state-clickable-image-wrap {
		position: relative;
		top: auto;

		height: auto;
		min-height: 0;

		margin-bottom: 26px;

		border-radius: 10px;
	}

	.state-clickable-image {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
	}

	.state-clickable-button {
		padding: 18px 16px;
		font-size: 19px;
	}

	.state-clickable-content-inner {
		padding-right: 16px;
		padding-left: 16px;
	}

	.state-clickable-item.active .state-clickable-content-inner {
		padding: 18px 16px;
	}

}
/* =====================================================
   TWO BUTTON CTA
===================================================== */

.state-cta-two-button {
	padding: 70px 0;
}

.state-cta-two-button-card {
	padding: 55px 45px;
	border: 1px solid #e4dcc8;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}


/* =====================================================
   TITLE
===================================================== */

.state-cta-two-button-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}


/* =====================================================
   TEXT
===================================================== */

.state-cta-two-button-text {
	max-width: 800px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-cta-two-button-text p {
	margin: 0 0 14px;
}

.state-cta-two-button-text p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   BUTTONS
===================================================== */

.state-cta-two-button-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
}

.state-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	padding: 14px 26px;
	border: 2px solid transparent;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease,
		transform .2s ease;
}

.state-cta-button:hover,
.state-cta-button:focus {
	transform: translateY(-2px);
}


/* Primary */

.state-cta-button-primary {
	border-color: #d99b00;
	background: #d99b00;
	color: #fff;
}

.state-cta-button-primary:hover,
.state-cta-button-primary:focus {
	border-color: #00572e;
	background: #00572e;
	color: #fff;
}


/* Secondary */

.state-cta-button-secondary {
	border-color: #00572e;
	background: transparent;
	color: #00572e;
}

.state-cta-button-secondary:hover,
.state-cta-button-secondary:focus {
	background: #00572e;
	color: #fff;
}


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

@media (max-width: 767px) {

	.state-cta-two-button {
		padding: 50px 0;
	}

	.state-cta-two-button-card {
		padding: 40px 24px;
	}

	.state-cta-two-button-title {
		font-size: 34px;
	}

	.state-cta-two-button-text {
		font-size: 16px;
	}

	.state-cta-two-button-actions {
		flex-direction: column;
	}

	.state-cta-button {
		width: 100%;
	}

}
/* =====================================================
   FAQS
===================================================== */

.state-faqs {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-faqs-heading {
	margin-bottom: 40px;
}

.state-faqs-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-faqs-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-faqs-intro p {
	margin: 0 0 14px;
}

.state-faqs-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   FAQ LIST
===================================================== */

.state-faq-list {
	border-top: 1px solid #e4dcc8;
}

.state-faq-item {
	border-bottom: 1px solid #e4dcc8;
	background: transparent;
}


/* =====================================================
   QUESTION
===================================================== */

.state-faq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	padding: 22px 18px;
	border: 0;
	background: transparent;
	color: #00572e;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
	transition:
		background-color .2s ease,
		color .2s ease;
}

.state-faq-question:hover,
.state-faq-question:focus {
	background: rgba(217, 155, 0, .07);
}

.state-faq-item.active .state-faq-question {
	background: #00572e;
	color: #fff;
}


/* =====================================================
   TOGGLE ICON
===================================================== */

.state-faq-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border: 1px solid #d99b00;
	border-radius: 50%;
	color: #d99b00;
	font-size: 14px;
}

.state-faq-item.active .state-faq-toggle {
	background: #d99b00;
	color: #fff;
}

.state-faq-item.active .state-faq-toggle i:before {
	content: "\f068";
}


/* =====================================================
   ANSWER
===================================================== */

.state-faq-answer {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows .3s ease;
}

.state-faq-item.active .state-faq-answer {
	grid-template-rows: 1fr;
}

.state-faq-answer-inner {
	min-height: 0;
	padding: 0 18px;
	color: #444;
	font-size: 16px;
	line-height: 1.7;
}

.state-faq-item.active .state-faq-answer-inner {
	padding: 20px 18px 24px;
}

.state-faq-answer-inner p {
	margin: 0 0 14px;
}

.state-faq-answer-inner p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   FAQ TABS
===================================================== */

.state-faq-tabs-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 36px;
}

.state-faq-tabs {
	display: flex;
	flex: 1;
	gap: 10px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.state-faq-tabs::-webkit-scrollbar {
	display: none;
}

.state-faq-tab {
	flex: 0 0 auto;
	padding: 12px 20px;
	border: 1px solid #00572e;
	border-radius: 999px;
	background: transparent;
	color: #00572e;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition:
		background-color .2s ease,
		color .2s ease,
		border-color .2s ease;
}

.state-faq-tab:hover,
.state-faq-tab:focus {
	border-color: #d99b00;
	color: #d99b00;
}

.state-faq-tab.active {
	border-color: #00572e;
	background: #00572e;
	color: #fff;
}


/* =====================================================
   TAB ARROWS
===================================================== */

.state-faq-tabs-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: #00572e;
	color: #fff;
	cursor: pointer;
}

.state-faq-tabs-arrow:hover,
.state-faq-tabs-arrow:focus {
	background: #d99b00;
}


/* =====================================================
   TAB PANELS
===================================================== */

.state-faq-tab-panel {
	display: none;
}

.state-faq-tab-panel.active {
	display: block;
}


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

@media (max-width: 767px) {

	.state-faqs {
		padding: 50px 0;
	}

	.state-faqs-heading {
		margin-bottom: 30px;
	}

	.state-faqs-title {
		font-size: 34px;
	}

	.state-faqs-intro {
		font-size: 16px;
	}

	.state-faq-question {
		padding: 18px 14px;
		font-size: 18px;
	}

	.state-faq-answer-inner {
		padding-right: 14px;
		padding-left: 14px;
	}

	.state-faq-item.active .state-faq-answer-inner {
		padding: 18px 14px 22px;
	}

	.state-faq-tabs-wrap {
		gap: 8px;
	}

	.state-faq-tabs-arrow {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}

	.state-faq-tab {
		padding: 10px 16px;
		font-size: 14px;
	}

}
/* =====================================================
   LEFT TABS
===================================================== */

.state-left-tabs {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-left-tabs-heading {
	margin-bottom: 40px;
}

.state-left-tabs-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-left-tabs-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-left-tabs-intro p {
	margin: 0 0 14px;
}

.state-left-tabs-intro p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   NAV
===================================================== */

.state-left-tabs-nav {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #e4dcc8;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}
.state-left-tab-button {
	width: 100%;
	padding: 18px 20px;
	border: 0;
	border-bottom: 1px solid #e4dcc8;
	background: #fff;
	color: #00572e;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
	transition:
		background-color .2s ease,
		color .2s ease;
}
.state-left-tab-button:last-child {
	border-bottom: 0;
}
.state-left-tab-button:hover,
.state-left-tab-button:focus {
	background: rgba(217, 155, 0, .08);
}
.state-left-tab-button.active {
	background: #00572e;
	color: #fff;
}
/* =====================================================
   CONTENT
===================================================== */
.state-left-tabs-content {
	height: 100%;
	padding: 34px;
	border: 1px solid #e4dcc8;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}
.state-left-tab-panel {
	display: none;
}
.state-left-tab-panel.active {
	display: block;
}
/* =====================================================
   TAB HIGHLIGHT
===================================================== */
.state-left-tab-highlight {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
	padding: 8px 14px;
	border-radius: 999px;
	background: #fffdf7;
	color: #00572e;
	font-size: 14px;
	line-height: 1.2;
}
.state-left-tab-highlight-label {
	font-weight: 700;
}
.state-left-tab-highlight-value {
	color: #d99b00;
	font-weight: 700;
}
/* =====================================================
   COPY
===================================================== */
.state-left-tab-copy {
	color: #444;
	font-size: 17px;
	line-height: 1.75;
}
.state-left-tab-copy p {
	margin: 0 0 16px;
}
.state-left-tab-copy p:last-child {
	margin-bottom: 0;
}
.state-left-tab-copy h3,
.state-left-tab-copy h4 {
	color: #00572e;
	font-weight: 700;
}
.state-left-tab-copy ul,
.state-left-tab-copy ol {
	padding-left: 22px;
}
.state-left-tab-copy li {
	margin-bottom: 8px;
}
/* =====================================================
   MOBILE / TABLET
===================================================== */
@media (max-width: 991px) {
	.state-left-tabs-nav {
		flex-direction: row;
		overflow-x: auto;
		border-radius: 10px;
		scrollbar-width: none;
	}
	.state-left-tabs-nav::-webkit-scrollbar {
		display: none;
	}
	.state-left-tab-button {
		flex: 0 0 auto;
		width: auto;
		min-width: 180px;
		border-right: 1px solid #e4dcc8;
		border-bottom: 0;
		text-align: center;
	}
	.state-left-tab-button:last-child {
		border-right: 0;
	}
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-left-tabs {
		padding: 50px 0;
	}
	.state-left-tabs-heading {
		margin-bottom: 30px;
	}
	.state-left-tabs-title {
		font-size: 34px;
	}
	.state-left-tabs-intro {
		font-size: 16px;
	}
	.state-left-tabs-content {
		padding: 24px 20px;
	}
	.state-left-tab-copy {
		font-size: 16px;
	}
	.state-left-tab-button {
		min-width: 160px;
		padding: 15px 16px;
		font-size: 15px;
	}
}
/* =====================================================
   LARGE EDITORIAL ACCORDION
===================================================== */
.state-lg-accordion {
	padding: 70px 0;
}
/* =====================================================
   SECTION HEADING
===================================================== */
.state-lg-accordion-section-heading {
	margin-bottom: 38px;
}
.state-lg-accordion-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.state-lg-accordion-section-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}
.state-lg-accordion-section-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}
.state-lg-accordion-section-intro p {
	margin: 0 0 14px;
}
.state-lg-accordion-section-intro p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   ACCORDION LIST
===================================================== */
.state-lg-accordion-list {
	overflow: hidden;
	border: 1px solid #e4dcc8;
	border-radius: 12px;
	background: #fff;
}
/* =====================================================
   ITEM
===================================================== */
.state-lg-accordion-item {
	position: relative;
	width: 100%;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #e4dcc8;
	background: #fff;
	box-sizing: border-box;
}
.state-lg-accordion-item:last-child {
	border-bottom: 0;
}
/* =====================================================
   REMOVE ALL NATIVE / THEME SUMMARY CONTROLS
===================================================== */
.state-lg-accordion-item > summary {
	position: relative;

	list-style: none !important;
	-webkit-appearance: none;
	appearance: none;

	box-sizing: border-box;
}
.state-lg-accordion-item > summary::-webkit-details-marker {
	display: none !important;
}
.state-lg-accordion-item > summary::marker {
	content: "" !important;
	font-size: 0 !important;
}
/*
 * IMPORTANT:
 * The theme is adding another + / - with a pseudo-element.
 * Kill both pseudo-elements for this component.
 */
.state-lg-accordion-item > summary::before,
.state-lg-accordion-item > summary::after {
	display: none !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
/* =====================================================
   HEADER
===================================================== */
.state-lg-accordion-header {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 78px;
	margin: 0;
	padding: 13px 20px;
	border: 0;
	background: #fff;
	box-sizing: border-box;
	text-align: left;
	cursor: pointer;
	transition: background-color .2s ease;
}
.state-lg-accordion-header:hover {
	background: #fffaf0;
}
.state-lg-accordion-header:focus {
	outline: none;
}
.state-lg-accordion-header:focus-visible {
	outline: 2px solid #d99b00;
	outline-offset: -2px;
}
/* =====================================================
   HEADER MAIN
===================================================== */
.state-lg-accordion-header-main {
	display: flex;
	align-items: center;
	gap: 18px;
	flex: 1 1 auto;
	min-width: 0;
}
/* =====================================================
   ICON
===================================================== */
.state-lg-accordion-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	margin: 0;
	border: 1px solid rgba(217, 155, 0, .45);
	border-radius: 50%;
	background: #fffdf7;
	color: #d99b00;
	font-size: 19px;
	line-height: 1;
	box-sizing: border-box;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}
.state-lg-accordion-icon i {
	display: block;
	margin: 0;
	line-height: 1;
}
/* =====================================================
   TITLE
===================================================== */
.state-lg-accordion-title {
	display: block;
	min-width: 0;
	margin: 0;
	color: #00572e;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	transition: color .2s ease;
}
/* =====================================================
   CUSTOM PLUS / MINUS
===================================================== */
.state-lg-accordion-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	margin: 0 0 0 20px;
	border: 1px solid #00572e;
	border-radius: 50%;
	background: transparent;
	color: #00572e;
	font-size: 13px;
	line-height: 1;
	box-sizing: border-box;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}
.state-lg-accordion-toggle i {
	display: block;
	margin: 0;
	line-height: 1;
}
/* =====================================================
   OPEN STATE
===================================================== */
.state-lg-accordion-item[open] > .state-lg-accordion-header {
	background: #00572e;
}
.state-lg-accordion-item[open] .state-lg-accordion-title {
	color: #fff;
}
.state-lg-accordion-item[open] .state-lg-accordion-icon {
	border-color: #d99b00;
	background: #d99b00;
	color: #fff;
}
.state-lg-accordion-item[open] .state-lg-accordion-toggle {
	border-color: #d99b00;
	background: #d99b00;
	color: #fff;
}
.state-lg-accordion-item[open] .state-lg-accordion-toggle i::before {
	content: "\f068";
}
/* =====================================================
   CONTENT
===================================================== */
.state-lg-accordion-content {
	width: 100%;
	border-top: 1px solid #eee7d8;
	background: #fff;
	box-sizing: border-box;
}
/* =====================================================
   CONTENT COPY
===================================================== */
.state-lg-accordion-copy {
	width: 100%;
	max-width: 950px;
	padding: 30px 32px 36px;
	color: #39433f;
	font-size: 16px;
	line-height: 1.75;
	box-sizing: border-box;
}
.state-lg-accordion-copy > *:first-child {
	margin-top: 0;
}
.state-lg-accordion-copy > *:last-child {
	margin-bottom: 0;
}
.state-lg-accordion-copy p {
	margin: 0 0 20px;
}
/* =====================================================
   HEADINGS INSIDE CONTENT
===================================================== */
.state-lg-accordion-copy h3,
.state-lg-accordion-copy h4 {
	margin: 28px 0 12px;
	color: #00572e;
	font-weight: 700;
	line-height: 1.25;
}
.state-lg-accordion-copy h3 {
	font-size: 23px;
}
.state-lg-accordion-copy h4 {
	font-size: 19px;
}
/* =====================================================
   LISTS
===================================================== */
.state-lg-accordion-copy ul,
.state-lg-accordion-copy ol {
	margin: 18px 0 24px;
	padding-left: 24px;
}
.state-lg-accordion-copy li {
	margin-bottom: 8px;
	padding-left: 3px;
}
.state-lg-accordion-copy li:last-child {
	margin-bottom: 0;
}
/* =====================================================
   LINKS
===================================================== */
.state-lg-accordion-copy a {
	color: #00572e;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: #d99b00;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.state-lg-accordion-copy a:hover,
.state-lg-accordion-copy a:focus {
	color: #d99b00;
}
/* =====================================================
   OPTIONAL NOTE
===================================================== */
.state-lg-accordion .basic-content-note {
	margin-top: 30px;
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-lg-accordion {
		padding: 50px 0;
	}
	.state-lg-accordion-section-heading {
		margin-bottom: 30px;
	}
	.state-lg-accordion-section-title {
		font-size: 34px;
	}
	.state-lg-accordion-section-intro {
		font-size: 16px;
	}
	.state-lg-accordion-header {
		min-height: 68px;
		padding: 11px 14px;
	}
	.state-lg-accordion-header-main {
		gap: 12px;
	}
	.state-lg-accordion-icon {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
		font-size: 16px;
	}
	.state-lg-accordion-title {
		font-size: 17px;
		line-height: 1.3;
	}
	.state-lg-accordion-toggle {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
		margin-left: 12px;
		font-size: 12px;
	}
	.state-lg-accordion-copy {
		padding: 24px 18px 28px;
		font-size: 15px;
		line-height: 1.7;
	}
}
/* =====================================================
   REVIEWS
===================================================== */
.state-reviews {
	padding: 70px 0;
}
/* =====================================================
   HEADING
===================================================== */
.state-reviews-heading {
	margin-bottom: 36px;
}
.state-reviews-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}
.state-reviews-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}
.state-reviews-intro p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   TABS
===================================================== */
.state-reviews-tabs {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-bottom: 32px;
}
.state-reviews-tab {
	padding: 12px 22px;
	border: 1px solid #00572e;
	border-radius: 999px;
	background: transparent;
	color: #00572e;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}
.state-reviews-tab.active {
	background: #00572e;
	color: #fff;
}
.state-reviews-tab:hover,
.state-reviews-tab:focus {
	border-color: #d99b00;
}
/* =====================================================
   PANELS
===================================================== */
.state-reviews-panel {
	display: none;
}
.state-reviews-panel.active {
	display: block;
}
/* =====================================================
   SLICK
===================================================== */
.state-google-reviews-slider,
.state-video-reviews-slider {
	margin: 0 -10px;
}
.state-review-slide {
	padding: 0 10px;
}
.state-google-reviews-slider .slick-track,
.state-video-reviews-slider .slick-track {
	display: flex;
	align-items: stretch;
}
.state-google-reviews-slider .slick-slide,
.state-video-reviews-slider .slick-slide {
	display: flex;
	height: auto;
}
.state-google-reviews-slider .slick-slide > div,
.state-video-reviews-slider .slick-slide > div {
	display: flex;
	width: 100%;
}
/* =====================================================
   GOOGLE CARD
===================================================== */
.state-google-review-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 26px;
	border: 1px solid #e4dcc8;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}
.state-google-review-person {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}
.state-google-review-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #00572e;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
.state-google-review-person-copy h3 {
	margin: 0 0 3px;
	color: #00572e;
	font-size: 17px;
	font-weight: 700;
}
.state-google-review-label {
	color: #777;
	font-size: 12px;
}
.state-google-review-stars {
	display: flex;
	gap: 3px;
	margin-bottom: 14px;
	color: #d99b00;
	font-size: 18px;
}
.state-google-review-text {
	color: #444;
	font-size: 15px;
	line-height: 1.65;
}
.state-google-review-text p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   VIDEO CARD
===================================================== */
.state-video-review-card {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #e4dcc8;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}
.state-video-review-image {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.state-video-review-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}
.state-video-review-image:hover img {
	transform: scale(1.03);
}
.state-video-review-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #d99b00;
	color: #fff;
	font-size: 20px;
	transform: translate(-50%, -50%);
}
.state-video-review-title {
	margin: 0;
	padding: 20px;
	color: #00572e;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}
/* =====================================================
   SLICK CONTROLS
===================================================== */
.state-reviews .slick-prev,
.state-reviews .slick-next {
	z-index: 10;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #00572e;
}
.state-reviews .slick-prev {
	left: -10px;
}
.state-reviews .slick-next {
	right: -10px;
}
.state-reviews .slick-prev:before,
.state-reviews .slick-next:before {
	color: #fff;
	opacity: 1;
}
.state-reviews .slick-prev:hover,
.state-reviews .slick-next:hover {
	background: #d99b00;
}
.state-reviews .slick-dots {
	position: relative;
	bottom: auto;
	margin-top: 22px;
}
.state-reviews .slick-dots li button:before {
	color: #00572e;
	opacity: .35;
}
.state-reviews .slick-dots li.slick-active button:before {
	color: #d99b00;
	opacity: 1;
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-reviews {
		padding: 50px 0;
	}
	.state-reviews-title {
		font-size: 34px;
	}
	.state-reviews-intro {
		font-size: 16px;
	}
	.state-reviews-tabs {
		flex-direction: column;
	}
	.state-reviews-tab {
		width: 100%;
	}
}
/* =====================================================
   SCROLLING TABS
===================================================== */
.state-scrolling-tabs {
	padding: 70px 0;
}
/* =====================================================
   SCROLLING TABS HEADING
===================================================== */
.state-scrolling-tabs-heading {
	margin-bottom: 36px;
}
.state-scrolling-tabs-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.state-scrolling-tabs-section-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}
.state-scrolling-tabs-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}
.state-scrolling-tabs-intro p {
	margin: 0 0 14px;
}
.state-scrolling-tabs-intro p:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.state-scrolling-tabs-heading {
		margin-bottom: 30px;
	}
	.state-scrolling-tabs-section-title {
		font-size: 34px;
	}
	.state-scrolling-tabs-intro {
		font-size: 16px;
	}
}
/* =====================================================
   TAB NAV
===================================================== */
.state-scrolling-tabs-nav-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 32px;
}
.state-scrolling-tabs-nav {
	display: flex;
	flex: 1;
	gap: 10px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
}
.state-scrolling-tabs-nav::-webkit-scrollbar {
	display: none;
}
/* =====================================================
   TAB BUTTON
===================================================== */
.state-scrolling-tab {
	flex: 0 0 auto;
	padding: 13px 22px;
	border: 1px solid #00572e;
	border-radius: 999px;
	background: transparent;
	color: #00572e;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}
.state-scrolling-tab:hover,
.state-scrolling-tab:focus {
	border-color: #d99b00;
	color: #d99b00;
}
.state-scrolling-tab.active {
	border-color: #00572e;
	background: #00572e;
	color: #fff;
}
/* =====================================================
   ARROWS
===================================================== */
.state-scroll-tabs-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #00572e;
	color: #fff;
	cursor: pointer;
	transition: background-color .2s ease;
}
.state-scroll-tabs-arrow:hover,
.state-scroll-tabs-arrow:focus {
	background: #d99b00;
}
/* =====================================================
   PANELS
===================================================== */
.state-scrolling-tab-panel {
	display: none;
}
.state-scrolling-tab-panel.active {
	display: block;
}
/* =====================================================
   CARD
===================================================== */
.state-scrolling-tab-card {
	padding: 38px;
	border: 1px solid #e4dcc8;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}
/* =====================================================
   TITLE
===================================================== */
.state-scrolling-tab-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(32px, 3.5vw, 46px);
	font-weight: 700;
	line-height: 1.1;
}
/* =====================================================
   COPY
===================================================== */
.state-scrolling-tab-copy {
	color: #444;
	font-size: 17px;
	line-height: 1.75;
}
.state-scrolling-tab-copy p {
	margin: 0 0 16px;
}
.state-scrolling-tab-copy p:last-child {
	margin-bottom: 0;
}
.state-scrolling-tab-copy h3,
.state-scrolling-tab-copy h4 {
	color: #00572e;
	font-weight: 700;
}
.state-scrolling-tab-copy ul,
.state-scrolling-tab-copy ol {
	padding-left: 22px;
}
.state-scrolling-tab-copy li {
	margin-bottom: 8px;
}
.state-scrolling-tab-copy a {
	color: #00572e;
	font-weight: 700;
	text-decoration-color: #d99b00;
	text-underline-offset: 3px;
}
.state-scrolling-tab-copy a:hover {
	color: #d99b00;
}
/* =====================================================
   IMAGE
===================================================== */
.state-scrolling-tab-image {
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
	background: #fffdf7;
}
.state-scrolling-tab-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}
/* =====================================================
   TABLET
===================================================== */
@media (max-width: 991px) {
	.state-scrolling-tab-card {
		padding: 30px;
	}
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-scrolling-tabs {
		padding: 50px 0;
	}
	.state-scrolling-tabs-nav-wrap {
		gap: 8px;
		margin-bottom: 26px;
	}
	.state-scroll-tabs-arrow {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}
	.state-scrolling-tab {
		padding: 11px 17px;
		font-size: 14px;
	}
	.state-scrolling-tab-card {
		padding: 24px 20px;
	}
	.state-scrolling-tab-title {
		font-size: 32px;
	}
	.state-scrolling-tab-copy {
		font-size: 16px;
	}
}
/* =====================================================
   STATE COVERAGE
===================================================== */
.state-coverage {
	padding: 70px 0;
	background: #fffdf7;
}
.state-coverage-heading {
	margin-bottom: 36px;
}
.state-coverage-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.state-coverage-title {
	margin: 0 0 14px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}
.state-coverage-intro {
	max-width: 700px;
	margin: 0 auto;
	color: #555;
	font-size: 16px;
	line-height: 1.65;
}
/* =====================================================
   REGION CARDS
===================================================== */
.state-coverage-card {
	height: 100%;
	padding: 22px;
	border: 1px solid #e4dcc8;
	border-radius: 10px;
	background: #fff;
}
.state-coverage-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 1px solid #eee5d4;
}
.state-coverage-card-header h3 {
	margin: 0;
	color: #00572e;
	font-size: 20px;
	font-weight: 700;
}
.state-coverage-card-header span {
	color: #d99b00;
	font-size: 11px;
	font-weight: 700;
}
/* =====================================================
   STATE LIST
===================================================== */
.state-coverage-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.state-coverage-list li {
	margin-bottom: 8px;
	color: #333;
	font-size: 14px;
	line-height: 1.4;
}
.state-coverage-list li:last-child {
	margin-bottom: 0;
}
.state-coverage-list a {
	color: #333;
	text-decoration: none;
}
.state-coverage-list a:hover,
.state-coverage-list a:focus {
	color: #d99b00;
}
/* =====================================================
   NOTE
===================================================== */
.state-coverage-note {
	margin-top: 28px;
	color: #444;
	font-size: 13px;
	line-height: 1.6;
}
.state-coverage-note p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-coverage {
		padding: 50px 0;
	}
	.state-coverage-title {
		font-size: 34px;
	}
}
/* =====================================================
   CITY COVERAGE
===================================================== */
.state-city-coverage {
	padding: 70px 0;
}
/* =====================================================
   HEADING
===================================================== */
.state-city-heading {
	margin-bottom: 34px;
    text-align: center;
}
.state-city-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.state-city-title {
	margin: 0 0 14px;
	color: #00572e;
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 700;
	line-height: 1.1;
}
.state-city-intro {
	color: #555;
	font-size: 15px;
	line-height: 1.65;
    text-align: center;
}
.state-city-intro p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   CARD
===================================================== */
.state-city-card {
	overflow: hidden;
	border: 1px solid #e4dcc8;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 5px 16px rgba(0, 0, 0, .04);
}
/* =====================================================
   REGION NAV
===================================================== */
.state-city-region-nav {
	height: 100%;
	padding: 14px;
	border-right: 1px solid #e4dcc8;
}
.state-city-region-button {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding: 14px 16px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: #23313b;
	text-align: left;
	cursor: pointer;
	transition:
		background-color .2s ease,
		color .2s ease;
}
.state-city-region-button:hover,
.state-city-region-button:focus {
	background: rgba(217, 155, 0, .08);
}
.state-city-region-button.active {
	background: #00572e;
	color: #fff;
}
.state-city-region-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}
.state-city-region-subtitle {
	margin-top: 2px;
	font-size: 11px;
	opacity: .75;
}
/* =====================================================
   CITY PANEL
===================================================== */
.state-city-panels {
	padding: 28px 30px;
}
.state-city-panel {
	display: none;
}
.state-city-panel.active {
	display: block;
}
.state-city-panel-title {
	margin: 0 0 18px;
	color: #d99b00;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
/* =====================================================
   CITIES
===================================================== */
.state-city-item {
	padding: 5px 0;
	color: #444;
	font-size: 14px;
	line-height: 1.4;
}
.state-city-item a {
	color: #444;
	text-decoration: none;
}
.state-city-item a:hover,
.state-city-item a:focus {
	color: #d99b00;
}
/* =====================================================
   TABLET / MOBILE
===================================================== */
@media (max-width: 991px) {
	.state-city-region-nav {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		border-right: 0;
		border-bottom: 1px solid #e4dcc8;
		scrollbar-width: none;
	}
	.state-city-region-nav::-webkit-scrollbar {
		display: none;
	}
	.state-city-region-button {
		flex: 0 0 auto;
		width: auto;
		min-width: 180px;
	}
}
@media (max-width: 767px) {
	.state-city-coverage {
		padding: 50px 0;
	}
	.state-city-title {
		font-size: 32px;
	}
	.state-city-panels {
		padding: 22px 18px;
	}
	.state-city-item {
		font-size: 13px;
	}
}
/* =====================================================
   SETTLEMENT EXAMPLE
===================================================== */
.state-settlement-example {
	padding: 70px 0;
}
/* =====================================================
   HEADING
===================================================== */
.state-settlement-heading {
	margin-bottom: 38px;
}
.state-settlement-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.state-settlement-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}
.state-settlement-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}
.state-settlement-intro p {
	margin: 0 0 14px;
}
.state-settlement-intro p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   IMAGE
===================================================== */
.state-settlement-media {
	height: 100%;
}
.state-settlement-image {
	overflow: hidden;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}
.state-settlement-image img {
	display: block;
	width: 100%;
	height: auto;
}
.state-settlement-image-caption {
	margin-top: 10px;
	color: #00572e;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
/* =====================================================
   SETTLEMENT CARD
===================================================== */
.state-settlement-card {
	height: 100%;
	padding: 30px;
	border: 1px solid #e4dcc8;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}
/* =====================================================
   FEATURED AMOUNT
===================================================== */
.state-settlement-featured {
	margin-bottom: 24px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e4dcc8;
	text-align: center;
}
.state-settlement-featured-amount {
	color: #00572e;
	font-size: clamp(44px, 5vw, 64px);
	font-weight: 800;
	line-height: 1;
}
.state-settlement-featured-label {
	margin-top: 8px;
	color: #666;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* =====================================================
   BREAKDOWN
===================================================== */
.state-settlement-breakdown {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.state-settlement-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 0;
	border-bottom: 1px solid #eee7d8;
}
.state-settlement-row:last-child {
	border-bottom: 0;
}
.state-settlement-row-item {
	color: #444;
	font-size: 15px;
	line-height: 1.4;
}
.state-settlement-row-amount {
	flex: 0 0 auto;
	color: #00572e;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}
/* =====================================================
   HIGHLIGHT ROW
===================================================== */
.state-settlement-row.is-highlighted {
	margin-top: 10px;
	padding: 16px 18px;
	border: 0;
	border-radius: 8px;
	background: #00572e;
}
.state-settlement-row.is-highlighted .state-settlement-row-item,
.state-settlement-row.is-highlighted .state-settlement-row-amount {
	color: #fff;
}
.state-settlement-row.is-highlighted .state-settlement-row-amount {
	font-size: 20px;
}
/* =====================================================
   CLOSING CONTENT
===================================================== */
.state-settlement-closing {
	margin-top: 34px;
	color: #444;
	font-size: 17px;
	line-height: 1.75;
	text-align: center;
}
.state-settlement-closing p {
	margin: 0 0 14px;
}
.state-settlement-closing p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-settlement-example {
		padding: 50px 0;
	}
	.state-settlement-heading {
		margin-bottom: 30px;
	}
	.state-settlement-title {
		font-size: 34px;
	}
	.state-settlement-intro,
	.state-settlement-closing {
		font-size: 16px;
	}
	.state-settlement-card {
		padding: 24px 20px;
	}
	.state-settlement-row {
		align-items: flex-start;
	}
	.state-settlement-row-item {
		font-size: 14px;
	}
	.state-settlement-row-amount {
		font-size: 15px;
	}
}
/* =====================================================
   STATE FEATURED SECTION
===================================================== */
.state-featured {
	padding: 70px 0;
}
/* =====================================================
   CONTENT
===================================================== */
.state-featured-content {
	max-width: 680px;
}
.state-featured-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.state-featured-title {
	margin: 0 0 18px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}
.state-featured-copy {
	color: #444;
	font-size: 18px;
	line-height: 1.75;
}
.state-featured-copy p {
	margin: 0 0 16px;
}
.state-featured-copy p:last-child {
	margin-bottom: 0;
}
/* =====================================================
   IMAGE
===================================================== */
.state-featured-media {
	width: 100%;
}
.state-featured-image {
	overflow: hidden;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .07);
}
.state-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}
.state-featured-image-caption {
	margin-top: 10px;
	color: #00572e;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
/* =====================================================
   LIST
===================================================== */
.state-featured-list-wrap {
	margin-top: 42px;
	padding-top: 34px;
	border-top: 1px solid #e4dcc8;
}
.state-featured-list-title {
	margin: 0 0 22px;
	color: #00572e;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
.state-featured-list-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	height: 100%;
	padding: 14px 16px;
	border: 1px solid #e4dcc8;
	border-radius: 8px;
	background: #fff;
}
.state-featured-list-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #00572e;
	color: #fff;
	font-size: 12px;
	line-height: 1;
}
.state-featured-list-text {
	padding-top: 3px;
	color: #444;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}
/* =====================================================
   NOTE
===================================================== */
.state-featured .basic-content-note {
	margin-top: 34px;
}
/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.state-featured {
		padding: 50px 0;
	}
	.state-featured-title {
		font-size: 34px;
	}
	.state-featured-copy {
		font-size: 16px;
	}
	.state-featured-list-wrap {
		margin-top: 32px;
		padding-top: 28px;
	}
	.state-featured-list-title {
		font-size: 23px;
	}
	.state-featured-list-item {
		padding: 12px 14px;
	}
}
/* =====================================================
   COST TABLE
===================================================== */

.state-cost-table {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-cost-table-heading {
	margin-bottom: 38px;
}

.state-cost-table-eyebrow {
	margin-bottom: 8px;

	color: #d99b00;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-cost-table-title {
	margin: 0 0 16px;

	color: #00572e;

	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-cost-table-intro {
	max-width: 850px;
	margin: 0 auto;

	color: #444;

	font-size: 18px;
	line-height: 1.7;
}

.state-cost-table-intro p {
	margin: 0 0 14px;
}

.state-cost-table-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   TABLE WRAP
===================================================== */

.state-cost-table-wrap {
	overflow: hidden;

	border: 1px solid #e4dcc8;
	border-radius: 12px;

	background: #fff;

	box-shadow: 0 6px 18px rgba(0, 0, 0, .04);
}


/* =====================================================
   TABLE HEADER
===================================================== */

.state-cost-table-header {
	display: grid;
	grid-template-columns: minmax(220px, .8fr) minmax(0, 2fr);

	background: #00572e;
	color: #fff;
}

.state-cost-table-header-term,
.state-cost-table-header-description {
	padding: 18px 22px;

	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.state-cost-table-header-description {
	border-left: 1px solid rgba(255, 255, 255, .18);
}


/* =====================================================
   TABLE ROWS
===================================================== */

.state-cost-table-row {
	display: grid;
	grid-template-columns: minmax(220px, .8fr) minmax(0, 2fr);

	border-bottom: 1px solid #e4dcc8;
}

.state-cost-table-row:last-child {
	border-bottom: 0;
}

.state-cost-table-row:nth-child(even) {
	background: #fffdf7;
}

.state-cost-table-row:nth-child(odd) {
	background: #fff;
}


/* =====================================================
   LEFT COLUMN
===================================================== */

.state-cost-table-term {
	display: flex;
	align-items: center;

	padding: 18px 22px;

	color: #00572e;

	font-size: 15px;
	line-height: 1.4;
}

.state-cost-table-term strong {
	font-weight: 700;
}


/* =====================================================
   RIGHT COLUMN
===================================================== */

.state-cost-table-description {
	padding: 18px 22px;

	border-left: 1px solid #e4dcc8;

	color: #444;

	font-size: 15px;
	line-height: 1.65;
}

.state-cost-table-description p {
	margin: 0 0 12px;
}

.state-cost-table-description p:last-child {
	margin-bottom: 0;
}

.state-cost-table-description ul,
.state-cost-table-description ol {
	margin: 10px 0;
	padding-left: 20px;
}


/* =====================================================
   NOTE
===================================================== */

.state-cost-table .basic-content-note {
	margin-top: 30px;
}


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

@media (max-width: 767px) {

	.state-cost-table {
		padding: 50px 0;
	}

	.state-cost-table-heading {
		margin-bottom: 30px;
	}

	.state-cost-table-title {
		font-size: 34px;
	}

	.state-cost-table-intro {
		font-size: 16px;
	}


	/* Hide desktop header */

	.state-cost-table-header {
		display: none;
	}


	/* Stack each row */

	.state-cost-table-row {
		display: block;

		padding: 18px;

		border-bottom: 1px solid #e4dcc8;
	}

	.state-cost-table-term,
	.state-cost-table-description {
		display: block;

		padding: 0;

		border: 0;
	}

	.state-cost-table-term {
		margin-bottom: 7px;

		color: #00572e;

		font-size: 16px;
	}

	.state-cost-table-description {
		font-size: 14px;
		line-height: 1.6;
	}

}
/* =====================================================
   COMPARISON TABLE
===================================================== */

.state-comparison-table {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-comparison-heading {
	margin-bottom: 38px;
}

.state-comparison-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-comparison-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-comparison-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-comparison-intro p {
	margin: 0 0 14px;
}

.state-comparison-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   TABLE WRAP
===================================================== */

.state-comparison-table-wrap {
	overflow: hidden;

	border: 1px solid #e4dcc8;
	border-radius: 12px;

	background: #fff;

	box-shadow: 0 6px 18px rgba(0, 0, 0, .04);
}


/* =====================================================
   DESKTOP HEADER
===================================================== */

.state-comparison-table-header {
	display: grid;
	grid-template-columns:
		minmax(180px, .85fr)
		minmax(0, 1.25fr)
		minmax(0, 1.25fr);

	background: #00572e;
	color: #fff;
}

.state-comparison-header-label,
.state-comparison-header-value {
	display: flex;
	align-items: center;

	padding: 18px 22px;

	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.state-comparison-header-value {
	border-left: 1px solid rgba(255, 255, 255, .18);
}

.state-comparison-header-mayfair {
	gap: 9px;

	background: rgba(217, 155, 0, .12);
}

.state-comparison-header-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 24px;

	width: 24px;
	height: 24px;

	border-radius: 50%;

	background: #d99b00;
	color: #fff;

	font-size: 11px;
}


/* =====================================================
   ROWS
===================================================== */

.state-comparison-row {
	display: grid;

	grid-template-columns:
		minmax(180px, .85fr)
		minmax(0, 1.25fr)
		minmax(0, 1.25fr);

	border-bottom: 1px solid #e4dcc8;
}

.state-comparison-row:last-child {
	border-bottom: 0;
}

.state-comparison-row:nth-child(even) {
	background: #fffdf7;
}


/* =====================================================
   FIRST COLUMN
===================================================== */

.state-comparison-label {
	display: flex;
	align-items: center;

	padding: 18px 22px;

	background: rgba(217, 155, 0, .05);

	color: #23313b;

	font-size: 15px;
	line-height: 1.4;
}

.state-comparison-label strong {
	font-weight: 700;
}


/* =====================================================
   VALUE COLUMNS
===================================================== */

.state-comparison-value {
	padding: 18px 22px;

	border-left: 1px solid #e4dcc8;

	color: #444;

	font-size: 15px;
	line-height: 1.6;
}

.state-comparison-value p {
	margin: 0 0 10px;
}

.state-comparison-value p:last-child {
	margin-bottom: 0;
}


/* Mayfair column */

.state-comparison-value-mayfair {
	background: rgba(0, 87, 46, .035);

	color: #274a39;
}

.state-comparison-value-mayfair strong {
	color: #00572e;
}


/* Traditional column */

.state-comparison-value-traditional {
	color: #555;
}


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

.state-comparison-mobile-label {
	display: none;
}


/* =====================================================
   NOTE
===================================================== */

.state-comparison-table .basic-content-note {
	margin-top: 30px;
}


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

@media (max-width: 991px) {

	.state-comparison-table-header,
	.state-comparison-row {
		grid-template-columns:
			minmax(160px, .75fr)
			minmax(0, 1fr)
			minmax(0, 1fr);
	}

}


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

@media (max-width: 767px) {

	.state-comparison-table {
		padding: 50px 0;
	}

	.state-comparison-heading {
		margin-bottom: 30px;
	}

	.state-comparison-title {
		font-size: 34px;
	}

	.state-comparison-intro {
		font-size: 16px;
	}


	/* Hide normal header */

	.state-comparison-table-header {
		display: none;
	}


	/* Turn each row into a card */

	.state-comparison-table-body {
		display: flex;
		flex-direction: column;
		gap: 14px;

		padding: 14px;
	}

	.state-comparison-row {
		display: block;

		overflow: hidden;

		border: 1px solid #e4dcc8;
		border-radius: 9px;

		background: #fff;
	}

	.state-comparison-row:last-child {
		border-bottom: 1px solid #e4dcc8;
	}


	/* Comparison label */

	.state-comparison-label {
		padding: 14px 16px;

		background: #00572e;
		color: #fff;

		font-size: 16px;
	}

	.state-comparison-label strong {
		color: #fff;
	}


	/* Values */

	.state-comparison-value {
		padding: 15px 16px;

		border: 0;
		border-top: 1px solid #e4dcc8;

		font-size: 14px;
	}

	.state-comparison-value-mayfair {
		background: #f4faf6;
	}


	/* Mobile column heading */

	.state-comparison-mobile-label {
		display: block;

		margin-bottom: 6px;

		color: #00572e;

		font-size: 12px;
		font-weight: 700;
		letter-spacing: .5px;
		text-transform: uppercase;
	}

	.state-comparison-value-traditional .state-comparison-mobile-label {
		color: #666;
	}

}
/* =====================================================
   UNDERWRITING FACTORS
===================================================== */

.state-underwriting-factors {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-underwriting-heading {
	margin-bottom: 40px;
}

.state-underwriting-eyebrow {
	margin-bottom: 8px;

	color: #d99b00;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-underwriting-title {
	margin: 0 0 16px;

	color: #00572e;

	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-underwriting-intro {
	max-width: 850px;
	margin: 0 auto;

	color: #444;

	font-size: 18px;
	line-height: 1.7;
}

.state-underwriting-intro p {
	margin: 0 0 14px;
}

.state-underwriting-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   CARD
===================================================== */

.state-underwriting-card {
	position: relative;

	height: 100%;

	padding: 32px 30px;

	border: 1px solid #e4dcc8;
	border-radius: 14px;

	background: #fff;

	box-shadow: 0 6px 18px rgba(0, 0, 0, .05);

	transition:
		transform .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;
}

.state-underwriting-card:hover {
	transform: translateY(-3px);

	border-color: #d99b00;

	box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
}


/* =====================================================
   ICON
===================================================== */

.state-underwriting-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 62px;
	height: 62px;

	margin-bottom: 20px;

	border: 1px solid rgba(217, 155, 0, .35);
	border-radius: 50%;

	background: #fffdf7;
	color: #d99b00;

	font-size: 25px;
	line-height: 1;
}


/* =====================================================
   CARD TITLE
===================================================== */

.state-underwriting-card-title {
	margin: 0 0 20px;

	color: #00572e;

	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
}


/* =====================================================
   LIST
===================================================== */

.state-underwriting-list {
	display: grid;
	gap: 10px;

	margin: 0;
	padding: 0;

	list-style: none;
}

.state-underwriting-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	color: #444;

	font-size: 15px;
	line-height: 1.5;
}

.state-underwriting-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 22px;

	width: 22px;
	height: 22px;

	margin-top: 1px;

	border-radius: 50%;

	background: #00572e;
	color: #fff;

	font-size: 9px;
	line-height: 1;
}


/* =====================================================
   NOTE
===================================================== */

.state-underwriting-factors .basic-content-note {
	margin-top: 34px;
}


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

@media (max-width: 767px) {

	.state-underwriting-factors {
		padding: 50px 0;
	}

	.state-underwriting-heading {
		margin-bottom: 30px;
	}

	.state-underwriting-title {
		font-size: 34px;
	}

	.state-underwriting-intro {
		font-size: 16px;
	}

	.state-underwriting-card {
		padding: 26px 22px;
	}

	.state-underwriting-icon {
		width: 54px;
		height: 54px;

		font-size: 22px;
	}

	.state-underwriting-card-title {
		font-size: 22px;
	}

	.state-underwriting-list li {
		font-size: 14px;
	}

}
/* =====================================================
   LOCAL CORRIDORS
===================================================== */

.state-local-corridors {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-local-corridors-heading {
	margin-bottom: 38px;
}

.state-local-corridors-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-local-corridors-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-local-corridors-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-local-corridors-intro p {
	margin: 0 0 14px;
}

.state-local-corridors-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   FEATURED IMAGE
===================================================== */

.state-local-corridors-image {
	margin-bottom: 34px;
	overflow: hidden;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
}

.state-local-corridors-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 6;
	object-fit: cover;
	object-position: center;
}


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

.state-local-corridors-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 16px;
}


/* =====================================================
   CARD
===================================================== */

.state-local-corridor-card {
	position: relative;
	height: 100%;
	padding: 24px 20px;

	border: 1px solid #e4dcc8;
	border-radius: 12px;

	background: #fff;

	box-shadow: 0 5px 16px rgba(0, 0, 0, .04);

	transition:
		transform .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;
}

.state-local-corridor-card:hover {
	transform: translateY(-3px);
	border-color: #d99b00;
	box-shadow: 0 9px 22px rgba(0, 0, 0, .08);
}


/* =====================================================
   TOP
===================================================== */

.state-local-corridor-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 18px;
}


/* =====================================================
   ROUTE NUMBER
===================================================== */

.state-local-corridor-route {
	color: #d99b00;
	font-size: 34px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -1px;
}


/* =====================================================
   ICON
===================================================== */

.state-local-corridor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 42px;

	width: 42px;
	height: 42px;

	border-radius: 50%;

	background: #00572e;
	color: #fff;

	font-size: 16px;
	line-height: 1;
}


/* =====================================================
   TITLE
===================================================== */

.state-local-corridor-name {
	margin: 0 0 12px;
	color: #00572e;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.state-local-corridor-description {
	color: #444;
	font-size: 14px;
	line-height: 1.6;
}

.state-local-corridor-description p {
	margin: 0 0 10px;
}

.state-local-corridor-description p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   NOTE
===================================================== */

.state-local-corridors .basic-content-note {
	margin-top: 34px;
}


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

@media (max-width: 1199px) {

	.state-local-corridors-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}


@media (max-width: 991px) {

	.state-local-corridors-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.state-local-corridors-image img {
		aspect-ratio: 16 / 8;
	}

}


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

@media (max-width: 767px) {

	.state-local-corridors {
		padding: 50px 0;
	}

	.state-local-corridors-heading {
		margin-bottom: 30px;
	}

	.state-local-corridors-title {
		font-size: 34px;
	}

	.state-local-corridors-intro {
		font-size: 16px;
	}

	.state-local-corridors-grid {
		grid-template-columns: 1fr;
	}

	.state-local-corridors-image {
		margin-bottom: 28px;
	}

	.state-local-corridors-image img {
		aspect-ratio: 16 / 10;
	}

	.state-local-corridor-card {
		padding: 22px 20px;
	}

	.state-local-corridor-route {
		font-size: 30px;
	}

}
/* =====================================================
   COMPARATIVE FAULT VISUAL
===================================================== */

.fault-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;

	margin: 28px 0;
}

.fault-comparison-item {
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: center;

	min-height: 135px;
	padding: 24px;

	overflow: hidden;

	border: 1px solid #e4dcc8;
	border-radius: 12px;

	background: #fff;
}

/* Gold accent */
.fault-comparison-item::before {
	content: "";

	position: absolute;
	top: 0;
	left: 0;

	width: 5px;
	height: 100%;

	background: #d99b00;
}

.fault-comparison-item strong {
	display: block;

	margin-bottom: 8px;

	color: #00572e;

	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}

.fault-comparison-item span {
	display: block;

	color: #444;

	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}


/* =====================================================
   SECOND / HIGH FAULT EXAMPLE
===================================================== */

.fault-comparison-item:last-child {
	background: #00572e;
	border-color: #00572e;
    color: #fff;
}

.fault-comparison-item:last-child strong,
.fault-comparison-item:last-child span {
	color: #fff;
}

.fault-comparison-item:last-child::before {
	background: #d99b00;
}


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

@media (max-width: 575px) {

	.fault-comparison {
		grid-template-columns: 1fr;
	}

	.fault-comparison-item {
		min-height: 110px;
	}

	.fault-comparison-item strong {
		font-size: 25px;
	}

}
/* =====================================================
   INSURANCE LIMITS
===================================================== */

.insurance-limit-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;

	margin: 30px 0;
}

.insurance-limit-card {
	position: relative;

	padding: 30px 24px;

	border: 1px solid #e4dcc8;
	border-radius: 14px;

	background: #fff;

	text-align: center;

	box-shadow: 0 5px 18px rgba(0, 0, 0, .04);
}

.insurance-limit-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 52px;
	height: 52px;

	margin: 0 auto 18px;

	border-radius: 50%;

	background: #00572e;
	color: #fff;

	font-size: 19px;
}

.insurance-limit-amount {
	margin-bottom: 10px;

	color: #d99b00;

	font-size: clamp(32px, 3vw, 42px);
	font-weight: 800;
	line-height: 1;
}

.insurance-limit-label {
	color: #00572e;

	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
}

.insurance-limit-label span {
	color: #555;

	font-size: 14px;
	font-weight: 500;
}


/* MOBILE */

@media (max-width: 767px) {

	.insurance-limit-grid {
		grid-template-columns: 1fr;
	}

	.insurance-limit-card {
		padding: 25px 20px;
	}

}
.additional-coverage {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;

	margin-top: 20px;
}

.additional-coverage span {
	padding: 8px 14px;

	border: 1px solid rgba(0, 87, 46, .18);
	border-radius: 50px;

	background: rgba(0, 87, 46, .05);
	color: #00572e;

	font-size: 13px;
	font-weight: 600;
}
/* =====================================================
   EDITORIAL TIMELINE
===================================================== */

.state-timeline {
	padding: 70px 0;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.state-timeline-heading {
	margin-bottom: 48px;
}

.state-timeline-eyebrow {
	margin-bottom: 8px;

	color: #d99b00;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-timeline-title {
	margin: 0 0 16px;

	color: #00572e;

	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-timeline-intro {
	max-width: 850px;
	margin: 0 auto;

	color: #444;

	font-size: 18px;
	line-height: 1.7;
}

.state-timeline-intro p {
	margin: 0 0 14px;
}

.state-timeline-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   TIMELINE
===================================================== */

.state-timeline-list {
	position: relative;

	max-width: 1000px;
	margin: 0 auto;
}


/* Vertical line */

.state-timeline-list::before {
	content: "";

	position: absolute;
	top: 34px;
	bottom: 34px;
	left: 31px;

	width: 2px;

	background: #d99b00;
}


/* =====================================================
   TIMELINE ITEM
===================================================== */

.state-timeline-item {
	position: relative;

	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 26px;

	padding-bottom: 28px;
}

.state-timeline-item:last-child {
	padding-bottom: 0;
}


/* =====================================================
   MARKER
===================================================== */

.state-timeline-marker {
	position: relative;
	z-index: 2;

	display: flex;
	justify-content: center;
}

.state-timeline-number {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 54px;
	height: 54px;

	border: 5px solid #fffdf7;
	border-radius: 50%;

	background: #00572e;
	color: #fff;

	font-size: 18px;
	font-weight: 700;
	line-height: 1;

	box-shadow: 0 0 0 1px #00572e;
}


/* =====================================================
   CONTENT CARD
===================================================== */

.state-timeline-card {
	position: relative;

	padding: 25px 28px 27px;

	border: 1px solid #e4dcc8;
	border-radius: 10px;

	background: #fff;
}


/* Small connector */

.state-timeline-card::before {
	content: "";

	position: absolute;
	top: 27px;
	left: -27px;

	width: 26px;
	height: 1px;

	background: #e4dcc8;
}


/* =====================================================
   CARD TOP
===================================================== */

.state-timeline-card-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.state-timeline-card-heading {
	min-width: 0;
}


/* =====================================================
   STEP LABEL
===================================================== */

.state-timeline-step-label {
	margin-bottom: 5px;

	color: #d99b00;

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}


/* =====================================================
   TITLE
===================================================== */

.state-timeline-item-title {
	margin: 0;

	color: #00572e;

	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
}


/* =====================================================
   ICON
===================================================== */

.state-timeline-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 44px;

	width: 44px;
	height: 44px;

	border-radius: 50%;

	background: #fffdf7;
	color: #d99b00;

	font-size: 18px;
}


/* =====================================================
   COPY
===================================================== */

.state-timeline-copy {
	margin-top: 12px;

	max-width: 780px;

	color: #444;

	font-size: 16px;
	line-height: 1.65;
}

.state-timeline-copy p {
	margin: 0 0 12px;
}

.state-timeline-copy p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   HIGHLIGHTED STEP
===================================================== */

.state-timeline-item.is-highlighted .state-timeline-card {
	border-color: #00572e;
	background: #00572e;
}

.state-timeline-item.is-highlighted .state-timeline-item-title,
.state-timeline-item.is-highlighted .state-timeline-copy {
	color: #fff;
}

.state-timeline-item.is-highlighted .state-timeline-step-label {
	color: #f1bd36;
}

.state-timeline-item.is-highlighted .state-timeline-icon {
	background: #d99b00;
	color: #fff;
}

.state-timeline-item.is-highlighted .state-timeline-card::before {
	background: #00572e;
}


/* =====================================================
   AFTER TIMELINE CONTENT
===================================================== */

.state-timeline-after {
	margin-top: 42px;
	padding-top: 32px;

	border-top: 1px solid #e4dcc8;
}

.state-timeline-after-title {
	margin: 0 0 18px;

	color: #00572e;

	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
}

.state-timeline-after-content {
	color: #444;

	font-size: 16px;
	line-height: 1.7;
}

.state-timeline-after-content p {
	margin: 0 0 16px;
}

.state-timeline-after-content ul {
	columns: 2;
	column-gap: 50px;

	margin: 20px 0 0;
	padding: 0;

	list-style: none;
}

.state-timeline-after-content li {
	position: relative;

	break-inside: avoid;

	margin-bottom: 10px;
	padding-left: 19px;
}

.state-timeline-after-content li::before {
	content: "";

	position: absolute;
	top: .7em;
	left: 0;

	width: 7px;
	height: 2px;

	background: #d99b00;
}


/* =====================================================
   NOTE
===================================================== */

.state-timeline .basic-content-note {
	margin-top: 32px;
}


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

@media (max-width: 767px) {

	.state-timeline {
		padding: 50px 0;
	}

	.state-timeline-heading {
		margin-bottom: 34px;
	}

	.state-timeline-title {
		font-size: 34px;
	}

	.state-timeline-intro {
		font-size: 16px;
	}


	/* TIMELINE */

	.state-timeline-list::before {
		left: 23px;
	}

	.state-timeline-item {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 16px;

		padding-bottom: 22px;
	}


	/* MARKER */

	.state-timeline-number {
		width: 42px;
		height: 42px;

		border-width: 4px;

		font-size: 15px;
	}


	/* CARD */

	.state-timeline-card {
		padding: 21px 18px 23px;
	}

	.state-timeline-card::before {
		top: 21px;
		left: -17px;

		width: 16px;
	}


	/* TITLE */

	.state-timeline-item-title {
		font-size: 20px;
	}


	/* ICON */

	.state-timeline-icon {
		flex-basis: 38px;

		width: 38px;
		height: 38px;

		font-size: 15px;
	}


	/* COPY */

	.state-timeline-copy {
		font-size: 15px;
	}


	/* AFTER */

	.state-timeline-after {
		margin-top: 32px;
		padding-top: 26px;
	}

	.state-timeline-after-title {
		font-size: 23px;
	}

	.state-timeline-after-content {
		font-size: 15px;
	}

	.state-timeline-after-content ul {
		columns: 1;
	}

}
/* =====================================================
   FAST FUNDING
===================================================== */

.state-fast-funding {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-fast-funding-heading {
	margin-bottom: 40px;
}

.state-fast-funding-eyebrow {
	margin-bottom: 8px;

	color: #d99b00;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-fast-funding-title {
	margin: 0 0 16px;

	color: #00572e;

	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-fast-funding-intro {
	max-width: 850px;
	margin: 0 auto;

	color: #444;

	font-size: 18px;
	line-height: 1.7;
}

.state-fast-funding-intro p {
	margin: 0 0 14px;
}

.state-fast-funding-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   MAIN LAYOUT
===================================================== */

.state-fast-funding-layout {
	overflow: hidden;

	border: 1px solid #e4dcc8;
	border-radius: 14px;

	background: #fff;
}


/* =====================================================
   LEFT STAT
===================================================== */

.state-fast-funding-stat {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 100%;
	min-height: 430px;

	padding: 42px 30px;

	background: #00572e;

	text-align: center;
}

.state-fast-funding-stat-inner {
	max-width: 300px;
}

.state-fast-funding-stat-number {
	color: #d99b00;

	font-size: clamp(86px, 10vw, 138px);
	font-weight: 800;
	line-height: .8;

	letter-spacing: -5px;
}

.state-fast-funding-stat-label {
	margin-top: 18px;

	color: #fff;

	font-size: 30px;
	font-weight: 700;
	line-height: 1;

	letter-spacing: 4px;
	text-transform: uppercase;
}

.state-fast-funding-stat-subtext {
	margin-top: 24px;

	color: rgba(255, 255, 255, .88);

	font-size: 15px;
	line-height: 1.65;
}

.state-fast-funding-stat-subtext p {
	margin: 0 0 10px;
}

.state-fast-funding-stat-subtext p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   RIGHT ACTIONS
===================================================== */

.state-fast-funding-actions {
	height: 100%;

	padding: 38px 38px 40px;
}

.state-fast-funding-list-title {
	margin: 0 0 24px;

	color: #00572e;

	font-size: 27px;
	font-weight: 700;
	line-height: 1.2;
}


/* =====================================================
   ACTION LIST
===================================================== */

.state-fast-funding-list {
	border-top: 1px solid #e4dcc8;
}

.state-fast-funding-item {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	align-items: center;
	gap: 15px;

	padding: 14px 0;

	border-bottom: 1px solid #e4dcc8;
}

.state-fast-funding-item-number {
	color: #d99b00;

	font-size: 15px;
	font-weight: 800;
	line-height: 1;

	letter-spacing: 1px;
}

.state-fast-funding-item-text {
	color: #3f4944;

	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}


/* =====================================================
   NOTE
===================================================== */

.state-fast-funding .basic-content-note {
	margin-top: 32px;
}


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

@media (max-width: 991px) {

	.state-fast-funding-stat {
		min-height: auto;
		padding: 45px 30px;
	}

	.state-fast-funding-stat-number {
		font-size: 100px;
	}

	.state-fast-funding-actions {
		padding: 32px;
	}

}


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

@media (max-width: 767px) {

	.state-fast-funding {
		padding: 50px 0;
	}

	.state-fast-funding-heading {
		margin-bottom: 30px;
	}

	.state-fast-funding-title {
		font-size: 34px;
	}

	.state-fast-funding-intro {
		font-size: 16px;
	}

	.state-fast-funding-stat {
		padding: 38px 24px;
	}

	.state-fast-funding-stat-number {
		font-size: 82px;
		letter-spacing: -3px;
	}

	.state-fast-funding-stat-label {
		margin-top: 14px;

		font-size: 23px;
		letter-spacing: 3px;
	}

	.state-fast-funding-actions {
		padding: 27px 20px 30px;
	}

	.state-fast-funding-list-title {
		font-size: 23px;
	}

	.state-fast-funding-item {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 10px;

		padding: 13px 0;
	}

	.state-fast-funding-item-text {
		font-size: 14px;
	}

}
/* =====================================================
   LEGAL STATUTE CALLOUT
===================================================== */

.legal-statute-callout {
	display: flex;
	align-items: center;
	gap: 20px;

	margin: 28px 0;
	padding: 24px 26px;

	border-left: 4px solid #d99b00;

	background: #f7f4ec;
}

.legal-statute-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 54px;

	width: 54px;
	height: 54px;

	border-radius: 50%;

	background: #00572e;
	color: #fff;

	font-size: 20px;
}

.legal-statute-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.legal-statute-label {
	color: #d99b00;

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.legal-statute-content strong {
	color: #00572e;

	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
}

.legal-statute-content > span:last-child {
	color: #555;

	font-size: 14px;
}


/* MOBILE */

@media (max-width: 575px) {

	.legal-statute-callout {
		align-items: flex-start;
		gap: 14px;

		padding: 20px 18px;
	}

	.legal-statute-icon {
		flex-basis: 44px;

		width: 44px;
		height: 44px;

		font-size: 17px;
	}

	.legal-statute-content strong {
		font-size: 17px;
	}

}
/* =====================================================
   DEADLINE GRID
===================================================== */

.state-deadline-grid {
	padding: 70px 0;
}


/* =====================================================
   HEADING
===================================================== */

.state-deadline-heading {
	margin-bottom: 40px;
}

.state-deadline-eyebrow {
	margin-bottom: 8px;
	color: #d99b00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.state-deadline-title {
	margin: 0 0 16px;
	color: #00572e;
	font-size: clamp(36px, 4vw, 50px);
	font-weight: 700;
	line-height: 1.1;
}

.state-deadline-intro {
	max-width: 850px;
	margin: 0 auto;
	color: #444;
	font-size: 18px;
	line-height: 1.7;
}

.state-deadline-intro p {
	margin: 0 0 14px;
}

.state-deadline-intro p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   ITEM
===================================================== */

.state-deadline-item {
	position: relative;
	height: 100%;

	padding: 28px 24px;

	border: 1px solid #e4dcc8;
	border-radius: 12px;

	background: #fff;

	box-shadow: 0 5px 16px rgba(0, 0, 0, .04);
}


/* =====================================================
   DEADLINE TIME
===================================================== */

.state-deadline-time {
	margin-bottom: 14px;

	color: #d99b00;

	font-size: 34px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -1px;
}


/* =====================================================
   TITLE
===================================================== */

.state-deadline-item-title {
	margin: 0 0 12px;

	color: #00572e;

	font-size: 21px;
	font-weight: 700;
	line-height: 1.25;
}


/* =====================================================
   COPY
===================================================== */

.state-deadline-item-copy {
	color: #444;

	font-size: 15px;
	line-height: 1.6;
}

.state-deadline-item-copy p {
	margin: 0 0 10px;
}

.state-deadline-item-copy p:last-child {
	margin-bottom: 0;
}


/* =====================================================
   URGENT ITEM
===================================================== */

.state-deadline-item.is-urgent {
	border-color: #00572e;
	background: #00572e;
}

.state-deadline-item.is-urgent .state-deadline-time {
	color: #d99b00;
}

.state-deadline-item.is-urgent .state-deadline-item-title,
.state-deadline-item.is-urgent .state-deadline-item-copy {
	color: #fff;
}


/* =====================================================
   NOTE
===================================================== */

.state-deadline-grid .basic-content-note {
	margin-top: 34px;
}


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

@media (max-width: 767px) {
           .switch{
    display: flex;
    flex-direction: column-reverse;
}

	.state-deadline-grid {
		padding: 50px 0;
	}

	.state-deadline-heading {
		margin-bottom: 30px;
	}

	.state-deadline-title {
		font-size: 34px;
	}

	.state-deadline-intro {
		font-size: 16px;
	}

	.state-deadline-item {
		padding: 24px 20px;
	}

	.state-deadline-time {
		font-size: 30px;
	}

	.state-deadline-item-title {
		font-size: 19px;
	}

}
.discovery-rule-callout {
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 30px 0;
	padding: 26px 28px;
	border-top: 1px solid #e4dcc8;
	border-bottom: 1px solid #e4dcc8;
	background: #fffdf7;
}

.discovery-rule-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #00572e;
	color: #fff;
	font-size: 21px;
}

.discovery-rule-copy {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.discovery-rule-label {
	color: #d99b00;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}

.discovery-rule-copy strong {
	color: #00572e;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

@media (max-width: 575px) {

	.discovery-rule-callout {
		align-items: flex-start;
		gap: 15px;
		padding: 22px 18px;
	}

	.discovery-rule-icon {
		flex: 0 0 46px;
		width: 46px;
		height: 46px;
		font-size: 17px;
	}

	.discovery-rule-copy strong {
		font-size: 17px;
	}

}
/* ==========================================
   FUNDING RANGE
========================================== */

.funding-range {
	margin: 32px 0;
	padding: 30px 34px;
	border: 1px solid #e4dcc8;
	border-left: 5px solid #d99b00;
	border-radius: 8px;
	background: #fffdf7;
	text-align: center;
}

.funding-range-label {
	display: block;
	margin-bottom: 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #00572e;
}

.funding-range-amount {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin-bottom: 14px;
	text-align: center;
}

.funding-range-amount span {
	font-size: clamp(32px, 4vw, 54px);
	line-height: 1;
	font-weight: 700;
	color: #00572e;
}

.funding-range-amount small {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #d99b00;
}

.funding-range p {
	max-width: 650px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.6;
	color: #555;
}


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

@media (max-width: 575px) {

	.funding-range {
		margin: 24px 0;
		padding: 24px 20px;
	}

	.funding-range-amount {
		gap: 8px 12px;
	}

	.funding-range-amount span {
		font-size: 34px;
	}

	.funding-range-amount small {
		font-size: 12px;
	}

	.funding-range p {
		font-size: 14px;
	}

}
.injury-list-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px 48px;
	margin: 30px 0;
}

.injury-list-grid ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.injury-list-grid li {
	position: relative;
	padding: 10px 0 10px 28px;
	border-bottom: 1px solid #e4dcc8;
}

.injury-list-grid li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 10px;
	color: #d99b00;
	font-size: 13px;
}

@media (max-width: 991px) {
	.injury-list-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575px) {
	.injury-list-grid {
		grid-template-columns: 1fr;
	}
}
.roadway-claim-list {
	margin: 28px 0 34px;
}

.roadway-claim-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	columns: 3;
	column-gap: 48px;
}

.roadway-claim-list li {
	position: relative;
	padding: 10px 12px 10px 27px;
	border-bottom: 1px solid #e4dcc8;
	break-inside: avoid;
}

.roadway-claim-list li::before {
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 10px;
	color: #d99b00;
	font-size: 13px;
}

.roadway-context {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-top: 32px;
	padding: 22px 0;
	border-top: 1px solid #e4dcc8;
	border-bottom: 1px solid #e4dcc8;
}

.roadway-context > i {
	flex: 0 0 auto;
	margin-top: 3px;
	font-size: 24px;
	color: #d99b00;
}

.roadway-context strong {
	display: block;
	margin-bottom: 5px;
	color: #00572e;
}

.roadway-context p {
	margin: 0;
}

@media (max-width: 767px) {
	.roadway-claim-list ul {
		columns: 2;
		column-gap: 30px;
	}
}

@media (max-width: 575px) {
	.roadway-claim-list ul {
		columns: 1;
	}
}
/* =====================================================
   FUNDING USE LIST
===================================================== */

.funding-use-list {
	margin: 28px 0 34px;
}

.funding-use-list ul {
	margin: 0;
	padding: 0;
	list-style: none;

	columns: 3;
	column-gap: 48px;
}

.funding-use-list li {
	position: relative;

	break-inside: avoid;

	padding: 10px 12px 10px 28px;

	border-bottom: 1px solid #e4dcc8;

	color: #444;
	line-height: 1.5;
}

.funding-use-list li::before {
	content: "\f00c";

	position: absolute;
	top: 10px;
	left: 0;

	font-family: "Font Awesome 6 Pro";
	font-size: 13px;
	font-weight: 900;

	color: #d99b00;
}


/* =====================================================
   LEGAL USE RESTRICTION
===================================================== */

.funding-use-restriction {
	display: flex;
	align-items: center;
	gap: 20px;

	margin-top: 34px;
	padding: 24px 26px;

	border-top: 1px solid #e4dcc8;
	border-bottom: 1px solid #e4dcc8;

	background: #fffdf7;
}

.funding-use-restriction-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 54px;

	width: 54px;
	height: 54px;

	border-radius: 50%;

	background: #00572e;
	color: #fff;

	font-size: 20px;
}

.funding-use-restriction-copy {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.funding-use-restriction-copy span {
	color: #d99b00;

	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.funding-use-restriction-copy strong {
	color: #00572e;

	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}


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

@media (max-width: 767px) {

	.funding-use-list ul {
		columns: 2;
		column-gap: 30px;
	}

}


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

@media (max-width: 575px) {

	.funding-use-list ul {
		columns: 1;
	}

	.funding-use-restriction {
		align-items: flex-start;
		gap: 14px;

		padding: 20px 18px;
	}

	.funding-use-restriction-icon {
		flex: 0 0 44px;

		width: 44px;
		height: 44px;

		font-size: 17px;
	}

	.funding-use-restriction-copy strong {
		font-size: 16px;
	}

}
/* =====================================================
   FUNDING EXAMPLE TABLE
===================================================== */

.funding-example-table {
	margin: 30px 0;
	border: 1px solid #e4dcc8;
	background: #fff;
}

.funding-example-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 180px;
	border-bottom: 1px solid #e4dcc8;
}

.funding-example-row:last-child {
	border-bottom: 0;
}

.funding-example-row > div {
	padding: 16px 20px;
	color: #444;
	font-size: 16px;
	line-height: 1.45;
}

.funding-example-row > div:last-child {
	border-left: 1px solid #e4dcc8;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

.funding-example-header {
	background: #00572e;
}

.funding-example-header > div {
	color: #fff;
	font-weight: 700;
}

.funding-example-header > div:last-child {
	border-left-color: rgba(255, 255, 255, 0.2);
}

.funding-example-row.is-total {
	background: #fffdf7;
	border-top: 2px solid #d99b00;
}

.funding-example-row.is-total > div {
	color: #00572e;
	font-weight: 700;
}

.funding-example-row.is-total > div:last-child {
	color: #d99b00;
	font-size: 20px;
}


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

@media (max-width: 575px) {

	.funding-example-row {
		grid-template-columns: minmax(0, 1fr) 120px;
	}

	.funding-example-row > div {
		padding: 13px 12px;
		font-size: 14px;
	}

	.funding-example-row.is-total > div:last-child {
		font-size: 17px;
	}

}
/* ==========================================
   BASIC CONTENT CTA BUTTONS
========================================== */

.state-basic-content .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 13px 24px;
	border: 2px solid #00572e;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}


/* Primary — Apply */

.state-basic-content .btn-primary {
	background: #00572e;
	border-color: #00572e;
	color: #fff;
}

.state-basic-content .btn-primary:hover,
.state-basic-content .btn-primary:focus {
	background: #d99b00;
	border-color: #d99b00;
	color: #fff;
	transform: translateY(-2px);
}


/* Secondary — Call */

.state-basic-content .btn-outline-primary {
	background: transparent;
	border-color: #00572e;
	color: #00572e;
}

.state-basic-content .btn-outline-primary:hover,
.state-basic-content .btn-outline-primary:focus {
	background: #00572e;
	border-color: #00572e;
	color: #fff;
	transform: translateY(-2px);
}


/* Space between buttons */

.state-basic-content .btn + .btn {
	margin-left: 8px;
}


/* Mobile */

@media (max-width: 575px) {

	.state-basic-content .btn {
		display: flex;
		width: 100%;
	}

	.state-basic-content .btn + .btn {
		margin-top: 10px;
		margin-left: 0;
	}

}