:root {
	/* Colours */
	--midnight: #053466;
	--midnight-lt: #8198b1;
	--bluesky: #0070C0;
	--bluesky-lt: #80b5de;
	--horizon: #00a5d0;
	--horizon-lt: #00a5d0;
	--freshair: #7ad0e6;
	--freshair-lt: #bbe6f2;
	--fern: #508f3c;
	--fern-lt: #a6c69b;
	--leaf: #65a73a;
	--leaf-lt: #b1d29a;
	--sun: #FED141;
	--sun-lt: #FEE8A0;
	--ph-red: #BF0D3E;
	--ph-red-lt: #DF869F;
	--ph-blue: #0032A0;
	--ph-blue-lt: #8098D0;
	--black: #000000;
	--black-lt: #4D4D4D;
	--white: #FFFFFF;
	--white-lt: #BFBFBF;
	--e-border-radius: 0.67rem;
	--btn-drop: rgba(77,77,77, 0.5);
}
body {
	font-family: "Albert Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #0B3A6A;
	font-size: 1.15rem;
}
body.menu-open {
	overflow: hidden;
}
body #menu-open-footer {
	display: none;
}
body #menu-closed-footer {
	display: block;
}
body.menu-open #menu-open-footer {
	display: block;
}
body.menu-open #menu-closed-footer {
	display: none;
}

body.menu-closed { /* styles when menu is closed */ }
.strong {
	font-weight: 700;
}
#page-content, #logo {
	transition: margin-top 0.3s ease; /* or padding-top if you prefer */
	margin-top: 0; /* initial value */
}
#page-content.no-hero {
	margin-top: 100px;
}
#logo {
	transition: height 0.3s ease; /* or padding-top if you prefer */
}
.hero-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 75%;
}
.hero-image h1 {
	color: var(--white);
	text-shadow: 0 0 10px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.6);
}
.container{
	padding: 0 2rem;
}
@media only screen and (min-width: 992px) {
	.container {
		padding: unset;
	}
}
.albert-sans-100 {
	font-family: "Albert Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
}

.e-text-sun			{ color: var(--sun); }
.e-text-midnight	{ color: var(--midnight); }
.e-text-horizon		{ color: var(--horizon); }
.e-text-white		{ color: var(--white); }


.bg-midnight-grad {
	background: var(--midnight);
	background: linear-gradient(var(--midnight), var(--midnight-lt));
}
.bg-bluesky-grad {
	background: var(--bluesky);
	background: linear-gradient(var(--bluesky), var(--bluesky-lt));
}
.bg-horizon-grad {
	background: var(--horizon);
	background: linear-gradient(var(--horizon), var(--freshair));
}
.bg-freshair-grad {
	background: var(--freshair);
	background: linear-gradient(var(--freshair), var(--freshair-lt));
}
.bg-fern-grad {
	background: var(--fern);
	background: linear-gradient(var(--fern), var(--fern-lt));
}
.bg-leaf-grad {
	background: var(--leaf);
	background: linear-gradient(var(--leaf), var(--leaf-lt));
}
.bg-qa-lt {
	background: rgba(255,255,255,0.2);
}

.emphasis {
	font-style: italic;
}

.bg-horizon-outline {
	border: 1px solid var(--horizon);
}

/* Transition for navbar sizing */
#navbar {
	transition: padding 0.1s, box-shadow 0.1s;
}
#navbar.bg-light {
	background-color: var(--white)!important;
}
.navbar-toggler {
	padding: 0;
	border: 0;
	--bs-navbar-toggler-border-radius: 0;
		--bs-navbar-toggler-focus-width: 0;
	--bs-navbar-toggler-border-color: transparent;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
	border: 0!important;
}
/* Larger when at top */
#navbar.large {
	padding: 10px 0;
	font-size: 1.25rem;
	box-shadow: none;
}

/* Smaller when scrolled down */
#navbar.small {
	padding: 10px 0;
	font-size: 1rem;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

