:root {
  /* Midnight Blue */
  --midnight-blue-100: #002255;
  --midnight-blue-70: #4d6488;
  --midnight-blue-40: #99a7bb;
  --midnight-blue-10: #e6e9ee;

  /* Light Cerulean */
  --light-cerulean-100: #00b3e3;
  --light-cerulean-70: #4dcaeb;
  --light-cerulean-40: #99e1f4;
  --light-cerulean-10: #e6f7fc;

  /* Saffron */
  --saffron-100: #f7b61f;
  --saffron-70: #f9cc62;
  --saffron-40: #fce2a5;
  --saffron-10: #fef8e9;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 64px;

  /* Typography */
  --text-white-primary: #ffffff;
  --text-white-secondary: rgba(255, 255, 255, 0.8);
  --text-white-tertiary: rgba(255, 255, 255, 0.6);
  --text-dark-primary: #3D3D3D;
  --text-dark-secondary: rgba(0, 0, 0, 0.8);



/* Icons */
  --icon-chart-line: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/chart-line.svg");
  --icon-house: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/house.svg");
  --icon-xmark: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/xmark.svg");
  --icon-bars: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/bars.svg");
  --icon-linkedin: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/linkedin.svg");
  --icon-building: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/building.svg");
  --icon-magnifying-glass: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/magnifying-glass.svg");
  --icon-briefcase: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/briefcase.svg");
  --icon-book-open: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/book-open.svg");
  --icon-users: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/users.svg");
  --icon-headset: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/headset.svg");
  --icon-arrow-right: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/arrow-right.svg");
  --icon-arrow-left: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/arrow-left.svg");
  --icon-arrow-rup: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/arrow-rup.svg");
  --icon-minus: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/minus.svg");
  --icon-chevron-down: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/chevron-down.svg");
  --icon-chevron-right: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/chevron-right.svg");
  --icon-envelope: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/envelope.svg");
  --icon-check: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/check.svg");
  --icon-chevron-left: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/chevron-left.svg");
  --icon-whatsapp: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/whatsapp.svg");
  --icon-instagram: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/instagram.svg");
  --icon-x-twitter: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/x-twitter.svg");
  --icon-share: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/share.svg");
  --icon-angle-down: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/angle-down.svg");
  --icon-plus: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/plus.svg");
  --icon-play: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/play.svg");
  --icon-pause: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/pause.svg");
  --icon-angle-right: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/angle-right.svg");
  --icon-phone: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/phone.svg");
  --icon-clock: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/clock.svg");
  --icon-calendar: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/calendar.svg");
  --icon-map-pin: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/map-pin.svg");
  --icon-lightbulb: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/lightbulb.svg");
  --icon-compass: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/compass.svg");
  --icon-toolbox: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/toolbox.svg");
  --icon-facebook: url("https://147256499.fs1.hubspotusercontent-eu1.net/hubfs/147256499/raw_assets/public/aranea-hubspot-theme/images/icons/facebook.svg");
}

/* Social contact icons */
.linkedin-icon::before,
.twitter-icon::before,
.facebook-icon::before {
  content: "";
  width: 9px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}

.facebook-icon::before {
  width: 7px;
  height: 12px;
}

.linkedin-icon::before {
  background-image: var(--icon-linkedin);
}

.twitter-icon::before {
  background-image: var(--icon-x-twitter);
}

.facebook-icon::before {
  background-image: var(--icon-facebook);
}

.contact-icon.social-icon {
  width: 32px;
  height: 32px;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}



/* ===========================
   Reset & Base Styles
   =========================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	color: var(--text-dark-primary);
	font-weight: 400;
	overflow-x: clip;
}

body {
	background-color: #fff;
	padding: 0 16px;
	overflow-x: clip;
	display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body > div:has(.footer) {
	margin-top: auto;
}

a {
	text-decoration: none;
	color: inherit;
	transition: color 0.3s ease;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ===========================
   Layout
   =========================== */

.container,
.main > * {
	max-width: 1312px;
	margin: 0 auto;
}

.main {
	clear: both;
}

/* ===========================
   Typography
   =========================== */

h1, h2, h3, h4, h5, h6 {
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	margin: 0 0 32px 0;
	color: #000;
	font-family: 'Hind', sans-serif;
}

.hero-content h1 {
	margin-bottom: 40px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 32px;
}

:root :where(p) {
    margin-bottom: 24px;
	line-height: 1.4;
}


/* ===========================
   Buttons
   =========================== */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 24px;
	height: 52px;
	border: none;
	border-radius: 8px;
	font-family: 'Calibri', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	width: auto;
}

/* Primary Button - Midnight Blue */
.btn-primary {
	background-color: var(--midnight-blue-100);
	color: #fff;
}

.btn.btn-primary.btn-white {
	background-color: #FFF;
}

.btn-primary:hover {
	background-color: var(--midnight-blue-70);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.btn-primary:active {
	background-color: #001a40;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.btn-primary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Secondary Button - Light Cerulean */
.btn-secondary {
	background-color: var(--light-cerulean-100);
	color: #000;
	padding: 8px 24px;
}

.btn-secondary:hover {
	background-color: var(--light-cerulean-70);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.btn-secondary:active {
	background-color: var(--light-cerulean-40);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.btn-secondary:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}




/* ===========================
   Header
   =========================== */

.header {
	background-color: #FFF;
	position: relative;
	z-index: 1000;
	padding: 16px 0;

	.container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.header-left {
		display: flex;
		align-items: center;
		gap: 24px;

		.menu ul {
			list-style: none;
			display: flex;
			gap: 32px;
			margin-left: 40px;
		}

		.menu li {
			position: relative;
			padding-top: 8px;
			padding-bottom: 8px;
		}

		.menu li.hs-item-has-children > a {
			display: block;
		}

		.menu li.hs-item-has-children::after {
			content: "";
			position: absolute;
			left: 0;
			top: 100%;
			width: 100%;
			height: 10px;
		}

		.menu ul.hs-menu-children-wrapper {
			position: absolute;
			top: calc(100% + 6px);
			left: 0;
			min-width: 220px;
			padding: 8px 0;
			margin: 0;
			display: block;
			background-color: #fff;
			border: 1px solid var(--midnight-blue-10);
			border-radius: 8px;
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
			opacity: 0;
			visibility: hidden;
			transform: translateY(6px);
			pointer-events: none;
			transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
			z-index: 1100;
		}

		.menu li:hover > ul.hs-menu-children-wrapper,
		.menu li:focus-within > ul.hs-menu-children-wrapper {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			pointer-events: auto;
		}

		.menu ul.hs-menu-children-wrapper li {
			border: 0;
		}

		.menu ul.hs-menu-children-wrapper a {
			display: block;
			padding: 10px 16px;
			font-size: 16px;
			line-height: 1.4;
			white-space: nowrap;
		}

		.menu ul.hs-menu-children-wrapper a:hover {
			background-color: var(--midnight-blue-10);
		}
	}

	.header-right {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.btn {
		height: 44px;
	}
}

.logo {
	width: 164px;
}

/* Mobile Menu Toggle Button */
.mobile-menu-toggle {
	display: none;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	flex-direction: column;
	gap: 4px;
	transition: all 0.3s ease;
}

/* Mobile menu header - hidden on desktop */
.mobile-menu-header {
	display: none;
}

.mobile-menu-close {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	color: var(--midnight-blue-100);
	transition: color 0.2s ease;
}

.mobile-menu-close:hover {
	color: var(--midnight-blue-70);
}

.hamburger-line {
	width: 24px;
	height: 2px;
	background-color: var(--midnight-blue-100);
	transition: all 0.3s ease;
	border-radius: 2px;
}

.mobile-menu-toggle.active .hamburger-line:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px);
}

.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
	opacity: 0;
}

.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -6px);
}

