@font-face {
	font-family: 'Cera Stencil Basic';
	src: url('fonts/cerastencilbasicthin.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Omnes';
	src: url('fonts/._omnes regular.ttf') format('truetype'),
		url('fonts/Omnes.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Omnes';
	src: url('fonts/._omnes semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Omnes';
	src: url('fonts/._omnes medium.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body.microsuction-landing-page-2026-template {

	/* Core colours */
	--color-dark-blue:       #000029;
	--color-dark-blue-mid:   #0b113c;
	--color-blue-accent:     #2d29f5;
	--color-light-blue:      #39bae9;
	--color-green:           #00ff93;

	/* Gradient - for CTAs and decorative elements */
	--gradient-brand: linear-gradient(
		135deg,
		#059aae 0%,
		#3eb786 50%,
		#79d65b 100%
	);

	--gradient-brand-2: linear-gradient(
		135deg,
		#01fea7 0%,
		#0bfdb6 50%,
		#00fee6 100%
	);

	/* Overlay colours - applied via ::before pseudo-element over background images */
	--overlay-blue: rgba(45, 41, 245, 0.2);
	--overlay-teal: rgba(5, 154, 174, 0.75);

	/* Typography */
	--font-heading:        'Cera Stencil Basic', 'Ubuntu', sans-serif;
	--font-body:           'Omnes', 'Ubuntu', sans-serif;
	--font-weight-regular:  400;
	--font-weight-semibold: 600;
	--font-weight-bold:     700;

	/* Layout */
	--section-padding: 48px 0;
	--container-max:   1320px;
	--nav-offset:      56px;

	/* Hero element dimensions and offsets — tweak per breakpoint */
	--hero-min-height:  100vh;
	--hero-callout-x:   24px;
	--hero-callout-y:   24px;
	--hero-callout-w:   160px;
	--hero-callout-h:   160px;
	--hero-headline-x:  11.5em;
	--hero-headline-y:  16px;
	--hero-headline-w:  520px;
	--hero-headline-h:  130px;

	/* Hero animation timings (all in ms) */
	--hero-animation-start-delay-ms:      1500;
	--hero-headline-animation-duration:   700;
	--hero-nav-animation-duration:        650;
	--hero-callout-animation-duration:    650;
	--hero-sequence-gap-ms:               120;

	/* CSS callout (rotating circle + text) */
	/* Note: --hero-callout-circle-rotation-duration also controls the text cycle interval */
	--hero-callout-circle-rotation-duration: 5s;
	--hero-callout-text-inset:               10%;

	/* Toggle: hide non-hero content until hero cloud-fade completes */
	--hide-rest-until-cloud-fade: 1;

	font-family: var(--font-body);
	font-weight: var(--font-weight-regular);
	color: var(--color-dark-blue);
	background: #ffffff;
}

@media all and (min-width: 576px) {
	body.microsuction-landing-page-2026-template {
		--nav-offset: 64px;
	}
}

@media all and (min-width: 769px) {
	body.microsuction-landing-page-2026-template {
		--section-padding:  64px 0;
		--nav-offset:       80px;
		--hero-min-height:  420px;
		--hero-callout-w:   160px;
		--hero-callout-h:   160px;
		--hero-callout-x:   24px;
		--hero-callout-y:   24px;
		--hero-headline-w:  520px;
		--hero-headline-h:  130px;
		--hero-headline-x:  11.5em;
		--hero-headline-y:  16px;
		--hero-headline-animation-duration: 1500;
		--hero-nav-animation-duration:      700;
		--hero-callout-animation-duration:  700;
	}
}

@media all and (min-width: 1025px) {
	body.microsuction-landing-page-2026-template {
		--section-padding: 40px 0;
		--nav-offset:      100px;
		--hero-min-height: 500px;
		--hero-callout-x:  40px;
		--hero-callout-y:  40px;
		--hero-callout-w:  200px;
		--hero-callout-h:  200px;
		--hero-headline-x: 20px;
		--hero-headline-y: 20px;
		--hero-headline-w: 700px;
		--hero-headline-h: 150px;
	}
}

body.microsuction-landing-page-2026-template sup {
    font-family: var(--font-body) !important;
}

body.microsuction-landing-page-2026-template h2 sup {
    font-size: 40%;
    position: relative;
    top: -1.0417em;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline sup {
    color: #3eb786 !important;
    -webkit-text-fill-color: #3eb786 !important;
    font-size: 40%;
    position: relative;
    top: -1.0417em;
}

body.microsuction-landing-page-2026-template .book-now input {
	border-radius: 10px !important;
}

body.microsuction-landing-page-2026-template .max-width {
	max-width: var(--container-max);
	padding: 0 20px;
}

.microsuction-landing-page-2026-template .site-header {
	padding: 0;
	background-image: none !important;
	background: transparent !important;
}

.microsuction-landing-page-2026-template header .site-title a {
  background-image: url('../images/hearology-logo-black-ear.png') !important;
}
.microsuction-landing-page-2026-template header .header-menu-block.sticky .site-title a {
  background-image: url('../images/hearology-logo-black-ear.png');
}

/* =====================================================
   V2 Bootstrap Navbar — scoped to microsuction-landing-page-2026-template
   ===================================================== */

.microsuction-landing-page-2026-template .navbar {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.microsuction-landing-page-2026-template .navbar .container {
	margin: 0; /*0px 20px;*/
	max-width: 100% !important;
}


.microsuction-landing-page-2026-template .navbar.bg-light {
	background-color: transparent !important;
	z-index: 99;
	transition: ease 0.5s;
}

.microsuction-landing-page-2026-template .navbar.bg-light.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff !important;
	transition: ease 0.5s;
	box-shadow: 0 2px 4px 0 rgba(0, 7, 31, 0.05);
	flex-wrap: wrap;
	will-change: transform;
}

.microsuction-landing-page-2026-template .navbar.sticky .navbar-nav .nav-item .nav-link {
	color: #5d6271;
}

.microsuction-landing-page-2026-template .navbar.sticky .navbar-nav .nav-item .nav-link p {
	margin-bottom: 0;
}

/* Brand / Logo */
.microsuction-landing-page-2026-template .navbar .navbar-brand img {
	width: 211px;
	height: 60px;
}

.microsuction-landing-page-2026-template .navbar .navbar-brand .sticky-log {
	display: none;
}

.microsuction-landing-page-2026-template .navbar.sticky .navbar-brand .default {
	display: none;
}

.microsuction-landing-page-2026-template .navbar.sticky .navbar-brand .sticky-log {
	display: none;
}

@media screen and (min-width: 769px) {
	.microsuction-landing-page-2026-template .navbar .navbar-brand {
		display: inline-block !important;
	}

	.microsuction-landing-page-2026-template .navbar.sticky .navbar-brand .sticky-log {
		display: inline-block !important;
	}
}

/* Outline Circle Shape — gradient numbered badges */
.microsuction-landing-page-2026-template .outline-circle-shape {
	width: 50px;
	height: 50px;
	background-color: transparent;
	border-radius: 50px;
	font-size: 24px;
	font-weight: 500;
	font-family: 'Omnes';
	background-image: linear-gradient(to bottom, #25d3fa, var(--color-green)) !important;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 9;
}

body.microsuction-landing-page-2026-template.iphone-dev .outline-circle-shape {
	-webkit-text-fill-color: #41d7f8 !important;
}

.microsuction-landing-page-2026-template .outline-circle-shape:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('images-v2/circle.webp');
	background-size: 100% 100%;
	z-index: -1;
	transition: ease 0.5s;
}

/* Call-Us block */
.microsuction-landing-page-2026-template .navbar.sticky .navbar-collapse .call-us {
	display: inline-flex;
	border-radius: 32px;
}

.microsuction-landing-page-2026-template .navbar .navbar-collapse .call-us {
	display: none;
	width: 183px;
	height: 50px;
	border: solid 1px rgba(93, 98, 113, 0.1);
	background-color: rgba(93, 98, 113, 0.05);
}

.microsuction-landing-page-2026-template .navbar .navbar-collapse .call-us p {
	width: 82px;
	font-size: 12px;
	color: #00071f;
}

.microsuction-landing-page-2026-template .navbar .navbar-collapse .call-us .phone-icon {
	width: 40px;
	height: 40px;

    margin-left: 3px;
	margin-right: 10px;

	text-align: center;
    line-height: 50px;
    border-radius: 50px;
    background-color: var(--color-green);
}

/* Nav Links */
.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item .nav-link {
	font-size: 12px;
	line-height: normal;
	color: #fff;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item .nav-link p {
	margin-bottom: 0;
}

/* Dropdown Toggle */
.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle {
	min-width: auto;
	max-width: 200px;
	white-space: normal;
	padding-left: 40px;
	padding-right: 25px;
	padding-top: 11px;
	display: inline-flex;
	align-items: center;
	font-family: 'ubuntumedium';
}

.microsuction-landing-page-2026-template .navbar .navbar-nav {
	flex-direction: row;
	justify-content: end;
}

.microsuction-landing-page-2026-template .navbar-collapse {
	flex-basis: auto;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle .selected-text {
	text-transform: uppercase;
	color: var(--color-dark-blue);
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .outline-circle-shape {
	position: absolute;
	top: 0;
	left: 0;
}

/* Clinics dropdown — uses the same shape sizing rules as nav dropdown */
.microsuction-landing-page-2026-template .navbar .navbar-nav .clinics-dropdown .clinics-circle-shape:after,
.microsuction-landing-page-2026-template .navbar .sticky .navbar-nav .clinics-dropdown .clinics-circle-shape:after {
	background-image: url('images-v2/clinic-circle.svg') !important;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
	content: '';
	background-image: url('../images/arrow-down-dark-blue.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	position: static;
	display: inline-block;
	margin-left: 5px;
	border: 0 !important;
	transition: ease 0.4s;
}

.microsuction-landing-page-2026-template .navbar .collapse:not(.show) {
	display: block;
}

/* Dropdown Menu */
.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
	transform: rotate(180deg);
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
	top: 65px;
	right: 0;
	left: auto;
	width: 600px;
	border-radius: 0;
	background-color: #fff;
	z-index: 99;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
	display: inline-flex;
	flex-direction: column;
	position: fixed !important;
	width: 100%;
	min-width: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	top: 64px;
	padding-bottom: 65px;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Dropdown Items */
.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #e5e6e8;
	font-size: 14px;
	color: #5d6271;
	font-family: 'ubuntumedium';
	white-space: normal;
	padding-left: 70px;
	min-height: 70px;
	text-transform: uppercase;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item p {
	margin-bottom: 0;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .col-md-6 .dropdown-item:last-child {
	border-bottom: 0;
}

/* When dropdown columns stack, keep a divider at the split point (e.g. item 7/8). */
.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show .col-md-6:first-child .dropdown-item:last-child {
	border-bottom: 1px solid #e5e6e8;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .outline-circle-shape {
	top: auto;
	left: 10px;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
	background: linear-gradient(to right, #25d3fa 0%, var(--color-green) 100%);
	border-radius: 8px;
	color: #fff;
	border-color: transparent;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover .outline-circle-shape {
	color: #fff;
	background-image: none;
	-webkit-text-fill-color: #fff;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover .outline-circle-shape:after {
	background-image: url('images-v2/circle-hover.webp');
}

/* xs-mobile-box — hidden by default, shown only on sticky */
.microsuction-landing-page-2026-template .xs-mobile-box {
	display: none;
	width: 100%;
	padding: 12px 16px;
	background-color: #f7f8fa;
	box-sizing: border-box;
}

.microsuction-landing-page-2026-template .navbar.sticky .xs-mobile-box {
	display: block;
}

.microsuction-landing-page-2026-template .xs-mobile-box__inner {
	display: flex;
	align-items: center;
	gap: 20px;
}

.microsuction-landing-page-2026-template .xs-mobile-box__inner > * {
	flex: 1 1 0%;
	min-width: 0;
}

.microsuction-landing-page-2026-template .navbar .navbar-brand {
	display: none;
}

.microsuction-landing-page-2026-template .navbar .navbar-brand img {
	width: 80px;
	height: 40px;
	object-fit: contain;
}

.microsuction-landing-page-2026-template .navbar .outline-circle-shape {
	width: 35px;
	height: 35px;
	font-size: 14px;
}

.microsuction-landing-page-2026-template .navbar .navbar-collapse .call-us p {
	font-size: 11px;
}

.microsuction-landing-page-2026-template .navbar.sticky .navbar-collapse .call-us {
	display: none;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
	padding-top: 0;
}

.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show .col-md-6 {
	flex: none;
	width: 100%;
	max-width: 100%;
}

.microsuction-landing-page-2026-template .navbar .xs-mobile-box .call-us {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	padding: 5px 12px;
	margin: 0 !important;
	border-radius: 10px;
	border: solid 1px rgba(93, 98, 113, 0.1);
	background-color: rgba(93, 98, 113, 0.05);
	box-sizing: border-box;
	text-decoration: none;
}

.microsuction-landing-page-2026-template .navbar .xs-mobile-box .call-us .phone-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-left: 3px;
	margin-right: 10px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background-color: #00ff93;
}

.microsuction-landing-page-2026-template .navbar .xs-mobile-box .call-us p {
	width: auto;
	font-size: 12px;
	color: #00071f;
	margin-bottom: 0;
}

.microsuction-landing-page-2026-template .navbar .xs-mobile-box .btn.btn-theme {
	display: flex;
	align-items: center;
	justify-content: center;
}

.microsuction-landing-page-2026-template .outline-circle-shape {
	padding-top: 0;
}

.microsuction-landing-page-2026-template .btn.btn-theme {
	background-color: #25d3fa;
	border-radius: 10px;
	height: 50px;
	font-size: 14px;
	line-height: 1.15;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.5px;
	transition: ease all 0.5s;
}

.microsuction-landing-page-2026-template .btn.btn-theme:hover {
	background-color: #000;
	box-shadow: 0 0 0;
}

/* =====================================================
   Responsive — 576px+
   ===================================================== */
@media (min-width: 576px) {
	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle {
		padding-left: 60px;
		max-width: 240px;
	}

	.microsuction-landing-page-2026-template .navbar .outline-circle-shape {
		width: 50px;
		height: 50px;
		font-size: 24px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-brand img {
		width: 150px;
		height: 100px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-collapse {
		margin-bottom: 20px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-collapse .call-us p {
		font-size: 12px;
	}
}

/* =====================================================
   Responsive — 651px+
   ===================================================== */
@media (min-width: 651px) {
	.microsuction-landing-page-2026-template .navbar.sticky .navbar-collapse .call-us {
		display: inline-flex;
		border-radius: 32px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item .nav-link {
		font-size: 14px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		position: absolute !important;
		overflow-y: auto;
		width: 300px;
		min-width: 300px;
		right: -16px;
		left: auto;
		top: 53px;
		height: auto !important;
		padding-bottom: 0;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show .col-md-6 {
		flex: 0 0 100%;
	}

}

/* =====================================================
   Responsive — 769px+
   ===================================================== */
@media (min-width: 769px) {
	.microsuction-landing-page-2026-template .navbar .navbar-brand img {
		width: 211px;
		height: 60px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle {
		min-width: 240px;
		max-width: none;
		padding-top: 16px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
		margin-left: 5px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .outline-circle-shape {
		top: -3px;
	}
}

/* =====================================================
   Responsive — 992px+
   ===================================================== */
@media (min-width: 992px) {
	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .outline-circle-shape {
		top: 0;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle {
		padding-top: 16px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		position: absolute !important;
		display: inline-flex;
		flex-direction: row;
		overflow-y: visible;
		width: 600px;
		min-width: 600px;
		right: 0;
		left: auto;
		height: auto;
		top: 65px;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show .col-md-6 {
		width: 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.microsuction-landing-page-2026-template .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show .col-md-6:first-child .dropdown-item:last-child {
		border-bottom: 0;
	}
}

body.microsuction-landing-page-2026-template .hero,
body.microsuction-landing-page-2026-template .relaxing-and-safe,
body.microsuction-landing-page-2026-template .reviews,
body.microsuction-landing-page-2026-template .trusted-expertise,
body.microsuction-landing-page-2026-template .why-different,
body.microsuction-landing-page-2026-template .nothing-left-to-chance,
body.microsuction-landing-page-2026-template .team,
body.microsuction-landing-page-2026-template .follow-up-appointments,
body.microsuction-landing-page-2026-template .full-services,
body.microsuction-landing-page-2026-template .faq,
body.microsuction-landing-page-2026-template .contact-us,
body.microsuction-landing-page-2026-template .footer {
	position: relative;
	padding: var(--section-padding);
}

body.microsuction-landing-page-2026-template .trusted-expertise::before,
body.microsuction-landing-page-2026-template .nothing-left-to-chance::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

body.microsuction-landing-page-2026-template .hero .max-width,
body.microsuction-landing-page-2026-template .trusted-expertise .max-width,
body.microsuction-landing-page-2026-template .nothing-left-to-chance .max-width {
	position: relative;
	z-index: 1;
}

/* =====================================================
   Hero — background image + absolutely-positioned overlay
   ===================================================== */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero {
	position: relative;
	overflow: hidden;
	min-height: var(--hero-min-height);
	height: 100vh;
}

/* Background image */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center bottom;
	z-index: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero > picture {
	position: absolute;
	inset: 0;
	display: block;
	z-index: 0;
}

/* Content overlay — sits above the bg image, below the fixed navbar */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-content {
	position: absolute;
	top: var(--nav-offset);
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 12px 20px;
	z-index: 1;
	pointer-events: none; /* children re-enable pointer-events individually */
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-content > * {
	pointer-events: auto;
}

/* Desktop hero image behavior:
   - keep hero at viewport height
   - make background cover the hero area
   - anchor image bottom so any vertical crop comes from the top */
@media all and (min-width: 1025px) {
	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero {
		min-height: 100vh;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-bg {
		object-position: center bottom;
	}
}

/* =====================================================
   Hero callout CSS fallback — rotating circle + text
   ===================================================== */

@keyframes callout-circle-spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

/* Circle image — fills the callout container and rotates */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout--css {
	position: relative;
	/* Establishes a container query context so text can scale 1:1 with this element */
	container-type: inline-size;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-circle {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	/* Paused until the callout has faded in */
	animation: callout-circle-spin var(--hero-callout-circle-rotation-duration) linear infinite;
	animation-play-state: paused;
}

/* Start spinning once the parent callout has received its animate.css fade-in class */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout.animate__animated .microsuction-landing-page-2026__hero-callout-circle {
	animation-play-state: running;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout.is-animation-paused .microsuction-landing-page-2026__hero-callout-circle {
	animation-play-state: paused;
}

/* Text layer — centred over the circle */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text {
	position: absolute;
	top: var(--hero-callout-text-inset);
	right: var(--hero-callout-text-inset);
	bottom: var(--hero-callout-text-inset);
	left: var(--hero-callout-text-inset);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: var(--font-body);
	/* 12.5cqi = 1:1 with the callout container (perfect at 128px where 16px/128px × 100 = 12.5) */
	font-size: 12.5cqi;
	line-height: 0.8;
	color: var(--color-dark-blue);
	overflow: hidden;
	pointer-events: none;
	/* Starts invisible — JS fades it in after the callout circle has appeared */
	opacity: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text p,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text span,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text em {
	margin: 0;
	font-family: var(--font-body);
	font-size: inherit;
	color: inherit;
	-webkit-text-fill-color: currentColor;
}

/* Individual text items inside the callout text layer */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text__item {
	display: none;
	width: 100%;
	height: 100%;
	text-align: center;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text__item.is-active {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.08em;
	width: 100%;
	height: 100%;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text__headline {
	flex: 0 0 auto;
	width: 100%;
	display: block;
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--callout-headline-size, 1.85em);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text__body {
	flex: 0 0 auto;
	width: 100%;
	display: block;
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--callout-body-size, calc(var(--callout-headline-size, 1.85em) * 0.75));
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

/* Keep everything below the hero out of rendering until cloud-fade completes.
   Hero lives in <header>; lower content lives in #content and footer in .site-footer. */
body.microsuction-landing-page-2026-template.rest-panels-pending #content,
body.microsuction-landing-page-2026-template.rest-panels-pending .site-footer {
	display: none;
}

/* Hide animation targets until JS starts the reveal sequence */
body.microsuction-landing-page-2026-template.hero-animation-pending .navbar,
body.microsuction-landing-page-2026-template.hero-animation-pending .microsuction-landing-page-2026__hero-headline,
body.microsuction-landing-page-2026-template.hero-animation-pending .microsuction-landing-page-2026__hero-callout {
	display: none;
	opacity: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline.animate__animated,
body.microsuction-landing-page-2026-template .navbar.animate__animated,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout.animate__animated {
	opacity: 1;
}

/* Callout — bottom-left */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout {
	position: absolute;
	left: 12px;
	bottom: 100px;
	width: 8em;
	height: 8em;
	margin-bottom: 0;
	pointer-events: auto;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Headline — top-right */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: clamp(13em, 85vw, 20em);
	height: auto;
	margin: 0;
	padding: 12px;
	pointer-events: auto;
	font-family: var(--font-heading) !important;
	font-size: clamp(1.4em, 5.6vw, 1.8em) !important;
	line-height: 1.08;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.01em;
	text-align: center;
}

/* Gradient text lives on the inner span so the glass div keeps its solid background */
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline-text {
	display: block;
	background: var(--gradient-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-size: inherit !important;
	line-height: 1.08;
	padding-bottom: 0.06em;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline h1,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline h2,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline h3,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline h4,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline h5,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline h6 {
	margin: 0 0 16px;
	font-family: var(--font-body);
	font-size: 0.833em;
	line-height: 1.02;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.01em;
	background: var(--gradient-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	text-align: right;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline p,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline span:not(.microsuction-landing-page-2026__hero-headline-text),
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline strong,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline em {
	margin: 0 0 16px;
	font-family: var(--font-body) !important;
	font-size: 0.833em !important;
	line-height: 1.02;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.01em;
	background: var(--gradient-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	text-align: right;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline > :last-child {
	margin-bottom: 0;
}

body.microsuction-landing-page-2026-template h1,
body.microsuction-landing-page-2026-template h2,
body.microsuction-landing-page-2026-template h3,
body.microsuction-landing-page-2026-template h4,
body.microsuction-landing-page-2026-template h5,
body.microsuction-landing-page-2026-template h6 {
	font-family: var(--font-heading);
	font-weight: 100;
	letter-spacing: 0.02em;
}

body.microsuction-landing-page-2026-template h2 {
	font-size: 40px;
}

body.microsuction-landing-page-2026-template p,
body.microsuction-landing-page-2026-template li,
body.microsuction-landing-page-2026-template a,
body.microsuction-landing-page-2026-template button,
body.microsuction-landing-page-2026-template input,
body.microsuction-landing-page-2026-template textarea {
	font-family: var(--font-body);
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__button,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__cta {
	display: inline-block;
	padding: 14px 24px;
	border: 0;
    border-radius: 10px;
	font-weight: var(--font-weight-bold);
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__button {
	background: var(--color-green);
	color: #ffffff;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__cta {
	background: var(--gradient-brand);
	color: #ffffff;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__button:hover,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__cta:hover {
	opacity: 0.88;
}

@supports (height: 100dvh) {
	body.microsuction-landing-page-2026-template {
		--hero-min-height: 100dvh;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero {
		min-height: 100dvh;
		height: 100dvh;
	}
}

@media all and (min-width: 576px) {
	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-content {
		padding: 0 16px 24px;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout {
		left: 16px;
		bottom: 150px;
		width: 11em;
		height: 11em;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline {
		top: 12px;
		width: clamp(16em, 80vw, 24em);
		font-size: clamp(1.8em, 5.8vw, 2.4em) !important;
	}
}

@media all and (max-width: 768px) {
	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline {
		/* Glassmorphism cloud background */
		background: rgba(255, 255, 255, 0.18);
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
		border: 1px solid rgba(255, 255, 255, 0.35);
		border-radius: 20px;
	}
}

@media all and (min-width: 769px) {
	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero {
		min-height: var(--hero-min-height);
		height: auto;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-content {
		padding: 0;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout {
		bottom: var(--hero-callout-y);
		left: var(--hero-callout-x);
		width: var(--hero-callout-w);
		height: var(--hero-callout-h);
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline {
		top: var(--hero-headline-y);
		right: 20px;
		left: auto;
		transform: none;
		width: max-content;
		max-width: calc(100% - 40px);
		height: auto;
		font-size: clamp(1.625em, 3.3vw, 2.125em) !important;
	}
}

@media all and (min-width: 1025px) {
	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-headline {
		top: var(--hero-headline-y);
		right: var(--hero-headline-x);
		left: auto;
		width: max-content;
		height: var(--hero-headline-h);
		font-size: clamp(2em, 3vw, 2.8em) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.microsuction-landing-page-2026-template.rest-panels-pending #content,
	body.microsuction-landing-page-2026-template.rest-panels-pending .site-footer {
		display: block;
	}

	body.microsuction-landing-page-2026-template.hero-animation-pending .navbar,
	body.microsuction-landing-page-2026-template.hero-animation-pending .microsuction-landing-page-2026__hero-headline,
	body.microsuction-landing-page-2026-template.hero-animation-pending .microsuction-landing-page-2026__hero-callout {
		opacity: 1;
		visibility: visible;
	}

	body.microsuction-landing-page-2026-template .animate__animated {
		animation: none !important;
	}

	/* CSS callout — disable rotation and show text immediately */
	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-circle {
		animation: none !important;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__hero-callout-text {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
}

/* =====================================================
   Ported from page-template-ear-wax-removal-2.css
   Self-contained styles for the microsuction template
   ===================================================== */

/* Site content — full-width, no padding */
.microsuction-landing-page-2026-template .site-content {
  max-width: 100%;
  padding: 0;
}

/* Part-left / part-right layout */
/* Base = mobile (≤680px) */
.microsuction-landing-page-2026-template .part-left {
  width: 100%;
  padding: 0;
  padding-right: 0;
  padding-top: 0;
  background: none;
  float: left;
}
.microsuction-landing-page-2026-template .part-right {
  padding-top: 0;
  width: 100%;
  padding: 20px 16px 20px;
  float: right;
}
@media screen and (min-width: 681px) {
  .microsuction-landing-page-2026-template .part-right {
    padding: 30px 26px 20px;
  }
}
@media screen and (min-width: 1121px) {
  .microsuction-landing-page-2026-template .part-left {
    width: 70%;
  }
  .microsuction-landing-page-2026-template .part-right {
    width: 24%;
    padding: 0;
    padding-top: 0;
  }
}

/* Clinic video (footer location) */
.microsuction-landing-page-2026-template .clinic-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0;
}

.microsuction-landing-page-2026-template .clinic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 8px;
}

/* Video container (relaxing-and-safe + nothing-left-to-chance) */
.microsuction-landing-page-2026-template .part-right .video-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.microsuction-landing-page-2026-template .part-right .video-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* Base = mobile (≤680px) */
.microsuction-landing-page-2026-template .part-right .video-wrapper.portrait iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 16;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 7, 31, 0.15);
}

.microsuction-landing-page-2026-template .part-right .video-description {
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    box-sizing: inherit;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    max-width: 100%;
    margin: 0 auto;
}

.microsuction-landing-page-2026-template .part-right .video-description p {
    margin: 0 0 20px 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}

@media screen and (min-width: 681px) {
    .microsuction-landing-page-2026-template .part-right .video-wrapper.portrait iframe {
        width: 280px;
        height: 497px;
        aspect-ratio: unset;
    }

    .microsuction-landing-page-2026-template .part-right .video-description {
        max-width: 280px;
    }
}

@media screen and (min-width: 1121px) {
    .microsuction-landing-page-2026-template .part-right .video-wrapper.portrait iframe {
        width: 315px;
        height: 560px;
    }

    .microsuction-landing-page-2026-template .part-right .video-description {
        max-width: 315px;
    }
}

/* Book-now blocks (procedure_right style) — Base = mobile */
.microsuction-landing-page-2026-template .part-right .book-now,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now {
  background: transparent;
  margin-top: 40px;
  color: #00071f;
  padding: 10px 15px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.microsuction-landing-page-2026-template .part-right .book-now > p,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now > p {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.17;
}
.microsuction-landing-page-2026-template .part-right .book-now > p a.telephone,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now > p a.telephone {
  display: inline;
  font-weight: inherit;
  color: #fff;
  text-decoration: none;
}
.microsuction-landing-page-2026-template .part-right .book-now > p a.telephone:hover,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now > p a.telephone:hover {
  color: #fff;
  text-decoration: none;
}
.microsuction-landing-page-2026-template .part-right .book-now p,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now p {
  text-align: left;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form {
  text-align: left;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .submit-wrap,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .submit-wrap {
  display: inline-block !important;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date {
  margin-right: 13px;
  line-height: 1.29;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .choose-a-date input,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date input {
  padding: 17px 15px;
  margin: 10px 0;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 20px center, 95% center;
  border-radius: 2px;
  text-align: center;
  border: 0;
  width: 100%;
  max-width: none;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .submit-wrap,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .submit-wrap {
  margin-bottom: 0;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .submit-wrap input,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .submit-wrap input {
  text-transform: uppercase;
  color: #fff;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 18px 25px;
  border-radius: 2px;
}
/* Mobile form stacking */
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form p,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form p,
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form input,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form input {
  margin: 0;
  width: 100%;
  max-width: none;
	box-sizing: border-box;
}
@media screen and (min-width: 681px) {
  .microsuction-landing-page-2026-template .part-right .book-now,
  .microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now {
    padding: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form p,
  .microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form p {
    margin: 0 0 1rem;
  }
  .microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form input,
  .microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form input {
    width: 100%;
	max-width: 100%;
  }
  .microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .choose-a-date input,
  .microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date input {
    width: 100%;
	max-width: 100%;
    margin: 10px 0 15px;
  }
}
.microsuction-landing-page-2026-template .part-right .book-now .choose-a-date input,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .choose-a-date input {
  background-image: url('../images/calendar.svg'), url('../images/arrow-down.svg');
}
.microsuction-landing-page-2026-template .part-right .book-now p,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now p {
  width: 100%;
  color: #00071f;
}
.microsuction-landing-page-2026-template .part-right .book-now > p,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now > p {
  color: #00071f;
  font-size: 24px;
  width: 100%;
  font-weight: 500;
}
.microsuction-landing-page-2026-template .part-right .book-now > p a.telephone,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now > p a.telephone {
  color: #00071f;
}
.microsuction-landing-page-2026-template .part-right .book-now > p a.telephone:hover,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now > p a.telephone:hover {
  color: #00071f;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date {
  font-size: 14px;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form .choose-a-date input,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date input,
.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form .choose-a-date input {
  border: 1px solid rgba(0, 7, 31, 0.1);
  text-align: left;
  padding-left: 60px;
}
.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form input,
 .microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form input {
	width: 100%;
  max-width: none;
}

@media screen and (min-width: 681px) {
	.microsuction-landing-page-2026-template .part-right .book-now .hearology-ms-date-form form input,
	.microsuction-landing-page-2026-template .relaxing-and-safe .part-left .book-now .hearology-ms-date-form form input {
		width: 100%;
		max-width: 100%;
	}
}

/* Relaxing And Safe — Base = mobile */
.microsuction-landing-page-2026-template .relaxing-and-safe .max-width {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.microsuction-landing-page-2026-template .relaxing-and-safe .part-left {
    width: 100%;
}

.microsuction-landing-page-2026-template .relaxing-and-safe .part-right {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (min-width: 681px) {
	.microsuction-landing-page-2026-template .relaxing-and-safe .max-width {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.microsuction-landing-page-2026-template .relaxing-and-safe .part-left {
		width: auto;
	}

	.microsuction-landing-page-2026-template .relaxing-and-safe .part-right {
		width: auto;
	}
}


.microsuction-landing-page-2026-template .relaxing-and-safe h2 {
    font-size: 40px;
}

.microsuction-landing-page-2026-template .relaxing-and-safe .content {
    font-size: 20px;
}

/* Reviews */
.microsuction-landing-page-2026 .reviews {
  background-image: url(../images/services_back.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 80%;
}

/* Trusted Expertise */
.microsuction-landing-page-2026-template .trusted-expertise {
    color: #ffffff;
}

.microsuction-landing-page-2026 .trusted-expertise h2 {
    font-size: 60px;
    margin-bottom: 20px;
}

.microsuction-landing-page-2026-template .trusted-expertise .content p {
    font-size: 24px;
}

/* Base link */
.microsuction-landing-page-2026-template .trusted-expertise .content a {
    color: #ffffff;
    text-decoration-line: underline;
    text-decoration-color: rgba(255, 255, 255, 0.6);
    text-decoration-thickness: 1.25px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: auto;
    transition: color 0.2s ease, text-decoration-color 0.2s ease,
        text-decoration-thickness 0.2s ease, text-underline-offset 0.2s ease;
}

/* Hover + keyboard focus */
.microsuction-landing-page-2026-template .trusted-expertise .content a:hover,
.microsuction-landing-page-2026-template .trusted-expertise .content a:focus-visible {
    color: var(--color-green); /* your existing green works great on dark blue */
    text-decoration-color: var(--color-green);
    text-decoration-thickness: 2.5px;
    text-underline-offset: 4px;
}

/* Optional visited style */
.microsuction-landing-page-2026-template .trusted-expertise .content a:visited {
    color: #b8f3ff;
    text-decoration-color: #b8f3ff;
}

.microsuction-landing-page-2026-template .trusted-expertise .microsuction-landing-page-2026__cta-shortcode-list {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 30px;
}

.microsuction-landing-page-2026-template .trusted-expertise .microsuction-landing-page-2026__cta-shortcode-wrap {
	margin: 0;
}

.microsuction-landing-page-2026-template .trusted-expertise .microsuction-landing-page-2026__button {
	background: transparent;
	border: 2px solid var(--color-green);
	color: #ffffff; /* #ffffff */
	font-size: 14px;
	font-weight: 700;
	padding: 18px 35px;
	white-space: normal;
	transition: background 0.25s ease, color 0.25s ease;
}

.microsuction-landing-page-2026-template .trusted-expertise .microsuction-landing-page-2026__button:hover {
	background: var(--color-green);
	color: var(--color-dark-blue);
	opacity: 1;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel {
	width: 100%;
	max-width: 360px;
	height: 560px;
	background: #ffffff;
	border-radius: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 !important;
	overflow: hidden;
	position: relative;
}


/* Base = mobile/tablet (<=1024px) */
.microsuction-landing-page-2026-template .trusted-expertise .max-width {
	display: flex;
	flex-direction: column;
}

.microsuction-landing-page-2026-template .trusted-expertise .part-right {
	display: flex;
	justify-content: center;
	padding-top: 64px;
}

@media all and (min-width: 1025px) {
	.microsuction-landing-page-2026-template .trusted-expertise .max-width {
		display: block;
	}

	.microsuction-landing-page-2026-template .trusted-expertise .part-right {
		display: block;
		padding-top: 0;
	}
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__viewport {
	height: 100%;
	overflow: hidden;
}

@keyframes trustmark-scroll-up {
	from { transform: translateY( 0 ); }
	to   { transform: translateY( -50% ); }
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__track {
	display: block;
	will-change: transform;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__track--animated {
	animation: trustmark-scroll-up var( --trustmark-duration, 14s ) linear infinite;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__track.is-animation-paused {
	animation-play-state: paused;
}

@media ( prefers-reduced-motion: reduce ) {
	.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__track--animated {
		animation: none;
	}
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__item {
	width: 100%;
	max-width: 300px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel__image {
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Trustmark carousel - inherit procedure_right hearology_cc defaults */
.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container {
	position: relative;
	min-width: 220px;
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	container-type: inline-size;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container .hearology_cc_block {
	color: #00071f;
	width: 95%;
	height: 95%;
	border-radius: 30%;
	background-color: #ffffff;
	box-shadow: 0 5px 10px 0 rgba(0, 7, 31, 0.1);
	border: solid 1px #eeeeee;
	margin: 0 auto;
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container .hearology_cc_block_wrap {
	width: auto;
	height: auto;
	margin: 0;
	position: absolute;
	inset: 6%;
	box-sizing: border-box;
	font-size: 1cqw;
	background-image: url('../images/sliced-circle-f.svg');
	background-position: center center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	border-radius: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container .hearology_cc_block_inner {
	width: 100%;
	height: 100%;
	padding: 7%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: transparent;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container .hearology_cc_block_wrap .title {
	display: block;
	font-size: 30px;
	font-weight: 500;
	width: 75%;
	margin: 0 auto 10px;
	text-align: center;
}

.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container .hearology_cc_block_wrap .count {
	font-size: 12em;
	font-weight: 700;
	text-align: center;
}

@media all and (min-width: 681px) {
	.microsuction-landing-page-2026 .trusted-expertise .part-right .trustmark-carousel .hearology_cc_container .hearology_cc_block_wrap .title {
		width: 65%;
		font-size: 22px;
	}
}

/* Why Different */
/*
.microsuction-landing-page-2026-template .why-different {
    color: #ffffff;
}
*/

.microsuction-landing-page-2026 .why-different h2 {
    font-size: 48px;
    margin: 40px 0 32px;
    text-align: center;
}

body.microsuction-landing-page-2026-template .why-different .cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 24px;
	width: 100%;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}

body.microsuction-landing-page-2026-template .why-different .card {
	width: 100%;
	max-width: 350px;
	flex: 0 0 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	background: transparent;
	border: 0;
}

body.microsuction-landing-page-2026-template .why-different .card p {
	font-size: 20px;
}


body.microsuction-landing-page-2026-template .why-different .card-image-container {
	position: relative;
	width: 100%;
	overflow: hidden;
    border-radius: 30px;
}

body.microsuction-landing-page-2026-template .why-different .card-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.microsuction-landing-page-2026-template .why-different .card-image-container::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--color-blue-accent);
	opacity: 0.2;
	z-index: 2;
	pointer-events: none;
}

body.microsuction-landing-page-2026-template .why-different .card-image-caption {
	position: absolute;
	top: 40px;
	left: 20px;
	right: 20px;
	z-index: 3;
	margin: 0;
	text-align: left;
	color: #ffffff;
}

body.microsuction-landing-page-2026-template .why-different .card > .card-image-container + * {
	margin-top: 20px;
}

body.microsuction-landing-page-2026-template .why-different .card > :not(.card-image-container) {
	text-align: center;
}

body.microsuction-landing-page-2026-template .why-different .card p:last-child {
	margin-bottom: 0;
}

@media all and (min-width: 768px) {
	body.microsuction-landing-page-2026-template .why-different h2 {
		font-size: 80px;
		margin: 40px 0;
	}

	body.microsuction-landing-page-2026-template .why-different .cards {
		max-width: 732px;
		gap: 32px;
	}

	body.microsuction-landing-page-2026-template .why-different .card {
		width: 350px;
		flex: 0 0 350px;
	}

	body.microsuction-landing-page-2026-template .why-different .card-image-caption {
		top: 60px;
	}
}

@media all and (min-width: 1201px) {
	body.microsuction-landing-page-2026-template .why-different .cards {
		flex-wrap: nowrap;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Nothing Left To Chance */
.microsuction-landing-page-2026 .nothing-left-to-chance {
  background-image: url(../images/services_back.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.microsuction-landing-page-2026 .nothing-left-to-chance h2 {
    margin-bottom: 32px;
	font-size: 40px;
}
.microsuction-landing-page-2026 .nothing-left-to-chance p {
    font-size: 20px;
}

.microsuction-landing-page-2026 .nothing-left-to-chance .max-width {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.microsuction-landing-page-2026 .nothing-left-to-chance .part-left {
	width: 70%;
	flex: 0 0 70%;
	margin-top: auto;
	margin-bottom: auto;
}

.microsuction-landing-page-2026 .nothing-left-to-chance .part-right {
	width: 24%;
	flex: 0 0 24%;
}

.microsuction-landing-page-2026 .nothing-left-to-chance .part-right .book-now {
    margin-bottom: 0 !important;
}

@media all and (max-width: 1120px) {
	.microsuction-landing-page-2026 .nothing-left-to-chance .max-width {
		display: block;
	}

	.microsuction-landing-page-2026 .nothing-left-to-chance .part-left {
		width: 100%;
		flex: none;
		margin-top: 0;
		margin-bottom: 0;
	}

	.microsuction-landing-page-2026 .nothing-left-to-chance .part-right {
		width: 100%;
		flex: none;
	}
}


/* Team */
.microsuction-landing-page-2026 .team {
  background-image: url(../images/services_back_flipped.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Free Follow Ups */

/* =====================================================
   Team section
   ===================================================== */
.microsuction-landing-page-2026-template .team {
  padding-top: 100px;
}
.microsuction-landing-page-2026-template .team .content {
  margin-bottom: 50px;
}
.microsuction-landing-page-2026-template .team h2 {
  line-height: 1.17;
}
.microsuction-landing-page-2026-template .team p {
  font-size: 20px;
  font-weight: 300;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .team {
    padding-top: 50px;
  }
  .microsuction-landing-page-2026-template .team .content {
    margin-bottom: 40px;
  }
  .microsuction-landing-page-2026-template .team h2 {
    font-size: 40px;
  }
  .microsuction-landing-page-2026-template .team p {
    font-size: 18px;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .team h2 {
    font-size: 22px;
  }
}
.microsuction-landing-page-2026-template .team .members_list {
  padding: 0 60px;
  margin: 0;
  list-style: none;
  box-shadow: 0 5px 10px 0 rgba(0, 7, 31, 0.05);
  max-height: 94px;
  overflow: hidden;
  position: relative;
}
.microsuction-landing-page-2026-template .team .members_list::before,
.microsuction-landing-page-2026-template .team .members_list::after {
  clear: both;
  display: table;
  content: '';
}
.microsuction-landing-page-2026-template .team .members_list li {
  display: block;
  float: left;
  padding: 20px 30px;
  border-right: 1px solid rgba(0, 7, 31, 0.05);
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
	user-select: none;
}
.microsuction-landing-page-2026-template .team .members_list li.members.last {
  border-right: 0;
}
.microsuction-landing-page-2026-template .team .members_list li.left,
.microsuction-landing-page-2026-template .team .members_list li.right {
  width: 13px;
  height: 20px;
  position: absolute;
  padding: 0;
  border: 0;
  margin: 0;
  top: 40%;
  background-image: url('../images/team_arrows.svg');
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.microsuction-landing-page-2026-template .team .members_list li.down {
  display: none;
  width: 20px;
  height: 13px;
  position: absolute;
  padding: 0;
  border: 0;
  margin: 0;
  top: 40px;
  right: 20px;
  background-image: url('../images/arrow-down_blue.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.microsuction-landing-page-2026-template .team .members_list li.left {
  left: 20px;
  background-position: 33% 0;
}
.microsuction-landing-page-2026-template .team .members_list li.left.active {
  background-position: 100% 0;
}
.microsuction-landing-page-2026-template .team .members_list li.right {
  right: 20px;
  background-position: 0 0;
}
.microsuction-landing-page-2026-template .team .members_list li.right.active {
  background-position: 66% 0;
}
.microsuction-landing-page-2026-template .team .members_list li .wrap {
  border-bottom: 3px solid transparent;
  padding-bottom: 4px;
}
.microsuction-landing-page-2026-template .team .members_list li.active .wrap {
  border-bottom: 3px solid #25d3fa;
}
.microsuction-landing-page-2026-template .team .members_list li p {
  margin: 0;
}
.microsuction-landing-page-2026-template .team .members_list li p.name {
  font-size: 20px;
  line-height: 1.3;
}
.microsuction-landing-page-2026-template .team .members_list li p.qualifications {
  font-size: 14px;
  color: #5d6271;
  font-weight: 300;
  line-height: 1.43;
}
.microsuction-landing-page-2026-template .team .members_list li.members:hover {
  color: #fff;
  background: #25d3fa;
}
.microsuction-landing-page-2026-template .team .members_list li.members:hover p.name,
.microsuction-landing-page-2026-template .team .members_list li.members:hover p.qualifications {
  color: #fff;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .team .members_list li.members:hover {
    color: #00071f;
    background: #fff;
  }
  .microsuction-landing-page-2026-template .team .members_list li.members:hover p.name,
  .microsuction-landing-page-2026-template .team .members_list li.members:hover p.qualifications {
    color: #00071f;
  }
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .team .members_list {
    padding: 20px 60px 20px 20px;
  }
  .microsuction-landing-page-2026-template .team .members_list.opened {
    max-height: none;
  }
  .microsuction-landing-page-2026-template .team .members_list.opened li.members {
    display: block;
  }
  .microsuction-landing-page-2026-template .team .members_list.opened li.members.active .wrap {
    border-bottom: 3px solid #25d3fa;
    display: inline-block;
  }
  .microsuction-landing-page-2026-template .team .members_list li.left,
  .microsuction-landing-page-2026-template .team .members_list li.right {
    display: none;
  }
  .microsuction-landing-page-2026-template .team .members_list li.down {
    display: block;
  }
  .microsuction-landing-page-2026-template .team .members_list li.members {
    width: 100%;
    border: 0;
    padding: 0;
    display: none;
  }
  .microsuction-landing-page-2026-template .team .members_list li.members.active {
    display: block;
  }
  .microsuction-landing-page-2026-template .team .members_list li.members.active .wrap {
    border: 0;
  }
}
.microsuction-landing-page-2026-template .team .memebers_desc {
  min-height: 100px;
}
.microsuction-landing-page-2026-template .team .memebers_desc .wrap {
  padding: 60px 0 70px;
  display: none;
  font-size: 16px;
  line-height: 1.5;
}
.microsuction-landing-page-2026-template .team .memebers_desc .wrap.active {
  display: block;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .team .memebers_desc .wrap {
    padding: 40px 0 50px;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .team .memebers_desc .wrap {
    padding: 30px 0 40px;
  }
}
.microsuction-landing-page-2026-template .team .memebers_desc .img {
  width: 300px;
  display: block;
  float: left;
}
.microsuction-landing-page-2026-template .team .memebers_desc .img img {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .team .memebers_desc .img {
    width: 100%;
    display: block;
    float: none;
    max-width: 400px;
    margin: 0 auto 20px;
  }
}
.microsuction-landing-page-2026-template .team .memebers_desc .bio {
  padding-left: 335px;
}
.microsuction-landing-page-2026-template .team .memebers_desc .bio p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .team .memebers_desc .bio {
    padding-left: 340px;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .team .memebers_desc .bio {
    padding-left: 0;
  }
}/* =====================================================
   Follow-up-appointments section
   ===================================================== */
.microsuction-landing-page-2026-template .follow-up-appointments {
  background: #25d3fa;
  padding: 70px 0;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-left {
  width: 70%;
  color: #00071f;
  padding: 0;
  margin: 0;
  float: left;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-left p {
  font-size: 20px;
  font-weight: 300;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-left h2 {
  font-size: 40px;
  line-height: 1.17;
  margin-bottom: 20px;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-left ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 50px;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-left ul li {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  padding-left: 40px;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-left ul li:before {
  content: ' ';
  background: #fff;
  width: 15px;
  height: 5px;
  border-radius: 2px;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 0;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .follow-up-appointments {
    padding: 50px 0;
  }
  .microsuction-landing-page-2026-template .follow-up-appointments .part-left {
    float: none;
    width: 100%;
    padding: 0 15px 0;
  }
  .microsuction-landing-page-2026-template .follow-up-appointments .part-left h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1.27;
    font-weight: 300;
  }
  .microsuction-landing-page-2026-template .follow-up-appointments .part-left p,
  .microsuction-landing-page-2026-template .follow-up-appointments .part-left ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .follow-up-appointments {
    padding: 40px 0;
  }
  .microsuction-landing-page-2026-template .follow-up-appointments .part-left h2 {
    font-size: 22px;
  }
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right {
  width: 24%;
  float: right;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .follow-up-appointments .part-right {
    display: none;
  }
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now {
  margin-top: 0;
  margin-bottom: 0;
  background: transparent;
  padding: 0;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now > p {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.17;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now > p a.telephone {
  display: inline;
  font-weight: inherit;
  text-decoration: none;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now > p a.telephone:hover {
  color: #fff;
  text-decoration: none;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now p {
  text-align: left;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form {
  text-align: left;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .submit-wrap,
 .microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .submit-wrap {
  display: inline-block !important;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .choose-a-date,
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .choose-a-date {
  margin-right: 13px;
  line-height: 1.29;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .choose-a-date input,
 .microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .choose-a-date input {
  padding: 17px 15px;
  margin: 10px 0 15px;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 20px center, 95% center;
  border-radius: 2px;
  text-align: center;
  border: 0;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .submit-wrap {
  margin-bottom: 0;
}
.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form .submit-wrap input {
  text-transform: uppercase;
  color: #fff;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 18px 25px;
  border-radius: 2px;
}
@media screen and (max-width: 680px) {
	.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form p {
    margin-bottom: 10px;
  }
  .microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form p,
	.microsuction-landing-page-2026-template .follow-up-appointments .part-right .book-now .hearology-ms-date-form form input {
    margin: 0;
    width: 100%;
    max-width: none;
  }
}

/* Full Services */
.microsuction-landing-page-2026 .full-services,
.microsuction-landing-page-2026 .full-services .book-now p,
.microsuction-landing-page-2026 .full-services .book-now a {
	color: #fff !important;
}

@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026 .full-services {
    padding: 40px 0 30px;
  }
}
.microsuction-landing-page-2026 .full-services .part-right {
  padding-top: 0;
  width: 24%;
  float: right;
  padding-right: 20px;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026 .full-services .part-right {
    width: 300px;
    float: none;
    clear: both;
    margin: 0 auto;
  }
}
.microsuction-landing-page-2026 .full-services .part-left .items_list {
  padding: 0 30% 0 0;
  margin: 0;
  list-style: none;
}
.microsuction-landing-page-2026 .full-services .part-left .items_list li {
  margin-bottom: 35px;
}
.microsuction-landing-page-2026 .full-services .part-left .items_list .title {
  font-family: var(--font-heading);
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 1.22;
}
.microsuction-landing-page-2026 .full-services .part-left .items_list .desc {
  font-size: 20px;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026 .full-services .part-left .items_list {
    padding-right: 0;
  }
  .microsuction-landing-page-2026 .full-services .part-left .items_list li {
    margin-bottom: 30px;
  }
  .microsuction-landing-page-2026 .full-services .part-left .items_list li:last-child {
    margin-bottom: 0;
  }
  .microsuction-landing-page-2026 .full-services .part-left .items_list .title {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.33;
  }
  .microsuction-landing-page-2026 .full-services .part-left .items_list .desc {
    font-size: 18px;
    line-height: 1.33;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026 .full-services .part-left .items_list .title {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.27;
  }
}
.microsuction-landing-page-2026 .full-services .book-now {
  background: transparent;
  padding: 0;
}
.microsuction-landing-page-2026 .full-services .book-now > p {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.17;
}
.microsuction-landing-page-2026 .full-services .book-now > p a.telephone {
  display: inline;
  font-weight: inherit;
  /*color: #fff;*/
  text-decoration: none;
}
.microsuction-landing-page-2026 .full-services .book-now > p a.telephone:hover {
  /*color: #fff;*/
  text-decoration: none;
}
.microsuction-landing-page-2026 .full-services .book-now p {
  text-align: left;
}
/*
*/
.microsuction-landing-page-2026 .full-services .book-now > p {
  font-weight: 400;
}
/*
.microsuction-landing-page-2026 .full-services .book-now > p a.telephone {
  color: #fff;
}
}

/* Frequently Asked Questions */
.microsuction-landing-page-2026 .faq {
  background-image: url(../images/services_back.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.microsuction-landing-page-2026 .faq .part-left {
	width: 60%;
}

.microsuction-landing-page-2026 .faq .part-right {
	width: 34%;
}

@media all and (max-width: 1024px) {
	.microsuction-landing-page-2026-template .faq .max-width {
		display: flex;
		flex-direction: column;
	}

	.microsuction-landing-page-2026-template .faq .part-left,
	.microsuction-landing-page-2026-template .faq .part-right {
		width: 100%;
		float: none;
	}

	.microsuction-landing-page-2026-template .faq .part-right {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 64px;
	}
}

@media all and (max-width: 767px) {
	.microsuction-landing-page-2026-template .faq .part-right {
		flex-direction: column;
        align-items: stretch;
	}
}

.microsuction-landing-page-2026 .faq .part-right .social-post {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.microsuction-landing-page-2026 .faq .part-right .social-post iframe {
    display: block;
    max-width: 100%;
}

body.microsuction-landing-page-2026-template .faq h2 {
	margin: 0 0 24px;
	text-align: center;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-accordion {
	background: var(--color-dark-blue);
	border-radius: 18px;
	overflow: hidden;
	counter-reset: faq-counter;
	box-shadow: 0 18px 44px rgba(0, 7, 31, 0.24);
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-item {
	border-bottom: 1px solid var(--color-blue-mid, var(--color-dark-blue-mid));
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-item:last-child {
	border-bottom: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-heading {
	margin: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	column-gap: 16px;
	width: 100%;
	padding: 22px 24px;
	border: 0;
	background: transparent;
	font-family: var(--font-body);
	font-size: 20px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	text-align: left;
	color: var(--color-light-blue);
	cursor: pointer;
	transition: background-color 0.2s ease;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question::before {
	counter-increment: faq-counter;
	content: counter(faq-counter) ".";
	font-size: 20px;
	line-height: 1;
	color: var(--color-light-blue);
	opacity: 0.88;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question:hover {
	background-color: rgba(57, 186, 233, 0.08);
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question:focus-visible {
	outline: 2px solid var(--color-light-blue);
	outline-offset: -2px;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question-text {
	min-width: 0;
	word-break: break-word;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-chevron {
	position: relative;
	width: 36px;
	height: 36px;
	border: 1px solid var(--color-light-blue);
	border-radius: 50%;
	transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
	flex-shrink: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-chevron::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border-right: 2px solid var(--color-light-blue);
	border-bottom: 2px solid var(--color-light-blue);
	transform: translate(-50%, -62%) rotate(45deg);
	transition: border-color 0.3s ease;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-item.is-open .microsuction-landing-page-2026__faq-chevron {
	transform: rotate(180deg);
	background-color: var(--color-light-blue);
	border-color: var(--color-light-blue);
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-item.is-open .microsuction-landing-page-2026__faq-chevron::before {
	border-color: var(--color-blue-mid, var(--color-dark-blue-mid));
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: height 0.3s ease, opacity 0.25s ease;
	will-change: height;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-item.is-open .microsuction-landing-page-2026__faq-answer {
	opacity: 1;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content {
	padding: 0 24px 22px 62px;
	color: #fff; /* var(--color-light-blue) */
	font-size: 18px;
	line-height: 1.6;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content > :first-child {
	margin-top: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content > :last-child {
	margin-bottom: 0;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content p,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content li {
	color: inherit;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content a {
	color: #ffffff;
	text-decoration: underline;
}

body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content ul,
body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content ol {
	margin: 0 0 1em 1.2em;
	padding: 0;
}

@media all and (max-width: 680px) {
	body.microsuction-landing-page-2026-template .faq h2 {
		margin-bottom: 18px;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question {
		padding: 18px 16px;
		column-gap: 12px;
		font-size: 18px;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-question::before {
		font-size: 18px;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-chevron {
		width: 32px;
		height: 32px;
	}

	body.microsuction-landing-page-2026-template .microsuction-landing-page-2026__faq-answer-content {
		padding: 0 16px 18px 46px;
		font-size: 16px;
	}
}

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

/* Site footer base */
.microsuction-landing-page-2026-template .site-footer {
  padding-bottom: 0;
}

/* Contact section */
.microsuction-landing-page-2026-template .site-footer .contact {
  padding: 70px 0;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .site-footer .contact {
    padding: 50px 0;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .site-footer .contact {
    padding: 40px 0;
  }
}

/* Request consultation (CF7 form) */
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation {
  width: 60%;
  padding: 0;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation p {
  margin-bottom: 15px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation > div {
  background: #fff;
  padding-top: 0;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation h3 {
  color: #00071f;
  font-size: 36px;
  line-height: 1.22;
  margin-bottom: 40px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation input,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation textarea {
  border: solid 1px rgba(0, 7, 31, 0.1);
  border-radius: 2px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation input.wpcf7-submit {
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  background: #00ff93;
  padding: 16px 30px;
  font-weight: 700;
  border: 0;
  line-height: 1.29;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation textarea {
  min-height: 180px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-name input,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-email input,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-phone input {
  width: 100%;
  padding: 16px 15px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-name input::placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-email input::placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-phone input::placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-name input::-webkit-input-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-email input::-webkit-input-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-phone input::-webkit-input-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-name input::-moz-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-email input::-moz-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-phone input::-moz-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-name input:-ms-input-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-email input:-ms-input-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-phone input:-ms-input-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-name input:-moz-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-email input:-moz-placeholder,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .your-phone input:-moz-placeholder {
  color: #00071f;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .inline,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .span {
  display: block;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .inline {
  float: right;
  width: 31%;
  margin-bottom: 15px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .inline.mr {
  margin-right: 3.4%;
  float: left;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation span.wpcf7-not-valid-tip {
  font-size: 14px;
  text-align: left;
  padding-top: 5px;
}
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .wpcf7-validation-errors,
.microsuction-landing-page-2026-template .site-footer .contact .request-consultation .wpcf7-acceptance-missing {
  border-color: #00071f;
  color: #00071f;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation {
    margin-bottom: 0;
    width: 50%;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation .inline {
    float: none;
    width: 100%;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation .inline.mr {
    margin-right: 0;
    float: none;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation {
    margin-bottom: 10px;
    width: 100%;
    float: none;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation h3 {
    font-size: 22px;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .request-consultation input {
    width: 100%;
  }
}

/* Location */
.microsuction-landing-page-2026-template .site-footer .contact .location {
  width: 35%;
  float: right;
  margin-bottom: 0;
}
.microsuction-landing-page-2026-template .site-footer .contact .location h3 {
  margin-bottom: 40px;
  line-height: 1.22;
}
.microsuction-landing-page-2026-template .site-footer .contact .location .address {
  margin-bottom: 20px;
}
.microsuction-landing-page-2026-template .site-footer .contact .location .address p {
  margin: 0;
  padding: 0;
  font-size: 20px;
}
.microsuction-landing-page-2026-template .site-footer .contact .location .url {
  margin-bottom: 0;
}
.microsuction-landing-page-2026-template .site-footer .contact .location .url a {
  color: #00ff93;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(0, 255, 147, 0.2);
  text-decoration: none;
}
.microsuction-landing-page-2026-template .site-footer .contact .location .img img {
  width: 100%;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .site-footer .contact .location {
    width: 45%;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .location h3 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .location .address {
    margin-bottom: 10px;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .location .address p {
    font-size: 18px;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .site-footer .contact .location {
    width: 100%;
    float: none;
    padding: 0 20px;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .location h3 {
    font-size: 22px;
  }
  .microsuction-landing-page-2026-template .site-footer .contact .location .address {
    font-weight: 300;
    line-height: 1.44;
  }
}

/* Google Map */
.microsuction-landing-page-2026-template .site-footer .googlemap {
  height: 611px;
}

/* Footer gallery */
.microsuction-landing-page-2026-template .site-footer .footer-gallery {
  padding: 70px 20px 70px 0;
  margin: 0;
}
.microsuction-landing-page-2026-template .site-footer .footer-gallery img {
  border: 0;
  border-left: 20px solid #fff;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .site-footer .footer-gallery {
    padding: 50px 12px 38px 0;
  }
  .microsuction-landing-page-2026-template .site-footer .footer-gallery img {
    border-left: 12px solid #fff;
    border-bottom: 12px solid #fff;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .site-footer .footer-gallery {
    padding: 40px 15px 35px 0;
  }
  .microsuction-landing-page-2026-template .site-footer .footer-gallery img {
    border-left: 15px solid #fff;
    border-bottom: 15px solid #fff;
  }
}

/* Logo gallery (top-level, outside .site-footer) */
.microsuction-landing-page-2026-template .logo-gallery .max-width {
  max-width: 1100px;
  padding: 90px 0 90px;
}
.microsuction-landing-page-2026-template .logo-gallery .img-container {
  display: block;
  width: 16%;
  float: left;
  text-align: center;
  min-width: 100px;
  padding-left: 2%;
  padding-right: 2%;
}
.microsuction-landing-page-2026-template .logo-gallery img {
  height: 80px;
  width: auto;
  display: inline-block;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .logo-gallery {
    margin-top: 30px;
  }
  .microsuction-landing-page-2026-template .logo-gallery .max-width {
    border-top: 1px solid rgba(93, 98, 113, 0.1);
    border-bottom: 1px solid rgba(93, 98, 113, 0.1);
    padding: 60px 0 60px;
  }
  .microsuction-landing-page-2026-template .logo-gallery img {
    height: 50px;
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .logo-gallery .max-width {
    padding: 40px 0 0;
  }
  .microsuction-landing-page-2026-template .logo-gallery .img-container {
    margin-bottom: 40px;
    width: 33%;
  }
  .microsuction-landing-page-2026-template .logo-gallery img {
    height: 60px;
  }
}
@media screen and (max-width: 440px) {
  .microsuction-landing-page-2026-template .logo-gallery img {
    height: 40px;
  }
}

/* Logo gallery within .site-footer */
.microsuction-landing-page-2026-template .site-footer .logo-gallery {
  padding: 45px 0 95px;
}
.microsuction-landing-page-2026-template .site-footer .logo-gallery > .max-width {
  padding: 0;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .site-footer .logo-gallery {
    margin-top: 0;
    padding: 0;
  }
  .microsuction-landing-page-2026-template .site-footer .logo-gallery > .max-width {
    padding: 60px 20px;
    border-top: 1px solid rgba(93, 98, 113, 0.1);
    border-bottom: 1px solid rgba(93, 98, 113, 0.1);
  }
}
@media screen and (max-width: 680px) {
  .microsuction-landing-page-2026-template .site-footer .logo-gallery > .max-width {
    padding: 37px 20px 0;
  }
  .microsuction-landing-page-2026-template .site-footer .logo-gallery .img-container {
    margin-bottom: 37px;
    width: 33%;
  }
}

/* Site info */
.microsuction-landing-page-2026-template .site-footer .site-info {
  padding: 0;
}
.microsuction-landing-page-2026-template .site-footer .site-info .max-width {
  padding: 40px 10px;
  border-top: 1px solid rgba(93, 98, 113, 0.1);
  max-width: 1240px;
}
@media screen and (max-width: 1120px) {
  .microsuction-landing-page-2026-template .site-footer .site-info .max-width {
    border-top: 0;
    padding: 30px 20px;
    border: 0;
  }
}
.microsuction-landing-page-2026-template .site-footer .site-title {
  float: left;
  width: 200px;
  height: 58px;
}
.microsuction-landing-page-2026-template .site-footer .site-title a {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: url('../images/hearology-logo-black.png');
}
.microsuction-landing-page-2026-template .site-footer .copyright {
  float: right;
  margin: 0;
  padding-top: 22px;
  color: #5d6271;
}
@media screen and (max-width: 700px) {
	.microsuction-landing-page-2026-template .site-footer .site-info .max-width {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px;
		text-align: center;
	}

	.microsuction-landing-page-2026-template .site-footer .site-title {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.microsuction-landing-page-2026-template .site-footer .copyright {
		display: block;
		float: none;
		margin: 0;
		padding-top: 0;
		text-align: center;
	}
}

.microsuction-landing-page-2026-template .site-footer .clinic-map .clinic-map-location-title {
	font-family: var(--font-body);
}