#logo {
	height: 50px; /* initial size when at top */
	transition: height 0.5s;
}

/* Full-screen menu styling */
.fullscreen-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 1025; /* below navbar */
	display: none; /* shown via JS */
	cursor: pointer;
	font-size: 1.4rem;
}
@media only screen and (min-width: 992px) {
	.fullscreen-menu {
		font-size: 1.6rem;
	}
}

.fullscreen-menu ul {
	margin: 100px 0;
	padding: 0;
}
.fullscreen-menu ul li {
	color: var(--white);
}
.fullscreen-menu a {
	text-decoration: none;
	color: var(--white);
}
.fullscreen-menu a:hover {
	text-decoration: none;
	color: var(--sun);
}

/* Optional: For better transition effects */
#full-screen-menu {
	transition: opacity 0.3s ease;
}

.e-rounded {
	border-radius: var(--e-border-radius);
	overflow: hidden;
}
.e-top-rounded {
	border-top-right-radius: var(--e-border-radius);
	border-top-left-radius: var(--e-border-radius);
	overflow: hidden;
}
.e-bottom-rounded {
	border-bottom-right-radius: var(--e-border-radius);
	border-bottom-left-radius: var(--e-border-radius);
	overflow: hidden;
}
.e-dot-border {
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iNCIgc3R5bGU9ImZpbGw6I2ZmZjsiLz4KICAgIDxjaXJjbGUgY3g9IjY4IiBjeT0iNCIgcj0iNCIgc3R5bGU9ImZpbGw6I2ZmZjsiLz4KICAgIDxjaXJjbGUgY3g9IjY4IiBjeT0iNjgiIHI9IjQiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+CiAgICA8Y2lyY2xlIGN4PSIzNiIgY3k9IjQiIHI9IjQiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+CiAgICA8Y2lyY2xlIGN4PSI2OCIgY3k9IjM1IiByPSI0IiBzdHlsZT0iZmlsbDojZmZmOyIvPgogICAgPGNpcmNsZSBjeD0iNCIgY3k9IjM1IiByPSI0IiBzdHlsZT0iZmlsbDojZmZmOyIvPgogICAgPGNpcmNsZSBjeD0iMzYiIGN5PSI2OCIgcj0iNCIgc3R5bGU9ImZpbGw6I2ZmZjsiLz4KPC9zdmc+') 33% round;
}
.e-dot-border.e-dot-border-bottom {
	border-bottom-width: 8px !important;
	margin-bottom: -8px;
}
.e-dot-border.e-dot-border-right {
	border-right-width: 8px !important;
	margin-right: -8px;
}
.e-dot-border.e-dot-border-dark {
	border-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iNCIgc3R5bGU9ImZpbGw6cmdiKDAsMTY4LDIxMCk7Ii8+CiAgICA8Y2lyY2xlIGN4PSI2OCIgY3k9IjQiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgogICAgPGNpcmNsZSBjeD0iNjgiIGN5PSI2OCIgcj0iNCIgc3R5bGU9ImZpbGw6cmdiKDAsMTY4LDIxMCk7Ii8+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgogICAgPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0IiBzdHlsZT0iZmlsbDpyZ2IoMCwxNjgsMjEwKTsiLz4KICAgIDxjaXJjbGUgY3g9IjY4IiBjeT0iMzUiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgogICAgPGNpcmNsZSBjeD0iNCIgY3k9IjM1IiByPSI0IiBzdHlsZT0iZmlsbDpyZ2IoMCwxNjgsMjEwKTsiLz4KICAgIDxjaXJjbGUgY3g9IjM2IiBjeT0iNjgiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgo8L3N2Zz4=') 33% round;
}
.e-title {
	font-family: "Russo One", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 1.1;
	font-size: 180%;
	padding-top: 2rem;
	padding-bottom: 0.67rem;
}
.e-title-step {
	font-family: "Russo One", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 1;
	font-size: 600%;
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;
	margin: 0;
	min-width: 100px;
    text-align: center;	
}
.box .e-title:not(.e-text-midnight) {
	text-shadow: 0 0 10px var(--btn-drop);
}
.e-sub-title-1 {
	font-family: "Russo One", sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 1.1;
	font-size: 130%;
	padding-top: 1rem;
	padding-bottom: 0.67rem;
}
.box .e-sub-title-1:not(.e-text-midnight) {
	text-shadow: 0 0 10px var(--btn-drop);
}
.e-sub-title-2 {
	font-family: "Russo One", sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 1.1;
	font-size: 110%;
	padding-top: 0.67rem;
	padding-bottom: 0.67rem;
}
.box .e-sub-title-2:not(.e-text-midnight) {
	text-shadow: 0 0 10px var(--btn-drop);
}
.e-sub-title-3 {
	font-family: "Albert Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 1.1;
	font-size: 110%;
	padding-top: 0;
	padding-bottom: 0.67rem;
}
.box .e-sub-title-3:not(.e-text-midnight) {
	text-shadow: 0 0 10px var(--btn-drop);
}
.btn-e-white {
	--bs-btn-bg: var(--white);
	--bs-btn-color: var(--midnight);
	--bs-btn-hover-bg: var(--sun);
	--bs-btn-hover-color: var(--midnight);
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 0.375rem;
	text-transform: uppercase;
	box-shadow: 0 0 8px var(--btn-drop);
	font-weight: 600;
}
.btn-e-midnight {
	--bs-btn-bg: var(--midnight);
	--bs-btn-color: var(--white);
	--bs-btn-hover-bg: var(--sun);
	--bs-btn-hover-color: var(--midnight);
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 0.375rem;
	text-transform: uppercase;
	box-shadow: 0 0 8px var(--btn-drop);
	font-weight: 600;
}
footer {
	font-weight: 400;
}

