/* ===== JOIN US THIS TAX YEAR RESPONSIVE PREMIUM BANNER ===== */

.mobile-bw-banner .eds_boxContent {
	position: relative !important;
	overflow: hidden !important;
	background-color: #d3af37 !important;
	background-image: none !important;
	min-height: clamp(300px, 18vw, 390px) !important;
	display: flex !important;
	align-items: center !important;
}

/* Right image panel - responsive curved edge */
.mobile-bw-banner .eds_boxContent::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	width: clamp(520px, 31vw, 760px) !important;
	height: 100% !important;
	background-image:
		linear-gradient(rgba(211,175,55,0.12), rgba(211,175,55,0.12)),
		url('/Portals/0/BlockBuilderImages/425/iStock-2177122321.jpg') !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	border-top-left-radius: clamp(80px, 6vw, 150px) !important;
	border-bottom-left-radius: clamp(80px, 6vw, 150px) !important;
	box-shadow: -24px 0 42px rgba(0,0,0,0.08) inset !important;
	z-index: 0 !important;
	transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* Subtle hover darkening */
.mobile-bw-banner:hover .eds_boxContent::before {
	filter: brightness(0.9) contrast(1.04) !important;
	transform: scale(1.015) !important;
}

/* Soft fade between gold panel and image */
.mobile-bw-banner .eds_boxContent::after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	right: clamp(520px, 31vw, 760px) !important;
	width: clamp(110px, 8vw, 210px) !important;
	height: 100% !important;
	background: linear-gradient(
		90deg,
		rgba(211,175,55,1) 0%,
		rgba(211,175,55,0.92) 42%,
		rgba(211,175,55,0.45) 72%,
		rgba(211,175,55,0) 100%
	) !important;
	z-index: 1 !important;
	pointer-events: none !important;
}

/* Keep text above image layers */
.mobile-bw-banner .eds_boxContent > * {
	position: relative !important;
	z-index: 2 !important;
}