/* Responsive Design */
@media (max-width: 960px) {
	/* Hide desktop menu items, keep logo and appointment button */
	.header .menu,
	.header .search-btn,
	.header .divider {
		display: none;
	}

	.mobile-menu-toggle {
		display: flex;
	}

	.header .container {
		padding: 16px 0;
	}

	.logo {
		width: 140px;
	}

	/* Transform menu for mobile overlay */
	.header.mobile-menu-open .menu {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 999;
	}

	.header.mobile-menu-open .mobile-menu-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: absolute;
		top: 0;
		right: 0;
		width: 320px;
		padding: 12px 24px;
		background-color: #fff;
		border-bottom: 1px solid #eee;
		z-index: 1001;
		transform: translateX(100%);
		transition: transform 0.3s ease;
	}

	.header.mobile-menu-open .mobile-menu-header.animate-in {
		transform: translateX(0);
	}

	.header.mobile-menu-open .mobile-menu-header .logom {
		width: 120px;
	}

	.header.mobile-menu-open .menu ul {
		position: absolute;
		top: 0;
		right: 0;
		width: 320px;
		height: 100vh;
		background-color: #fff;
		padding: 80px 24px 24px 24px;
		flex-direction: column;
		gap: 0;
		margin: 0;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform 0.3s ease;
	}

	.header.mobile-menu-open .menu ul.animate-in {
		transform: translateX(0);
	}

	.header.mobile-menu-open .menu li {
		border-bottom: 1px solid #f0f0f0;
	}

	.header.mobile-menu-open .menu li:last-child {
		border-bottom: none;
	}

	.header.mobile-menu-open .menu a {
		display: block;
		padding: 16px 0;
		color: var(--text-dark-primary);
		text-decoration: none;
		font-size: 18px;
		font-weight: 500;
		transition: color 0.2s ease;
	}

	.header.mobile-menu-open .menu a:hover {
		color: var(--midnight-blue-100);
	}

	body.mobile-menu-open {
		overflow: hidden;
	}

	.header {
		& .header-left {
			.menu ul.hs-menu-children-wrapper {
				display: block;
				position: static;
				visibility: visible;
				top: auto;
				left: auto;
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				background-color: transparent;
				border: none;
				box-shadow: none;
				opacity: 1;
				transform: none;
				pointer-events: auto;
				opacity: 1;
			}
		}
	}
}


/* ===========================
   Hero
   =========================== */

.hero {
	background-color: var(--midnight-blue-100);
	margin: 0;
	padding: 0;
	position: relative;

	&:after {
		content: '';
		position: absolute;
		background-color: var(--midnight-blue-100);
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		z-index: -1;
		transform: translateX(-50%);
	}

	.hero-container {
		max-width: 1312px;
		margin: 0 auto;
		padding: 64px 0;
		display: flex;
		gap: 64px;

		> * {
			flex: 1;
		}
		align-items: center;

		@media (max-width: 768px) {
			flex-direction: column !important;
			padding: 40px 0;
			gap: 32px;
		}
	}

	&.imageleft .hero-container {
		flex-direction: row-reverse;
	}

	h1 {
		color: #FFF;
	}

	> * {
		color: var(--text-white-primary);
	}

	p {
		color: #D1D1D1;
	}

	.hero-image {
		aspect-ratio: 1 / 1.13;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 8px;
			display: block;
		}
	}
}

.hero-badge {
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	padding: 4px 12px;
	display: inline-block;
	border-radius: 2px;
	margin-bottom: 16px;
}

.hero-divider {
	background-color: rgba(255, 255, 255, 0.1);
	height: 1px;
	width: 100%;
	margin: 40px 0;
}


/* ===========================
   Footer
   =========================== */

.footer {
	background-color: var(--midnight-blue-100);
	margin: 0 -16px;
	padding-left: 16px;
	padding-right: 16px;

	> * {
		color: var(--text-white-secondary);
	}

	.footer-content {
		max-width: 1312px;
		margin: 0 auto;
		padding: 64px 0;
	}

	.footer-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 32px;

		a, p {
			opacity: 0.8;
		}

		a {
			font-size: 16px;
		}
	}

	.footer-logo-section img {
		max-width: 124px;
		height: auto;
		display: block;
		margin-bottom: 32px;
	}

	.footer-socials {
		display: flex;
		gap: 3px;
		margin-top: 64px;

		@media (max-width: 768px) {
			margin-top: 24px;
		}

		a {
			opacity: 1;
		}
	}

	ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	h3 {
		font-size: 18px;
		font-weight: 400;
		color: var(--text-white-primary);
		margin-bottom: 24px;
		font-family: 'calibri', sans-serif;
	}

	.reso-mnu {
		margin-top: 32px;
	}

	.footer-bottom {
		margin-top: 64px;
		padding-top: 32px;
		border-top: solid 1px #D9D9D91A;
		display: flex;
		justify-content: space-between;

		> div {
			display: flex;
			justify-content: space-between;
			gap: 12px
		}

		a, p {
			opacity: 0.6;
			font-size: 16px;
		}

		a {
			text-decoration: underline;
		}

		@media (max-width: 568px) {
			display: block;
			margin-top: 32px;
			padding-top: 32px;
		}
	}
}

/* ===========================
   Services Section
   =========================== */

section.services {
	margin-bottom: 64px;
}

.services-header {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	margin-bottom: 64px;

	h3 {
		text-wrap: pretty;
		padding-right: 80px;

		@media (max-width: 768px) {
			margin-bottom: 0;
		}
	}

	@media (max-width: 768px) {
		grid-template-columns: 1fr;
		gap: 24px;
		margin-bottom: 16px;
	}
}

.services-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px 48px;

	@media (max-width: 660px) {
		grid-template-columns: 1fr;
	}
}

.services-grid a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: solid 1px #EEE;
	padding: 24px 0;
	font-size: 20px;
	font-weight: 400;
	transition: all 0.2s ease;
}

.services-grid a:hover {
	border-bottom-color: #CCCCCC;
}

.services-grid a .service-name {
	flex: 1;
}

.services-grid a .service-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: rgba(139, 139, 139, 0.1);
	border: 1px solid rgba(139, 139, 139, 0.2);
	transition: all 0.2s ease;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	flex-shrink: 0;
	position: relative;
}

.services-grid a .service-icon::before {
	content: "";
	width: 11px;
	height: 11px;
	background-image: var(--icon-arrow-rup);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}

.services-grid a:hover .service-icon {
	background-color: rgba(139, 139, 139, 0.15);
	border-color: rgba(139, 139, 139, 0.3);
	transform: translateX(2px);
}

/* ===========================
   USP Grid Section
   =========================== */

.uspgrid {
	margin-bottom: var(--spacing-3xl);
}

.uspgrid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	max-width: 1312px;
	margin: 0 auto;
}

.usp-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--spacing-xl);
	background-color: #fff;
	border-radius: 8px;
}

.usp-item > div:first-child {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: var(--spacing-md);
	background-color: var(--midnight-blue-10);
	border-radius: 8px;
	color: var(--midnight-blue-100);
}

.usp-item svg {
	width: 24px;
	height: 24px;
}

.usp-item h3 {
	font-size: 24px;
	font-weight: 500;
	font-family: 'Hind', sans-serif;
	color: var(--text-dark-primary);
	margin: 0 0 var(--spacing-md) 0;
	line-height: 1.4;
}

.usp-item h4 {
	font-size: 18px;
	font-weight: 500;
	color: var(--text-dark-primary);
	margin: 0 0 var(--spacing-lg) 0;
	line-height: 1.4;
	font-family: 'Hind', sans-serif;
}

.usp-item p {
	font-size: 18px;
	color: var(--text-dark-secondary);
	line-height: 1.4;
	margin: 0;
}

/* ===========================
   Content Cards Section
   =========================== */

.content-cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

.content-cards article {
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	overflow: hidden;
}