footer a {
	text-decoration: none;
	color: inherit;
}
footer a:hover {
	text-decoration: none;
	color: var(--black);
}
footer a.large-link {
	font-size: 120%;
}
footer a.large-link img {
	width: 1.4rem;
}
footer .indent-footer {
	margin-left: 40px;
}
footer svg {
	margin-right: 20px;
}
@media only screen and (min-width: 992px) {
	footer .indent-footer {
		margin-left: unset;
	}
	footer svg {
		margin-left: unset;
	}
}
.e-icon-color {
	fill: var(--midnight);
}
.e-icon-color-horizon {
	fill: var(--horizon);
}

/* Leaf Bullets */
.e-leaf-list {
	list-style: none; /* Remove default bullets */
	padding-left: 0; /* Optional: remove default padding */
}

.e-leaf-list li {
	position: relative;
	padding-left: 30px; /* Space for the custom SVG */
}

.e-leaf-list li::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	/*transform: translateY(-14px);*/
	width: 18px;
	height: 18px;
	display: block;

	/* Apply mask with your SVG */
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNzUgNzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iPjxwYXRoIGQ9Ik02Ny43MjcsMEM0Mi43NzYsMjIuOTYyIC0yLjk2NywxNC42NDUgNS4zNSw2My44MjRDNS4zNSw2NC41NDcgNS43MTIsNjUuMDg5IDUuODkyLDY1LjQ1MUM1LjUzMSw2NS45OTMgMS41NTMsNzcuMDIyIDguNDI0LDc0LjY3MkM2Ljc5Niw2Mi4zNzcgOS42ODksNzAuMzMzIDIwLjE3Niw2OS4yNDhDNTAuNzMyLDY4LjcwNSA3OS44NDEsMzUuMDc2IDY3LjkwOCwwLjE4MUw2Ny45MDgsMC41NDJMNjcuOTA4LDBMNjcuNzI3LDBaTTYuNDM1LDY2LjUzNk0xMC4wNTEsNjMuMjgxQzIwLjE3NiwzMi45MDYgNTEuODE3LDM0LjcxNCA2NC4yOTIsOS41ODNDNTUuNDMzLDM2LjUyMiAyMS42MjIsNDAuODYyIDEwLjA1MSw2My4yODEiIGZpbGw9ImJsYWNrIi8+PC9zdmc+');
	mask-size: contain;
	mask-repeat: no-repeat;

	/* For WebKit browsers, include -webkit- prefixes */
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNzUgNzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iPjxwYXRoIGQ9Ik02Ny43MjcsMEM0Mi43NzYsMjIuOTYyIC0yLjk2NywxNC42NDUgNS4zNSw2My44MjRDNS4zNSw2NC41NDcgNS43MTIsNjUuMDg5IDUuODkyLDY1LjQ1MUM1LjUzMSw2NS45OTMgMS41NTMsNzcuMDIyIDguNDI0LDc0LjY3MkM2Ljc5Niw2Mi4zNzcgOS42ODksNzAuMzMzIDIwLjE3Niw2OS4yNDhDNTAuNzMyLDY4LjcwNSA3OS44NDEsMzUuMDc2IDY3LjkwOCwwLjE4MUw2Ny45MDgsMC41NDJMNjcuOTA4LDBMNjcuNzI3LDBaTTYuNDM1LDY2LjUzNk0xMC4wNTEsNjMuMjgxQzIwLjE3NiwzMi45MDYgNTEuODE3LDM0LjcxNCA2NC4yOTIsOS41ODNDNTUuNDMzLDM2LjUyMiAyMS42MjIsNDAuODYyIDEwLjA1MSw2My4yODEiIGZpbGw9ImJsYWNrIi8+PC9zdmc+');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;

	/* Make it show the underlying color via background */
	background-color: currentColor; /* Inherits font color */
}


