/*
Theme Name: HSI (Elementor)
Theme URI: https://www.hsi.sc
Description: Child theme of Hello Elementor for H Savy Insurance. Pages, header and footer are built in Elementor; this theme adds the brand fonts and the styling attached to the CSS classes used in those layouts.
Author: H Savy Insurance
Template: hello-elementor
Version: 0.2.0
Requires PHP: 8.0
Text Domain: hsi
*/

/* ---------- Brand fonts ---------- */

@font-face {
	font-family: "Ragtime";
	src: url("assets/fonts/ragtime-bold.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("assets/fonts/source-sans-3.woff2") format("woff2");
	font-weight: 200 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Source Sans 3";
	src: url("assets/fonts/source-sans-3-italic.woff2") format("woff2");
	font-weight: 200 900;
	font-style: italic;
	font-display: swap;
}

:root {
	--hsi-font-brand: "Ragtime", "Source Sans 3", system-ui, sans-serif;
	--hsi-navy: #222e69;
	--hsi-navy-deep: #161d47;
	--hsi-red: #e81d2d;
	--hsi-red-dark: #c31422;
	--hsi-lagoon: #eef3f8;
	--hsi-line: #d9e0ec;
	--hsi-ink: #1c2140;
	--hsi-muted: #525a7a;
	--hsi-radius: 16px;
	--hsi-shadow: 0 1px 2px rgb(22 29 71 / 0.06), 0 18px 40px -16px rgb(22 29 71 / 0.28);
	--hsi-section-y: clamp(3.5rem, 7vw, 6rem);
	--hsi-shield: url("assets/images/hsi-shield.png");
	--hsi-shield-white: url("assets/images/hsi-shield-white.png");
	--hsi-shield-red: url("assets/images/hsi-shield-red.png");
}

body {
	color: var(--hsi-ink);
	-webkit-font-smoothing: antialiased;
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--hsi-red);
	outline-offset: 2px;
	border-radius: 4px;
}

.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* ---------- Shared pieces ---------- */

.hsi-section {
	padding-block: var(--hsi-section-y) !important;
}

.hsi-intro {
	max-width: 40rem;
	margin-bottom: 2.5rem;
}

.hsi-lead,
.hsi-lead p {
	font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
	color: var(--hsi-muted);
}

.elementor-widget-heading .elementor-heading-title {
	letter-spacing: 0.005em;
}

h2.elementor-heading-title { font-size: clamp(2rem, 1.4rem + 2vw, 3rem); }
h3.elementor-heading-title { font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem); }

/* Buttons: variants keyed on CSS classes so staff can switch styles by changing a class. */
.hsi-btn .elementor-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.8rem 1.4rem;
	border: 2px solid transparent;
	border-radius: 8px;
	font-family: var(--hsi-font-brand);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.hsi-btn .elementor-button:hover {
	transform: translateY(-1px);
}

.hsi-btn--lg .elementor-button { padding: 1rem 1.75rem; font-size: 1.0625rem; }
.hsi-btn--sm .elementor-button { padding: 0.5rem 0.95rem; font-size: 0.9375rem; }