.content-cards img {
	width: 100%;
	max-height: 432px;
	object-fit: cover;
}

.content-cards div {
	padding: 16px;
}

.content-cards h3 {
	font-family: 'Hind', sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 8px 0;
	line-height: 1.4;
	position: relative;
}

.content-cards h3 span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: var(--icon-chevron-right);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 6px 11px;
	padding-right: 16px;
	position: absolute;
	right: 0;
	top: 4px;
}

.content-cards p {
	font-size: 18px;
	color: #454545;
	line-height: 1.4;
	margin: 0;
}

@media (max-width: 768px) {
	.content-cards {
		grid-template-columns: 1fr;
	}
}

/* ===========================
   Home Hero Section
   =========================== */

.home-hero {
	margin-bottom: 40px;
}

.home-hero-badge { 
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #EEE;
	border-radius: 2px;
	padding: 4px 12px;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: var(--spacing-xl);
}

/* Responsive Design for USP Grid */
@media (max-width: 1024px) {
	.uspgrid-container {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-lg);
	}
}

@media (max-width: 768px) {
	.uspgrid-container {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}
	
	.usp-item {
		padding: var(--spacing-lg);
	}
	
	.usp-title {
		font-size: 18px;
	}
	
	.usp-description {
		font-size: 16px;
	}
}

/* ===========================
   Team Photos Section
   =========================== */

.team-media {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: var(--spacing-3xl);
}

.team-photos-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--spacing-xl);
	max-width: 624px;
}

.team-photo {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	aspect-ratio: 138/170;
	background-color: var(--midnight-blue-10);
}

.team-photo__link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.team-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.team-photo:hover img {
	transform: scale(1.05);
}

/* Responsive Design */
@media (max-width: 768px) {
	.team-photos-grid {
		gap: var(--spacing-lg);
	}

	.team-media {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.team-photos-grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-md);
	}
}

/* ===========================
   Case Study Section
   =========================== */

.case-study {
	background-color: var(--midnight-blue-100);
	padding: var(--spacing-3xl) 0;
	position: relative;
	margin-bottom: 64px;
}

.case-study:after {
	content: '';
	position: absolute;
	background-color: var(--midnight-blue-100);
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	z-index: -1;
	transform: translateX(-50%);
}

.case-study-container {
	max-width: 1312px;
	margin: 0 auto;
}

.case-study-content {
	display: grid;
	grid-template-columns: 300px 1fr 1px 200px;
	gap: 48px;
	align-items: stretch;
}

.case-study-image {
	height: 400px;
	border-radius: 8px;
	overflow: hidden;
}

.case-study-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case-study-testimonial {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3xl);
	align-self: stretch;
}

.testimonial-quote {
	font-size: 24px;
	line-height: 1.4;
	color: var(--text-white-primary);
	margin: 0;
	flex-grow: 1;
}

.testimonial-author {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.tauthor-name {
	font-size: 18px;
	color: var(--text-white-primary);s
	font-weight: 400;
}

.tauthor-title {
	font-size: 14px;
	color: var(--text-white-secondary);
}

.case-study-divider {
	background-color: rgba(255, 255, 255, 0.1);
	width: 1px;
	align-self: stretch;
}

.case-study-stats {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 200px;
}

.case-study-metrics {
	display: flex;
	flex-direction: column;
	gap: 40px;
	flex-grow: 1;
}

.metric {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

.metric-value {
	font-size: 32px;
	font-weight: 500;
	color: var(--text-white-primary);
	line-height: 1;
}

.metric-label {
	font-size: 19px;
	color: var(--text-white-secondary);
	line-height: 1;
}

.btn-light {
	background-color: var(--light-cerulean-100);
	color: var(--text-white-primary);
}

.btn-light:hover {
	background-color: var(--light-cerulean-70);
}

/* Responsive Design for Case Study */
@media (max-width: 1024px) {
	.case-study-content {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}
	
	.case-study-image {
		height: 300px;
	}
	
	.case-study-metrics {
		flex-direction: row;
		gap: var(--spacing-2xl);
	}
	
	.case-study-divider {
		display: none;
	}
}

@media (max-width: 768px) {
	.case-study-container {
		padding: 0 var(--spacing-lg);
	}
	
	.case-study-metrics {
		flex-direction: column;
		gap: var(--spacing-xl);
	}
}

/* ===========================
   Call to Action Section
   =========================== */

.calltoaction {
	background: var(--midnight-blue-5, #F5F5F4);
	padding: var(--spacing-3xl) 0;
	position: relative;
}

.calltoaction:after {
	content: '';
	position: absolute;
	background: var(--midnight-blue-5, #F5F5F4);
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	z-index: -1;
	transform: translateX(-50%);
}

.calltoaction-container {
	max-width: 1312px;
	margin: 0 auto;
}

.calltoaction-content {
	display: grid;
	grid-template-columns: 1fr 646px;
	gap: var(--spacing-3xl);
	align-items: start;
}

.calltoaction-left {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.calltoaction-title {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.1;
	color: var(--text-dark-primary);
	margin: 0;
}

.btn-dark {
	background-color: var(--midnight-blue-100);
	color: var(--text-white-primary);
	height: 52px;
	padding: var(--spacing-sm) var(--spacing-xl);
	font-size: 16px;
	width: fit-content;
}

.btn-dark:hover {
	background-color: var(--midnight-blue-70);
}

.calltoaction-right {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--spacing-2xl);
	align-items: center;
	min-height: 307px;
}

.calltoaction-image {
	min-height: 307px;
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.calltoaction-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.calltoaction-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--spacing-3xl);
	height: 100%;
}

.calltoaction-text h3 {
	font-size: 24px;
	font-weight: 400;
	color: var(--text-dark-primary);
	margin: 0 0 var(--spacing-lg) 0;
}

.calltoaction-text p {
	font-size: 18px;
	color: var(--text-dark-secondary);
	line-height: 1.4;
	margin: 0;
}

.calltoaction-contact {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-lg);
}

.contact-item {
	display: flex;
	align-items: center;
	gap: var(--spacing-md);
}

.contact-icon {
	width: 24px;
	height: 24px;
	background-color: var(--saffron-100);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.phone-icon::before {
	content: "";
	width: 12px;
	height: 12px;
	background-image: var(--icon-phone);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}

.email-icon::before {
	content: "";
	width: 14px;
	height: 10px;
	background-image: var(--icon-envelope);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
}

.contact-link {
	font-size: 18px;
	color: var(--text-dark-secondary);
	text-decoration: underline;
	transition: color 0.3s ease;
}

.contact-link:hover {
	color: var(--midnight-blue-100);
}

/* Responsive Design for CTA */
@media (max-width: 1024px) {
	.calltoaction-content {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}
	
	.calltoaction-image {
		height: auto;
	}
}

@media (max-width: 768px) {
	.calltoaction-container {
		padding: 0 var(--spacing-lg);
	}
	
	.calltoaction-title {
		font-size: 32px;
	}
	
	.calltoaction-text h3 {
		font-size: 20px;
	}
	
	.calltoaction-text p {
		font-size: 16px;
	}
}

@media (max-width: 460px) {
	.calltoaction-right {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}
	
	.calltoaction-image {
		height: auto;
	}
}

/* ===========================
   Small CTA Section
   =========================== */

.smallcta {
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	padding: 16px 24px;
	border-radius: 4px;
	flex-wrap: wrap;
	margin-bottom: 40px;
	border: solid 1px #EEE;
}

.smallcta p {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	flex-grow: 1;
	min-width: 250px;
}

/* Responsive Design for Small CTA */
@media (max-width: 768px) {
	.smallcta {
		flex-direction: column;
		text-align: center;
		gap: var(--spacing-lg);
	}
	
	.smallcta p {
		min-width: auto;
	}
}

/* ===========================
   Inzichten Section
   =========================== */

.inzichten {
	background-color: white;
	margin-bottom: 60px;
}

.inzichten-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--spacing-xl);
	margin-bottom: var(--spacing-xl);
}

.inzichten-cta {
	display: flex;
	justify-content: flex-end;
	background-color: var(--midnight-blue-10);
	padding: 16px 24px;
	border-radius: 8px;
}

/* Blog card component */
.blog-card {
	background-color: #eff2f6;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.blog-card__image {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 8px;
}

.blog-card__image a {
	display: block;
	height: 100%;
}

.blog-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 8px;
}