a.ghost-link,
a.ghost-link:visited,
a.ghost-link:active {
	color: var(--white);
}
a.ghost-link:hover {
	color: var(--sun);
}

/* Menu Indent */
.fullscreen-menu li.indent {
	position: relative;
	font-style: italic;
	padding-left: 30px; /* Space for the custom SVG */
}
.fullscreen-menu li.indent:hover {
	color: var(--sun);
}

.fullscreen-menu li.indent::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	display: block;

	/* Apply mask with your SVG */
	mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHBhdGggZD0iTTI3LjA4MSwyLjAwOUMyOS42NDIsNC41NyA1NS4wMTksMzEuMTExIDU1LjAxOSwzMS4xMTFDNTYuNDE1LDMyLjUwOCA1Ny4xMTQsMzQuMTM3IDU3LjExNCwzNkM1Ny4xMTQsMzcuODYzIDU2LjQxNSwzOS40OTIgNTUuMDE5LDQwLjg4OUM1NS4wMTksNDAuODg5IDI5LjY0Miw2Ny42NjMgMjcuMDgxLDY5Ljk5MUMyNC41Miw3Mi41NTIgMTkuODYzLDcyLjc4NSAxNy4wNyw2OS45OTFDMTQuMjc2LDY3LjE5NyAxNC4wNDMsNjMuNDcyIDE3LjA3LDYwLjIxM0w0MC4zNTEsMzZMMTcuMDcsMTEuNzg3QzE0LjA0Myw4LjUyOCAxNC4yNzYsNC44MDMgMTcuMDcsMi4wMDlDMTkuODYzLC0wLjc4NSAyNC41MiwtMC41NTIgMjcuMDgxLDIuMDA5WiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=');
	mask-size: contain;
	mask-repeat: no-repeat;

	/* For WebKit browsers, include -webkit- prefixes */
	-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHBhdGggZD0iTTI3LjA4MSwyLjAwOUMyOS42NDIsNC41NyA1NS4wMTksMzEuMTExIDU1LjAxOSwzMS4xMTFDNTYuNDE1LDMyLjUwOCA1Ny4xMTQsMzQuMTM3IDU3LjExNCwzNkM1Ny4xMTQsMzcuODYzIDU2LjQxNSwzOS40OTIgNTUuMDE5LDQwLjg4OUM1NS4wMTksNDAuODg5IDI5LjY0Miw2Ny42NjMgMjcuMDgxLDY5Ljk5MUMyNC41Miw3Mi41NTIgMTkuODYzLDcyLjc4NSAxNy4wNyw2OS45OTFDMTQuMjc2LDY3LjE5NyAxNC4wNDMsNjMuNDcyIDE3LjA3LDYwLjIxM0w0MC4zNTEsMzZMMTcuMDcsMTEuNzg3QzE0LjA0Myw4LjUyOCAxNC4yNzYsNC44MDMgMTcuMDcsMi4wMDlDMTkuODYzLC0wLjc4NSAyNC41MiwtMC41NTIgMjcuMDgxLDIuMDA5WiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;

	/* Make it show the underlying color via background */
	background-color: currentColor; /* Inherits font color */
}
.column-list {
	columns: 4 150px;
	column-gap: 40px;
	column-rule: 1px solid var(--horizon-lt);
}
.column-list li {
    break-inside: avoid;
    padding: 10px;
    text-align: center;
}
.statistic {
	font-size: 5rem;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 1rem;
}
.point-title {
	font-size: 2.8rem;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 1rem;
}
.has-wave-mask {
	padding-bottom: 2rem;
}