.hsi-btn--red .elementor-button { background: var(--hsi-red); color: #fff; }
.hsi-btn--red .elementor-button:hover,
.hsi-btn--red .elementor-button:focus { background: var(--hsi-red-dark); color: #fff; }

.hsi-btn--ghost .elementor-button { background: transparent; color: #fff; border-color: rgb(255 255 255 / 0.85); }
.hsi-btn--ghost .elementor-button:hover,
.hsi-btn--ghost .elementor-button:focus { background: #fff; color: var(--hsi-navy); border-color: #fff; }

.hsi-btn--outline .elementor-button { background: transparent; color: var(--hsi-navy); border-color: var(--hsi-navy); }
.hsi-btn--outline .elementor-button:hover,
.hsi-btn--outline .elementor-button:focus { background: var(--hsi-navy); color: #fff; }

.hsi-btn--light .elementor-button { background: #fff; color: var(--hsi-navy); }
.hsi-btn--light .elementor-button:hover,
.hsi-btn--light .elementor-button:focus { background: var(--hsi-navy-deep); color: #fff; }

.hsi-btn--dark .elementor-button { background: var(--hsi-navy-deep); color: #fff; }
.hsi-btn--dark .elementor-button:hover,
.hsi-btn--dark .elementor-button:focus { background: var(--hsi-navy); color: #fff; }

.hsi-buttons {
	margin-top: 0.5rem;
}

/* ---------- Header (sits on top of the hero) ---------- */

.hsi-masthead {
	position: fixed !important;
	inset: 0 0 auto;
	z-index: 100;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.admin-bar .hsi-masthead {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/* Pages without a full-screen hero get a solid header and room underneath it. */
body:not(.home) .hsi-masthead,
.hsi-masthead.is-scrolled {
	background: #fff;
	box-shadow: 0 8px 28px -14px rgb(22 29 71 / 0.4);
}

body:not(.home) {
	padding-top: 132px;
}

.hsi-header {
	padding-block: 0.75rem !important;
	border-bottom: 1px solid rgb(255 255 255 / 0.18);
	transition: border-color 0.25s ease;
}

body:not(.home) .hsi-header,
.is-scrolled .hsi-header {
	border-color: var(--hsi-line);
}

.hsi-header__logo {
	flex-shrink: 0;
	width: auto !important;
}

.hsi-logo.elementor-widget-image {
	width: 190px !important;
	max-width: none !important;
	flex-shrink: 0;
}

.hsi-logo img {
	width: 100% !important;
	height: auto;
	display: block;
}

/* White logo on the photo, navy logo once the header turns white. */
.hsi-logo--dark { display: none; }
body:not(.home) .hsi-logo--light,
.is-scrolled .hsi-logo--light { display: none; }
body:not(.home) .hsi-logo--dark,
.is-scrolled .hsi-logo--dark { display: block; }

/* ---------- Main menu ---------- */

.hsi-nav {
	flex: 1;
}

.hsi-nav .hfe-nav-menu > li > a.hfe-menu-item,
.hsi-nav .hfe-nav-menu > li > .hfe-has-submenu-container > a.hfe-menu-item {
	position: relative;
	color: #fff;
	font-weight: 600;
	font-size: 1.0625rem;
	letter-spacing: 0.005em;
	padding: 0.55rem 0.95rem !important;
	border-radius: 999px;
	background: transparent;
	transition: color 0.2s ease, background-color 0.2s ease;
}

body:not(.home) .hsi-nav .hfe-nav-menu > li a.hfe-menu-item,
.is-scrolled .hsi-nav .hfe-nav-menu > li a.hfe-menu-item {
	color: var(--hsi-navy);
}

/* Small red marker under the section the visitor is in. */
.hsi-nav .hfe-nav-menu > li > a.hfe-menu-item::after,
.hsi-nav .hfe-nav-menu > li > .hfe-has-submenu-container > a.hfe-menu-item::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0.15rem;
	width: 18px;
	height: 3px;
	border-radius: 3px;
	background: var(--hsi-red);
	top: auto !important;
	opacity: 1 !important;
	transform: translateX(-50%) scaleX(0);
	transition: transform 0.25s ease;
}

.hsi-nav .hfe-nav-menu > li:is(.current-menu-item, .current-menu-ancestor, .current-menu-parent) > a.hfe-menu-item::after,
.hsi-nav .hfe-nav-menu > li:is(.current-menu-item, .current-menu-ancestor, .current-menu-parent) > .hfe-has-submenu-container > a.hfe-menu-item::after {
	transform: translateX(-50%) scaleX(1);
}

.hsi-nav .sub-arrow {
	display: inline-flex;
	margin-left: 0.3rem;
	transition: transform 0.25s ease;
}

@media (min-width: 1025px) {
	/* No background on hover; the red marker slides in under the link instead. */
	.hsi-nav .hfe-nav-menu > li:hover > a.hfe-menu-item::after,
	.hsi-nav .hfe-nav-menu > li:hover > .hfe-has-submenu-container > a.hfe-menu-item::after,
	.hsi-nav .hfe-nav-menu > li:focus-within > .hfe-has-submenu-container > a.hfe-menu-item::after {
		transform: translateX(-50%) scaleX(1);
	}

	.hsi-nav .hfe-nav-menu > li:hover .sub-arrow,
	.hsi-nav .hfe-nav-menu > li:focus-within .sub-arrow {
		transform: rotate(180deg);
	}

	/* Dropdown card: white, rounded, slides up into place. */
	.hsi-nav .hfe-nav-menu > li > .sub-menu {
		top: calc(100% + 14px) !important;
		left: 50% !important;
		min-width: 270px;
		padding: 0.6rem !important;
		background: #fff !important;
		border: 1px solid rgb(22 29 71 / 0.07);
		border-radius: 18px;
		box-shadow: 0 2px 6px rgb(22 29 71 / 0.06), 0 30px 60px -22px rgb(22 29 71 / 0.5);
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, 10px);
		transition: opacity 0.2s ease, transform 0.25s ease, visibility 0.2s !important;
		overflow: visible !important;
	}

	.hsi-nav .hfe-nav-menu > li:hover > .sub-menu,
	.hsi-nav .hfe-nav-menu > li:focus-within > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0);
	}

	/* Invisible bridge so the card stays open while the pointer crosses the gap. */
	.hsi-nav .hfe-nav-menu > li > .sub-menu::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 18px;
	}

	/* Little pointer at the top of the card. */
	.hsi-nav .hfe-nav-menu > li > .sub-menu::after {
		content: "";
		position: absolute;
		top: -7px;
		left: 50%;
		width: 13px;
		height: 13px;
		background: #fff;
		border-left: 1px solid rgb(22 29 71 / 0.07);
		border-top: 1px solid rgb(22 29 71 / 0.07);
		border-top-left-radius: 3px;
		transform: translateX(-50%) rotate(45deg);
	}

	/* Longer product lists open as two columns. */
	.hsi-nav .hfe-nav-menu > li > .sub-menu:has(> li:nth-child(6)) {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(230px, 1fr));
		column-gap: 0.25rem;
		width: max-content;
	}

	/* An odd last item ("All business covers") becomes a full-width footer link. */
	.hsi-nav .sub-menu:has(> li:nth-child(6)) > li:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		margin-top: 0.4rem;
		padding-top: 0.4rem;
		border-top: 1px solid var(--hsi-line) !important;
	}

	.hsi-nav .sub-menu:has(> li:nth-child(6)) > li:last-child:nth-child(odd) a.hfe-sub-menu-item {
		color: var(--hsi-red) !important;
	}

	.hsi-nav .sub-menu li.menu-item {
		border: 0 !important;
	}

	.hsi-nav .sub-menu a.hfe-sub-menu-item {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.7rem 0.95rem !important;
		border: 0 !important;
		border-radius: 11px;
		color: var(--hsi-navy) !important;
		background: transparent !important;
		font-size: 1rem;
		font-weight: 600;
		white-space: nowrap;
		transition: background-color 0.15s ease, color 0.15s ease;
	}

	.hsi-nav .sub-menu a.hfe-sub-menu-item::after {
		content: "→";
		position: static !important;
		width: auto !important;
		height: auto !important;
		background: none !important;
		color: var(--hsi-red);
		font-weight: 700;
		opacity: 0 !important;
		transform: translateX(-6px);
		transition: opacity 0.15s ease, transform 0.2s ease;
	}

	.hsi-nav .sub-menu a.hfe-sub-menu-item:hover,
	.hsi-nav .sub-menu a.hfe-sub-menu-item:focus-visible,
	.hsi-nav .sub-menu li.current-menu-item > a.hfe-sub-menu-item {
		background: var(--hsi-lagoon) !important;
		color: var(--hsi-red) !important;
	}

	.hsi-nav .sub-menu a.hfe-sub-menu-item:hover::after,
	.hsi-nav .sub-menu a.hfe-sub-menu-item:focus-visible::after {
		opacity: 1 !important;
		transform: none;
	}
}

/* Menu button: three lines that turn into a cross. */
.hsi-nav .hfe-nav-menu__toggle {
	width: 46px;
	height: 46px;
	place-items: center;
	border-radius: 12px;
	border: 1.5px solid rgb(255 255 255 / 0.55);
	color: #fff;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

body:not(.home) .hsi-nav .hfe-nav-menu__toggle,
.is-scrolled .hsi-nav .hfe-nav-menu__toggle {
	border-color: var(--hsi-line);
	color: var(--hsi-navy);
}

.hsi-nav .hfe-nav-menu__toggle .hfe-nav-menu-icon {
	position: relative;
	width: 20px;
	height: 14px;
	color: inherit !important;
	font-size: 0;
}

.hsi-nav .hfe-nav-menu-icon svg {
	display: none !important;
}

.hsi-nav .hfe-nav-menu-icon::before,
.hsi-nav .hfe-nav-menu-icon::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: top 0.25s ease, transform 0.25s ease, box-shadow 0.2s ease;
}

.hsi-nav .hfe-nav-menu-icon::before {
	top: 0;
	box-shadow: 0 6px 0 currentColor;
}

.hsi-nav .hfe-nav-menu-icon::after {
	top: 12px;
}

.hsi-nav .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon::before {
	top: 6px;
	box-shadow: none;
	transform: rotate(45deg);
}

.hsi-nav .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon::after {
	top: 6px;
	transform: rotate(-45deg);
}

/* ---------- Insurance mega menu: Personal / Business / Life side by side ---------- */

@media (min-width: 1025px) {
	/* The panel centres under the whole menu rather than the Insurance link. */
	.hsi-nav .hfe-nav-menu { position: relative; }
	.hsi-nav .hfe-nav-menu > li.hsi-mega { position: static !important; }

	.hsi-nav .hfe-nav-menu > li.hsi-mega > .sub-menu {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: min(880px, calc(100vw - 48px)) !important;
		padding: 1.25rem 1.25rem 0 !important;
		column-gap: 0;
		overflow: hidden !important;
	}

	.hsi-nav .hfe-nav-menu > li.hsi-mega > .sub-menu::after { display: none; }

	/* One column per group, split by a hairline. */
	.hsi-nav li.hsi-mega > .sub-menu > li {
		position: static !important;
		padding: 0 0.75rem 1rem;
	}

	.hsi-nav li.hsi-mega > .sub-menu > li + li:not(.hsi-mega__cta) {
		border-left: 1px solid var(--hsi-line) !important;
	}

	/* Group heading: small red label that links to the overview page. */
	.hsi-nav li.hsi-mega > .sub-menu > li > .hfe-has-submenu-container > a.hfe-sub-menu-item {
		display: block !important;
		padding: 0.35rem 0.95rem 0.6rem !important;
		background: transparent !important;
		color: var(--hsi-red) !important;
		font-size: 0.8rem;
		font-weight: 700;
		letter-spacing: 0.09em;
		text-transform: uppercase;
	}

	.hsi-nav li.hsi-mega > .sub-menu > li > .hfe-has-submenu-container > a.hfe-sub-menu-item:hover {
		background: transparent !important;
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	.hsi-nav li.hsi-mega > .sub-menu > li > .hfe-has-submenu-container > a.hfe-sub-menu-item::after,
	.hsi-nav li.hsi-mega > .sub-menu .sub-arrow {
		display: none !important;
	}

	/* The covers under each heading are always shown. Visibility follows the
	   panel: forcing "visible" here left the hidden panel hoverable, so it
	   popped open when the mouse crossed the page below the header. */
	.hsi-nav li.hsi-mega > .sub-menu > li > .sub-menu {
		position: static !important;
		display: block !important;
		visibility: inherit !important;
		opacity: 1 !important;
		transform: none !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
	}

	.hsi-nav li.hsi-mega > .sub-menu > li > .sub-menu::before,
	.hsi-nav li.hsi-mega > .sub-menu > li > .sub-menu::after {
		display: none !important;
	}

	.hsi-nav li.hsi-mega .sub-menu .sub-menu a.hfe-sub-menu-item {
		white-space: normal;
	}

	/* Bottom strip with the quote link. */
	.hsi-nav li.hsi-mega > .sub-menu > li.hsi-mega__cta {
		grid-column: 1 / -1;
		margin: 0 -1.25rem;
		padding: 0 !important;
		background: var(--hsi-lagoon);
		border-top: 1px solid var(--hsi-line) !important;
	}

	.hsi-nav li.hsi-mega__cta > a.hfe-sub-menu-item {
		justify-content: center !important;
		gap: 0.5rem !important;
		border-radius: 0 !important;
		padding: 0.95rem 1.25rem !important;
		color: var(--hsi-navy) !important;
	}

	.hsi-nav li.hsi-mega__cta > a.hfe-sub-menu-item::after {
		opacity: 1 !important;
		transform: none;
	}

	.hsi-nav li.hsi-mega__cta > a.hfe-sub-menu-item:hover {
		background: #e3ebf4 !important;
	}
}

/* Mobile: open Insurance to see all three groups at once. */
@media (max-width: 1024px) {
	.hsi-nav nav.hfe-dropdown li.hsi-mega > .sub-menu > li > .hfe-has-submenu-container > a.hfe-sub-menu-item {
		color: var(--hsi-red) !important;
		font-size: 0.8rem;
		font-weight: 700;
		letter-spacing: 0.09em;
		text-transform: uppercase;
		padding: 0.9rem 0.9rem 0.35rem !important;
	}

	.hsi-nav nav.hfe-dropdown li.hsi-mega > .sub-menu .sub-arrow {
		display: none !important;
	}

	.hsi-nav nav.hfe-dropdown li.hsi-mega > .sub-menu > li > .sub-menu {
		display: block !important;
		position: static !important;
		/* inherit, not visible: a closed Insurance panel must not cover the menu items below it. */
		visibility: inherit !important;
		opacity: 1 !important;
		height: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
	}

	.hsi-nav nav.hfe-dropdown li.hsi-mega__cta {
		margin-top: 0.5rem;
		border-top: 1px solid var(--hsi-line) !important;
	}
}

/* ---------- Header search ---------- */

.hsi-header__actions > .hsi-search-toggle {
	width: auto !important;
	flex: 0 0 auto;
}

.hsi-search-toggle .elementor-icon {
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1.5px solid rgb(255 255 255 / 0.55);
	color: #fff;
	font-size: 17px;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.hsi-search-toggle .elementor-icon svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.hsi-search-toggle .elementor-icon:hover {
	background: rgb(255 255 255 / 0.14);
}

body:not(.home) .hsi-search-toggle .elementor-icon,
.is-scrolled .hsi-search-toggle .elementor-icon {
	color: var(--hsi-navy);
	border-color: var(--hsi-line);
}

body:not(.home) .hsi-search-toggle .elementor-icon:hover,
.is-scrolled .hsi-search-toggle .elementor-icon:hover {
	background: var(--hsi-lagoon);
}

.hsi-masthead.is-search-open .hsi-search-toggle .elementor-icon {
	background: var(--hsi-navy);
	border-color: var(--hsi-navy);
	color: #fff;
}

/* The panel drops down under the header bar. */
.hsi-search-panel {
	position: absolute !important;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border-top: 1px solid var(--hsi-line);
	box-shadow: 0 30px 50px -24px rgb(22 29 71 / 0.45);
	padding-block: 1.75rem 2rem !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity 0.2s ease, transform 0.25s ease, visibility 0.2s;
}

.hsi-masthead.is-search-open .hsi-search-panel {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.hsi-search-panel > .e-con-inner {
	max-width: 820px !important;
}

.hsi-search-panel__title .elementor-heading-title {
	font-family: var(--hsi-font-brand);
	font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.9rem);
	color: var(--hsi-navy);
	margin: 0;
}

.hsi-search-form {
	display: flex;
	gap: 0.6rem;
}

.hsi-search-form input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 56px;
	padding: 0 1.1rem 0 3rem;
	border: 2px solid var(--hsi-line);
	border-radius: 12px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23525a7a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 1rem center / 20px no-repeat;
	color: var(--hsi-ink);
	font-size: 1.125rem;
	transition: border-color 0.15s ease;
}

.hsi-search-form input[type="search"]:focus {
	outline: none;
	border-color: var(--hsi-navy);
}

.hsi-search-form button {
	flex: 0 0 auto;
	height: 56px;
	padding: 0 1.6rem;
	border: 0;
	border-radius: 12px;
	background: var(--hsi-red);
	color: #fff;
	font-family: var(--hsi-font-brand);
	font-size: 1.05rem;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.hsi-search-form button:hover,
.hsi-search-form button:focus-visible {
	background: var(--hsi-red-dark);
}

.hsi-search-panel__popular p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.95rem;
}

.hsi-search-panel__popular span {
	font-weight: 600;
	margin-right: 0.25rem;
}

.hsi-search-panel__popular a {
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.hsi-search-panel__popular a:hover {
	background: var(--hsi-navy);
	color: #fff;
}

@media (max-width: 767px) {
	.hsi-search-toggle .elementor-icon { width: 40px; height: 40px; }
	.hsi-search-form button { padding: 0 1.1rem; }
	.hsi-search-form input[type="search"] { height: 52px; font-size: 1rem; }
	.hsi-search-form button { height: 52px; }
}

.hsi-header__actions {
	flex-shrink: 0;
	width: auto !important;
}

.hsi-header__actions .elementor-button {
	padding: 0.6rem 1.1rem;
	font-size: 0.9375rem;
}

body:not(.home) .hsi-header__actions .hsi-btn--ghost .elementor-button,
.is-scrolled .hsi-header__actions .hsi-btn--ghost .elementor-button {
	color: var(--hsi-navy);
	border-color: var(--hsi-navy);
}

@media (max-width: 1100px) {
	.hsi-header__actions .hsi-btn--ghost { display: none; }
}

/* Logo and buttons keep their size; the menu shrinks to its toggle on small screens. */
.hsi-header__row > .hsi-header__logo,
.hsi-header__row > .hsi-header__actions {
	flex: 0 0 auto !important;
	min-width: max-content;
}

/* Mobile and tablet: a full-width panel drops from under the header bar. */
@media (max-width: 1024px) {
	.hsi-nav .hfe-nav-menu__toggle { display: grid !important; }
	.hsi-header__row > .hsi-header__actions { margin-left: auto; }
	.hsi-header__row { gap: 12px !important; }
	.hsi-nav { order: 3; flex: 0 0 auto !important; width: auto !important; }
	.hsi-header { position: relative; }
	.hsi-header > .e-con-inner,
	.hsi-header__row,
	.hsi-nav,
	.hsi-nav .elementor-widget-container,
	.hsi-nav .hfe-nav-menu__layout-horizontal { position: static !important; }

	.hsi-nav nav.hfe-dropdown {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-height: calc(100dvh - 150px);
		overflow-y: auto;
		background: #fff;
		border-top: 1px solid var(--hsi-line);
		box-shadow: 0 30px 50px -20px rgb(22 29 71 / 0.45);
		padding: 0.5rem 1.25rem 1.25rem;
	}

	.hsi-nav nav.hfe-dropdown li.menu-item {
		border: 0 !important;
	}

	.hsi-nav nav.hfe-dropdown .hfe-nav-menu > li {
		border-bottom: 1px solid var(--hsi-line) !important;
	}

	.hsi-nav nav.hfe-dropdown .hfe-nav-menu > li:last-child {
		border-bottom: 0 !important;
	}

	.hsi-nav nav.hfe-dropdown a.hfe-menu-item,
	.hsi-nav nav.hfe-dropdown .hfe-nav-menu > li > .hfe-has-submenu-container > a.hfe-menu-item {
		color: var(--hsi-navy) !important;
		background: transparent !important;
		font-family: var(--hsi-font-brand);
		font-size: 1.3rem !important;
		font-weight: 700;
		padding: 1rem 0.25rem !important;
		border: 0 !important;
		border-radius: 0;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}

	.hsi-nav nav.hfe-dropdown a.hfe-menu-item::after {
		display: none;
	}

	.hsi-nav nav.hfe-dropdown li:is(.current-menu-item, .current-menu-ancestor) > a.hfe-menu-item,
	.hsi-nav nav.hfe-dropdown li:is(.current-menu-item, .current-menu-ancestor) > .hfe-has-submenu-container > a.hfe-menu-item {
		color: var(--hsi-red) !important;
	}

	/* Round chevron button that flips when the section is open. */
	.hsi-nav nav.hfe-dropdown .sub-arrow {
		width: 34px;
		height: 34px;
		margin: 0;
		padding: 0 !important;
		display: grid !important;
		place-items: center;
		border: 0 !important;
		border-radius: 50%;
		background: var(--hsi-lagoon);
		color: var(--hsi-navy);
		font-size: 0.85rem;
	}

	.hsi-nav nav.hfe-dropdown .hfe-has-submenu-container.sub-menu-active .sub-arrow {
		background: var(--hsi-navy);
		color: #fff;
	}

	.hsi-nav nav.hfe-dropdown .sub-menu {
		background: var(--hsi-lagoon) !important;
		border-radius: 14px;
		box-shadow: none !important;
	}

	.hsi-nav nav.hfe-dropdown .sub-menu.sub-menu-open {
		padding: 0.4rem !important;
		margin: 0 0 1rem !important;
	}

	.hsi-nav nav.hfe-dropdown a.hfe-sub-menu-item {
		color: var(--hsi-navy) !important;
		background: transparent !important;
		font-size: 1.05rem;
		font-weight: 600;
		padding: 0.7rem 0.9rem !important;
		border: 0 !important;
		border-radius: 10px;
	}

	.hsi-nav nav.hfe-dropdown a.hfe-sub-menu-item:hover,
	.hsi-nav nav.hfe-dropdown .sub-menu li.current-menu-item > a.hfe-sub-menu-item {
		background: #fff !important;
		color: var(--hsi-red) !important;
	}
}

@media (max-width: 767px) {
	.hsi-header .hsi-logo.elementor-widget-image { width: 124px !important; }
	.hsi-header__row { gap: 8px !important; }
	.hsi-header__actions { gap: 8px !important; }
	.hsi-header__actions .elementor-button { padding: 0.55rem 0.8rem; font-size: 0.875rem; }
	.hsi-nav .hfe-nav-menu__toggle { width: 42px; height: 42px; }
	body:not(.home) { padding-top: 95px; }
}

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

.hsi-hero {
	position: relative;
	overflow: hidden;
}

/* Keep the navy fade (Elementor's overlay) above the slideshow photos. */
.hsi-hero > .elementor-background-slideshow {
	z-index: 0;
}

.hsi-hero::before {
	z-index: 1 !important;
	opacity: 1 !important;
}

.hsi-hero > .e-con-inner {
	z-index: 2;
}

.hsi-hero__content {
	max-width: 46rem;
	position: relative;
	z-index: 2;
}

.hsi-hero__title .elementor-heading-title {
	color: #fff;
	font-size: clamp(2.4rem, 1.4rem + 3.2vw, 4.25rem) !important;
	text-wrap: balance;
	text-shadow: 0 2px 30px rgb(0 0 0 / 0.25);
}

.hsi-hero .hsi-lead p {
	color: rgb(255 255 255 / 0.92);
	max-width: 40rem;
	text-wrap: pretty;
}

/* Hero buttons get an arrow that nudges right on hover. */
.hsi-hero .hsi-btn .elementor-button-text::after {
	content: "→";
	display: inline-block;
	margin-left: 0.55rem;
	transition: transform 0.2s ease;
}

.hsi-hero .hsi-btn .elementor-button:hover .elementor-button-text::after,
.hsi-hero .hsi-btn .elementor-button:focus-visible .elementor-button-text::after {
	transform: translateX(4px);
}

/* Drifting HSI shields over the slideshow. (The hero's own ::before is Elementor's colour overlay.) */
.hsi-hero > .e-con-inner {
	position: relative;
}

.hsi-hero > .e-con-inner::before,
.hsi-hero > .e-con-inner::after {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	opacity: 0.55;
}

.hsi-hero > .e-con-inner::before {
	top: 30%;
	right: 0;
	width: 400px;
	height: 400px;
	background:
		var(--hsi-shield-white) 0 0 / 84px 84px no-repeat,
		var(--hsi-shield-white) 260px 100px / 60px 60px no-repeat,
		var(--hsi-shield-red) 130px 260px / 104px 104px no-repeat;
	animation: hsi-drift 18s ease-in-out infinite alternate;
}

.hsi-hero > .e-con-inner::after {
	bottom: 12%;
	right: 34%;
	width: 220px;
	height: 200px;
	background:
		var(--hsi-shield-white) 0 80px / 52px 52px no-repeat,
		var(--hsi-shield-white) 150px 0 / 70px 70px no-repeat;
	animation: hsi-drift 24s ease-in-out -6s infinite alternate-reverse;
}

@keyframes hsi-drift {
	0%   { transform: translate(0, 0) rotate(0deg); }
	50%  { transform: translate(-16px, 20px) rotate(5deg); }
	100% { transform: translate(12px, -14px) rotate(-4deg); }
}

/* One entrance moment on load. */
.hsi-hero__content > .elementor-element {
	animation: hsi-rise 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.hsi-hero__content > .elementor-element:nth-child(2) { animation-delay: 0.12s; }
.hsi-hero__content > .elementor-element:nth-child(3) { animation-delay: 0.24s; }

@keyframes hsi-rise {
	from { opacity: 0; translate: 0 24px; }
	to   { opacity: 1; translate: 0 0; }
}

@media (max-width: 767px) {
	.hsi-hero { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; }
	.hsi-hero > .e-con-inner { min-height: 0 !important; padding-top: 160px !important; padding-bottom: 150px !important; }
	.hsi-hero > .e-con-inner::after { display: none; }
	.hsi-hero > .e-con-inner::before { right: -150px; transform: scale(0.7); }
}

/* ---------- Quick actions ("How can we help today?") ---------- */

.hsi-quick {
	position: relative;
	z-index: 5;
	margin-top: -150px !important;
}

.hsi-quick__panel {
	background: #fff;
	border-radius: 22px;
	box-shadow: 0 2px 6px rgb(22 29 71 / 0.06), 0 34px 70px -30px rgb(22 29 71 / 0.55);
	overflow: hidden;
}

.hsi-quick__top {
	padding: 1.25rem 1.75rem !important;
	border-bottom: 1px solid var(--hsi-line);
}

.hsi-quick__heading {
	width: auto !important;
}

.hsi-quick__heading .elementor-heading-title {
	margin: 0;
	font-size: clamp(1.35rem, 1.15rem + 0.6vw, 1.7rem);
	color: var(--hsi-navy);
}

.hsi-quick__call {
	width: auto !important;
}

.hsi-quick__call p {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.95rem;
}

.hsi-quick__call a {
	color: var(--hsi-navy);
	font-weight: 700;
	text-decoration: none;
}

.hsi-quick__call a:hover {
	color: var(--hsi-red);
}

.hsi-quick__item {
	position: relative;
	height: 100%;
	padding: 1.4rem 1.25rem 1.5rem;
	transition: background-color 0.2s ease;
}

.hsi-quick__item + .hsi-quick__item {
	border-left: 1px solid var(--hsi-line);
}

.hsi-quick__item:hover {
	background: var(--hsi-lagoon);
}

/* Icon beside the text. */
.hsi-quick__item .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	text-align: left !important;
	gap: 0.85rem !important;
	--icon-box-icon-margin: 0.85rem;
}

.hsi-quick__item .elementor-icon-box-icon {
	display: block;
	flex: 0 0 auto;
	line-height: 0;
	margin: 0 !important;
}

.hsi-quick__item .elementor-icon-box-content {
	min-width: 0;
}

/* Navy icon in a soft blue rounded square; fills navy on hover. */
.hsi-quick__item .elementor-icon {
	width: 46px;
	height: 46px;
	display: grid !important;
	place-items: center;
	border-radius: 14px;
	background: #e6ebf6;
	font-size: 22px;
	color: var(--hsi-navy) !important;
	fill: var(--hsi-navy) !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hsi-quick__item .elementor-icon svg {
	width: 22px;
	height: 22px;
}

.hsi-quick__item .elementor-icon svg,
.hsi-quick__item .elementor-icon svg * {
	fill: var(--hsi-navy) !important;
}

.hsi-quick__item:hover .elementor-icon svg,
.hsi-quick__item:hover .elementor-icon svg * {
	fill: #fff !important;
}

.hsi-quick__item:hover .elementor-icon {
	background: var(--hsi-navy);
	color: #fff !important;
	fill: #fff !important;
	transform: translateY(-2px);
}

.hsi-quick__item .elementor-icon-box-title {
	margin: 0 0 0.25rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.15rem !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

.hsi-quick__item .elementor-icon-box-title a {
	color: var(--hsi-navy);
}

/* Whole tile clickable. */
.hsi-quick__item .elementor-icon-box-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.hsi-quick__item .elementor-icon-box-description {
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.45;
	padding-right: 1.25rem;
}

/* Arrow that slides in on hover. */
.hsi-quick__item::after {
	content: "→";
	position: absolute;
	right: 1.25rem;
	bottom: 1.4rem;
	color: var(--hsi-red);
	font-weight: 700;
	opacity: 0;
	transform: translateX(-6px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.hsi-quick__item:hover::after {
	opacity: 1;
	transform: none;
}

/* Tablet: 3 + 2 tiles. */
@media (max-width: 1024px) {
	.hsi-quick__item + .hsi-quick__item { border-left: 0; }
	.hsi-quick__item { border-top: 1px solid var(--hsi-line); }
	.hsi-quick__item:not(:nth-child(3n + 1)) { border-left: 1px solid var(--hsi-line); }
	.hsi-quick__item:nth-child(-n + 3) { border-top: 0; }
}

/* Phone: one tappable row per action. */
@media (max-width: 767px) {
	.hsi-quick { margin-top: -90px !important; }
	.hsi-quick__top { padding: 1.1rem 1.25rem !important; }
	.hsi-quick__item { padding: 0.95rem 2.75rem 0.95rem 1.25rem; border-left: 0 !important; border-top: 1px solid var(--hsi-line) !important; }
	.hsi-quick__item:first-child { border-top: 0 !important; }
	.hsi-quick__item .elementor-icon-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center; gap: 0.9rem !important; }
	.hsi-quick__item .elementor-icon-box-icon { margin: 0 !important; flex: 0 0 auto; }
	.hsi-quick__item .elementor-icon { width: 44px; height: 44px; border-radius: 12px; }
	.hsi-quick__item .elementor-icon-box-title { font-size: 1.05rem !important; margin: 0 !important; }
	.hsi-quick__item .elementor-icon-box-description { font-size: 0.875rem; padding: 0; }
	.hsi-quick__item::after { opacity: 1; transform: none; top: 50%; bottom: auto; translate: 0 -50%; }
}

/* ---------- Personal / business / life cards ---------- */

.hsi-door {
	border-radius: 22px;
	overflow: hidden;
	isolation: isolate;
	transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.4s ease;
}

.hsi-door:hover {
	transform: translateY(-4px);
	box-shadow: var(--hsi-shadow);
}

.hsi-door__title .elementor-heading-title,
.hsi-door__title .elementor-heading-title a {
	color: #fff !important;
	font-size: clamp(1.6rem, 1.3rem + 0.8vw, 2rem);
}

.hsi-door__title .elementor-heading-title a {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
}

.hsi-door__title .elementor-heading-title a::after {
	content: "";
	flex-shrink: 0;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 50%;
	background: var(--hsi-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 1.1rem no-repeat;
	transition: transform 0.2s ease;
}

.hsi-door:hover .hsi-door__title a::after {
	transform: translateX(4px);
}

.hsi-door__text p {
	color: rgb(255 255 255 / 0.9);
	font-size: 1.0625rem;
}

/* Product links as glass chips. */
.hsi-chips .elementor-icon-list-items {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.4rem;
}

.hsi-chips .elementor-icon-list-item {
	margin: 0 !important;
	padding: 0 !important;
}

.hsi-chips .elementor-icon-list-item::after,
.hsi-chips .elementor-icon-list-icon {
	display: none !important;
}

.hsi-chips .elementor-icon-list-item a {
	padding: 0.3rem 0.8rem;
	border-radius: 999px;
	background: rgb(255 255 255 / 0.16);
	border: 1px solid rgb(255 255 255 / 0.3);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: background-color 0.15s ease;
}

.hsi-chips .elementor-icon-list-text {
	color: #fff !important;
	font-size: 0.9375rem;
	font-weight: 600;
	padding: 0 !important;
}

.hsi-chips .elementor-icon-list-item a:hover {
	background: #fff;
}

.hsi-chips .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: var(--hsi-navy) !important;
}

/* ---------- Accident steps ---------- */

.hsi-claims {
	border-top: 1px solid var(--hsi-line);
}

.hsi-claims__main {
	flex: 1 1 58% !important;
}

.hsi-steps {
	list-style: none;
	counter-reset: step;
	padding: 0;
	margin: 1rem 0 0.75rem;
	display: grid;
	gap: 1.25rem;
}

.hsi-steps li {
	counter-increment: step;
	position: relative;
	padding-left: 3.5rem;
	min-height: 2.5rem;
}

.hsi-steps li::before {
	content: counter(step);
	position: absolute;
	left: 0;
	top: -0.1rem;
	width: 2.5rem;
	height: 2.5rem;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--hsi-red);
	color: #fff;
	font-family: "Ragtime", sans-serif;
	font-size: 1.2rem;
}

.hsi-steps strong {
	display: block;
	color: var(--hsi-navy);
	font-size: 1.1875rem;
}

.hsi-steps a {
	font-weight: 700;
	white-space: nowrap;
}

.hsi-breakdown {
	flex: 1 1 42% !important;
	background: var(--hsi-lagoon);
	border-radius: var(--hsi-radius);
	padding: 1.75rem !important;
}

.hsi-breakdown a {
	font-weight: 700;
	font-size: 1.1875rem;
}

@media (max-width: 1024px) {
	.hsi-claims__row { flex-wrap: wrap !important; }
	.hsi-claims__main,
	.hsi-breakdown { flex-basis: 100% !important; }
}

/* ---------- Why HSI ---------- */

.hsi-why {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: var(--hsi-navy);
	color: rgb(255 255 255 / 0.82);
	padding-top: calc(var(--hsi-section-y) + 3rem) !important;
}

/* Curved top edge. */
.hsi-why::before {
	content: "";
	position: absolute;
	inset: -1px 0 auto;
	height: clamp(36px, 5vw, 72px);
	background: #fff;
	clip-path: ellipse(60% 100% at 50% 0%);
	z-index: 0;
}

/* Large shield watermark. */
.hsi-why::after {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -60px;
	width: 520px;
	height: 520px;
	background: var(--hsi-shield-white) center / contain no-repeat;
	opacity: 0.07;
	z-index: 0;
}

.hsi-why .elementor-heading-title {
	color: #fff;
}

.hsi-why .hsi-lead p {
	color: rgb(255 255 255 / 0.78);
}

.hsi-why__item .elementor-icon-box-wrapper {
	text-align: left !important;
}

.hsi-why__item .elementor-icon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #fff;
	font-size: 24px;
	color: var(--hsi-red) !important;
}

.hsi-why__item .elementor-icon svg,
.hsi-quick__item .elementor-icon svg,
.hsi-ticks .elementor-icon-list-icon svg {
	fill: var(--hsi-red) !important;
}

.hsi-why__item .elementor-icon svg {
	width: 24px;
	height: 24px;
}

.hsi-why__item .elementor-icon-box-icon {
	margin-bottom: 1rem !important;
}

.hsi-why__item .elementor-icon-box-title {
	color: #fff !important;
	font-family: var(--hsi-font-brand) !important;
	font-weight: 700 !important;
	font-size: 1.25rem !important;
}

.hsi-why__item .elementor-icon-box-description {
	color: rgb(255 255 255 / 0.78);
}

.hsi-stats {
	margin-top: 3rem;
	padding-top: 2.5rem !important;
	border-top: 1px solid rgb(255 255 255 / 0.18);
}

.hsi-stat .elementor-counter {
	align-items: flex-start !important;
}

.hsi-stat .elementor-counter-number-wrapper {
	justify-content: flex-start !important;
	color: #fff !important;
	font-family: "Ragtime", sans-serif !important;
	font-size: clamp(3rem, 2rem + 3vw, 4.5rem) !important;
	line-height: 1 !important;
	font-weight: 400 !important;
}

.hsi-stat .elementor-counter-title {
	justify-content: flex-start !important;
	text-align: left !important;
	color: rgb(255 255 255 / 0.82) !important;
	font-size: 1.125rem !important;
	font-weight: 400 !important;
}

/* ---------- Community band ---------- */

.hsi-band__content {
	max-width: 36rem;
}

.hsi-band .elementor-heading-title {
	color: #fff;
	font-size: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);
}

.hsi-band .hsi-lead p {
	color: rgb(255 255 255 / 0.9);
}

/* Red arrow on "Read our story" that nudges right on hover. */
.hsi-band .hsi-btn .elementor-button-text::after {
	content: "→";
	display: inline-block;
	margin-left: 0.55rem;
	color: var(--hsi-red);
	font-weight: 700;
	transition: transform 0.2s ease, color 0.2s ease;
}

.hsi-band .hsi-btn .elementor-button:hover .elementor-button-text::after,
.hsi-band .hsi-btn .elementor-button:focus-visible .elementor-button-text::after {
	color: #fff;
	transform: translateX(4px);
}

/* ---------- HSI app ---------- */

.hsi-app {
	background: linear-gradient(180deg, #fff, var(--hsi-lagoon));
	overflow-x: clip;
}

.hsi-app__img {
	position: relative;
	flex: 1 1 50% !important;
}

.hsi-app__img img {
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: 50% 25%;
	border-radius: 24px;
	box-shadow: var(--hsi-shadow);
}

/* Red HSI shield badge on the photo corner. */
.hsi-app__img::after {
	content: "";
	position: absolute;
	right: 14px;
	bottom: -22px;
	width: 92px;
	height: 92px;
	background: var(--hsi-red);
	-webkit-mask: var(--hsi-shield) center / contain no-repeat;
	mask: var(--hsi-shield) center / contain no-repeat;
}

.hsi-app__text {
	flex: 1 1 50% !important;
}

.hsi-ticks .elementor-icon-list-item {
	padding-block: 0.3rem !important;
}

.hsi-ticks .elementor-icon-list-icon i {
	color: var(--hsi-red) !important;
	font-size: 1.25rem !important;
}

/* Centre the tick on the first line of text (text is 1.125rem at 1.5 line height). */
.hsi-ticks .elementor-icon-list-icon {
	display: flex !important;
	align-items: center;
	height: calc(1.125rem * 1.5);
	flex: 0 0 auto;
}

.hsi-ticks .elementor-icon-list-icon svg {
	width: 1.2rem !important;
	height: 1.2rem !important;
}

.hsi-ticks .elementor-icon-list-text {
	color: var(--hsi-navy);
	font-weight: 600;
	font-size: 1.125rem;
	padding-left: 0.6rem !important;
}

@media (max-width: 1024px) {
	.hsi-app__row { flex-wrap: wrap !important; }
	.hsi-app__img,
	.hsi-app__text { flex-basis: 100% !important; }
}

/* ---------- Community ---------- */

.hsi-community {
	background: var(--hsi-lagoon);
}

.hsi-community__head {
	margin-bottom: 2.5rem;
}

.hsi-community__head .hsi-intro {
	margin-bottom: 0;
	width: auto !important;
}

.hsi-follow {
	width: auto !important;
}

.hsi-story {
	background: #fff;
	border-radius: var(--hsi-radius);
	overflow: hidden;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hsi-story:hover {
	transform: translateY(-4px);
	box-shadow: var(--hsi-shadow);
}

.hsi-story .elementor-image-box-img {
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
}

.hsi-story .elementor-image-box-img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.hsi-story:hover .elementor-image-box-img img {
	transform: scale(1.06);
}

.hsi-story .elementor-image-box-content {
	padding: 1rem 1.25rem 1.25rem;
	text-align: left;
}

.hsi-story .elementor-image-box-title {
	margin: 0 !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.hsi-story .elementor-image-box-title a {
	color: var(--hsi-navy);
}

.hsi-story .elementor-image-box-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* ---------- Advisor band ---------- */

.hsi-advisor {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: var(--hsi-red);
	padding-block: clamp(2.5rem, 5vw, 3.5rem) !important;
}

.hsi-advisor::after {
	content: "";
	position: absolute;
	right: 4%;
	top: 50%;
	width: 260px;
	height: 260px;
	translate: 0 -50%;
	background: var(--hsi-shield-white) center / contain no-repeat;
	opacity: 0.16;
	z-index: -1;
}

.hsi-advisor .elementor-heading-title {
	color: #fff;
	font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem);
}

.hsi-advisor__text {
	max-width: 38rem;
	color: #fff;
}

/* ---------- Footer ---------- */

.hsi-footer {
	background: var(--hsi-navy-deep);
	color: rgb(255 255 255 / 0.75);
	font-size: 0.9375rem;
	padding-block: clamp(3rem, 6vw, 5rem) 1.5rem !important;
}

.hsi-footer a {
	color: rgb(255 255 255 / 0.9);
}

.hsi-footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.hsi-footer .elementor-heading-title {
	color: #fff;
	font-family: var(--hsi-font-brand);
	font-size: 1.0625rem;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.hsi-footer__brand {
	flex: 1 1 28% !important;
}

.hsi-footer__col {
	flex: 1 1 14% !important;
}

.hsi-footer__offices {
	flex: 1 1 26% !important;
}

.hsi-footer__offices p + p {
	margin-top: 0.9rem;
}

.hsi-footer__offices strong {
	color: #fff;
}

.hsi-footer__links .elementor-icon-list-item {
	padding-block: 0.2rem !important;
}

.hsi-footer__links .elementor-icon-list-text {
	color: rgb(255 255 255 / 0.85);
	padding: 0 !important;
}

.hsi-footer__links a:hover .elementor-icon-list-text {
	color: #fff;
}

.hsi-social .elementor-social-icon {
	background: rgb(255 255 255 / 0.1) !important;
	font-size: 16px;
}

.hsi-social .elementor-social-icon:hover {
	background: var(--hsi-red) !important;
}

.hsi-footer__legal {
	margin-top: 3rem;
	padding-top: 1.25rem !important;
	border-top: 1px solid rgb(255 255 255 / 0.14);
}

.hsi-footer__legal > .elementor-element {
	width: auto !important;
}

.hsi-footer__legal p {
	margin: 0;
	display: flex;
	align-items: baseline;
	gap: 1.25rem;
}

.hsi-footer__legal p:has(.hsi-credit) { gap: 0.6rem; }

@media (max-width: 1024px) {
	.hsi-footer__cols { flex-wrap: wrap !important; }
	.hsi-footer__brand,
	.hsi-footer__offices { flex-basis: 100% !important; }
	.hsi-footer__col { flex-basis: 28% !important; }
}

@media (max-width: 600px) {
	.hsi-footer__col { flex-basis: 100% !important; }
}

/* ======================================================================
   Inner pages
   ====================================================================== */

.hsi-tint {
	background: var(--hsi-lagoon);
}

/* ---------- Page banner ---------- */

.hsi-page-hero__content {
	max-width: 46rem;
	position: relative;
	z-index: 2;
}

.hsi-page-hero .elementor-heading-title {
	color: #fff;
	text-wrap: balance;
}

h1.elementor-heading-title {
	font-size: clamp(2.4rem, 1.6rem + 3vw, 4rem);
}

.hsi-hero__title h1.elementor-heading-title {
	font-size: clamp(2.6rem, 1.6rem + 3.8vw, 4.75rem);
}

.hsi-page-hero .hsi-lead p {
	color: rgb(255 255 255 / 0.9);
}

.hsi-crumbs p {
	margin: 0;
	font-size: 0.9375rem;
	color: rgb(255 255 255 / 0.7);
}

.hsi-crumbs a {
	color: #fff;
}

.hsi-crumbs span {
	margin-inline: 0.35rem;
	opacity: 0.6;
}

/* Shield watermark on banners. */
.hsi-page-hero > .e-con-inner {
	position: relative;
}

.hsi-page-hero > .e-con-inner::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	width: 200px;
	height: 200px;
	background: var(--hsi-shield-white) center / contain no-repeat;
	opacity: 0.22;
	pointer-events: none;
}

@media (max-width: 767px) {
	.hsi-page-hero > .e-con-inner::after { display: none; }
}

/* ---------- Sticky in-page menu ---------- */

.hsi-subnav {
	position: sticky !important;
	top: 132px;
	z-index: 40;
	background: #fff;
	border-bottom: 1px solid var(--hsi-line);
	box-shadow: 0 10px 24px -20px rgb(22 29 71 / 0.5);
}

.admin-bar .hsi-subnav {
	top: calc(132px + var(--wp-admin--admin-bar--height, 32px));
}

.hsi-subnav__links .elementor-icon-list-items {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	gap: 0.25rem;
	scrollbar-width: none;
}

.hsi-subnav__links .elementor-icon-list-item {
	margin: 0 !important;
	padding: 0 !important;
	flex-shrink: 0;
}

.hsi-subnav__links .elementor-icon-list-item::after,
.hsi-subnav__links .elementor-icon-list-icon {
	display: none !important;
}

.hsi-subnav__links .elementor-icon-list-item a {
	display: block;
	padding: 0.95rem 0.75rem;
	border-bottom: 3px solid transparent;
}

.hsi-subnav__links .elementor-icon-list-text {
	color: var(--hsi-navy);
	font-weight: 600;
	padding: 0 !important;
	white-space: nowrap;
}

.hsi-subnav__links .elementor-icon-list-item a:hover {
	border-bottom-color: var(--hsi-red);
}

/* Section anchors land below the sticky header and in-page menu. */
[id] {
	scroll-margin-top: 200px;
}

@media (max-width: 767px) {
	.hsi-subnav { top: 95px; }
	[id] { scroll-margin-top: 170px; }
}

/* ---------- Cards ---------- */

.hsi-cards > .elementor-element {
	height: 100%;
}

.hsi-card,
.hsi-download {
	position: relative;
	height: 100%;
	padding: 1.5rem;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-tint .hsi-card,
.hsi-tint .hsi-download {
	border-color: transparent;
}

.hsi-card--soft {
	background: var(--hsi-lagoon);
	border-color: transparent;
	padding: 1.25rem;
}

.hsi-card .elementor-icon-box-wrapper,
.hsi-download .elementor-icon-box-wrapper {
	text-align: left !important;
}

.hsi-card .elementor-icon-box-icon,
.hsi-download .elementor-icon-box-icon {
	margin-bottom: 0.9rem !important;
}

.hsi-card .elementor-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgb(232 29 45 / 0.1);
	font-size: 20px;
}

.hsi-card .elementor-icon svg,
.hsi-download .elementor-icon svg {
	fill: var(--hsi-red) !important;
	width: 22px;
	height: 22px;
}

.hsi-card .elementor-icon-box-title,
.hsi-download .elementor-icon-box-title {
	margin: 0 0 0.4rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-weight: 700 !important;
	font-size: 1.1875rem !important;
	line-height: 1.3 !important;
	color: var(--hsi-navy);
}

.hsi-card .elementor-icon-box-title a,
.hsi-download .elementor-icon-box-title a {
	color: var(--hsi-navy);
}

.hsi-card .elementor-icon-box-description,
.hsi-download .elementor-icon-box-description {
	color: var(--hsi-muted);
	font-size: 1rem;
	line-height: 1.55;
}

/* Linked cards: whole card clickable, lifts on hover. */
.hsi-card .elementor-icon-box-title a::after,
.hsi-download .elementor-icon-box-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.hsi-card:has(a):hover,
.hsi-download:hover {
	transform: translateY(-3px);
	box-shadow: var(--hsi-shadow);
	border-color: transparent;
}

.hsi-card--link .elementor-icon-box-title::after {
	content: " →";
	color: var(--hsi-red);
}

.hsi-download .elementor-icon {
	font-size: 28px;
}

.hsi-download .elementor-icon-box-description {
	font-weight: 600;
	color: var(--hsi-red);
}

/* ---------- Product page sections ---------- */

.hsi-overview__main {
	flex: 1 1 58% !important;
}

.hsi-overview__side {
	flex: 1 1 42% !important;
}

.hsi-overview .hsi-lead p {
	color: var(--hsi-ink);
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
	line-height: 1.55;
}

.hsi-split__row > .hsi-split__col {
	flex: 1 1 50% !important;
}

.hsi-split__col {
	padding: 1.75rem !important;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
}

.hsi-xlist .elementor-icon-list-icon svg {
	fill: var(--hsi-muted) !important;
}

.hsi-xlist .elementor-icon-list-text {
	color: var(--hsi-ink);
	padding-left: 0.6rem !important;
}

.hsi-xlist .elementor-icon-list-item,
.hsi-ticks .elementor-icon-list-item {
	align-items: flex-start !important;
}

.hsi-todo {
	padding: 1rem 1.25rem;
	border: 2px dashed #e0a100;
	border-radius: 12px;
	background: #fff8e1;
	color: #6b4e00;
}

.hsi-todo p {
	margin: 0;
}

.hsi-extra__inner {
	max-width: 56rem;
}

.hsi-prose table {
	width: 100%;
	border-collapse: collapse;
	margin: 1rem 0;
	font-size: 0.975rem;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 0 0 1px var(--hsi-line);
}

.hsi-prose th,
.hsi-prose td {
	padding: 0.7rem 0.9rem;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--hsi-line);
}

.hsi-prose th {
	background: var(--hsi-navy);
	color: #fff;
	font-weight: 700;
}

.hsi-prose tr:nth-child(even) td {
	background: var(--hsi-lagoon);
}

.hsi-prose ul {
	padding-left: 1.2rem;
}

.hsi-prose li + li {
	margin-top: 0.35rem;
}

.hsi-prose p + p {
	margin-top: 0.8rem;
}

/* FAQ accordion */
.hsi-faq .e-n-accordion-item {
	border: 1px solid var(--hsi-line);
	border-radius: 12px;
	margin-bottom: 0.75rem;
	overflow: hidden;
	background: #fff;
}

.hsi-faq .e-n-accordion-item-title {
	padding: 1.1rem 1.4rem !important;
	border: 0 !important;
	background: #fff !important;
}

.hsi-faq .e-n-accordion-item-title-text {
	font-family: "Source Sans 3", system-ui, sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	color: var(--hsi-navy);
}

.hsi-faq .e-n-accordion-item-title-icon svg {
	fill: var(--hsi-red);
}

.hsi-faq .e-n-accordion-item[open] {
	box-shadow: var(--hsi-shadow);
	border-color: transparent;
}

.hsi-faq .e-n-accordion-item > .e-con {
	border: 0 !important;
}

.hsi-faqs .e-n-accordion {
	max-width: 56rem;
}

.hsi-chips--light .elementor-icon-list-item a {
	background: var(--hsi-lagoon);
	border-color: transparent;
	backdrop-filter: none;
}

.hsi-chips--light .elementor-icon-list-text {
	color: var(--hsi-navy) !important;
}

.hsi-chips--light .elementor-icon-list-item a:hover {
	background: var(--hsi-navy);
}

.hsi-chips--light .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: #fff !important;
}

.hsi-related {
	padding-block: 3rem !important;
	border-top: 1px solid var(--hsi-line);
}

.hsi-related .elementor-heading-title {
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	margin-bottom: 0.5rem;
}

/* ---------- Company pages ---------- */

.hsi-story__text { flex: 1 1 58% !important; }
.hsi-timeline { flex: 1 1 42% !important; }

.hsi-years {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.5rem;
	border-left: 3px solid var(--hsi-line);
	display: grid;
	gap: 1.75rem;
}

.hsi-years li {
	position: relative;
	color: var(--hsi-muted);
}

.hsi-years li::before {
	content: "";
	position: absolute;
	left: calc(-1.5rem - 9px);
	top: 0.45rem;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--hsi-red);
	box-shadow: 0 0 0 4px #fff;
}

.hsi-years strong {
	display: block;
	font-family: "Ragtime", sans-serif;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.1;
	color: var(--hsi-navy);
}

.hsi-person {
	padding: 1.75rem !important;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	height: 100%;
}

.hsi-initials {
	display: inline-grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--hsi-navy);
	color: #fff;
	font-family: "Ragtime", sans-serif;
	font-size: 1.5rem;
}

.hsi-person h3.elementor-heading-title {
	font-size: 1.5rem;
}

.hsi-person__role {
	margin: 0;
	color: var(--hsi-red);
	font-weight: 700;
}

.hsi-person__bio p {
	color: var(--hsi-muted);
	font-size: 1rem;
}

.hsi-office {
	padding: 1.75rem !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	height: 100%;
}

.hsi-office h3.elementor-heading-title {
	font-family: var(--hsi-font-brand);
	font-weight: 700;
	font-size: 1.25rem;
}

.hsi-office p + p {
	margin-top: 0.75rem;
}

.hsi-map iframe {
	border-radius: var(--hsi-radius);
}

/* ---------- Forms (Contact Form 7) ---------- */

.hsi-quote__row > .hsi-form-card { flex: 1 1 62% !important; }
.hsi-quote__row > .hsi-quote__side { flex: 1 1 38% !important; }

.hsi-form-card {
	padding: clamp(1.5rem, 3vw, 2.5rem) !important;
	background: #fff;
	border-radius: 20px;
	box-shadow: var(--hsi-shadow);
}

.hsi-form .wpcf7 p {
	margin: 0 0 1rem;
}

.hsi-form .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.hsi-form .wpcf7 select,
.hsi-form .wpcf7 textarea {
	width: 100%;
	padding: 0.8rem 1rem;
	border: 1.5px solid var(--hsi-line);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	color: var(--hsi-ink);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.hsi-form .wpcf7 input:focus,
.hsi-form .wpcf7 select:focus,
.hsi-form .wpcf7 textarea:focus {
	outline: none;
	border-color: var(--hsi-navy);
	box-shadow: 0 0 0 3px rgb(34 46 105 / 0.15);
}

.hsi-form .wpcf7 input[type="submit"] {
	padding: 0.9rem 2rem;
	border: 0;
	border-radius: 8px;
	background: var(--hsi-red);
	color: #fff;
	font-weight: 700;
	font-size: 1.0625rem;
	cursor: pointer;
}

.hsi-form .wpcf7 input[type="submit"]:hover {
	background: var(--hsi-red-dark);
}

.hsi-form .wpcf7 label {
	display: block;
	margin-bottom: 0.9rem;
	font-weight: 600;
	color: var(--hsi-navy);
}

.hsi-form .contact-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1.5rem;
}

@media (max-width: 767px) {
	.hsi-form .contact-form { grid-template-columns: 1fr; }
}

/* ---------- Newsroom ---------- */

.hsi-news .hfe-post-wrapper,
.hsi-news article {
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	overflow: hidden;
}

.hsi-news img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.hsi-news h3,
.hsi-news h3 a {
	font-family: "Source Sans 3", system-ui, sans-serif !important;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.3;
	color: var(--hsi-navy);
}

/* Single news post */
.single-post .site-main,
.single-post main#content {
	max-width: 760px;
	margin: 0 auto;
	padding: 3rem 20px 5rem;
}

.single-post .entry-title,
.single-post h1 {
	font-family: "Ragtime", sans-serif;
	font-weight: 400;
	color: var(--hsi-navy);
	font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
	line-height: 1.1;
}

/* ---------- Responsive stacking for two-column rows ---------- */

@media (max-width: 1024px) {
	.hsi-overview__row,
	.hsi-split__row,
	.hsi-story__row,
	.hsi-quote__row {
		flex-wrap: wrap !important;
	}
	.hsi-overview__row > *,
	.hsi-split__row > *,
	.hsi-story__row > *,
	.hsi-quote__row > * {
		flex-basis: 100% !important;
	}
}

/* ---------- Motion preferences ---------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}
}

/* Footer social icons sit on the left, under the text. */
.hsi-social,
.hsi-social .elementor-widget-container,
.hsi-social .elementor-social-icons-wrapper {
	text-align: left !important;
	justify-content: flex-start !important;
}

/* Wide plan tables scroll inside their box on phones. */
.hsi-prose .elementor-widget-container {
	overflow-x: auto;
}

/* ---------- Search results page ---------- */

.hsi-results {
	padding: 0 !important;
	max-width: none !important;
}

.hsi-results__inner {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 20px;
}

.hsi-results__hero {
	position: relative;
	overflow: hidden;
	background: var(--hsi-navy);
	color: #fff;
	padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.hsi-results__hero::after {
	content: "";
	position: absolute;
	right: 4%;
	bottom: -40px;
	width: 220px;
	height: 220px;
	background: var(--hsi-shield-white) center / contain no-repeat;
	opacity: 0.12;
	pointer-events: none;
}

.hsi-results__eyebrow {
	margin: 0 0 0.4rem;
	color: #ffd2d6;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.hsi-results__title {
	margin: 0;
	color: #fff !important;
	font-family: var(--hsi-font-brand);
	font-size: clamp(2rem, 1.5rem + 2vw, 3rem);
	line-height: 1.08;
}

.hsi-results__count {
	margin: 0.6rem 0 0;
	color: rgb(255 255 255 / 0.75);
}

.hsi-results__hero .hsi-search-form {
	position: relative;
	z-index: 1;
	margin-top: 1.5rem;
}

.hsi-results__hero .hsi-search-form input[type="search"] {
	border-color: transparent;
}

.hsi-results__body {
	padding: clamp(2rem, 4vw, 3rem) 0 var(--hsi-section-y);
}

.hsi-results__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.9rem;
}

.hsi-result__link {
	display: block;
	padding: 1.3rem 1.5rem;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	background: #fff;
	color: var(--hsi-ink);
	text-decoration: none;
	transition: border-color 0.15s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.hsi-result__link:hover,
.hsi-result__link:focus-visible {
	border-color: transparent;
	box-shadow: var(--hsi-shadow);
	transform: translateY(-2px);
}

.hsi-result__type {
	display: inline-block;
	margin-bottom: 0.5rem;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-red);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.hsi-result__title {
	margin: 0 0 0.4rem;
	color: var(--hsi-navy) !important;
	font-family: var(--hsi-font-brand);
	font-size: 1.45rem;
	line-height: 1.15;
}

.hsi-result__excerpt {
	margin: 0 0 0.75rem;
	color: var(--hsi-muted);
	line-height: 1.6;
}

.hsi-result__excerpt mark {
	background: #ffe2e5;
	color: var(--hsi-ink);
	border-radius: 3px;
	padding: 0 0.15em;
}

.hsi-result__more {
	color: var(--hsi-red);
	font-weight: 700;
}

.hsi-result__more span {
	display: inline-block;
	transition: transform 0.2s ease;
}

.hsi-result__link:hover .hsi-result__more span {
	transform: translateX(4px);
}

.hsi-results__pages {
	margin-top: 2rem;
}

.hsi-results__pages .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.4rem;
}

.hsi-results__pages .page-numbers {
	min-width: 44px;
	padding: 0.6rem 0.9rem;
	border: 1px solid var(--hsi-line);
	border-radius: 10px;
	color: var(--hsi-navy);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.hsi-results__pages .page-numbers.current,
.hsi-results__pages a.page-numbers:hover {
	background: var(--hsi-navy);
	border-color: var(--hsi-navy);
	color: #fff;
}

.hsi-results__empty {
	padding: 2rem;
	border-radius: var(--hsi-radius);
	background: var(--hsi-lagoon);
}

.hsi-results__empty h2 {
	margin: 0 0 0.5rem;
	color: var(--hsi-navy);
	font-family: var(--hsi-font-brand);
	font-size: 1.6rem;
}

.hsi-results__empty p {
	margin: 0;
	color: var(--hsi-muted);
}

.hsi-results__popular {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-top: 2rem;
	color: var(--hsi-muted);
	font-size: 0.95rem;
}

.hsi-results__popular span {
	font-weight: 600;
	margin-right: 0.25rem;
}

.hsi-results__popular a {
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 600;
	text-decoration: none;
}

.hsi-results__popular a:hover {
	background: var(--hsi-navy);
	color: #fff;
}

/* ---------- Instagram (home) ---------- */

.hsi-instagram #sb_instagram {
	padding-bottom: 0 !important;
}

.hsi-instagram #sb_instagram .sbi_photo {
	border-radius: 14px;
	overflow: hidden;
}

/* Placeholder photos until the live feed is connected. */
.hsi-community:has(#sb_instagram) .hsi-insta-fallback {
	display: none !important;
}

.hsi-insta-tile a {
	position: relative;
	display: block;
	border-radius: 14px;
	overflow: hidden;
}

.hsi-insta-tile img {
	width: 100% !important;
	aspect-ratio: 1;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

/* Navy wash and Instagram glyph on hover. */
.hsi-insta-tile a::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='white' stroke='none'/%3E%3C/svg%3E") center / 40px no-repeat,
		rgb(22 29 71 / 0.55);
	opacity: 0;
	z-index: 1;
	transition: opacity 0.25s ease;
}

.hsi-insta-tile a:hover::after,
.hsi-insta-tile a:focus-visible::after {
	opacity: 1;
}

.hsi-insta-tile a:hover img {
	transform: scale(1.05);
}

/* Social buttons: icons follow the text colour. */
.hsi-follow .elementor-button-icon svg {
	fill: currentColor !important;
	width: 1em;
	height: 1em;
}

/* ======================================================================
   Insurance products overview (/insurance/)
   ====================================================================== */

.hsi-ins-hero .hsi-lead strong {
	display: block;
	margin-bottom: 0.35rem;
	color: #fff;
	font-size: 1.15em;
	font-weight: 600;
}

/* Personal / Business / Life tabs overlapping the bottom of the banner. */
.hsi-ins-tabs {
	position: relative;
	z-index: 5;
	margin-top: -96px;
}

.hsi-ins-tab {
	position: relative;
	height: 100%;
	padding: 1.9rem 1.75rem;
	background: #fff;
	border-radius: var(--hsi-radius);
	box-shadow: var(--hsi-shadow);
	transition: transform 0.2s ease;
}

.hsi-ins-tab::after {
	content: "";
	position: absolute;
	left: 1.5rem;
	right: 1.5rem;
	bottom: 0;
	height: 4px;
	border-radius: 4px 4px 0 0;
	background: var(--hsi-red);
	transform: scaleX(0);
	transition: transform 0.25s ease;
}

.hsi-ins-tab:hover { transform: translateY(-3px); }
.hsi-ins-tab:hover::after,
.hsi-ins-tab.is-active::after { transform: scaleX(1); }

.hsi-ins-tab .elementor-icon-box-wrapper {
	display: flex !important;
	align-items: center;
	gap: 1.25rem;
	text-align: left !important;
}

.hsi-ins-tab .elementor-icon-box-icon { margin: 0 !important; flex-shrink: 0; }

.hsi-ins-tab .elementor-icon {
	display: grid;
	place-items: center;
	width: 68px;
	height: 68px;
	border-radius: 16px;
	background: var(--hsi-lagoon);
	transition: background-color 0.2s ease;
}

.hsi-ins-tab .elementor-icon svg { width: 28px; height: 28px; fill: var(--hsi-navy) !important; transition: fill 0.2s ease; }
.hsi-ins-tab:hover .elementor-icon,
.hsi-ins-tab.is-active .elementor-icon { background: var(--hsi-navy); }
.hsi-ins-tab:hover .elementor-icon svg,
.hsi-ins-tab.is-active .elementor-icon svg { fill: #fff !important; }

.hsi-ins-tab .elementor-icon-box-title {
	margin: 0 0 0.2rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.4rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.hsi-ins-tab .elementor-icon-box-title a { color: var(--hsi-navy); }
.hsi-ins-tab .elementor-icon-box-title a::after { content: ""; position: absolute; inset: 0; }
.hsi-ins-tab .elementor-icon-box-description { margin: 0; color: var(--hsi-muted); font-size: 1.05rem; }

/* Group heading row. */
.hsi-ins-group__head { margin-bottom: 2rem; }
.hsi-ins-group__head .hsi-intro { margin-bottom: 0; }
.hsi-ins-tabs + .hsi-ins-group { padding-top: calc(var(--hsi-section-y) * 0.75) !important; }

/* Product photo cards. */
.hsi-prodcards > .elementor-element { height: 100%; }

.hsi-prodcard {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-tint .hsi-prodcard { border-color: transparent; }

.hsi-prodcard:hover {
	transform: translateY(-4px);
	box-shadow: var(--hsi-shadow);
	border-color: transparent;
}

.hsi-prodcard__img,
.hsi-prodcard__img .elementor-widget-container { margin: 0 !important; overflow: hidden; }

.hsi-prodcard__img img {
	display: block;
	width: 100% !important;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 0 !important;
	transition: transform 0.5s ease;
}

.hsi-prodcard:hover .hsi-prodcard__img img { transform: scale(1.05); }
.hsi-prodcard__body { flex-grow: 1; }

.hsi-prodcard__title .elementor-heading-title {
	font-size: 1.2rem !important;
	line-height: 1.3;
}

.hsi-prodcard__title a { color: var(--hsi-navy); }
/* Whole card is clickable through the title link. */
.hsi-prodcard__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.hsi-prodcard__text p { color: var(--hsi-muted); font-size: 1rem; }

.hsi-prodcard__more { margin-top: auto !important; padding-top: 0.6rem; }
.hsi-prodcard__more p {
	color: var(--hsi-red);
	font-family: var(--hsi-font-brand);
	font-weight: 700;
	font-size: 0.975rem;
}

.hsi-prodcard__more span { display: inline-block; transition: transform 0.2s ease; }
.hsi-prodcard:hover .hsi-prodcard__more span { transform: translateX(4px); }

/* "Also available" links under each group. */
.hsi-ins-group__more { margin-top: 1.75rem; align-items: baseline !important; }
.hsi-ins-group__label p { color: var(--hsi-muted); font-weight: 600; }
.hsi-ins-group__more .hsi-chips { flex: 1 1 0; }
.hsi-ins-group__more .hsi-chips .elementor-icon-list-items { margin: 0 !important; }
.hsi-tint .hsi-chips--light .elementor-icon-list-item a { background: #fff; }
.hsi-tint .hsi-chips--light .elementor-icon-list-item a:hover { background: var(--hsi-navy); }

@media (max-width: 1024px) {
	.hsi-ins-tab { padding: 1.4rem 1.3rem; }
	.hsi-ins-tab .elementor-icon-box-wrapper { gap: 1rem; }
	.hsi-ins-tab .elementor-icon { width: 58px; height: 58px; }
	.hsi-ins-tab .elementor-icon-box-title { font-size: 1.2rem !important; }
}

@media (max-width: 767px) {
	/* Tabs stack as slim rows: icon, then title and line of text. */
	.hsi-ins-tabs { margin-top: -48px; }
	.hsi-ins-tabs__grid { gap: 10px !important; }
	.hsi-ins-tab { padding: 1.1rem 1.15rem; }
	.hsi-ins-tab::after { left: 1rem; right: 1rem; height: 3px; }
	.hsi-ins-tab .elementor-icon { width: 52px; height: 52px; border-radius: 14px; }
	.hsi-ins-tab .elementor-icon svg { width: 22px; height: 22px; }
	.hsi-ins-tab .elementor-icon-box-title { font-size: 1.15rem !important; }
	.hsi-ins-tab .elementor-icon-box-description { font-size: 0.95rem; }
	.hsi-ins-group__head { margin-bottom: 1.5rem; }
	.hsi-ins-group__more { flex-direction: column !important; align-items: flex-start !important; gap: 0.6rem !important; }
	.hsi-ins-group__more .hsi-chips { flex: none; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.hsi-prodcard,
	.hsi-prodcard__img img,
	.hsi-ins-tab { transition: none; }
	.hsi-prodcard:hover,
	.hsi-ins-tab:hover,
	.hsi-prodcard:hover .hsi-prodcard__img img { transform: none; }
}

/* ======================================================================
   Meet the team (/meet-the-team/)
   ====================================================================== */

.hsi-lead--split strong {
	display: block;
	margin-bottom: 0.35rem;
	color: #fff;
	font-size: 1.15em;
	font-weight: 600;
}

.hsi-team { padding-top: 0 !important; }

/* Without JavaScript (and inside Elementor) each team shows as its own block. */
.hsi-team-dept__title .elementor-heading-title {
	font-size: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
}

/* Filter bar: team buttons and search. Sticks under the header while browsing. */
.hsi-team__bar {
	position: sticky;
	top: 132px;
	z-index: 30;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	box-sizing: border-box;
	width: calc(100% + 40px);
	min-width: 0;
	margin: 0 -20px 2rem;
	padding: 1.1rem 20px;
	background: rgb(255 255 255 / 0.96);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--hsi-line);
}

.admin-bar .hsi-team__bar { top: calc(132px + var(--wp-admin--admin-bar--height, 32px)); }

.hsi-team__filters {
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.hsi-team__filter {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem 1rem;
	border: 1px solid var(--hsi-line);
	border-radius: 999px;
	background: #fff;
	color: var(--hsi-navy);
	font: 600 0.95rem/1.2 "Source Sans 3", system-ui, sans-serif;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.hsi-team__filter span {
	min-width: 1.6em;
	padding: 0.1rem 0.4rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-muted);
	font-size: 0.8rem;
	text-align: center;
}

/* Beat the theme's and Elementor kit's global button colours. */
.hsi-team__bar .hsi-team__filter {
	background: #fff !important;
	border-color: var(--hsi-line) !important;
	color: var(--hsi-navy) !important;
	font-family: "Source Sans 3", system-ui, sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
}

.hsi-team__bar .hsi-team__filter:hover,
.hsi-team__bar .hsi-team__filter:focus-visible { border-color: var(--hsi-navy) !important; }

.hsi-team__bar .hsi-team__filter[aria-pressed="true"] {
	background: var(--hsi-navy) !important;
	border-color: var(--hsi-navy) !important;
	color: #fff !important;
}

.hsi-team__filter[aria-pressed="true"] span { background: rgb(255 255 255 / 0.18); color: #fff; }

.hsi-team__search {
	position: relative;
	flex: 0 0 260px;
}

.hsi-team__search input {
	width: 100%;
	padding: 0.6rem 1rem 0.6rem 2.5rem;
	border: 1px solid var(--hsi-line);
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-ink);
	font-size: 0.975rem;
}

.hsi-team__search input:focus { outline: 2px solid var(--hsi-navy); outline-offset: 1px; background: #fff; }

.hsi-team__search svg {
	position: absolute;
	left: 0.95rem;
	top: 50%;
	width: 15px;
	height: 15px;
	transform: translateY(-50%);
	fill: var(--hsi-muted);
	pointer-events: none;
}

/* With JavaScript: everyone in one continuous grid; the team headings become the buttons. */
.hsi-team__teams.is-ready {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 28px 20px !important;
}

.hsi-team__teams.is-ready .hsi-team-dept,
.hsi-team__teams.is-ready .hsi-members { display: contents !important; }

.hsi-team__teams.is-ready .hsi-team-dept__title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.hsi-team__teams.is-ready .hsi-member.is-hidden { display: none !important; }

.hsi-team__empty {
	grid-column: 1 / -1;
	padding: 3rem 1rem;
	text-align: center;
	color: var(--hsi-muted);
	font-size: 1.1rem;
}

/* Person card. */
.hsi-member {
	height: 100%;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: var(--hsi-radius);
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	animation: hsi-member-in 0.35s ease both;
}

.hsi-member:hover {
	transform: translateY(-4px);
	box-shadow: var(--hsi-shadow);
	border-color: transparent;
}

.hsi-member .elementor-widget-container,
.hsi-member .elementor-image-box-wrapper { height: 100%; }

.hsi-member .elementor-image-box-img {
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden;
	background: var(--hsi-lagoon);
}

.hsi-member .elementor-image-box-img img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 50% 18%;
	transition: transform 0.5s ease;
}

.hsi-member:hover .elementor-image-box-img img { transform: scale(1.04); }

.hsi-member .elementor-image-box-content {
	padding: 0.95rem 1rem 1.1rem;
	text-align: left;
}

.hsi-member__team {
	display: block;
	margin-bottom: 0.3rem;
	color: var(--hsi-red);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hsi-member .elementor-image-box-title {
	margin: 0 0 0.25rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	line-height: 1.3 !important;
	color: var(--hsi-navy);
}

.hsi-member .elementor-image-box-description {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.925rem;
	line-height: 1.4;
}

@keyframes hsi-member-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

/* Join our team band. */
.hsi-join { padding-bottom: var(--hsi-section-y) !important; }

.hsi-join__row {
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 4vw, 3rem) !important;
	background: var(--hsi-lagoon) var(--hsi-shield) no-repeat right -40px center / 220px;
	border-radius: calc(var(--hsi-radius) + 4px);
	position: relative;
	overflow: hidden;
}

.hsi-join__row::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--hsi-lagoon) 70%, rgb(238 243 248 / 0.75));
	pointer-events: none;
}

.hsi-join__row > * { position: relative; }
.hsi-join__text { flex: 1 1 auto; }
.hsi-join__row .hsi-btn .elementor-button { white-space: nowrap; }
.hsi-join__text h2.elementor-heading-title { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem); }
.hsi-join__text p { color: var(--hsi-muted); font-size: 1.05rem; }

.hsi-join__icon .elementor-icon {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border-radius: 18px;
	background: var(--hsi-navy);
}

.hsi-join__icon .elementor-icon svg { width: 32px; height: 32px; fill: #fff !important; }

@media (max-width: 1100px) {
	.hsi-team__teams.is-ready { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
	.hsi-team__bar { flex-direction: column; align-items: stretch; }
	.hsi-team__search { flex-basis: auto; }
	.hsi-team__teams.is-ready { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.hsi-team__bar { top: 95px; padding-block: 0.8rem; gap: 0.7rem; }
	.admin-bar .hsi-team__bar { top: 95px; }
	/* One swipeable row of buttons on phones. */
	.hsi-team__filters { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; padding: 0 20px 2px; scrollbar-width: none; }
	.hsi-team__filters::-webkit-scrollbar { display: none; }
	.hsi-team__filter { padding: 0.5rem 0.85rem; font-size: 0.9rem; }
	.hsi-team__teams.is-ready { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px !important; }
	.hsi-member .elementor-image-box-content { padding: 0.75rem 0.8rem 0.9rem; }
	.hsi-member .elementor-image-box-title { font-size: 0.975rem !important; }
	.hsi-member .elementor-image-box-description { font-size: 0.85rem; }
	.hsi-member__team { font-size: 0.68rem; }
	.hsi-join__row { flex-direction: column; align-items: flex-start !important; }
}

@media (prefers-reduced-motion: reduce) {
	.hsi-member { animation: none; transition: none; }
	.hsi-member:hover,
	.hsi-member:hover .elementor-image-box-img img { transform: none; }
}

/* ======================================================================
   Motor insurance page (hsi-build-motor.php)
   ====================================================================== */

/* ---------- Key facts: glass cards inside the banner ---------- */

.hsi-hero-split > .hsi-page-hero__content {
	flex: 1 1 auto !important;
}

.hsi-hero-facts {
	flex: 0 0 360px !important;
	position: relative;
	z-index: 2;
}

/* The facts take the shield watermark's spot. */
.hsi-page-hero:has(.hsi-hero-facts) > .e-con-inner::after {
	display: none;
}

.hsi-fact {
	position: relative;
	padding: 0.9rem 1.1rem;
	border: 1px solid rgb(255 255 255 / 0.22);
	border-radius: 16px;
	background: rgb(255 255 255 / 0.1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.hsi-fact:hover {
	background: rgb(255 255 255 / 0.18);
	transform: translateX(-4px);
}

.hsi-fact .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 0.9rem;
	text-align: left !important;
}

.hsi-fact .elementor-icon-box-icon {
	flex: 0 0 auto;
	margin: 0 !important;
	line-height: 0;
}

.hsi-fact .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--hsi-red);
}

.hsi-fact .elementor-icon svg {
	width: 20px;
	height: 20px;
	fill: #fff !important;
}

.hsi-fact .elementor-icon-box-title {
	margin: 0 0 0.1rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.15rem !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}

.hsi-fact .elementor-icon-box-title a {
	color: #fff;
}

.hsi-fact .elementor-icon-box-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.hsi-fact .elementor-icon-box-description {
	margin: 0;
	color: rgb(255 255 255 / 0.8);
	font-size: 0.875rem;
	line-height: 1.4;
}

/* ---------- Plan cards ---------- */

.hsi-plans > .e-con {
	height: 100%;
}

.hsi-plan {
	position: relative;
	padding: 1.75rem !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hsi-plan:hover {
	transform: translateY(-4px);
	box-shadow: var(--hsi-shadow);
}

.hsi-plan--featured {
	border: 2px solid var(--hsi-navy);
	box-shadow: var(--hsi-shadow);
}

/* "Most complete cover" ribbon, sitting on the card's top edge. */
.hsi-plan__ribbon {
	position: absolute !important;
	top: -14px;
	left: 1.75rem;
	width: auto !important;
	margin: 0 !important;
}

.hsi-plan__ribbon p {
	margin: 0;
	padding: 0.3rem 0.8rem;
	border-radius: 999px;
	background: var(--hsi-red);
	color: #fff;
	font-family: var(--hsi-font-brand);
	font-size: 0.8125rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.hsi-plan__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: #e6ebf6;
}

.hsi-plan--featured .hsi-plan__icon .elementor-icon {
	background: var(--hsi-navy);
}

.hsi-plan__icon .elementor-icon svg {
	width: 24px;
	height: 24px;
	fill: var(--hsi-navy) !important;
}

.hsi-plan--featured .hsi-plan__icon .elementor-icon svg {
	fill: #fff !important;
}

.hsi-plan__head > .elementor-element {
	width: auto !important;
}

.hsi-plan__tag p {
	margin: 0;
	padding: 0.3rem 0.75rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.hsi-plan__title .elementor-heading-title {
	margin: 0.25rem 0 0;
	color: var(--hsi-navy);
	font-size: 1.6rem !important;
}

.hsi-plan__desc p {
	margin: 0;
	color: var(--hsi-muted);
}

.hsi-plan__label p {
	margin: 0.25rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--hsi-line);
	color: var(--hsi-navy);
	font-weight: 700;
}

.hsi-plan .hsi-ticks {
	flex-grow: 1;
}

.hsi-plan .hsi-ticks .elementor-icon-list-text {
	font-size: 1rem;
	font-weight: 500;
	color: var(--hsi-ink);
}

.hsi-plan .hsi-ticks .elementor-icon-list-icon {
	height: 1.5rem;
}

.hsi-plan__btn,
.hsi-plan__btn .elementor-button {
	width: 100%;
	justify-content: center;
}

/* ---------- Current offers ---------- */

.hsi-offers {
	padding-top: 0 !important;
}

.hsi-promos > .e-con {
	height: 100%;
}

.hsi-promo {
	overflow: hidden;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	background: #fff;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hsi-promo:hover {
	transform: translateY(-4px);
	box-shadow: var(--hsi-shadow);
}

/* Flyers are portrait; show the top part as a tall thumbnail and the whole flyer in the lightbox. */
.hsi-promo__img {
	position: relative;
	overflow: hidden;
	line-height: 0;
	background: var(--hsi-lagoon);
}

.hsi-promo__img img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3.6;
	object-fit: cover;
	object-position: top center;
	transition: transform 0.4s ease;
}

/* The eco flyer's message sits at the bottom. */
.hsi-promo__img img[src*="Eco-Discount"] {
	object-position: center 74%;
}

.hsi-promo:hover .hsi-promo__img img {
	transform: scale(1.04);
}

/* "View flyer" hint on the image. */
.hsi-promo__img a::after {
	content: "View flyer";
	line-height: 1.3;
	position: absolute;
	right: 0.9rem;
	bottom: 0.9rem;
	padding: 0.35rem 0.8rem;
	border-radius: 999px;
	background: rgb(22 29 71 / 0.85);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
}

.hsi-promo__body {
	flex-grow: 1;
	padding: 1.25rem 1.4rem 1.4rem !important;
}

.hsi-promo__label p {
	display: inline-block;
	margin: 0;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	background: rgb(232 29 45 / 0.1);
	color: var(--hsi-red-dark);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.hsi-promo__title .elementor-heading-title {
	color: var(--hsi-navy);
	font-size: 1.35rem !important;
}

.hsi-promo__desc {
	flex-grow: 1;
}

.hsi-promo__desc p {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.hsi-promo__link p {
	margin: 0.25rem 0 0;
}

.hsi-promo__link a {
	color: var(--hsi-red);
	font-family: var(--hsi-font-brand);
	font-size: 1.05rem;
}

.hsi-offers__terms p {
	margin: 1.25rem 0 0;
	color: #8a91ad;
	font-size: 0.875rem;
}

/* ---------- Double Platinum band ---------- */

.hsi-platinum {
	padding-block: var(--hsi-section-y) !important;
	/* Solid colour first: Elementor hides background images until a section scrolls into view. */
	background-color: var(--hsi-navy-deep);
	background-image:
		radial-gradient(circle at 85% 20%, rgb(255 255 255 / 0.08), transparent 45%),
		linear-gradient(135deg, var(--hsi-navy-deep), var(--hsi-navy));
	color: #fff;
}

.hsi-platinum__text {
	flex: 1 1 55% !important;
}

.hsi-platinum__stats {
	flex: 1 1 45% !important;
}

.hsi-eyebrow p {
	margin: 0;
	color: var(--hsi-red);
	font-family: var(--hsi-font-brand);
	font-size: 0.9375rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hsi-platinum .hsi-eyebrow p {
	color: #ffb4ba;
}

.hsi-platinum .elementor-heading-title {
	color: #fff;
}

.hsi-platinum .hsi-lead p {
	color: rgb(255 255 255 / 0.85);
}

.hsi-ticks--light .elementor-icon-list-text {
	color: #fff !important;
}

.hsi-ticks--light .elementor-icon-list-icon svg {
	fill: #ff6b77 !important;
}

.hsi-platinum__note p {
	margin: 0.5rem 0 0;
	padding: 0.9rem 1.1rem;
	border-left: 3px solid var(--hsi-red);
	border-radius: 0 10px 10px 0;
	background: rgb(255 255 255 / 0.08);
	color: rgb(255 255 255 / 0.9);
}

.hsi-platinum__stats-label p {
	margin: 0;
	color: rgb(255 255 255 / 0.75);
	font-weight: 600;
}

.hsi-lou__tile p {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	height: 100%;
	margin: 0;
	padding: 1.4rem 0.6rem;
	border: 1px solid rgb(255 255 255 / 0.18);
	border-radius: 16px;
	background: rgb(255 255 255 / 0.07);
	text-align: center;
}

.hsi-lou__tile:first-child p {
	background: #fff;
	border-color: #fff;
}

.hsi-lou__tile strong {
	font-family: var(--hsi-font-brand);
	font-size: clamp(1.2rem, 0.95rem + 0.7vw, 1.6rem);
	white-space: nowrap;
	font-weight: 400;
	line-height: 1.1;
	color: #fff;
}

.hsi-lou__tile:first-child strong {
	color: var(--hsi-red);
}

.hsi-lou__tile span {
	color: rgb(255 255 255 / 0.75);
	font-size: 0.9375rem;
	font-weight: 600;
}

.hsi-lou__tile:first-child span {
	color: var(--hsi-navy);
}

/* ---------- How to get covered ---------- */

.hsi-get-covered__row {
	margin-bottom: 2rem;
}

.hsi-steps {
	flex: 1 1 65% !important;
}

.hsi-need {
	flex: 1 1 35% !important;
	padding: 1.75rem !important;
	border-radius: 20px;
	background: var(--hsi-lagoon);
}

.hsi-need .elementor-heading-title {
	color: var(--hsi-navy);
}

.hsi-step {
	position: relative;
	padding: 1.5rem !important;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	background: #fff;
}

.hsi-step__num p {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin: 0 0 0.4rem;
	border-radius: 50%;
	background: var(--hsi-red);
	color: #fff;
	font-family: var(--hsi-font-brand);
	font-size: 1.25rem;
	line-height: 1;
}

.hsi-step__title .elementor-heading-title {
	color: var(--hsi-navy);
	font-size: 1.25rem !important;
}

.hsi-step__body p {
	margin: 0;
	color: var(--hsi-muted);
}

.hsi-step__body a {
	color: var(--hsi-navy);
	font-weight: 700;
}

/* ---------- After an accident ---------- */

.hsi-helps > .e-con {
	height: 100%;
}

.hsi-help {
	padding: 1.75rem !important;
	border-radius: 20px;
	background: #fff;
	border-top: 4px solid var(--hsi-navy);
}

.hsi-help--alert {
	border-top-color: var(--hsi-red);
}

.hsi-help__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: #e6ebf6;
}

.hsi-help__icon .elementor-icon svg {
	width: 24px;
	height: 24px;
	fill: var(--hsi-navy) !important;
}

.hsi-help--alert .hsi-help__icon .elementor-icon {
	background: rgb(232 29 45 / 0.1);
}

.hsi-help--alert .hsi-help__icon .elementor-icon svg {
	fill: var(--hsi-red) !important;
}

.hsi-help__title .elementor-heading-title {
	color: var(--hsi-navy);
	font-size: 1.35rem !important;
}

.hsi-help__body p {
	margin: 0 0 0.9rem;
	color: var(--hsi-muted);
}

.hsi-help__body strong {
	color: var(--hsi-ink);
}

.hsi-help__body a[href^="tel:"] {
	display: inline-block;
	margin-top: 0.2rem;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 700;
	text-decoration: none;
}

.hsi-help__body a[href^="tel:"]:hover {
	background: var(--hsi-navy);
	color: #fff;
}

.hsi-help__link {
	color: var(--hsi-red) !important;
	font-family: var(--hsi-font-brand);
	font-size: 1.05rem;
}

.hsi-notes {
	margin-top: 1.5rem;
}

.hsi-note {
	flex: 1 1 50% !important;
}

.hsi-note p {
	height: 100%;
	margin: 0;
	padding: 1rem 1.25rem;
	border-radius: 14px;
	background: #fff4e5;
	border-left: 4px solid #e0a100;
	color: #5c4300;
}

.hsi-note strong {
	color: #3d2c00;
}

/* ---------- Forms and documents ---------- */

.hsi-docs > .e-con {
	height: 100%;
}

.hsi-doc {
	position: relative;
	padding: 1.4rem !important;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	background: #fff;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-doc:hover {
	transform: translateY(-4px);
	border-color: transparent;
	box-shadow: var(--hsi-shadow);
}

/* File badge drawn as a page with a folded corner. */
.hsi-doc__type {
	flex: 0 0 auto;
	width: auto !important;
}

.hsi-doc__type p {
	position: relative;
	display: grid;
	place-items: end center;
	width: 52px;
	height: 64px;
	margin: 0;
	padding-bottom: 9px;
	border-radius: 8px 18px 8px 8px;
	background: linear-gradient(160deg, #ff4a57, var(--hsi-red-dark));
	color: #fff;
	font-family: var(--hsi-font-brand);
	font-size: 0.875rem;
	letter-spacing: 0.04em;
	box-shadow: 0 10px 18px -10px rgb(195 20 34 / 0.8);
}

.hsi-doc__type p::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
	border-radius: 0 0 0 6px;
	background: rgb(255 255 255 / 0.45);
}

.hsi-doc__body {
	flex: 1 1 auto !important;
	min-width: 0;
}

.hsi-doc__label p {
	display: inline-block;
	margin: 0;
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.hsi-doc__title .elementor-heading-title {
	margin: 0.2rem 0 0;
	font-size: 1.2rem !important;
	line-height: 1.25;
}

.hsi-doc__title a {
	color: var(--hsi-navy);
}

/* Whole card is the download link. */
.hsi-doc__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.hsi-doc__desc p {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.45;
}

.hsi-doc__desc .hsi-doc__meta {
	margin-top: 0.5rem;
	color: #8a91ad;
	font-size: 0.8125rem;
	font-weight: 600;
}

.hsi-doc__btn {
	flex: 0 0 auto;
	width: auto !important;
	align-self: center;
	position: relative;
	z-index: 2;
}

.hsi-doc__btn .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--hsi-lagoon);
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.hsi-doc__btn .elementor-icon svg {
	width: 16px;
	height: 16px;
	fill: var(--hsi-navy) !important;
	transition: fill 0.2s ease;
}

.hsi-doc:hover .hsi-doc__btn .elementor-icon {
	background: var(--hsi-red);
	transform: translateY(2px);
}

.hsi-doc:hover .hsi-doc__btn .elementor-icon svg {
	fill: #fff !important;
}

/* ---------- FAQs: two columns ---------- */

.hsi-faq__side {
	flex: 0 0 34% !important;
	position: sticky !important;
	top: 210px;
}

.hsi-faq__side .elementor-heading-title {
	color: var(--hsi-navy);
}

.hsi-faq__main {
	flex: 1 1 auto !important;
	min-width: 0;
}

.hsi-ask {
	margin-top: 0.75rem;
	padding: 1.5rem !important;
	border-radius: 20px;
	background: var(--hsi-navy);
	color: #fff;
}

.hsi-ask .elementor-heading-title {
	color: #fff !important;
	font-size: 1.35rem !important;
}

.hsi-ask p {
	margin: 0 0 0.6rem;
	color: rgb(255 255 255 / 0.85);
}

.hsi-ask a {
	color: #fff;
	font-weight: 700;
}

.hsi-ask .hsi-btn {
	margin-top: 0.25rem;
}

/* Questions as one clean list; the open one gets a red edge. */
.hsi-faq-section .hsi-faq .e-n-accordion {
	max-width: none;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item {
	margin-bottom: 0.65rem;
	border: 1px solid transparent;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 2px rgb(22 29 71 / 0.05);
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item:hover {
	border-color: var(--hsi-line);
}

.hsi-faq-section .hsi-faq .e-n-accordion-item[open] {
	border-color: transparent;
	box-shadow: inset 4px 0 0 var(--hsi-red), var(--hsi-shadow);
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title {
	gap: 1rem !important;
	padding: 1.15rem 1.4rem !important;
	background: transparent !important;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title-header {
	flex: 1 1 auto;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title-text {
	font-size: 1.0625rem;
	line-height: 1.4;
}

/* Round +/- button on the right. */
.hsi-faq-section .hsi-faq .e-n-accordion-item-title-icon {
	order: 2 !important;
	flex: 0 0 auto;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title-icon span {
	display: grid !important;
	place-items: center;
	width: 34px;
	height: 34px !important;
	border-radius: 50%;
	background: var(--hsi-lagoon);
	transition: background-color 0.2s ease;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title-icon .e-closed {
	display: grid !important;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title-icon .e-opened {
	display: none !important;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed {
	display: none !important;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened {
	display: grid !important;
	background: var(--hsi-red);
}

.hsi-faq-section .hsi-faq .e-n-accordion-item-title-icon svg {
	width: 13px;
	height: 13px !important;
	fill: var(--hsi-navy) !important;
}

.hsi-faq-section .hsi-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg {
	fill: #fff !important;
}

.hsi-faq-section .hsi-faq .hsi-faq__answer {
	padding: 0 1.4rem 1.3rem !important;
}

.hsi-faq-section .hsi-faq .hsi-faq__answer p {
	color: var(--hsi-muted);
	line-height: 1.6;
}

/* ---------- Householder's: risks we cover ---------- */

.hsi-perils > .elementor-element {
	height: 100%;
}

.hsi-peril {
	position: relative;
	height: 100%;
	padding: 1.4rem 1.5rem;
	border: 1px solid var(--hsi-line);
	border-radius: 18px;
	background: #fff;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-peril:hover {
	transform: translateY(-3px);
	border-color: transparent;
	box-shadow: var(--hsi-shadow);
}

.hsi-peril .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start;
	gap: 1rem;
	text-align: left !important;
}

.hsi-peril .elementor-icon-box-icon {
	flex: 0 0 auto;
	margin: 0 !important;
	line-height: 0;
}

.hsi-peril .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 14px;
	background: rgb(232 29 45 / 0.1);
	transition: background-color 0.2s ease;
}

.hsi-peril .elementor-icon svg {
	width: 22px;
	height: 22px;
	fill: var(--hsi-red) !important;
	transition: fill 0.2s ease;
}

.hsi-peril:hover .elementor-icon {
	background: var(--hsi-red);
}

.hsi-peril:hover .elementor-icon svg {
	fill: #fff !important;
}

.hsi-peril .elementor-icon-box-title {
	margin: 0.15rem 0 0.3rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	color: var(--hsi-navy);
}

.hsi-peril .elementor-icon-box-description {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.hsi-covered__note p {
	margin: 1.5rem 0 0;
	padding: 1rem 1.25rem;
	border-left: 4px solid var(--hsi-navy);
	border-radius: 0 12px 12px 0;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 600;
}

/* ---------- Householder's: extra cover band ---------- */

.hsi-extra-tiles {
	flex: 1 1 45% !important;
}

.hsi-extra-tiles > .elementor-element {
	height: 100%;
}

.hsi-extra-tile {
	height: 100%;
	padding: 1.4rem;
	border: 1px solid rgb(255 255 255 / 0.18);
	border-radius: 18px;
	background: rgb(255 255 255 / 0.07);
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.hsi-extra-tile:hover {
	background: rgb(255 255 255 / 0.13);
	transform: translateY(-3px);
}

.hsi-extra-tile .elementor-icon-box-wrapper {
	text-align: left !important;
}

.hsi-extra-tile .elementor-icon-box-icon {
	margin-bottom: 0.9rem !important;
	line-height: 0;
}

.hsi-extra-tile .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #fff;
}

.hsi-extra-tile .elementor-icon svg {
	width: 22px;
	height: 22px;
	fill: var(--hsi-red) !important;
}

.hsi-extra-tile .elementor-icon-box-title {
	margin: 0 0 0.25rem !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	color: #fff;
}

.hsi-extra-tile .elementor-icon-box-description {
	margin: 0;
	color: rgb(255 255 255 / 0.78);
	font-size: 0.9375rem;
	line-height: 1.45;
}

.hsi-extras .hsi-btn {
	margin-top: 0.25rem;
}

/* ---------- Travel: plan limit, not covered, buy online ---------- */

.hsi-plan__limit p {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.15rem 0.5rem;
	margin: 0;
	padding: 0.85rem 1rem;
	border-radius: 14px;
	background: var(--hsi-lagoon);
}

.hsi-plan--featured .hsi-plan__limit p {
	background: rgb(232 29 45 / 0.07);
}

.hsi-plan__limit strong {
	font-family: var(--hsi-font-brand);
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
	color: var(--hsi-navy);
}

.hsi-plan--featured .hsi-plan__limit strong {
	color: var(--hsi-red);
}

.hsi-plan__limit span {
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	font-weight: 600;
}

.hsi-notcovered__intro {
	flex: 0 0 34% !important;
}

.hsi-notcovered__intro .elementor-heading-title {
	color: var(--hsi-navy);
}

.hsi-notcovered__card {
	flex: 1 1 auto !important;
	padding: 1.75rem 2rem !important;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 1px 2px rgb(22 29 71 / 0.05);
}

.hsi-xlist--grid .elementor-icon-list-items {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.9rem 2rem;
}

.hsi-xlist--grid .elementor-icon-list-item {
	display: flex !important;
	align-items: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hsi-xlist--grid .elementor-icon-list-item::after {
	display: none !important;
}

.hsi-xlist--grid .elementor-icon-list-icon {
	display: flex !important;
	align-items: center;
	height: 1.6rem;
}

.hsi-xlist--grid .elementor-icon-list-icon svg {
	width: 1.1rem !important;
	height: 1.1rem !important;
	fill: #b4bacf !important;
}

.hsi-xlist--grid .elementor-icon-list-text {
	align-self: flex-start !important;
	color: var(--hsi-ink);
	font-size: 1rem;
	line-height: 1.6;
}

.hsi-notcovered .hsi-todo {
	margin-top: 1.75rem;
}

.hsi-buyonline__img {
	flex: 0 0 42% !important;
	line-height: 0;
}

.hsi-buyonline__img {
	text-align: right;
}

/* The photo has faded strips at both sides; crop to the middle. */
.hsi-buyonline__img img {
	width: min(100%, 460px);
	aspect-ratio: 1.1;
	object-fit: cover;
	border-radius: 24px;
	box-shadow: 0 30px 60px -25px rgb(0 0 0 / 0.6);
}

/* ---------- Overview pages: covers grouped by need ---------- */

.hsi-cat {
	padding-block: 2rem !important;
	border-top: 1px solid var(--hsi-line);
}

.hsi-cat:first-child {
	border-top: 0;
	padding-top: 0.5rem !important;
}

.hsi-cat__intro {
	flex: 0 0 30% !important;
	position: sticky !important;
	top: 210px;
}

.hsi-cat__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: rgb(232 29 45 / 0.1);
}

.hsi-cat__icon .elementor-icon svg {
	width: 24px;
	height: 24px;
	fill: var(--hsi-red) !important;
}

.hsi-cat__title .elementor-heading-title {
	color: var(--hsi-navy);
	font-size: 1.5rem !important;
}

.hsi-cat__desc p {
	margin: 0;
	color: var(--hsi-muted);
}

.hsi-cat__cards {
	flex: 1 1 auto !important;
}

.hsi-cat__cards > .e-con {
	height: 100%;
}

/* Compact product card. */
.hsi-mini {
	position: relative;
	padding: 0.75rem !important;
	border: 1px solid var(--hsi-line);
	border-radius: 18px;
	background: #fff;
	align-items: center !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-mini:hover {
	transform: translateY(-3px);
	border-color: transparent;
	box-shadow: var(--hsi-shadow);
}

.hsi-mini__img {
	flex: 0 0 104px !important;
	width: 104px !important;
	line-height: 0;
}

.hsi-mini__img img {
	width: 104px;
	height: 104px;
	object-fit: cover;
	border-radius: 12px;
}

.hsi-mini__body {
	flex: 1 1 auto !important;
	min-width: 0;
	padding-right: 2.25rem !important;
}

.hsi-mini__title .elementor-heading-title {
	font-size: 1.15rem !important;
	line-height: 1.25;
}

.hsi-mini__title a {
	color: var(--hsi-navy);
}

/* Whole card is the link. */
.hsi-mini__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.hsi-mini__text p {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.45;
}

/* Arrow button on the right. */
.hsi-mini::after {
	content: "→";
	position: absolute;
	right: 1rem;
	top: 50%;
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	margin-top: -15px;
	border-radius: 50%;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 700;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hsi-mini:hover::after {
	background: var(--hsi-red);
	color: #fff;
	transform: translateX(3px);
}

.hsi-cats + .hsi-why {
	margin-top: 0;
}

/* ---------- Motor page: tablet and phone ---------- */

@media (max-width: 1024px) {
	.hsi-platinum__row,
	.hsi-get-covered__row { flex-wrap: wrap !important; }
	.hsi-platinum__text,
	.hsi-platinum__stats,
	.hsi-extra-tiles,
	.hsi-steps,
	.hsi-need { flex-basis: 100% !important; }
	.hsi-plans { max-width: 640px; margin-inline: auto; }
	.hsi-hero-split { flex-wrap: wrap !important; }
	.hsi-faq__row { flex-wrap: wrap !important; }
	.hsi-cat { flex-wrap: wrap !important; }
	.hsi-cat__intro { flex-basis: 100% !important; position: static !important; }
	.hsi-cat__cards { flex-basis: 100% !important; }
	.hsi-notcovered__row { flex-wrap: wrap !important; }
	.hsi-notcovered__intro, .hsi-notcovered__card, .hsi-buyonline__img { flex-basis: 100% !important; }
	.hsi-promos { grid-template-columns: repeat(2, 1fr) !important; }
	.hsi-faq__side { flex-basis: 100% !important; position: static !important; }
	.hsi-faq__main { flex-basis: 100% !important; }
	.hsi-hero-facts { flex: 1 1 100% !important; display: grid !important; grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.hsi-hero-facts { grid-template-columns: 1fr; gap: 8px !important; }
	.hsi-fact { padding: 0.7rem 0.9rem; }
	.hsi-fact .elementor-icon { width: 38px; height: 38px; border-radius: 10px; }
	.hsi-fact .elementor-icon-box-description { display: none; }
	.hsi-fact .elementor-icon-box-title { margin: 0 !important; }
	.hsi-fact .elementor-icon-box-content { display: flex; align-items: center; }
}

@media (max-width: 767px) {
	.hsi-promos { grid-template-columns: 1fr !important; }
	.hsi-mini__img, .hsi-mini__img img { flex-basis: 80px !important; width: 80px !important; height: 80px; }
	.hsi-xlist--grid .elementor-icon-list-items { grid-template-columns: 1fr; }
	.hsi-notcovered__card { padding: 1.4rem !important; }
	.hsi-notes { flex-wrap: wrap !important; }
	.hsi-note { flex-basis: 100% !important; }
	.hsi-plan { padding: 1.4rem !important; }
}

/* ======================================================================
   About HSI page (built by hsi-build-about.php)
   ====================================================================== */

/* ---------- Our story ---------- */

.hsi-about-story__text { flex: 1 1 50% !important; }
.hsi-about-story__media { flex: 1 1 50% !important; position: relative; }

.hsi-about-story__img img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: var(--hsi-shadow);
}

/* Small red shield behind the archive photo's corner. */
.hsi-about-story__media::after {
	content: "";
	position: absolute;
	right: -18px;
	bottom: -22px;
	width: 92px;
	height: 92px;
	background: var(--hsi-shield-red) center / contain no-repeat;
	opacity: 0.9;
	pointer-events: none;
}

.hsi-about-story__caption p {
	position: absolute;
	left: 16px;
	bottom: 16px;
	margin: 0;
	padding: 0.35rem 0.8rem;
	border-radius: 999px;
	background: rgb(22 29 71 / 0.78);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
}

.hsi-milestones {
	margin-top: clamp(3rem, 6vw, 4.5rem);
	position: relative;
}

/* The line that links the milestones. */
.hsi-milestones::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 9px;
	height: 3px;
	background: linear-gradient(90deg, var(--hsi-red), var(--hsi-navy));
	border-radius: 3px;
}

.hsi-milestone {
	position: relative;
	padding: 2.4rem 1.25rem 0 0 !important;
}

.hsi-milestone::after {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #fff;
	border: 4px solid var(--hsi-red);
}

.hsi-milestone__year p {
	margin: 0;
	font-family: var(--hsi-font-brand);
	font-size: 2rem;
	line-height: 1;
	color: var(--hsi-navy);
}

.hsi-milestone__text p {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.975rem;
	line-height: 1.5;
}

/* ---------- Values ---------- */

.hsi-value {
	height: 100%;
	padding: 2rem !important;
	background: #fff;
	border-radius: 20px;
	border-top: 4px solid var(--hsi-red);
	box-shadow: var(--hsi-shadow);
	transition: transform 0.2s ease;
}

.hsi-value:hover { transform: translateY(-4px); }

.hsi-value__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--hsi-navy);
}

.hsi-value__icon .elementor-icon svg { width: 22px; height: 22px; fill: #fff !important; }

.hsi-value__num p {
	margin: 0;
	font-family: var(--hsi-font-brand);
	font-size: 3rem;
	line-height: 1;
	color: var(--hsi-line);
}

.hsi-value__title .elementor-heading-title { font-size: 1.6rem !important; }

.hsi-value__desc p { margin: 0; color: var(--hsi-muted); }

/* ---------- Financial strength (reuses the navy band) ---------- */

.hsi-about-strength .hsi-extra-tile .elementor-icon-box-title a { color: #fff; }

/* ---------- Our people ---------- */

.hsi-about-people__img { flex: 1 1 48% !important; }
.hsi-about-people__text { flex: 1 1 52% !important; }

.hsi-about-people__img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: var(--hsi-shadow);
}

.hsi-people-link {
	position: relative;
	padding: 0.9rem 3rem 0.9rem 1rem;
	border: 1px solid var(--hsi-line);
	border-radius: 14px;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.hsi-people-link:hover {
	border-color: var(--hsi-navy);
	box-shadow: var(--hsi-shadow);
	transform: translateX(4px);
}

.hsi-people-link::after {
	content: "→";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--hsi-red);
	font-size: 1.25rem;
	font-weight: 700;
}

.hsi-people-link .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 0.9rem;
	text-align: left !important;
}

.hsi-people-link .elementor-icon-box-icon { margin: 0 !important; line-height: 0; }

.hsi-people-link .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #fde8ea;
}

.hsi-people-link .elementor-icon svg { width: 19px; height: 19px; fill: var(--hsi-red) !important; }

.hsi-people-link .elementor-icon-box-title {
	margin: 0 !important;
	font-family: var(--hsi-font-brand) !important;
	font-size: 1.15rem !important;
	font-weight: 400 !important;
}

.hsi-people-link .elementor-icon-box-title a { color: var(--hsi-navy); }

.hsi-people-link .elementor-icon-box-title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.hsi-people-link .elementor-icon-box-description {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
}

/* ---------- Community ---------- */

.hsi-about-community__head .hsi-intro { margin-bottom: 0; }

.hsi-about-themes p {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1.75rem 0 2rem;
}

.hsi-about-themes span {
	padding: 0.35rem 0.9rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--hsi-line);
	color: var(--hsi-navy);
	font-size: 0.875rem;
	font-weight: 600;
}

.hsi-cnews {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 18px;
	box-shadow: var(--hsi-shadow);
	transition: transform 0.2s ease;
}

.hsi-cnews:hover { transform: translateY(-4px); }

.hsi-cnews__img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

.hsi-cnews__date p {
	margin: 0;
	color: var(--hsi-red);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.hsi-cnews__title .elementor-heading-title {
	font-family: "Source Sans 3", sans-serif !important;
	font-size: 1.0625rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.hsi-cnews__title a { color: var(--hsi-navy); }

.hsi-cnews__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* ---------- Offices ---------- */

.hsi-about-offices .hsi-about-community__head { margin-bottom: 2.5rem; }

.hsi-office-card {
	height: 100%;
	padding: 1.75rem !important;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	background: #fff;
}

.hsi-office-card__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #fde8ea;
}

.hsi-office-card__icon .elementor-icon svg { width: 20px; height: 20px; fill: var(--hsi-red) !important; }

.hsi-office-card__title .elementor-heading-title { font-size: 1.35rem !important; }

.hsi-office-card__body p { margin: 0 0 0.35rem; color: var(--hsi-muted); }
.hsi-office-card__body a { color: var(--hsi-navy); font-weight: 700; }
.hsi-office-card__hours { font-size: 0.875rem; }

.hsi-office-card__link { margin-top: auto; }
.hsi-office-card__link p { margin: 0; }
.hsi-office-card__link a { color: var(--hsi-red); font-weight: 700; }

/* ---------- About page: tablet and phone ---------- */

@media (max-width: 1024px) {
	.hsi-about-story__row,
	.hsi-about-people__row { flex-wrap: wrap !important; }
	.hsi-about-story__text,
	.hsi-about-story__media,
	.hsi-about-people__img,
	.hsi-about-people__text { flex-basis: 100% !important; }
	.hsi-milestones::before { display: none; }
	.hsi-milestone { padding: 1.5rem 1.25rem 1.5rem 0 !important; border-top: 3px solid var(--hsi-line); }
	.hsi-milestone::after { top: -10px; }
}

@media (max-width: 767px) {
	.hsi-milestone { padding: 0 0 1.5rem 1.75rem !important; border-top: 0; border-left: 3px solid var(--hsi-line); }
	.hsi-milestone::after { left: -10px; top: 0; }
	.hsi-about-story__media::after { width: 64px; height: 64px; right: -6px; bottom: -14px; }
	.hsi-value { padding: 1.5rem !important; }
}

/* ======================================================================
   Pages under About HSI (hsi-build-about-pages.php, hsi-build-team.php)
   ====================================================================== */

/* ---------- About HSI menu bar ---------- */

.hsi-about-tabs nav {
	display: flex;
	gap: 0.25rem;
	overflow-x: auto;
	scrollbar-width: none;
}

.hsi-about-tabs nav a {
	flex-shrink: 0;
	padding: 0.95rem 0.75rem;
	border-bottom: 3px solid transparent;
	color: var(--hsi-navy);
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
}

.hsi-about-tabs nav a:hover { border-bottom-color: var(--hsi-line); }

.hsi-about-tabs nav a[aria-current="page"] {
	border-bottom-color: var(--hsi-red);
	color: var(--hsi-red);
}

/* ---------- Board of directors ---------- */

.hsi-chair {
	margin-bottom: 1.5rem;
	padding: clamp(1.75rem, 4vw, 3rem) !important;
	border-radius: 24px;
	background-color: var(--hsi-navy-deep);
	background-image:
		radial-gradient(circle at 90% 15%, rgb(255 255 255 / 0.08), transparent 45%),
		linear-gradient(135deg, var(--hsi-navy-deep), var(--hsi-navy));
	color: #fff;
}

.hsi-chair__id { flex: 0 0 34% !important; }
.hsi-chair__bio { flex: 1 1 auto !important; }

.hsi-initials--lg {
	width: 88px !important;
	height: 88px !important;
	font-size: 2rem !important;
	background: var(--hsi-red) !important;
}

.hsi-chair__role p {
	margin: 0.5rem 0 0;
	color: #ffb4ba;
	font-family: var(--hsi-font-brand);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hsi-chair__name .elementor-heading-title {
	color: #fff !important;
	font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem) !important;
}

.hsi-chair__highlight p {
	margin: 0;
	color: rgb(255 255 255 / 0.85);
	font-weight: 600;
}

.hsi-chair__bio p {
	margin: 0;
	padding-left: 2rem;
	border-left: 1px solid rgb(255 255 255 / 0.2);
	color: rgb(255 255 255 / 0.88);
	font-size: 1.0625rem;
	line-height: 1.7;
}

.hsi-director {
	height: 100%;
	padding: 1.75rem !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.hsi-director:hover {
	box-shadow: var(--hsi-shadow);
	transform: translateY(-3px);
}

.hsi-director .hsi-initials { flex-shrink: 0; }

.hsi-director h3.elementor-heading-title { font-size: 1.35rem; }

.hsi-director .hsi-person__role { font-size: 0.9375rem; }

.hsi-director__highlight p {
	margin: 0;
	padding: 0.6rem 0.85rem;
	border-radius: 10px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 700;
	font-size: 0.9375rem;
}

.hsi-director__bio p {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.hsi-board .hsi-todo { margin-top: 1.5rem; }

/* ---------- Newsroom ---------- */

.hsi-newsroom__label {
	margin: 0 0 0.75rem;
	color: var(--hsi-red);
	font-family: var(--hsi-font-brand);
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hsi-ncard {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: 18px;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.hsi-ncard:hover {
	box-shadow: var(--hsi-shadow);
	transform: translateY(-3px);
}

.hsi-ncard__img img,
.hsi-ncard__noimg {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background: var(--hsi-lagoon);
}

.hsi-ncard__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 0.5rem;
	padding: 1.25rem 1.4rem 1.4rem;
}

.hsi-ncard__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.8125rem;
	font-weight: 600;
}

.hsi-ncard__meta span {
	padding: 0.15rem 0.6rem;
	border-radius: 999px;
	background: #fde8ea;
	color: var(--hsi-red-dark);
	font-weight: 700;
}

.hsi-ncard__title {
	margin: 0;
	font-family: "Source Sans 3", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
}

.hsi-ncard__title a {
	color: var(--hsi-navy);
	text-decoration: none;
}

/* The whole card is clickable. */
.hsi-ncard__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.hsi-ncard__excerpt {
	margin: 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
	line-height: 1.55;
}

.hsi-ncard__more {
	margin: auto 0 0;
	padding-top: 0.25rem;
}

.hsi-ncard__more a {
	color: var(--hsi-red);
	font-weight: 700;
	text-decoration: none;
}

.hsi-ncard--lead {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	margin-bottom: 2.5rem;
	border-radius: 24px;
}

.hsi-ncard--lead .hsi-ncard__img img {
	height: 100%;
	aspect-ratio: auto;
	min-height: 360px;
}

.hsi-ncard--lead .hsi-ncard__body {
	justify-content: center;
	gap: 0.9rem;
	padding: clamp(1.5rem, 4vw, 3rem);
}

.hsi-ncard--lead .hsi-ncard__title {
	font-family: var(--hsi-font-brand);
	font-weight: 400;
	font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.25rem);
	line-height: 1.15;
}

.hsi-ncard--lead .hsi-ncard__excerpt { font-size: 1.0625rem; }

.hsi-newsroom__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.75rem;
}

.hsi-newsroom__filters a {
	padding: 0.5rem 1.1rem;
	border: 1px solid var(--hsi-line);
	border-radius: 999px;
	background: #fff;
	color: var(--hsi-navy);
	font-weight: 600;
	text-decoration: none;
}

.hsi-newsroom__filters a:hover { border-color: var(--hsi-navy); }

.hsi-newsroom__filters a[aria-current] {
	background: var(--hsi-navy);
	border-color: var(--hsi-navy);
	color: #fff;
}

.hsi-newsroom__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.hsi-newsroom__pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.4rem;
	margin-top: 2.5rem;
}

.hsi-newsroom__pages a {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	border: 1px solid var(--hsi-line);
	border-radius: 12px;
	color: var(--hsi-navy);
	font-weight: 700;
	text-decoration: none;
}

.hsi-newsroom__pages a[aria-current] {
	background: var(--hsi-red);
	border-color: var(--hsi-red);
	color: #fff;
}

.hsi-newsroom__empty { color: var(--hsi-muted); }

/* ---------- Vacancies ---------- */

.hsi-job {
	height: 100%;
	padding: 1.75rem !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-top: 4px solid var(--hsi-red);
	border-radius: 20px;
}

.hsi-job__dept p,
.hsi-job__closes p {
	margin: 0;
	padding: 0.2rem 0.7rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 700;
}

.hsi-job__dept p { background: var(--hsi-lagoon); color: var(--hsi-navy); }
.hsi-job__closes p { background: #fde8ea; color: var(--hsi-red-dark); }

.hsi-job__title .elementor-heading-title { font-size: 1.5rem !important; }

.hsi-job__summary p { margin: 0; color: var(--hsi-muted); }

.hsi-job__posted { margin: 0; font-size: 0.875rem; color: var(--hsi-muted); }

.hsi-job__btn { margin-top: auto; }

.hsi-jobs-section .hsi-todo { margin-top: 1.5rem; }

.hsi-apply__note p {
	margin: 1.25rem 0 0;
	color: var(--hsi-muted);
	font-size: 0.9375rem;
}

/* ---------- Pages under About HSI: tablet and phone ---------- */

@media (max-width: 1024px) {
	.hsi-chair { flex-wrap: wrap !important; }
	.hsi-chair__id, .hsi-chair__bio { flex-basis: 100% !important; }
	.hsi-chair__bio p { padding: 1.25rem 0 0; border-left: 0; border-top: 1px solid rgb(255 255 255 / 0.2); }
	.hsi-newsroom__grid { grid-template-columns: repeat(2, 1fr); }
	.hsi-ncard--lead { grid-template-columns: 1fr; }
	.hsi-ncard--lead .hsi-ncard__img img { min-height: 0; aspect-ratio: 16 / 9; }
}

@media (max-width: 767px) {
	.hsi-newsroom__grid { grid-template-columns: 1fr; }
	.hsi-director, .hsi-job { padding: 1.4rem !important; }
	.hsi-skills { grid-template-columns: 1fr !important; }
}

/* ======================================================================
   Contact us page (built by hsi-build-contact.php)
   ====================================================================== */

/* ---------- Who can help ---------- */

.hsi-route {
	height: 100%;
	padding: 1.6rem !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.hsi-route:hover {
	border-color: var(--hsi-navy);
	box-shadow: var(--hsi-shadow);
}

.hsi-route__icon .elementor-icon,
.hsi-officebox__tag + * .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #fde8ea;
}

.hsi-route__icon .elementor-icon svg { width: 20px; height: 20px; fill: var(--hsi-red) !important; }

.hsi-route__title .elementor-heading-title { font-size: 1.3rem !important; }

.hsi-route__desc p { margin: 0; color: var(--hsi-muted); font-size: 0.9375rem; }

.hsi-route__lines {
	list-style: none;
	margin: 0.25rem 0 0;
	padding: 0.75rem 0 0;
	border-top: 1px solid var(--hsi-line);
	display: grid;
	gap: 0.35rem;
}

.hsi-route__lines li {
	display: flex;
	gap: 0.75rem;
	align-items: baseline;
	color: var(--hsi-ink);
}

.hsi-route__lines span {
	flex: 0 0 3.25rem;
	color: var(--hsi-muted);
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.hsi-route__lines a {
	color: var(--hsi-navy);
	font-weight: 700;
	text-decoration: none;
	word-break: break-word;
}

.hsi-route__lines a:hover { color: var(--hsi-red); }

.hsi-route__link { margin-top: auto; }
.hsi-route__link p { margin: 0; }
.hsi-route__link a { color: var(--hsi-red); font-weight: 700; text-decoration: none; }

/* ---------- Emergency numbers ---------- */

.hsi-emergency {
	padding-block: clamp(2.5rem, 5vw, 3.5rem) !important;
	background-color: var(--hsi-red);
	background-image: linear-gradient(135deg, var(--hsi-red), var(--hsi-red-dark));
	color: #fff;
}

.hsi-emergency__intro { flex: 1 1 42% !important; }
.hsi-emergency__grid { flex: 1 1 58% !important; }

.hsi-emergency .hsi-eyebrow p { color: #ffd2d6; }
.hsi-emergency .elementor-heading-title { color: #fff !important; font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem) !important; }
.hsi-emergency__intro p { margin: 0; color: rgb(255 255 255 / 0.92); }
.hsi-emergency__intro a { color: #fff; font-weight: 700; }

.hsi-emergency__item p {
	height: 100%;
	margin: 0;
	padding: 1rem 1.2rem;
	border-radius: 16px;
	background: rgb(255 255 255 / 0.12);
	border: 1px solid rgb(255 255 255 / 0.25);
	color: rgb(255 255 255 / 0.85);
}

.hsi-emergency__item span {
	display: block;
	margin-bottom: 0.2rem;
	color: #fff;
	font-weight: 700;
}

.hsi-emergency__item a {
	color: #fff;
	font-family: var(--hsi-font-brand);
	font-size: 1.25rem;
	text-decoration: none;
}

/* ---------- Offices with maps ---------- */

.hsi-officebox {
	height: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 20px;
	box-shadow: var(--hsi-shadow);
}

.hsi-officebox__map iframe {
	display: block;
	width: 100%;
	height: 230px;
	border: 0;
	background: var(--hsi-lagoon);
}

.hsi-officebox__tag p {
	margin: 0;
	color: var(--hsi-red);
	font-family: var(--hsi-font-brand);
	font-size: 0.875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hsi-officebox__title .elementor-heading-title { font-size: 1.5rem !important; }

.hsi-officebox__address { margin: 0 0 0.25rem; color: var(--hsi-muted); }

.hsi-officebox__hours {
	margin: 0.75rem 0 0;
	color: var(--hsi-muted);
	font-size: 0.875rem;
}

.hsi-officebox__hours strong { color: var(--hsi-navy); }

/* ---------- Message form ---------- */

.hsi-message__row > .hsi-form-card { flex: 1 1 60% !important; }
.hsi-message__side { flex: 1 1 40% !important; position: sticky !important; top: 220px; }

.hsi-message__side-title .elementor-heading-title { font-size: 1.35rem !important; }

.hsi-message__social p:first-child {
	margin: 0.75rem 0 0.5rem;
	color: var(--hsi-navy);
	font-weight: 700;
}

.hsi-social {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
}

.hsi-social a {
	padding: 0.45rem 1rem;
	border: 1px solid var(--hsi-line);
	border-radius: 999px;
	color: var(--hsi-navy);
	font-weight: 600;
	text-decoration: none;
}

.hsi-social a:hover { border-color: var(--hsi-navy); }

/* ---------- Contact page: tablet and phone ---------- */

@media (max-width: 1024px) {
	.hsi-emergency__row,
	.hsi-message__row { flex-wrap: wrap !important; }
	.hsi-emergency__intro,
	.hsi-emergency__grid,
	.hsi-message__row > .hsi-form-card,
	.hsi-message__side { flex-basis: 100% !important; position: static !important; }
	.hsi-officeboxes { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 767px) {
	.hsi-officeboxes { grid-template-columns: 1fr !important; }
	.hsi-route { padding: 1.3rem !important; }
}

/* ======================================================================
   Make a claim page (built by hsi-build-claim.php)
   ====================================================================== */

/* ---------- Claim type picker (Elementor Tabs) ---------- */

.hsi-claimtabs .e-n-tabs {
	gap: 28px;
}

@media (min-width: 1025px) {
	.hsi-claimtabs .e-n-tabs-heading {
		flex: 0 0 300px !important;
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
}

.hsi-claimtabs .e-n-tab-title {
	justify-content: flex-start !important;
	gap: 0.75rem;
	width: 100%;
	padding: 0.8rem 1rem !important;
	border: 1px solid var(--hsi-line) !important;
	border-radius: 14px !important;
	background: #fff !important;
	color: var(--hsi-navy) !important;
	font-family: "Source Sans 3", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.hsi-claimtabs .e-n-tab-title:hover { border-color: var(--hsi-navy) !important; }

.hsi-claimtabs .e-n-tab-title[aria-selected="true"] {
	background: var(--hsi-navy) !important;
	border-color: var(--hsi-navy) !important;
	color: #fff !important;
}

.hsi-claimtabs .e-n-tab-icon {
	display: grid !important;
	place-items: center;
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 10px;
	background: #fde8ea;
}

.hsi-claimtabs .e-n-tab-icon svg { grid-area: 1 / 1; width: 16px; height: 16px; fill: var(--hsi-red) !important; }

.hsi-claimtabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon { background: rgb(255 255 255 / 0.15); }
.hsi-claimtabs .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg { fill: #fff !important; }

.hsi-claimtabs .e-n-tab-title-text { text-align: left; line-height: 1.3; }

.hsi-claimtabs .e-n-tabs-content { flex: 1 1 auto; min-width: 0; }

.hsi-claimtype {
	padding: clamp(1.4rem, 3vw, 2.25rem) !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: 22px;
	box-shadow: var(--hsi-shadow);
}

.hsi-claimtype__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: var(--hsi-red);
}

.hsi-claimtype__icon .elementor-icon svg { width: 24px; height: 24px; fill: #fff !important; }

.hsi-claimtype__group p {
	margin: 0;
	color: var(--hsi-red);
	font-family: var(--hsi-font-brand);
	font-size: 0.875rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.hsi-claimtype__title .elementor-heading-title { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem) !important; }

.hsi-claimtype__intro p { margin: 0; color: var(--hsi-muted); }

.hsi-claimtype__docs { flex: 1 1 52% !important; }
.hsi-claimtype__todo {
	flex: 1 1 48% !important;
	padding: 1.4rem !important;
	border-radius: 18px;
	background: var(--hsi-lagoon);
}

.hsi-claimtype__label p {
	margin: 0.25rem 0 0;
	color: var(--hsi-navy);
	font-family: var(--hsi-font-brand);
	font-size: 1.125rem;
}

.hsi-claimtype__steps {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: claimstep;
	display: grid;
	gap: 0.6rem;
}

.hsi-claimtype__steps li {
	position: relative;
	padding-left: 2.25rem;
	counter-increment: claimstep;
	color: var(--hsi-ink);
	font-size: 0.975rem;
	line-height: 1.5;
}

.hsi-claimtype__steps li::before {
	content: counter(claimstep);
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: var(--hsi-red);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
}

.hsi-claimtype__steps a,
.hsi-claimtype__note a { color: var(--hsi-navy); font-weight: 700; }

.hsi-claimtype__note p {
	margin: 0;
	padding: 0.8rem 1rem;
	border-left: 3px solid var(--hsi-red);
	border-radius: 0 10px 10px 0;
	background: #fff;
	font-size: 0.9375rem;
}

.hsi-claimtype__todo .hsi-doc { margin-top: 0.5rem; background: #fff; }

/* ---------- All claim forms ---------- */

.hsi-formlist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hsi-formlist a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	height: 100%;
	padding: 0.85rem 1rem;
	border: 1px solid var(--hsi-line);
	border-radius: 14px;
	color: var(--hsi-navy);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.hsi-formlist a:hover { border-color: var(--hsi-navy); background: var(--hsi-lagoon); }

.hsi-formlist span {
	flex-shrink: 0;
	padding: 0.2rem 0.45rem;
	border-radius: 6px;
	background: var(--hsi-red);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}

/* ---------- Claim page: tablet and phone ---------- */

@media (max-width: 1024px) {
	.hsi-claimtype__cols { flex-wrap: wrap !important; }
	.hsi-claimtype__docs, .hsi-claimtype__todo { flex-basis: 100% !important; }
	.hsi-claimtabs .e-n-tabs { gap: 8px; }
	.hsi-claimtabs .e-n-tab-title { margin-bottom: 6px; }
	.hsi-claimtabs .hsi-claimtype { margin-bottom: 12px; }
	.hsi-formlist { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
	.hsi-formlist { grid-template-columns: 1fr; }
	.hsi-claimtype__head { flex-wrap: wrap !important; }
}

/* ======================================================================
   Pay online page (built by hsi-build-pay.php)
   ====================================================================== */

.hsi-payopt {
	height: 100%;
	padding: 1.6rem !important;
	background: #fff;
	border: 1px solid var(--hsi-line);
	border-radius: 20px;
	transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.hsi-payopt:hover {
	border-color: var(--hsi-navy);
	box-shadow: var(--hsi-shadow);
	transform: translateY(-3px);
}

.hsi-payopt__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--hsi-navy);
}

.hsi-payopt__icon .elementor-icon svg { width: 22px; height: 22px; fill: #fff !important; }

.hsi-payopt__tag p {
	margin: 0;
	padding: 0.2rem 0.7rem;
	border-radius: 999px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-size: 0.8125rem;
	font-weight: 700;
	white-space: nowrap;
}

.hsi-payopt__title .elementor-heading-title { font-size: 1.4rem !important; }
.hsi-payopt__desc p { margin: 0; color: var(--hsi-muted); }

.hsi-payopts--two .hsi-payopt { padding: 2rem !important; }

/* Billers in step 2 */
.hsi-billers {
	display: grid;
	gap: 0.5rem;
	margin: 0.25rem 0 0;
}

.hsi-billers span {
	display: block;
	padding: 0.6rem 0.75rem;
	border-left: 3px solid var(--hsi-red);
	border-radius: 0 10px 10px 0;
	background: var(--hsi-lagoon);
	color: var(--hsi-muted);
	font-size: 0.8125rem;
	line-height: 1.4;
}

.hsi-billers strong {
	display: block;
	color: var(--hsi-navy);
	font-size: 0.9375rem;
}

.hsi-banks {
	margin-top: 2rem;
	padding: 1.25rem 1.75rem !important;
	background: #fff;
	border-radius: 18px;
	border: 1px solid var(--hsi-line);
}

.hsi-banks__label p {
	margin: 0;
	color: var(--hsi-navy);
	font-weight: 700;
	white-space: nowrap;
}

.hsi-banks__logos { flex: 1 1 auto !important; }
.hsi-banks__logos img { width: 100%; max-width: 760px; height: auto; }

/* eboo band */
.hsi-eboo__logo img {
	width: 150px;
	height: auto;
	padding: 0.6rem 0.9rem;
	border-radius: 12px;
	background: #fff;
}

.hsi-eboo__qr { flex: 0 0 300px !important; }

.hsi-eboo__code img {
	width: 260px;
	height: 260px;
	padding: 18px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 20px 40px -20px rgb(0 0 0 / 0.6);
}

.hsi-eboo__caption p {
	margin: 0;
	color: rgb(255 255 255 / 0.85);
	font-weight: 700;
	text-align: center;
}

.hsi-eboo .hsi-platinum__note a { color: #fff; font-weight: 700; }

@media (max-width: 1024px) {
	.hsi-eboo .hsi-platinum__row { flex-wrap: wrap !important; }
	.hsi-eboo__qr { flex-basis: 100% !important; }
	.hsi-banks { flex-wrap: wrap !important; }
}

@media (max-width: 767px) {
	.hsi-eboo__code img { width: 220px; height: 220px; }
	.hsi-payopt { padding: 1.3rem !important; }
}

/* ======================================================================
   Customer services pages (built by hsi-build-services.php)
   ====================================================================== */

/* ---------- FAQ: banner search and topic chips ---------- */

.hsi-faqsearch {
	display: flex;
	max-width: 36rem;
	margin: 0.5rem 0 0;
}

.hsi-faqsearch input {
	width: 100%;
	padding: 1rem 1.25rem 1rem 3rem;
	border: 0;
	border-radius: 999px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23525a7a' d='M505 442.7 405.3 343c28.4-34.9 45.7-79.4 45.7-127.9C451 96.5 354.5 0 235.5 0S20 96.5 20 215.1s96.5 215.1 215.5 215.1c48.5 0 93-17.2 127.9-45.7L463 484c11.4 11.4 30 11.4 41.4 0l.6-.6c11.4-11.4 11.4-29.9 0-40.7zM235.5 370.2c-85.6 0-155.1-69.5-155.1-155.1S149.9 60 235.5 60s155.1 69.5 155.1 155.1-69.5 155.1-155.1 155.1z'/%3E%3C/svg%3E") no-repeat 1.2rem center / 18px;
	font-size: 1.0625rem;
	color: var(--hsi-ink);
	box-shadow: 0 16px 40px -18px rgb(0 0 0 / 0.6);
}

.hsi-faqsearch input:focus { outline: 3px solid var(--hsi-red); outline-offset: 2px; }

.hsi-faqchips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
}

.hsi-faqchips a {
	padding: 0.4rem 1rem;
	border: 1px solid rgb(255 255 255 / 0.35);
	border-radius: 999px;
	background: rgb(255 255 255 / 0.1);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

.hsi-faqchips a:hover { background: rgb(255 255 255 / 0.2); }

/* ---------- FAQ topics ---------- */

.hsi-faqtopic { scroll-margin-top: 160px; }
.hsi-faqtopic + .hsi-faqtopic { padding-top: 56px !important; border-top: 1px solid var(--hsi-line); }

.hsi-faqtopic__head {
	flex: 0 0 280px !important;
	position: sticky !important;
	top: 170px;
}

.hsi-faqtopic__list { flex: 1 1 auto !important; min-width: 0; }

.hsi-faqtopic__icon .elementor-icon {
	display: grid !important;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: #fde8ea;
}

.hsi-faqtopic__icon .elementor-icon svg { width: 24px; height: 24px; fill: var(--hsi-red) !important; }

.hsi-faqtopic__title .elementor-heading-title { font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem) !important; }

.hsi-faqtopic__count p { margin: 0; color: var(--hsi-muted); font-weight: 600; }

.hsi-faqempty {
	padding: 1.25rem 1.5rem;
	border-radius: 14px;
	background: var(--hsi-lagoon);
	color: var(--hsi-navy);
	font-weight: 600;
}

.hsi-faqempty a { color: var(--hsi-red); }

/* Hidden by the search filter (hsi.js). */
.hsi-faq-hidden { display: none !important; }

/* ---------- Renew: checklist ---------- */

.hsi-renewcheck__intro { flex: 1 1 40% !important; }
.hsi-renewcheck__list,
.hsi-needgrid { flex: 1 1 60% !important; }

.hsi-ticks--big .elementor-icon-list-item {
	padding: 1rem 1.25rem !important;
	margin-bottom: 0.6rem !important;
	background: #fff;
	border-radius: 14px;
	border: 1px solid var(--hsi-line);
}

.hsi-ticks--big .elementor-icon-list-text {
	color: var(--hsi-navy) !important;
	font-weight: 600;
	font-size: 1.0625rem;
}

/* ---------- Client information form ---------- */

.hsi-form--client h4 {
	margin: 1.75rem 0 0.75rem !important;
	padding-top: 1.25rem;
	border-top: 1px solid var(--hsi-line);
	font-family: var(--hsi-font-brand);
	font-weight: 400;
	font-size: 1.35rem;
	color: var(--hsi-navy);
}

.hsi-form--client h4:first-of-type { margin-top: 0.5rem !important; padding-top: 0; border-top: 0; }

.hsi-form--client .contact-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1.25rem;
}

.hsi-form--client .left-column,
.hsi-form--client .right-column { display: grid; gap: 0.9rem; align-content: start; }

.hsi-form--client label {
	display: block;
	color: var(--hsi-navy);
	font-weight: 600;
	font-size: 0.9375rem;
}

.hsi-form--client label input,
.hsi-form--client label select { margin-top: 0.35rem; }

@media (max-width: 1024px) {
	.hsi-faqtopic { flex-wrap: wrap !important; }
	.hsi-faqtopic__head { flex-basis: 100% !important; position: static !important; flex-direction: row !important; align-items: center; }
	.hsi-renewcheck__row { flex-wrap: wrap !important; }
	.hsi-renewcheck__intro, .hsi-renewcheck__list, .hsi-needgrid { flex-basis: 100% !important; }
}

@media (max-width: 767px) {
	.hsi-form--client .contact-form { grid-template-columns: 1fr; }
	.hsi-faqtopic__head .hsi-faqtopic__count { display: none; }
}

/* Renew page: offers follow a tinted section, so they need their own top space. */
.hsi-renewcheck + .hsi-offers { padding-top: var(--hsi-section-y) !important; }

/* ======================================================================
   Get a quote form (built by hsi-build-quote.php)
   ====================================================================== */

.hsi-q fieldset {
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
}

.hsi-q legend {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 1rem;
	font-family: var(--hsi-font-brand);
	font-size: 1.35rem;
	color: var(--hsi-navy);
}

.hsi-q legend span {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--hsi-red);
	color: #fff;
	font-family: "Source Sans 3", sans-serif;
	font-size: 1rem;
	font-weight: 700;
}

.hsi-q__step + .hsi-q__step {
	padding-top: 1.5rem;
	border-top: 1px solid var(--hsi-line);
}

/* Insurance type as three big choice buttons */
.hsi-q__types .wpcf7-radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.hsi-q__types .wpcf7-list-item { margin: 0; }

.hsi-q__types .wpcf7-list-item label {
	position: relative;
	display: block;
	cursor: pointer;
}

.hsi-q__types input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.hsi-q__types .wpcf7-list-item-label {
	display: block;
	padding: 1rem;
	border: 2px solid var(--hsi-line);
	border-radius: 14px;
	background: #fff;
	color: var(--hsi-navy);
	font-weight: 700;
	font-size: 1.0625rem;
	text-align: center;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.hsi-q__types label:hover .wpcf7-list-item-label { border-color: var(--hsi-navy); }

.hsi-q__types input:checked + .wpcf7-list-item-label {
	border-color: var(--hsi-navy);
	background: var(--hsi-navy);
	color: #fff;
}

.hsi-q__types input:focus-visible + .wpcf7-list-item-label { outline: 3px solid var(--hsi-red); outline-offset: 2px; }

.hsi-q__field {
	display: block;
	margin-top: 1rem;
	color: var(--hsi-navy);
	font-weight: 600;
	font-size: 0.9375rem;
}

.hsi-q__field .wpcf7-form-control-wrap { display: block; margin-top: 0.35rem; }

.hsi-q__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0 1rem;
}

/* Conditional groups that are open get a soft panel so it is clear they belong to the choice above. */
.hsi-q [data-id="g-personal"],
.hsi-q [data-id="g-business"],
.hsi-q [data-id="g-life"] {
	margin-top: 1rem;
	padding: 0.25rem 1.25rem 1.25rem;
	border-left: 3px solid var(--hsi-red);
	border-radius: 0 14px 14px 0;
	background: var(--hsi-lagoon);
}

.hsi-q [data-id="g-loan"] {
	margin-top: 1rem;
	padding-top: 0.5rem;
	border-top: 1px dashed var(--hsi-line);
}

.hsi-q .wpcf7-radio:not(.hsi-q__types .wpcf7-radio) .wpcf7-list-item { margin: 0.5rem 1rem 0 0; font-weight: 500; }

.hsi-q__submit .wpcf7-submit { width: 100%; padding: 1rem 1.5rem; font-size: 1.0625rem; }

.hsi-next {
	padding: 1.5rem !important;
	background: #fff;
	border-radius: 18px;
	border: 1px solid var(--hsi-line);
}

@media (max-width: 767px) {
	.hsi-q__types .wpcf7-radio { grid-template-columns: 1fr; }
}

/* ---------- In-page menu bars: active section, and a dropdown on phones (hsi.js) ---------- */

.hsi-subnav__links .elementor-icon-list-item a.is-active,
.hsi-about-tabs nav a.is-active { border-bottom-color: var(--hsi-red); }

.hsi-subnav__links .elementor-icon-list-item a.is-active .elementor-icon-list-text { color: var(--hsi-red); }

.hsi-subnav__toggle { display: none; }

@media (max-width: 767px) {
	.hsi-subnav__toggle {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		width: 100%;
		padding: 0.85rem 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
		color: var(--hsi-navy) !important;
		font: inherit;
		font-family: "Source Sans 3", system-ui, sans-serif !important;
		text-align: left;
		text-transform: none !important;
		cursor: pointer;
	}

	.hsi-subnav__toggle:hover,
	.hsi-subnav__toggle:focus { background: none !important; color: var(--hsi-navy) !important; }

	.hsi-subnav__toggle:focus-visible { outline: 3px solid var(--hsi-red); outline-offset: 2px; }

	.hsi-subnav__label {
		flex-shrink: 0;
		color: var(--hsi-muted);
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	.hsi-subnav__current {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		font-weight: 700;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.hsi-subnav__chev {
		flex-shrink: 0;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: var(--hsi-lagoon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23222e69' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E") no-repeat center / 12px;
		transition: transform 0.2s ease;
	}

	.hsi-subnav.is-open .hsi-subnav__chev { transform: rotate(180deg); }

	/* The list is hidden until the button is tapped, then shown as a vertical list. */
	.hsi-subnav .hsi-subnav__links .elementor-icon-list-items,
	.hsi-about-tabs nav { display: none !important; }

	.hsi-subnav.is-open .hsi-subnav__links .elementor-icon-list-items,
	.hsi-about-tabs.is-open nav {
		display: flex !important;
		flex-direction: column;
		flex-wrap: nowrap !important;
		gap: 0;
		padding-bottom: 0.5rem;
		overflow: visible;
	}

	.hsi-subnav.is-open .elementor-icon-list-item a,
	.hsi-about-tabs.is-open nav a {
		padding: 0.8rem 0.25rem !important;
		border-bottom: 0 !important;
		border-top: 1px solid var(--hsi-line);
	}

	.hsi-subnav.is-open a.is-active,
	.hsi-subnav.is-open a.is-active .elementor-icon-list-text,
	.hsi-about-tabs.is-open nav a.is-active { color: var(--hsi-red) !important; }
}

/* Footer: "© H Savy Insurance | Website by Switch" credit */
.hsi-footer__legal .hsi-credit-sep { opacity: 0.4; }

.hsi-footer__legal a.hsi-credit {
	color: inherit;
	opacity: 0.7;
}

.hsi-footer__legal a.hsi-credit:hover { opacity: 1; }

@media (max-width: 767px) {
	.hsi-footer__legal p { flex-wrap: wrap; row-gap: 0.5rem; column-gap: 0.6rem; }
	.hsi-footer__legal .hsi-credit-sep { display: none; }
	.hsi-footer__legal a.hsi-credit { flex-basis: 100%; }
}