.blog-card__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px;
	flex: 1;
}

.blog-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.blog-card__badge {
	background-color: #fff;
	color: var(--text-dark-primary);
	padding: 4px 12px;
	border-radius: 4px;
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}

.blog-card__meta-text {
	color: #000;
	font-family: 'Calibri', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}

.blog-card__title {
	margin: 0;
	font-family: 'Hind', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
}

.blog-card__title a {
	color: #000;
	text-decoration: none;
}

.blog-card__title a:hover {
	color: var(--midnight-blue-100);
}

.blog-card__excerpt {
	margin: 0;
	color: rgba(0, 0, 0, 0.6);
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.blog-card__btn {
	align-self: flex-start;
	margin-top: auto;
	height: 44px;
	min-height: 44px;
	padding: 0 24px;
}

/* Legacy cards on team listing (out of scope for redesign) */
.teamlid-inzichten .inzicht-card {
	background-color: var(--midnight-blue-10);
	padding: 24px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.teamlid-inzichten .inzicht-card:hover {
	transform: translateY(-2px);
}

.teamlid-inzichten .inzicht-image {
	width: 100%;
	aspect-ratio: 240/160;
	border-radius: 8px;
	overflow: hidden;
}

.teamlid-inzichten .inzicht-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.teamlid-inzichten .inzicht-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.teamlid-inzichten .badge {
	background-color: var(--saffron-70);
	color: var(--text-dark-primary);
	padding: 4px 12px;
	border-radius: 2px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
}

.teamlid-inzichten .reading-time {
	font-family: 'Calibri', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--text-dark-primary);
}

.teamlid-inzichten .inzicht-content p {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--text-dark-primary);
	margin: 0;
}

/* Responsive Design for Inzichten */
@media (max-width: 1024px) {
	.inzichten-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.inzichten-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
	}

	.inzichten-cta {
		justify-content: center;
	}

	.blog-card__body {
		padding: 16px;
		gap: 12px;
	}

	.blog-card__title {
		font-size: 18px;
	}
}

/* ===========================
   Blog Index Page
   =========================== */


.blogbase .breadcrumbs-w {
	display: none;
}

.blog-listing-hero {
	display: block;
	max-width: 1312px;
	margin: 0 auto 48px;
	width: 100%;
	background-color: var(--midnight-blue-100);
	border-radius: 0 0 24px 24px;
	padding: 180px 60px 60px;
}

.blog-listing-hero__title {
	font-family: 'Hind', sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.1;
	color: #fff;
	margin: 0;
}

.blog-listing-hero__title span {
	color: #fff;
}

.blog-index-section {
	background-color: white;
}

.blog-index-container {
	max-width: 1312px;
	margin: 0 auto;
}

.blog-index-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 64px;
	align-items: start;
}

.blog-index-main {
	min-width: 0;
}

.blog-sidebar__label {
	color: var(--midnight-blue-70);
	font-family: 'Calibri', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 8px;
}

.blog-sidebar__toggle {
	display: none;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	background-color: #eff2f6;
	border: 1px solid var(--midnight-blue-10);
	border-radius: 8px;
	cursor: pointer;
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--midnight-blue-100);
	text-align: left;
	transition: border-color 0.2s ease;
}

.blog-sidebar__toggle:hover {
	border-color: var(--midnight-blue-30);
}

.blog-sidebar__toggle-text {
	flex: 1;
}

.blog-sidebar__toggle-icon {
	width: 12px;
	height: 7px;
	flex-shrink: 0;
	background-image: var(--icon-angle-down);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 7px;
	transition: transform 0.3s ease;
}

.blog-sidebar.is-open .blog-sidebar__toggle-icon {
	transform: rotate(180deg);
}

.blog-sidebar__nav {
	display: flex;
	flex-direction: column;
}

.blog-sidebar__link {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 8px 0;
	border-bottom: 1px solid var(--midnight-blue-10);
	color: rgba(0, 0, 0, 0.6);
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s ease;
}

.blog-sidebar__link:hover {
	color: var(--midnight-blue-100);
}

.blog-sidebar__checkbox {
	width: 18px;
	height: 18px;
	border: 1px solid #000;
	border-radius: 2px;
	flex-shrink: 0;
	background-color: transparent;
	transition: background-color 0.2s ease;
}

.blog-sidebar__link.is-active .blog-sidebar__checkbox {
	background-color: #000;
}

.blog-sidebar__text {
	flex: 1;
}

.blog-index-header {
	margin-bottom: var(--spacing-xl);
}

.blog-index-title {
	font-family: 'Hind', sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.1;
	color: black;
	margin: 0;
}

.blog-index-main .blog-posts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-bottom: 60px;
}

/* Featured Blog Post Section */
.blog-featured-section {
	margin-bottom: 80px;
	background-color: var(--midnight-blue-100);
	padding: 64px 0;
	position: relative;
	z-index: 3;
	&:after {
		content: '';
		position: absolute;
		background-color: var(--midnight-blue-100);
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		z-index: -1;
		transform: translateX(-50%);
	}
}

.blog-featured-content {
	display: flex;
	gap: 32px;
	align-items: center;
}

.blog-featured-image {
	aspect-ratio: 450/280;
	border-radius: 8px;
	overflow: hidden;
	flex: 1;
}

.blog-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.blog-featured-image:hover img {
	transform: scale(1.05);
}

.blog-featured-text {
	flex: 1;
	color: white;
}

.blog-featured-title {
	font-family: 'Hind', sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.1;
	color: white;
	margin: 0 0 32px 0;
}

.blog-featured-post {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.blog-featured-meta {
	margin-bottom: 8px;
}

.blog-featured-reading-time {
	font-family: 'Calibri', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.4;
}

.blog-featured-post-title {
	margin: 0;
}

.blog-featured-post-title a {
	font-family: 'Inter', sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 1.4;
	color: white;
	text-decoration: none;
	display: block;
}

.blog-featured-post-title a:hover {
	color: var(--saffron-70);
}

.blog-featured-author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 24px;
}

.blogfavatar {
	width: 56px;
    height: 56px;
    flex-shrink: 0;
}