@media (min-width: 768px) {
	.has-wave-mask {
		padding-bottom: 4rem;
	}
}

@media (min-width: 992px) {
	.has-wave-mask {
		padding-bottom: 7rem;
	}
}

@media (min-width: 1200px) {
	.has-wave-mask {
		padding-bottom: 8rem;
	}
}

@media (min-width: 1400px) {
	.has-wave-mask {
		padding-bottom: 8rem;
	}	
}


.grid-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /* Alternatively, specify a fixed number of columns, e.g., grid-template-columns: repeat(4, 1fr); */
  width: 100%; /* or set a fixed width like 600px */
  overflow: hidden; /* Prevent resizing due to content */
}

/* Prevent content from changing grid size */
.grid-container > * {
  overflow: hidden;
  white-space: nowrap; /* Prevent content from wrapping and resizing */
  text-overflow: ellipsis; /* Optional: truncate overflowing text */
  box-sizing: border-box;
  padding: 10px; /* Optional padding */
  padding-top: 18px;
  border-bottom: 1px solid var(--horizon-lt);
}
.grid-container > * {
	border-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iNCIgcj0iNCIgc3R5bGU9ImZpbGw6cmdiKDAsMTY4LDIxMCk7Ii8+CiAgICA8Y2lyY2xlIGN4PSI2OCIgY3k9IjQiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgogICAgPGNpcmNsZSBjeD0iNjgiIGN5PSI2OCIgcj0iNCIgc3R5bGU9ImZpbGw6cmdiKDAsMTY4LDIxMCk7Ii8+CiAgICA8Y2lyY2xlIGN4PSI0IiBjeT0iNjgiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgogICAgPGNpcmNsZSBjeD0iMzYiIGN5PSI0IiByPSI0IiBzdHlsZT0iZmlsbDpyZ2IoMCwxNjgsMjEwKTsiLz4KICAgIDxjaXJjbGUgY3g9IjY4IiBjeT0iMzUiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgogICAgPGNpcmNsZSBjeD0iNCIgY3k9IjM1IiByPSI0IiBzdHlsZT0iZmlsbDpyZ2IoMCwxNjgsMjEwKTsiLz4KICAgIDxjaXJjbGUgY3g9IjM2IiBjeT0iNjgiIHI9IjQiIHN0eWxlPSJmaWxsOnJnYigwLDE2OCwyMTApOyIvPgo8L3N2Zz4=') 33% round;
	border-bottom-width: 8px !important;
	margin-bottom: -8px;
	border-right-width: 8px !important;
	margin-right: -8px;
}