/* Text container */
.mobile-bw-banner .container {
	width: 100% !important;
	max-width: clamp(1180px, 70vw, 1650px) !important;
	margin: 0 auto !important;
	padding-left: clamp(22px, 3.2vw, 82px) !important;
	padding-right: clamp(650px, 39vw, 930px) !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* Typography */
.mobile-bw-banner .eds_boxContent h2 {
	position: relative !important;
	font-family: Montserrat, Arial, sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.5px !important;
	font-size: clamp(1.9rem, 2vw, 3rem) !important;
	line-height: 1.12 !important;
	margin: 0 0 12px 0 !important;
	padding-bottom: 10px !important;
	color: #1a1a1a !important;
	text-shadow: none !important;
}

/* Thin divider under heading */
.mobile-bw-banner .eds_boxContent h2::after {
	content: "" !important;
	display: block !important;
	width: 62px !important;
	height: 2px !important;
	margin-top: 9px !important;
	background: linear-gradient(90deg, #1a1a1a, rgba(0,0,0,0.2)) !important;
}

.mobile-bw-banner .eds_boxContent p {
	font-size: clamp(0.98rem, 0.9vw, 1.18rem) !important;
	line-height: 1.55 !important;
	margin: 0 0 0.75rem 0 !important;
	color: #1f1f1f !important;
	text-shadow: none !important;
}

.mobile-bw-banner .eds_boxContent i {
	display: block !important;
	margin-top: -2px !important;
	font-style: italic !important;
	opacity: 0.92 !important;
	color: #1f1f1f !important;
}

.mobile-bw-banner .eds_boxContent strong {
	color: #1a1a1a !important;
}

/* Outline button */
.mobile-bw-banner .eds_btn {
	background: transparent !important;
	color: #1a1a1a !important;
	border: 2px solid #1a1a1a !important;
	padding: 10px 22px !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	margin-top: 0.55rem !important;
	transition: all 0.25s ease !important;
}

.mobile-bw-banner .eds_btn:hover,
.mobile-bw-banner .eds_btn:focus {
	background: #1a1a1a !important;
	color: #ffffff !important;
	border-color: #1a1a1a !important;
	text-decoration: none !important;
}

/* ===== 4K / ULTRA WIDE ===== */
@media (min-width: 3000px) {
	.mobile-bw-banner .container {
		max-width: 1780px !important;
		padding-right: 980px !important;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 820px !important;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 820px !important;
		width: 230px !important;
	}
}

/* ===== 2560 / QHD SAFE ===== */
@media (min-width: 2200px) and (max-width: 2999px) {
	.mobile-bw-banner .container {
		max-width: 1600px !important;
		padding-right: 880px !important;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 720px !important;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 720px !important;
		width: 200px !important;
	}
}

/* ===== 1920 SAFE ===== */
@media (min-width: 1700px) and (max-width: 2199px) {
	.mobile-bw-banner .container {
		max-width: 1450px !important;
		padding-right: 740px !important;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 610px !important;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 610px !important;
		width: 170px !important;
	}
}

/* ===== LAPTOP ===== */
@media (max-width: 1366px) {
	.mobile-bw-banner .eds_boxContent {
		min-height: 300px !important;
	}

	.mobile-bw-banner .container {
		padding-left: 2rem !important;
		padding-right: 36% !important;
		max-width: 1080px !important;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 30% !important;
		border-top-left-radius: 90px !important;
		border-bottom-left-radius: 90px !important;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 30% !important;
		width: 12% !important;
	}
}

/* ===== TABLET LANDSCAPE ===== */
@media (max-width: 1100px) {
	.mobile-bw-banner .container {
		padding-left: 1.5rem !important;
		padding-right: 24% !important;
		max-width: 100% !important;
	}

	.mobile-bw-banner .eds_boxContent::before {
		width: 22% !important;
		border-top-left-radius: 70px !important;
		border-bottom-left-radius: 70px !important;
	}

	.mobile-bw-banner .eds_boxContent::after {
		right: 22% !important;
		width: 9% !important;
	}

	.mobile-bw-banner .eds_boxContent h2 {
		font-size: 1.55rem !important;
	}
}

/* ===== MOBILE + iPAD PORTRAIT ===== */
@media (max-width: 1024px) and (orientation: portrait), (max-width: 768px) {
	.mobile-bw-banner .eds_boxContent {
		display: block !important;
		min-height: auto !important;
		background-image: none !important;
	}

	.mobile-bw-banner .eds_boxContent::before {
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 0 !important;
		background-image:
			linear-gradient(rgba(0,0,0,0.38), rgba(0,0,0,0.38)),
			url('/Portals/0/BlockBuilderImages/425/iStock-2177122321.jpg') !important;
		background-size: cover !important;
		background-position: center center !important;
		filter: grayscale(100%) contrast(0.9) !important;
		transform: none !important;
	}

	.mobile-bw-banner:hover .eds_boxContent::before {
		filter: grayscale(100%) contrast(0.9) !important;
		transform: none !important;
	}

	.mobile-bw-banner .eds_boxContent::after {
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		background: rgba(0,0,0,0.12) !important;
	}

	.mobile-bw-banner .container {
		padding: 1.25rem !important;
		text-align: center !important;
		max-width: 100% !important;
	}

	.mobile-bw-banner .eds_boxContent h2,
	.mobile-bw-banner .eds_boxContent p,
	.mobile-bw-banner .eds_boxContent i,
	.mobile-bw-banner .eds_boxContent strong {
		color: #ffffff !important;
		text-shadow:
			0 2px 6px rgba(0,0,0,0.7),
			0 0 12px rgba(0,0,0,0.5) !important;
	}

	.mobile-bw-banner .eds_boxContent h2 {
		font-size: 1.8rem !important;
		margin-bottom: 12px !important;
	}

	.mobile-bw-banner .eds_boxContent h2::after {
		margin-left: auto !important;
		margin-right: auto !important;
		background: rgba(255,255,255,0.7) !important;
	}

	.mobile-bw-banner .eds_boxContent p {
		font-size: 1rem !important;
		line-height: 1.6 !important;
	}

	.mobile-bw-banner .eds_btn {
		color: #ffffff !important;
		border-color: #ffffff !important;
		background: transparent !important;
	}

	.mobile-bw-banner .eds_btn:hover,
	.mobile-bw-banner .eds_btn:focus {
		background: #ffffff !important;
		color: #111111 !important;
		border-color: #ffffff !important;
	}
}


/* ===== CUSTOMER PDF DOWNLOAD GRID - DNN SAFE ===== */

.spa-docs-wrap {
	font-family: "Open Sans", Arial, sans-serif !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 25px 15px !important;
	color: #111 !important;
	box-sizing: border-box !important;
}

.spa-docs-wrap * {
	box-sizing: border-box !important;
}

.spa-docs-hero {
	background: linear-gradient(135deg, #d3af37, #b99124) !important;
	border-radius: 22px !important;
	padding: 38px 28px !important;
	text-align: center !important;
	margin-bottom: 30px !important;
	box-shadow: 0 12px 30px rgba(0,0,0,0.16) !important;
}

.spa-docs-hero h1 {
	font-family: Montserrat, Arial, sans-serif !important;
	color: #fff !important;
	font-size: 36px !important;
	font-weight: 700 !important;
	margin: 0 0 12px !important;
	line-height: 1.2 !important;
}

.spa-docs-hero p {
	color: #111 !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
	max-width: 780px !important;
	margin: 0 auto !important;
}

/* Grid replaces old carousel */
.spa-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 22px !important;
	padding: 10px 0 !important;
	width: 100% !important;
}

.spa-doc-card {
	width: 100% !important;
	min-width: 0 !important;
	flex: unset !important;
	background: #fff !important;
	border-radius: 22px !important;
	padding: 26px 24px !important;
	box-shadow: 0 10px 26px rgba(0,0,0,0.14) !important;
	border: 1px solid rgba(211,175,55,0.35) !important;
	position: relative !important;
	overflow: hidden !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

.spa-doc-card::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 7px !important;
	background: linear-gradient(90deg, #d3af37, #111) !important;
}

.spa-doc-card:hover {
	transform: translateY(-6px) scale(1.02) !important;
	box-shadow: 0 18px 38px rgba(0,0,0,0.2) !important;
}

.spa-doc-icon {
	width: 62px !important;
	height: 62px !important;
	border-radius: 18px !important;
	background: linear-gradient(135deg, #111, #2a2a2a) !important;
	color: #d3af37 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
	margin-bottom: 18px !important;
}

.pdf-icon {
	background: linear-gradient(135deg, #111, #2a2a2a) !important;
	color: #d3af37 !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
}

.spa-doc-card h2 {
	font-family: Montserrat, Arial, sans-serif !important;
	font-size: 21px !important;
	line-height: 1.25 !important;
	margin: 0 0 12px !important;
	color: #111 !important;
}

.spa-doc-card p {
	font-size: 15px !important;
	line-height: 1.55 !important;
	color: #333 !important;
	margin: 0 0 22px !important;
}

.spa-file-name {
	font-size: 13px !important;
	color: #555 !important;
	background: #f4f4f4 !important;
	border-radius: 8px !important;
	padding: 8px 10px !important;
	margin: 0 0 16px !important;
	word-break: break-word !important;
	border: 1px solid #e0e0e0 !important;
}

.spa-btn-wrap {
	margin-top: auto !important;
	padding-top: 10px !important;
}

.spa-doc-btn {
	display: inline-block !important;
	background: #d3af37 !important;
	color: #111 !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	padding: 11px 17px !important;
	border-radius: 999px !important;
	transition: all 0.25s ease !important;
	width: 100% !important;
	text-align: center !important;
}

.spa-doc-btn:hover,
.spa-doc-btn:focus {
	background: #111 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.spa-return-box {
	margin-top: 28px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 18px !important;
	padding: 24px !important;
	text-align: center !important;
}

.spa-return-box h2 {
	color: #d3af37 !important;
	font-family: Montserrat, Arial, sans-serif !important;
	margin: 0 0 10px !important;
}

.spa-return-box p {
	margin: 0 !important;
	line-height: 1.6 !important;
	color: #fff !important;
}

.spa-return-box a {
	color: #d3af37 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.spa-return-box a:hover,
.spa-return-box a:focus {
	text-decoration: underline !important;
}


/* ===== CUSTOMER PDF GRID RESPONSIVE ===== */

@media (max-width: 1200px) {
	.spa-docs-wrap {
		max-width: 96% !important;
	}
}

@media (max-width: 992px) {
	.spa-docs-hero {
		padding: 32px 22px !important;
	}

	.spa-docs-hero h1 {
		font-size: 31px !important;
	}

	.spa-grid {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	.spa-docs-wrap {
		padding: 18px 10px !important;
	}

	.spa-docs-hero {
		padding: 28px 18px !important;
		border-radius: 18px !important;
	}

	.spa-docs-hero h1 {
		font-size: 27px !important;
	}

	.spa-docs-hero p {
		font-size: 15.5px !important;
	}

	.spa-grid {
		grid-template-columns: 1fr !important;
		gap: 18px !important;
	}

	.spa-doc-card {
		padding: 22px 20px !important;
	}

	.spa-return-box {
		padding: 20px 16px !important;
	}
}

@media (max-width: 480px) {
	.spa-docs-hero h1 {
		font-size: 24px !important;
	}

	.spa-doc-card h2 {
		font-size: 19px !important;
	}

	.spa-doc-card p {
		font-size: 14.5px !important;
	}

	.spa-doc-icon {
		width: 54px !important;
		height: 54px !important;
		font-size: 24px !important;
	}

	.spa-doc-btn {
		width: 100% !important;
		text-align: center !important;
	}
}
/* =========================================================
   SPA LTD - BOXSTYLE17 STATIC CARD OVERRIDE
   Removes rollover / hover effects from EDS BoxStyle17 blocks
   Applies to all .eds_box17 blocks on the page/site
   ========================================================= */

/* Disable transitions and animations inside BoxStyle17 */
.eds_box17,
.eds_box17 * {
	transition: none !important;
	animation: none !important;
}

/* Stop the view animation class from animating */
.eds_box17.slideInDownOnView {
	animation: none !important;
	transform: none !important;
	opacity: 1 !important;
}

/* Remove hover movement/shadow effects */
.eds_box17,
.eds_box17:hover,
.eds_box17:focus,
.eds_box17:active {
	transform: none !important;
	box-shadow: none !important;
}

/* Keep thumbnail static */
.eds_box17 .eds_boxThumbnail,
.eds_box17:hover .eds_boxThumbnail {
	overflow: hidden;
	transform: none !important;
}

/* Stop image zoom / scale / movement */
.eds_box17 .eds_boxThumbnail img,
.eds_box17:hover .eds_boxThumbnail img,
.eds_box17 .edsBB__image,
.eds_box17:hover .edsBB__image {
	transform: none !important;
	scale: 1 !important;
	opacity: 1 !important;
	filter: none !important;
}

/* Remove overlay layers */
.eds_box17 .eds_boxThumbnail::before,
.eds_box17 .eds_boxThumbnail::after,
.eds_box17:hover .eds_boxThumbnail::before,
.eds_box17:hover .eds_boxThumbnail::after {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
	background: none !important;
}

/* Hide/neutralise the default rollover title link over image */
.eds_box17 .eds_boxThumbnail > a,
.eds_box17:hover .eds_boxThumbnail > a {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: none !important;
}

/* Keep content static */
.eds_box17 .eds_boxContent,
.eds_box17:hover .eds_boxContent {
	transform: none !important;
	opacity: 1 !important;
}

/* Remove hover animation from Learn More button */
.eds_box17 .eds_readMore,
.eds_box17 .eds_readMore:hover,
.eds_box17 .eds_readMore:focus,
.eds_box17 .eds_readMore:active {
	transform: none !important;
	box-shadow: none !important;
}

/* Optional clean static card styling */
.eds_box17 {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

/* Keep image tidy */
.eds_box17 .eds_boxThumbnail img {
	width: 100%;
	height: auto;
	display: block;
}
/* =========================================================
   SPA LTD - BOXSTYLE17 CONTENT SPACING + BUTTON STYLE
   ========================================================= */

/* Add breathing room inside the text area */
.eds_box17 .eds_boxContent {
	padding: 24px 26px 28px 26px !important;
}

/* Tidy heading spacing */
.eds_box17 .eds_boxContent h5 {
	margin-top: 0 !important;
	margin-bottom: 14px !important;
	line-height: 1.35;
}

/* Tidy paragraph and list spacing */
.eds_box17 .eds_boxContent p {
	margin-bottom: 12px;
	line-height: 1.65;
}

.eds_box17 .eds_boxContent ul {
	margin: 10px 0 18px 20px;
	padding-left: 18px;
}

.eds_box17 .eds_boxContent li {
	margin-bottom: 6px;
}

/* Make button area consistent */
.eds_box17 .text-end {
	margin-top: 20px;
	text-align: left !important;
}

/* Turn Learn More into an obvious button */
.eds_box17 .eds_readMore {
	display: inline-block !important;
	padding: 11px 24px !important;
	border: 2px solid #d3af37 !important;
	border-radius: 999px !important;
	background: #d3af37 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 1.2;
}

/* Very subtle button hover */
.eds_box17 .eds_readMore:hover,
.eds_box17 .eds_readMore:focus {
	background: #b99424 !important;
	border-color: #b99424 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}