.blog-featured-author-avatar {
	width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.blog-featured-author-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.blog-featured-author-name {
	font-family: 'Calibri', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: white;
	line-height: 1.4;
}

.blog-featured-author-title {
	font-family: 'Calibri', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-index-header {
	margin-bottom: var(--spacing-xl);
}

.blog-index-title {
	font-family: 'Hind', sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.1;
	color: black;
	margin: 0;
}

.blog-no-posts {
	text-align: center;
	padding: 80px 0;
}

.blog-no-posts h2 {
	font-family: 'Hind', sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: black;
	margin-bottom: 16px;
}

.blog-no-posts p {
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	color: #5d5d5d;
}

/* Blog Pagination */
.blog-pagination {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.pagination-button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	background-color: white;
	color: black;
	text-decoration: none;
	font-family: 'Geist', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
}

.pagination-button:hover {
	background-color: #f9fafb;
	border-color: rgba(0, 0, 0, 0.2);
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pagination-button.pagination-active {
	background-color: var(--midnight-blue-100);
	color: white;
	border-color: var(--midnight-blue-100);
}

.pagination-button.pagination-active:hover {
	background-color: var(--midnight-blue-70);
	border-color: var(--midnight-blue-70);
}

.pagination-dots {
	color: black;
	font-family: 'Geist', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	padding: 8px;
}

.pagination-prev svg,
.pagination-next svg {
	width: 16px;
	height: 16px;
}

/* Responsive Design for Blog Index */
@media (max-width: 1024px) {
	.blog-listing-hero {
		padding: 120px 40px 48px;
	}

	.blog-index-layout {
		grid-template-columns: 240px 1fr;
		gap: 40px;
	}

	.blog-listing-hero__title {
		font-size: 40px;
	}
}

@media (max-width: 768px) {
	.blog-listing-hero {
		margin-bottom: 32px;
		padding: 80px 24px 36px;
		border-radius: 0 0 16px 16px;
	}

	.blog-listing-hero__title {
		font-size: 32px;
	}

	.blog-index-section {
		padding: 0 0 40px;
	}

	.blog-index-layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.blog-sidebar__label {
		display: none;
	}

	.blog-sidebar__toggle {
		display: flex;
	}

	.blog-sidebar__nav {
		display: none;
		padding-top: 8px;
	}

	.blog-index-title {
		font-size: 28px;
	}

	.blog-index-main .blog-posts-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
		margin-bottom: 60px;
	}

	.pagination-button {
		min-width: 40px;
		height: 40px;
		padding: 12px;
	}

	/* Featured section responsive */
	.blog-featured-container {
		padding: 32px 20px;
	}
	
	.blog-featured-content {
		flex-direction: column;
		gap: 24px;
	}
	
	.blog-featured-title {
		font-size: 36px;
		margin-bottom: 24px;
	}
	
	.blog-featured-post-title a {
		font-size: 24px;
	}
	
	.blog-featured-image {
		flex: none;
		width: 100%;
		aspect-ratio: 16/9;
		order: -1;
	}
}

@media (max-width: 480px) {
	.blog-listing-hero {
		padding: 64px 20px 28px;
		margin-bottom: 24px;
	}

	.blog-listing-hero__title {
		font-size: 28px;
	}

	.blog-sidebar__toggle {
		padding: 14px 16px;
		font-size: 16px;
	}

	.blog-pagination {
		gap: 8px;
		justify-content: center;
	}
	
	.pagination-button {
		min-width: 36px;
		height: 36px;
		padding: 8px;
		font-size: 12px;
	}
	
	.blog-featured-container {
		padding: 24px 16px;
	}
	
	.blog-featured-title {
		font-size: 28px;
	}
	
	.blog-featured-post-title a {
		font-size: 20px;
	}
}

@media (min-width: 769px) {
	.blog-sidebar__nav {
		display: flex !important;
	}
}

/* ===========================
   Team Listing Page Styles
   =========================== */
.team-listing {
	padding: 60px 0;
}

.team-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

/* Author Card Styles */
.author-card {
	position: relative;
	background: #f5f5f5;
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 0.75;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.author-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.author-card__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-decoration: none;
	color: inherit;
}

.author-card__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.author-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.author-card__content {
	position: relative;
	z-index: 2;
	background: white;
	padding: 16px;
	margin: 8px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.author-card__name {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	color: #000;
	font-family: 'Calibri', sans-serif;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.author-card__name::after {
	content: "";
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgNEwxMyAxMEw3IDE2IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=') no-repeat center;
	background-size: contain;
	flex-shrink: 0;
}

.author-card__contact {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.author-card__contact-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1.4;
	color: #454545;
}

.author-card__contact-item::before {
	content: "";
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.author-card__contact-item--phone::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDExLjE1VjEzLjVDMTIgMTMuNzc2IDExLjc3NiAxNCAxMS41IDE0SDQuNUMzIDEzIDIuNSAxMS41IDIuNSAxMFYyQzIuNSAxLjcyNCAyLjcyNCAxLjUgMyAxLjVIMTEuNUMxMS43NzYgMS41IDEyIDEuNzI0IDEyIDJWNC44NU0xMCA2SDEwLjVIMTFIMTAuNVY2LjVWN1Y2LjVIMTBWNloiIGZpbGw9IiM0NTQ1NDUiLz4KPC9zdmc+Cg==');
}

.author-card__contact-item--email::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNEwyIDEySDEySDJWNEgxMkg4VjZMOCA0SDJaIiBmaWxsPSIjNDU0NTQ1Ii8+CjxyZWN0IHg9IjIiIHk9IjQiIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBzdHJva2U9IiM0NTQ1NDUiLz4KPHBhdGggZD0iTTIgNEw4IDhMMTQgNCIgc3Ryb2tlPSIjNDU0NTQ1Ii8+Cjwvc3ZnPgo=');
}

.author-card__contact-item--linkedin::before {
	background-image: var(--icon-linkedin);
}

.contact-label {
	display: none;
}

.contact-link {
	color: #454545;
	text-decoration: none;
	font-family: 'Calibri', sans-serif;
	font-weight: 400;
	flex: 1;
}

.contact-link:hover {
	text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 1300px) {
	.team-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px) {
	.team-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.author-card__content {
		padding: 12px;
		margin: 6px;
	}
	
	.author-card__name {
		font-size: 18px;
	}
	
	.author-card__contact-item {
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.team-grid {
		grid-template-columns: 1fr;
	}
	
	.author-card__content {
		padding: 16px;
		margin: 8px;
	}
	
	.author-card__name {
		font-size: 20px;
	}
	
	.author-card__contact-item {
		font-size: 14px;
	}
}


/* Case post content */

.postcontent {
	display: grid;
	grid-template-columns: 400px 1fr;
	gap: 96px;
}

.postinfo {
	padding-bottom: 80px;
}

.postinfo-content {
	position: sticky;
	top: 40px;
}

.thepost h1 + p {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 24px;
}

/* Responsive Design for Post Content */
@media (max-width: 1024px) {
	.postcontent {
		grid-template-columns: 300px 1fr;
		gap: 64px;
	}
}

@media (max-width: 768px) {
	.postcontent {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}

@media (max-width: 480px) {
	.postcontent {
		gap: 24px;
	}
}

/* ===========================
   Klantcases Section
   =========================== */
.klantcases-section {
	padding: var(--spacing-3xl) 0;
	background-color: #ffffff;
}

.klantcases-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 var(--spacing-2xl);
}

.klantcases-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 64px 24px;
	margin-bottom: var(--spacing-3xl);
}

.klantcase-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: #ffffff;
	border-radius: 8px;
	transition: transform 0.2s ease;
}

.klantcase-card:hover {
	transform: translateY(-4px);
}

.klantcase-image {
	position: relative;
	aspect-ratio: 240 / 160;
	border-radius: 8px;
	overflow: hidden;
}

.klantcase-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	z-index: 1;
}

.client-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 200px;
	height: 96px;
	background: #ffffff;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.client-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.klantcase-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.klantcase-title {
	margin: 0;
}

.klantcase-title a {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.4;
	color: #000000;
	text-decoration: none;
}

.klantcase-title a:hover {
	color: var(--midnight-blue-100);
}

.klantcase-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 0 8px 0;
	border: none;
	border-bottom: 1px solid #000000;
	background: transparent;
	color: #000000;
	font-family: 'Calibri', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
	width: fit-content;
}

.klantcase-button:hover {
	border-bottom-color: var(--midnight-blue-100);
	color: var(--midnight-blue-100);
}

.klantcase-button-icon {
	width: 16px;
	height: 12px;
}

/* Pagination styling */
.klantcases-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: var(--spacing-3xl);
}

.pagination-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	color: #494A52;
	text-decoration: none;
	transition: all 0.2s ease;
}

.pagination-button:hover {
	border-color: var(--midnight-blue-100);
	background-color: var(--midnight-blue-10);
}

.pagination-button.pagination-active {
	background-color: var(--midnight-blue-100);
	color: white;
	border-color: var(--midnight-blue-100);
}

.pagination-dots {
	color: #666;
	padding: 0 8px;
}

/* No posts styling */
.klantcases-no-posts {
	text-align: center;
	padding: var(--spacing-3xl) 0;
}

.klantcases-no-posts h2 {
	margin-bottom: 16px;
	color: var(--text-dark-primary);
}

.klantcases-no-posts p {
	color: var(--text-dark-secondary);
}

/* Responsive Design */
@media (max-width: 768px) {
	.klantcases-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-xl);
	}
	
	.klantcases-container {
		padding: 0 var(--spacing-lg);
	}
	
	.client-logo {
		width: 160px;
		height: 80px;
		padding: 16px;
	}
	
	.klantcase-title a {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.klantcases-section {
		padding: var(--spacing-2xl) 0;
	}
	
	.klantcases-grid {
		gap: var(--spacing-lg);
	}
	
	.klantcase-card {
		gap: 12px;
	}
	
	.client-logo {
		width: 140px;
		height: 70px;
		padding: 12px;
	}
	
	.klantcase-title a {
		font-size: 16px;
	}
	
	.klantcase-button {
		font-size: 13px;
		height: 40px;
	}
}

.klantenlogos-section {
	padding-bottom: 64px;
	background-color: #f5f5f4;
	position: relative;
	&:after {
		content: '';
		position: absolute;
		background-color: #f5f5f4;
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		z-index: -1;
		transform: translateX(-50%);
	}
}

.klantenlogos {
	display: grid;
	grid-template-columns: max-content auto;
	gap: 32px;
	align-items: center;
	border-bottom: solid 1px rgba(0, 0, 0, 0.10);

	& > div:first-child {
		font-size: 18px;
	}
}

.klantenlogosmod {
	overflow: hidden;
}

/* ===========================
   Author Info Card
   =========================== */
.author-info-card {
	background-color: #f5f5f4;
	border-radius: 8px;
	padding: 24px;
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.author-header {
	display: flex;
	gap: 16px;
	align-items: center;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.author-photo {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
}

.author-photo img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
	background-color: #d9d9d9;
}

.author-details {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.author-name {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #000000;
	margin: 0;
}

.author-title {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.7);
	margin: 0;
}

.author-description {
	font-size: 16px;
	line-height: 1.4;
	color: #000000;
}

.author-description p {
	margin: 0 0 16px 0;
}

.author-description p:last-child {
	margin-bottom: 0;
}



/* Responsive Design */
@media (max-width: 768px) {
	.author-info-card {
		padding: 20px;
		gap: 20px;
	}
	
	.author-header {
		gap: 12px;
		padding-bottom: 20px;
	}
	
	.author-photo {
		width: 48px;
		height: 48px;
	}
	
	.author-name {
		font-size: 16px;
	}
	
	.author-description {
		font-size: 15px;
		margin-bottom: 20px;
	}
}

@media (max-width: 480px) {
	.author-info-card {
		padding: 16px;
		gap: 16px;
	}
	
	.author-header {
		gap: 10px;
		padding-bottom: 16px;
	}
	
	.author-photo {
		width: 44px;
		height: 44px;
	}
	
	.author-name {
		font-size: 15px;
	}
	
	.author-title {
		font-size: 13px;
	}
	
	.author-description {
		font-size: 14px;
		margin-bottom: 16px;
	}
	

}

/* ===========================
   Contact Info Card & Client Details
   =========================== */
.contact-info-card {
	background-color: #f5f5f4;
	border-radius: 8px;
	padding: 24px;
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.contact-header {
	display: flex;
	gap: 16px;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contact-photo {
	width: 56px;
	height: 56px;
	flex-shrink: 0;
}

.contact-photo img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
	background-color: #d9d9d9;
}

.contact-details {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.contact-name {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #000000;
	margin: 0;
}

.contact-title {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.7);
	margin: 0;
}

.contact-description {
	font-size: 16px;
	line-height: 1.4;
	color: #000000;
}

.contact-description p {
	margin: 0 0 16px 0;
}

.contact-description p:last-child {
	margin-bottom: 0;
}

.client-details {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 24px;
}

.detail-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.detail-label {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #000000;
	margin: 0;
}

.detail-value {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.8);
	margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
	.contact-info-card {
		padding: 20px;
		gap: 20px;
	}
	
	.contact-header {
		gap: 12px;
		padding-bottom: 20px;
	}
	
	.contact-photo {
		width: 48px;
		height: 48px;
	}
	
	.contact-name {
		font-size: 16px;
	}
	
	.contact-description {
		font-size: 15px;
	}
	
	.client-details {
		gap: 24px;
		margin-top: 20px;
	}
	
	.detail-label {
		font-size: 15px;
	}
	
	.detail-value {
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.contact-info-card {
		padding: 16px;
		gap: 16px;
	}
	
	.contact-header {
		gap: 10px;
		padding-bottom: 16px;
	}
	
	.contact-photo {
		width: 44px;
		height: 44px;
	}
	
	.contact-name {
		font-size: 15px;
	}
	
	.contact-title {
		font-size: 13px;
	}
	
	.contact-description {
		font-size: 14px;
	}
	
	.client-details {
		gap: 20px;
		margin-top: 16px;
	}
	
	.detail-label {
		font-size: 14px;
	}
	
	.detail-value {
		font-size: 12px;
	}
}

/* CTA Button in Contact Info Card */

.contact-info-card a.btn-primary {
	width: 100% !important;
	text-align: center;
}

/* ===========================
   Table of Contents
   =========================== */
.table-of-contents {
	margin-top: 24px;
	background-color: #ffffff;
	border-radius: 8px;
}

.toc-title {
	font-family: 'Calibri', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: #000000;
	margin: 0 0 16px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 24px;
}

.toc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.toc-item {
	margin: 0;
	padding: 0;
}

.toc-link {
	display: block;
	font-family: 'Calibri', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.7);
	text-decoration: none;
	padding: 8px 0;
	border-left: 3px solid transparent;
	transition: all 0.2s ease;
	padding: 0 24px;
}

.toc-link:hover {
	color: var(--midnight-blue-100);
	border-left-color: var(--midnight-blue-100);
}

/* Responsive Design */
@media (max-width: 768px) {
	.table-of-contents {
		padding: 20px;
		margin-top: 20px;
	}
	
	.toc-title {
		font-size: 16px;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	
	.toc-list {
		gap: 12px;
	}
	
	.toc-link {
		font-size: 15px;
		padding: 6px 0;
		padding-left: 10px;
	}
}

@media (max-width: 480px) {
	.table-of-contents {
		padding: 16px;
		margin-top: 16px;
	}
	
	.toc-title {
		font-size: 15px;
	}
	
	.toc-link {
		font-size: 14px;
		padding: 5px 0;
		padding-left: 8px;
	}
}

img.hs-image-widget {
	border-radius: 8px;
}

@media (min-width: 768px) {
	.breadcrumbs-w {
		padding-bottom: 64px;
	}

	.bluebase .breadcrumbs-w {
		padding-bottom: 0;
	}
}

.breadcrumbs {
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	padding-bottom: 12px;
}

.clearfix {
	conntent: '';
	clear: both;
}

.hs-breadcrumb-menu-item:first-child {
	padding-left: 0;
}

/* ===========================
   Blue Base Theme Overrides
   =========================== */
body.bluebase .header {
	background-color: var(--midnight-blue-100);
	color: #ffffff;
	margin-left: -16px;
	margin-right: -16px;
	padding-left: 16px;
	padding-right: 16px;
}

.homebase .header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
	body.bluebase .header {
		padding-left: 12px;
		padding-right: 12px;
	}
	body.bluebase .header .menu ul li a {
		color: #ffffff !important;
	}

	body.bluebase .header .menu ul.hs-menu-children-wrapper a {
		color: #3d3d3d !important;
	}

	body.bluebase .header .menu ul li a:hover {
		color: var(--light-cerulean-100) !important;
	}
}

.logo img.logo-w {
	display: none;
}

body.bluebase .logo img.logo-c {
	display: none;
}

body.bluebase .logo img.logo-w {
	display: block;
}

body.bluebase .header .search-btn {
	color: #ffffff;
}

body.bluebase .header .search-btn:hover {
	color: var(--light-cerulean-100);
}

body.bluebase .header .divider {
	background-color: rgba(255, 255, 255, 0.3);
}

body.bluebase .header .btn-primary {
	background-color: var(--light-cerulean-100);
	border-color: var(--light-cerulean-100);
	color: #000000;
}

.breadcrumbs {
	padding: 5px 0 !important;
}

body.bluebase .header .btn-primary:hover {
	background-color: var(--light-cerulean-70);
	border-color: var(--light-cerulean-70);
}

body.bluebase .breadcrumbs-w {
	background-color: var(--midnight-blue-100);
	margin-left: -16px;
	margin-right: -16px;
	padding-left: 16px;
	padding-right: 16px;
}

body.bluebase .breadcrumbs {
	background-color: var(--midnight-blue-100);
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 12px;
}

.breadcrumbs-w {
	font-size: 16px;
}

.breadcrumbs a {
	opacity: 0.6;
	&:hover {
		opacity: 1;
	}
}

body.bluebase .breadcrumbs a {
	color: #ffffff;
	text-decoration: none;
}

body.bluebase .breadcrumbs a:hover {
	color: var(--light-cerulean-100);
}

body.bluebase .breadcrumb-separator {
	color: rgba(255, 255, 255, 0.7);
}

body.bluebase .hs-breadcrumb-menu-item {
	color: #ffffff;
}

body.bluebase .hs-breadcrumb-menu-item a {
	color: #ffffff;
}

body.bluebase .hs-breadcrumb-menu-item a:hover {
	color: var(--light-cerulean-100);
}

/* Mobile menu overrides for bluebase */
body.bluebase .mobile-menu-toggle .hamburger-line {
	background-color: #ffffff;
}

@media (max-width: 768px) {
	body.bluebase .menu {
		background-color: var(--midnight-blue-100);
	}
	
	body.bluebase .mobile-menu-header {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
}

.hs_cos_wrapper_type_rich_text ul {
	margin-left: 20px;
}


/* Overwrite fixes */

.hs-web-interactive-inline a,
.hs-web-interactive-inline a span,
.hero-content a span {
    font-size: 16px !important;
}

.usp-item p {
    color: var(--text-dark-secondary);
} 
.usp-description {
    color: #5d5d5d;
}


/* Hubspot Grid fix poging */

/* Target every DnD section */
.dnd-section {
margin-bottom: 32px;
}

/* Remove spacing from the first section (e.g. hero) */
.dnd-section:first-of-type {
	margin-top: 0;
}

.dnd-section:last-of-type {
	margin-bottom: 0;
}

.dnd-section .span6 img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.dnd_area-row-0-force-full-width-section {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);

	p {
		opacity: 0.8;
	}
}


.team-listing__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.team-listing__filters {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: 660px;
}

.team-listing__filter-select {
	width: 100%;
	max-width: 320px;
	height: 54px;
	line-height: 1;
	background-color: #f5f5f5;
	border: solid 1px #EEE;
	padding: 12px 44px 12px 12px;
	border-radius: 8px;
	font-size: 16px;
	background-image: var(--icon-angle-down);
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 13px 8px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.team-listing__search-input {
	width: 100%;
	max-width: 320px;
	height: 54px;
	line-height: 1;
	background-color: #f5f5f5;
	border: solid 1px #EEE;
	padding: 12px 12px 12px 44px;
	border-radius: 8px;
	font-size: 16px;
}

.team-listing__search-input:focus {
	border: solid 1px #EEE;
}

.team-listing__search {
	position: relative;
	width: 100%;
	max-width: 320px;
}

.team-listing__search::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	background-image: var(--icon-magnifying-glass);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.3;
	pointer-events: none;
}

@media (max-width: 768px) {
	.team-listing__header {
		flex-direction: column;
		align-items: flex-start;
	}

	.team-listing__filters {
		max-width: 100%;
		flex-direction: column;
		align-items: stretch;
	}

	.team-listing__filter-select,
	.team-listing__search-input {
		max-width: 100%;
	}

	.team-listing__search {
		max-width: 100%;
	}
}

.hero-team-single {
	max-width: none;

	.hero-container {
        align-items: flex-start !important;
	}
}

.team-related-specialists {
	margin-top: 64px;
	margin-bottom: 64px;
}

.team-hero-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.team-hero-contact__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	border: solid 1px rgba(255, 255, 255, 0.5);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.team-hero-contact__link:hover {
	background: rgba(255, 255, 255, 0.45);
}

.team-hero-contact__link::before {
	content: "";
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.team-hero-contact__link--phone::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDExLjE1VjEzLjVDMTIgMTMuNzc2IDExLjc3NiAxNCAxMS41IDE0SDQuNUMzIDEzIDIuNSAxMS41IDIuNSAxMFYyQzIuNSAxLjcyNCAyLjcyNCAxLjUgMyAxLjVIMTEuNUMxMS43NzYgMS41IDEyIDEuNzI0IDEyIDJWNC44NU0xMCA2SDEwLjVIMTFIMTAuNVY2LjVWN1Y2LjVIMTBWNloiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==');
}

.team-hero-contact__link--email::before {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNEwyIDEySDEySDJWNEgxMkg4VjZMOCA0SDJaIiBmaWxsPSIjZmZmZmZmIi8+CjxyZWN0IHg9IjIiIHk9IjQiIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBzdHJva2U9IiNmZmZmZmYiLz4KPHBhdGggZD0iTTIgNEw4IDhMMTQgNCIgc3Ryb2tlPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=');
}

.team-hero-contact__link--linkedin::before {
	background-image: var(--icon-linkedin);
	filter: brightness(0) invert(1);
}

.teamlid-inzichten {
	margin-top: 60px;
}

/* Specialists section styling */
.specialists-section-title {
	font-family: 'Hind', sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.1;
	color: #000000;
	margin: 0 0 24px 0;
  }
  
  .specialists-description {
	margin-bottom: 40px;
	max-width: 896px;
  }
  
  .specialists-description p {
	font-size: 18px;
	line-height: 1.4;
	color: var(--text-dark-secondary);
	margin-bottom: 16px;
  }
  
  .specialists-description p:last-child {
	margin-bottom: 0;
  }
  
  .specialsteammembers {
	  margin-bottom: 60px;
  }
  
  /* Container styling */
  .specialists-container {
	position: relative;
	margin-bottom: 24px;
  }
  
  /* Grid for 4 or fewer specialists */
  .specialists-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 16px;
	max-width: 100%;
  }
  
  /* Slider styling for more than 4 specialists */
  .specialists-slider .specialists-wrapper {
	display: block;
  }
  
  .specialists-slider .specialists-wrapper.slick-slider {
	margin: 0;
	overflow: visible;
  }
  
  .specialists-slider .slick-track {
	display: flex;
	align-items: stretch;
  }
  
  .specialists-slider .slick-slide {
	width: 300px;
	flex: 0 0 auto;
  }
  
  .specialists-slider .slick-slide > div {
	height: 100%;
  }
  
  .specialistteam-card {
	width: 100%;
	height: 100%;
  }
  
  /* Hide slick dots and default arrows */
  .specialists-slider .slick-dots {
	display: none !important;
  }
  
  .specialists-slider .slick-arrow {
	display: none !important;
  }
  
  .slick-slider .slick-slide {
	margin: 0 8px;   /* gap = 20px total between slides */
  }
  
  .slick-slider .slick-list {
	margin: 0 -8px;  /* prevents outer spacing */
  }
  
  /* Navigation buttons */
  .specialists-nav {
	display: flex;
	gap: 8px;
	opacity: 1;
	visibility: visible;
  }
  
  .specialists-nav-btn {
	width: 32px;
	height: 32px;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
	outline: none;
	opacity: 1;
	position: relative;
  }
  
  .specialists-nav-btn::before {
	content: "";
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
  }
  
  .specialists-prev::before {
	background-image: var(--icon-arrow-left);
  }
  
  .specialists-next::before {
	background-image: var(--icon-arrow-right);
  }
  
  .specialists-nav-btn:hover {
	background: #f9fafb;
	border-color: #d1d1d1;
  }
  
  .specialists-nav-btn:disabled,
  .specialists-nav-btn.slick-disabled {
	opacity: 0.2;
	cursor: not-allowed;
  }
  
  /* Author card styling - reuse from team-listing */
  .author-card {
	position: relative;
	background: #f5f5f5;
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 0.75;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .author-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  }
  
  .author-card__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-decoration: none;
	color: inherit;
  }
  
  .author-card__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
  }
  
  .author-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
  }
  
  .author-card__content {
	position: relative;
	z-index: 2;
	background: white;
	padding: 16px;
	margin: 8px;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	gap: 4px;
  }
  
  .author-card__name {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	color: #000;
	font-family: 'Calibri', sans-serif;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  .author-card__name::after {
	content: "";
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgNEwxMyAxMEw3IDE2IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=') no-repeat center;
	background-size: contain;
	flex-shrink: 0;
  }
  
  .author-card__contact {
	display: flex;
	flex-direction: column;
	gap: 4px;
  }
  
  .author-card__contact-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1.4;
	color: #454545;
  }
  
  .author-card__contact-item::before {
	content: "";
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  }
  
  .author-card__contact-item--phone::before {
	background-image: var(--icon-phone);
  }
  
  .author-card__contact-item--email::before {
	background-image: var(--icon-envelope);
  }
  
  .contact-link {
	color: #454545;
	text-decoration: none;
	font-family: 'Calibri', sans-serif;
	font-weight: 400;
	flex: 1;
  }
  
  .contact-link:hover {
	text-decoration: underline;
  }
  
  /* Responsive adjustments */
  @media (max-width: 1024px) {
	.specialists-wrapper {
	  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}
	
	.specialistteam-card {
	  max-width: 250px;
	}
	
	.specialists-slider .slick-slide {
	  max-width: 250px;
	}
  }
  
  @media (max-width: 768px) {
	.specialists-section-title {
	  font-size: 32px;
	}
	
	.specialists-wrapper {
	  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	
	.specialistteam-card {
	  max-width: 200px;
	}
	
	.specialists-slider .slick-slide {
	  max-width: 200px;
	}
	
	.author-card__content {
	  padding: 12px;
	  margin: 6px;
	}
	
	.author-card__name {
	  font-size: 18px;
	}
	
	.author-card__contact-item {
	  font-size: 12px;
	}
  }
  
  @media (max-width: 480px) {
	.specialists-wrapper {
	  grid-template-columns: 1fr;
	}
	
	.specialistteam-card {
	  max-width: 100%;
	}
	
	.specialists-slider .slick-slide {
	  max-width: 250px;
	}
	
	.author-card__content {
	  padding: 16px;
	  margin: 8px;
	}
	
	.author-card__name {
	  font-size: 20px;
	}
	
	.author-card__contact-item {
	  font-size: 14px;
	}
  }


/* form styling */

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form input[type="time"],
form input[type="url"],
form input[type="search"],
form input[type="password"],
form input[type="file"],
form textarea {
	background-color: rgba(0, 0, 0, 0.05) !important;
	border-radius: 8px !important;
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	padding: 14px 12px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #000000 !important;
}

form button[type="submit"],
form .hs-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: 52px !important;
	padding: 0 24px !important;
	border: none !important;
	border-radius: 8px !important;
	background-color: var(--midnight-blue-100) !important;
	color: #fff !important;
	font-family: 'Calibri', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
	transition: all 0.3s ease !important;
	width: 100% !important;
}

form button[type="submit"]:hover,
form button[type="submit"]:focus,
form .hs-button:hover,
form .hs-button:focus {
	background-color: var(--midnight-blue-70) !important;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) !important;
	color: #fff !important;
}

form button[type="submit"]:active,
form .hs-button:active {
	background-color: #001a40 !important;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
	color: #fff !important;
}


/* 404 */

body:has(.errorpage) .breadcrumbs-w {
	display: none;
}

.errorpage {
	padding: 64px 0 96px;
	text-align: center;
}

.errorpage-inner {
	max-width: 920px;
	margin: 0 auto;
}

.errorpage-code {
	font-family: 'Hind', sans-serif;
	font-size: clamp(72px, 12vw, 120px);
	font-weight: 600;
	line-height: 1;
	color: #000;
	margin: 0 0 32px;
}

.errorpage-title {
	font-family: 'Hind', sans-serif;
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 600;
	line-height: 1.2;
	color: #000;
	margin: 0 0 24px;
}

.errorpage-lead {
	font-size: 18px;
	line-height: 1.4;
	color: var(--text-dark-primary);
	margin: 0 0 16px;
}

.errorpage-text {
	font-size: 16px;
	line-height: 1.4;
	color: var(--midnight-blue-70);
	margin: 0 0 48px;
}

.errorpage-suggest-divider {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.errorpage-suggest-divider::before,
.errorpage-suggest-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background-color: var(--midnight-blue-10);
}

.errorpage-suggest-divider span {
	font-size: 14px;
	line-height: 1.4;
	color: var(--midnight-blue-40);
	white-space: nowrap;
}

.errorpage-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	text-align: left;
}

.errorpage-link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 64px;
	padding: 12px;
	border: 1px solid var(--midnight-blue-10);
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	color: var(--midnight-blue-100);
	font-size: 18px;
	line-height: 1.4;
	text-decoration: none;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.errorpage-link:hover {
	border-color: var(--midnight-blue-40);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.errorpage-link-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background-color: var(--midnight-blue-10);
}

.errorpage-link-icon::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.errorpage-link-icon--book::before {
	background-image: var(--icon-book-open);
}

.errorpage-link-icon--briefcase::before {
	background-image: var(--icon-briefcase);
}

.errorpage-link-icon--building::before {
	background-image: var(--icon-building);
}

.errorpage-link-icon--house::before {
	background-image: var(--icon-house);
}

.errorpage-link-label {
	flex: 1;
	min-width: 0;
	font-weight: 500;
}

.errorpage-link-chevron {
	flex-shrink: 0;
	width: 8px;
	height: 14px;
	margin-left: auto;
	background-image: var(--icon-chevron-right);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.errorpage-link--primary {
	background-color: var(--midnight-blue-100);
	border-color: var(--midnight-blue-100);
	color: #fff;
}

.errorpage-link--primary:hover {
	background-color: var(--midnight-blue-70);
	border-color: var(--midnight-blue-70);
}

.errorpage-link--primary .errorpage-link-icon {
	background-color: rgba(255, 255, 255, 0.12);
}

.errorpage-link--primary .errorpage-link-icon::before,
.errorpage-link--primary .errorpage-link-chevron {
	filter: brightness(0) invert(1);
}

@media (max-width: 640px) {
	.errorpage {
		padding: 40px 0 64px;
	}

	.errorpage-nav {
		grid-template-columns: 1fr;
	}

	.errorpage-link {
		font-size: 16px;
		min-height: 56px;
		padding: 12px;
		gap: 12px;
	}

	.errorpage-link-icon {
		width: 36px;
		height: 36px;
	}

	.errorpage-link-icon::before {
		width: 18px;
		height: 18px;
	}
}


.ara-section {
	padding: 64px 0;
}

.homebase .breadcrumbs-w {
	display: none;
}