/*!
Theme Name: life-dent
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: life-dent
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

life-dent is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "Figtree", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Figtree", sans-serif;


}


p {
	margin-bottom: 1.5em;
	font-family: "Figtree", sans-serif;



}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #739513;
}

a:visited {
	color: #739513;
}

a:hover,
a:focus,
a:active {
	color: #5f7c10;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

:root {
	--primary: #739513;
	--secondary: #54595F;
	--text: #000;
	--accent: #739513;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */






body.no-scroll {
	overflow: hidden !important;
}


* {
	font-family: "Figtree", sans-serif;
}

.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.container {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 20px;
}

.site-header {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	height: 100px;
	position: sticky;
	top: 0px;
	left: 0px;
	z-index: 1500;
}

.site-header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0px 20px;
}


.site-header .site-branding {
	height: auto !important;
}

.site-header .site-branding a {
	text-decoration: none;
}

.site-header .site-branding a img {
	width: 240px;

}

.site-header .navigation {
	width: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	padding-left: 25px;
}

.site-header .navigation .mobile-header {
	display: none;
}

.site-header .navigation nav>div>ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 10px;
}

.site-header .navigation nav>div>ul>li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	position: relative;
}

.site-header .navigation nav>div>ul>li>a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	transition: all 0.3s ease;
	padding: 6px 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-family: "Figtree", sans-serif;
	line-height: 20px;
}

.sub-menu li {
	border-top: none !important;
}

.site-header .navigation nav>div>ul>li:hover,
.site-header .navigation nav>div>ul>li.current-menu-item,
.site-header .navigation nav>div>ul>li.current-menu-ancestor,
.site-header .navigation nav>div>ul>li.toggled {
	background-color: #7395131A;
	transition: .2s ease-in-out;
}

.site-header .navigation nav>div>ul>li:hover a,
.site-header .navigation nav>div>ul>li.current-menu-item a,
.site-header .navigation nav>div>ul>li.current-menu-ancestor a,
.site-header .navigation nav>div>ul>li.toggled a {
	color: #739513;
	transition: .2s ease-in-out;
}

.site-header .navigation nav>div>ul>li:hover svg path,
.site-header .navigation nav>div>ul>li.current-menu-item svg path,
.site-header .navigation nav>div>ul>li.current-menu-ancestor svg path,
.site-header .navigation nav>div>ul>li.toggled svg path {
	stroke: #739513;
	transition: .2s ease-in-out;
}

.site-header .navigation nav>div>ul>li:hover a {
	color: #739513;
}

.site-header .navigation nav>div>ul>li:hover svg {
	stroke: #739513;
}

.site-header .navigation nav>div>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
}

.site-header .navigation nav>div>ul>li:hover .category-toggle {
	transform: rotate(180deg);
}

.site-header .navigation nav>div>ul>li .category-toggle {
	background-color: transparent;
	border: none;
	min-width: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-left: 5px;
	cursor: pointer;
	transition: 0.2s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-header .navigation nav>div>ul>li .category-toggle svg {
	width: 20px;
	height: 20px;
}

.site-header .navigation nav>div>ul>li>ul {
	position: absolute;
	top: 40px;
	left: 0;
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-radius: 12px;
	padding: 6px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease-in-out;
	list-style: none;
	margin: 0;
	width: max-content !important;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.site-header .navigation nav>div>ul>li>ul li {
	border-radius: 10px;
}

.site-header .navigation nav>div>ul>li>ul li a {
	padding: 8px 12px;
	color: #000 !important;
	text-decoration: none;
	display: flex;
}

.site-header .navigation nav>div>ul>li>ul li:hover a {
	color: #739513 !important;
	transition: .2s ease-in-out;
}

.site-header .navigation nav>div>ul>li>ul li.current-menu-item a {
	color: #739513 !important;
}

.site-header .navigation nav>div>ul>li>ul li:hover,
.site-header .navigation nav>div>ul>li>ul li.current-menu-item,
.site-header .navigation nav>div>ul>li>ul li.current-menu-ancestor,
.site-header .navigation nav>div>ul>li>ul li.toggled {
	background-color: #7395131A;
	color: #739513 !important;
}

.site-header .navigation nav>div>ul>li>ul li:hover a,
.site-header .navigation nav>div>ul>li>ul li.current-menu-item a,
.site-header .navigation nav>div>ul>li>ul li.current-menu-ancestor a,
.site-header .navigation nav>div>ul>li>ul li.toggled a {
	color: #739513;
}

.site-header .actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}

.site-header .actions div {
	display: flex;
	gap: 12px;
}

.site-header .actions .btn-dropdown {
	position: relative;
	gap: 0px;
	background: #739513;
	border-radius: 50px;
	padding: 0px 14px;
}


.site-header .actions .dropdown-menu {
	position: absolute;
	top: 50px;
	left: 0px;
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-radius: 12px;
	padding: 6px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: 0.2s ease-in-out;
	box-shadow: 0px 9px 9px -7px #1018281A;
	width: 100% !important;

}

.site-header .actions .dropdown-menu.toggled {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.site-header .actions .dropdown-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.site-header .actions .dropdown-menu ul li a {
	padding: 8px 12px;
	color: #404040;
	text-decoration: none;
	display: flex;
	border-radius: 12px;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 7px;
}

.site-header .actions .dropdown-menu ul li a:hover {
	background-color: #7395131A;
}

.site-header .actions .icon-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	padding: 0;
	cursor: pointer;
	border: none;
	border-left: 1px solid #ffffff7d;
	padding-left: 5px;
	transition: 0.2s ease-in-out;
	border-radius: 0px;

}


.site-header .actions .icon-btn svg {
	width: 22px;
	height: 22px;
}

.site-header .actions .menu-btn {
	display: none;
}


.site-header .actions .termin-btn {
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #739513;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-transform: uppercase;
	width: max-content;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	transition: .2s ease;
}

.site-header .actions .termin-btn:hover {
	background-color: #64820f;
	transition: .2s ease;
}


.site-header .actions .online-termin-btn {
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #739513;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-transform: uppercase;
	width: max-content;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.site-header .actions .online-termin-btn:hover {
	background-color: #64820f;
	transition: .2s ease;
}

.site-header .actions .notfall-btn {
	font-weight: 600;
	font-size: 16px;
	padding: 10px 14px;
	color: #FFFFFF;
	background-color: #DA1833;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-transform: uppercase;
	width: max-content;
	line-height: 20px;
}


.blog-hero {
	padding: 60px 0px;
}

.blog-hero h1 {
	font-size: 36px;
	color: #181D27;
	margin: 0px;
}

.blog-hero p {
	font-size: 20px;
	color: #535862;
	margin: 0;
	margin-top: 20px;
}

.custom-posts-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}


.custom-posts-flex .custom-post {
	width: calc(33.3% - 21px);
	text-decoration: none !important;
}

.custom-post .reading-time {
	padding-top: 20px !important;
	padding-bottom: 16px !important;
}

.custom-post .reading-time small {
	border: 1px solid #739513;
	padding: 4px 10px;
	border-radius: 16px;
	background-color: #7395131A;
	color: #739513;

}

.custom-post .thumbnail img {
	height: 240px;
	width: 100%;
	object-fit: cover;
}

.custom-post h3 {
	margin: 0px;
	font-size: 21px;
	margin-bottom: 8px;
	color: #181D27;
	transition: .2s ease-in-out;
}

.custom-post:hover h3 {
	color: #739513;
	transition: .2s ease-in-out;
}

.custom-post p {
	margin: 0px;
	color: #535862;
}

.custom-post h3 span svg path {
	transition: .2s ease-in-out;
}

.custom-post:hover h3 span svg {
	transform: rotate(45deg);
	transition: .2s ease-in-out;
}

.custom-post h3 span svg {
	transition: .2s ease-in-out;
}

.custom-post:hover h3 span svg path {
	stroke: #739513 !important;
	transition: .2s ease-in-out;
}

.post-title-with-icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	/* opsional, ndan pak titullin nga ikona */
}

.post-title-with-icon .icon-svg {
	flex-shrink: 0;
	display: flex;
}

.entry-meta .posted-on {
	display: flex;
	flex-direction: column;
}

.posted-on {
	color: #739513;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 0px;
}

.posted-on a {
	width: max-content;
	color: #54595F !important;
	text-decoration: none;
}


.blog-post {
	padding: 40px 0px;
}

.site-footer {
	margin-top: 90px;
}

.site-footer .sub-menu {
	display: none;
}

.site-footer .category-toggle {
	display: none;
}

.site-footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-info {
	width: 29%;
}

.site-info a img {
	width: 150px !important;
}

.site-info p {
	font-size: 14px;
}

.site-footer .middle {
	display: flex;
	justify-content: space-between;
	padding: 70px 0px 40px 0px;

}

.site-footer h3 {
	margin: 0;
	font-size: 18px;
	margin-bottom: 18px;
	font-weight: 500;
	color: #000000;
}

.site-footer .widget-1 a,
.site-footer .widget-2 a,
.site-footer .widget-3 a {
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
}


.site-footer .widget-1 li,
.site-footer .widget-2 li,
.site-footer .widget-3 li {
	margin-bottom: 5px;
}

.site-footer .bottom {
	display: flex;
	justify-content: space-between;
	padding: 20px 0px;
	border-top: 2px solid #EAECF0;
}

.site-footer .bottom .social-media a {
	margin-left: 12px;
}

.site-footer .top {
	background-color: #F9FAFB;
	padding: 0px;

}

.site-footer .top .container {
	padding: 70px 20px;
}


.site-footer .top .container .content {
	max-width: 1120px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.site-footer .top .container .content a {
	background-color: #739513;
	padding: 16px 32px;
	border-radius: 100px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	gap: 10px;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
}

.site-footer .top .container .content h2 {
	font-weight: 700;
	font-size: 32px;
	margin: 0px;
}

.site-footer .top .container .content p {
	font-weight: 500;
	font-size: 16px;
	color: #475467;
}








.customer-boxes .customer-reviews {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.home-customer-reviews .see-more a {
	background-color: #739513;
	padding: 5px 15px;
	border-radius: 100px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	gap: 10px;
	font-size: 16px;
	text-decoration: none;
	margin-top: 20px;
}

.home-customer-reviews .see-more a:hover svg {
	transform: rotate(45deg);
	transition: .2s ease-in-out;
}

.home-customer-reviews .see-more a svg {
	display: flex;
	transition: .2s ease-in-out;
}

.customer-boxes .customer-reviews .review {
	padding: 20px;
	border: 1px solid #D5D7DA;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
}


.customer-boxes .customer-reviews .review p {
	margin: 0px;
	color: #667085;
	font-weight: 400;
	font-size: 14px;
	padding-top: 20px;



}

.customer-boxes .customer-reviews .review .box-bottom {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 12px;
	padding-bottom: 12px;
}

.customer-boxes .customer-reviews .review .box-bottom img {
	height: 44px;
	width: 44px;
	object-fit: cover;
}

.customer-boxes .customer-reviews .review .box-bottom .stars h4 {
	margin: 0px;
	font-weight: 600;
	font-size: 16px;
	color: #344054;
	margin-bottom: 4px;
}

.home-customer-reviews .section-header {
	padding-bottom: 30px;
}

.home-customer-reviews .section-header h2 {
	color: #344054 !important;
	font-size: 32px;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 12px;
}



.home-customer-reviews .section-header p {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	margin: 0px;
}

.home-customer-reviews {
	color: #EAECF0;
	padding: 90px 0px 0px;
}

.review-text .see-more {
	outline: none;
	color: #667085;
	padding-left: 5px;
	padding-top: 0px;
}

.review-text .see-more:hover {
	color: #344054;
}

.our-brands-logo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
}

.our-brands-logo img {
	height: 50px;
}






#home-slider {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	padding-bottom: 0;
	height: auto;
}


#home-slider a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

#home-slider .home-slider-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	max-width: 1512px;
	background-position: center center;
	width: 100%;
}



/* Carousel Container */
.carousel-container {
	position: relative;
	width: 100%;
	/* Adjust as needed */
	height: 400px;
	/* Adjust as needed */
	overflow: hidden;
	margin: auto;
}



/* Carousel Track */
.carousel {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

/* Carousel Items */
.carousel-item {
	min-width: 100%;
	height: 100%;
}

/* Images and Videos */
.carousel-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Navigation Buttons */
.carousel-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	border: 1px solid #eaeaea;
	padding: 8px;
	cursor: pointer;
	z-index: 10;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel-button:hover {
	background-color: #f9fafb;
	border: 1px solid #eaeaea !important;
}

.carousel-button.prev {
	left: 10px;
}

.carousel-button.next {
	right: 10px;
}

/* Add to your CSS file */
/* Cursor styling */
.carousel {
	cursor: grab;
}

.carousel.grabbing {
	cursor: grabbing;
}

/* Smooth transitions */
.carousel {
	transition: transform 0.3s ease-in-out;
}

/* Add to your CSS file */
/* Allow vertical scrolling but prevent horizontal scrolling */
.carousel-container {
	touch-action: pan-y;
}

/* Cursor styling */
.carousel {
	cursor: grab;
}

.carousel.grabbing {
	cursor: grabbing;
}

/* Adjust transition for smoother animation */
.carousel {
	transition: transform 0.3s ease-in-out;
}

/* Dots Indicators */
.carousel-dots {
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.carousel-dots .dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s;
}

.carousel-dots .dot.active {
	background-color: rgba(255, 255, 255, 0.9);
}


.home-content h1 {
	color: #344054 !important;
	font-size: 32px;
	font-weight: 600;
	margin: 20px 0 12px;

}




.treatments-wrapper {
	padding: 90px 0px 0px;
}


.treatments-wrapper h2 {
	color: #344054 !important;
	font-size: 32px;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 12px;
}

.treatments-wrapper p {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	margin: 0px;
	padding-bottom: 30px;
}





.dental-treatments {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.treatment-wrapper {
	display: flex;
	gap: 16px;
	align-items: center;
	text-decoration: none !important;
	width: calc(25% - 24px);
}

.treatment-wrapper h3 {
	margin: 0px;
	font-weight: 600;
	font-size: 20px;
}

.treatment-wrapper span {
	border: 1px solid #EAECF0;
	padding: 20px;
	border-radius: 8px;
	display: flex;
	transition: .2s ease-in-out;
}



.treatment-wrapper:hover span {
	background: #7395131A;
	transition: .2s ease-in-out;
}



.custom-slider-wrapper {
	position: relative;
	overflow: hidden;
	padding: 90px 0px 0px;

}

.custom-slider-wrapper h2 {
	color: #344054 !important;
	font-size: 32px;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 12px;
}

.custom-slider-wrapper p {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	margin: 0px;
	padding-bottom: 30px;
}

.custom-slider-container {
	overflow: hidden;
}

.custom-slider {
	display: flex;
	transition: transform 0.4s ease;
}

.location-card {
	flex: 0 0 25%;
	padding: 10px 15px 0px 0px;
	box-sizing: border-box;
	text-decoration: none;
}


.location-card h2 {
	color: #252B37;
	font-family: Figtree;
	font-size: 20px;
	margin-top: 16px;
	margin-top: 8px;
}


.location-card p {
	font-family: Figtree;
	font-weight: 400;
	font-size: 14px;
	color: #252B37;
	margin: 0px;
}

.slider-prev,
.slider-next {
	background: #8DA644;
	border: none;
	border-radius: 50px;
	padding: 12px;
	cursor: pointer;
	transition: .2s ease;
	margin-top: 0px;
}

.slider-prev:hover,
.slider-next:hover {
	background: #739513;
	transition: .2s ease;
}

.slider-next {
	margin-left: 16px;
}

.slider-prev svg,
.slider-next svg {
	display: flex;
}



.location-card .thumbnail img {
	height: 400px;
	object-fit: cover;
}

.contact-info .container {
	display: flex;
	gap: 30px;
}

.contact-info-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.opening-hour {
	background-color: #51680D;
	width: 40%;
	border-radius: 16px;
}

.opening-hour .top-section {
	padding: 40px 40px 12px 40px;
}

.opening-hour .bottom-section {
	padding-bottom: 40px;
	padding-right: 20px;
}

.opening-hour .bottom-section a {
	padding: 10px 40px;
	border-radius: 0px 50px 50px 0px;
	display: flex;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.opening-hour .bottom-section .termin {
	background-color: #AAB942;
	transition: .2s ease;
}

.opening-hour .bottom-section .termin:hover {
	background-color: #93a038;
	transition: .2s ease;
}

.opening-hour .bottom-section .formular {
	background-color: #739513;
	transition: .2s ease;
}

.opening-hour .bottom-section .formular:hover {
	background-color: #64820f;
	transition: .2s ease;
}

.opening-hour .bottom-section .notfall {
	background-color: #DA1833;
	transition: .2s ease;
}

.opening-hour .bottom-section .notfall:hover {
	background-color: #b3142a;
	transition: .2s ease;
}


.map {
	width: 60%;
}

.opening-hour h4 {
	font-weight: 600;
	font-size: 22px;
	color: #fff;
	margin-bottom: 0px;
}

.opening-hour a {
	text-decoration: none;
}

.opening-hour p {
	color: #fff;
}

.opening-hour a p {
	font-family: Figtree;
	font-weight: 600;
	font-size: 16px !important;
	color: #FFFFFF;
	margin: 0px;
}

.opening-hour span {
	display: flex;
}

.opening-hour a {
	padding: 14px 0px;
	gap: 10px;
	width: max-content;
}



.service-wrapper .service-boxes {
	display: flex;
	gap: 30px;
	padding: 60px 0px 0px;

}

.service-wrapper .service-boxes .box {
	width: 25%;
}

.service-wrapper .service-boxes .box .description ul {
	padding: 0;
	margin-left: 15px;
}


.service-wrapper .service-boxes .box h3 {
	font-family: Figtree;
	font-weight: 600;
	font-size: 20px;
	margin-top: 16px;
	margin-bottom: 8px;
}

.service-wrapper .service-boxes .box .description {
	font-family: Figtree;
	font-weight: 400;
	font-size: 14px;
}


.acf-slider-wrapper {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	margin: auto;
}

.acf-slider {
	display: flex;
	transition: transform 0.5s ease;
}

.acf-slide {
	min-width: 100%;
}

.acf-slide img {
	width: 100%;
	display: block;
	height: 500px;
	object-fit: cover;
}

.prev-slide,
.next-slide {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	background: none;
}

.prev-slide {
	left: 10px;
}

.next-slide {
	right: 10px;
}

.gallery-slider {
	padding-top: 90px;
}

.gallery-slider h2 {
	font-family: Figtree;
	font-size: 32px;
	margin: 0px;
	margin-bottom: 10px;
}

.gallery-slider p {
	font-family: Figtree;
	font-size: 16px;
}



.dental-service {
	margin: 90px 0px 0px;
}

.dental-service .container {
	display: flex;
	gap: 60px;
}

.dental-service .container .dental-img {
	width: 65%;
}


.dental-service .container .dental-content {
	width: 35%;
}

.dental-service .container .dental-content h2 {
	font-weight: 600;
	font-size: 32px;
	margin: 0;
}

.dental-service .container .dental-content p {
	font-weight: 400;
	font-size: 18px;
}


.location-staff {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.staff-member a {
	text-decoration: none;
}


.staff-member p {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	color: #739513;
}

.location-staff .staff-member {
	width: calc(20% - 16px);
}

.location-staff .staff-member h3 {
	font-size: 20px;
	color: #252B37;
	margin-top: 24px;
	margin-bottom: 8px;
}




.location-staff .staff-member img {
	height: 352px;
	object-fit: cover;
	object-position: top;
}

.staff-section {
	padding-top: 90px;
}

.location-staff {
	padding-top: 36px;
}

.staff-section h2 {
	font-size: 32px;
	margin: 0px;
}

#language {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}


#language li a {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #344054;
	padding: 5px 8px;
	transition: .2s ease-in-out;
	border-radius: 12px;
}

#language li a:hover {
	background-color: #7395131A;
	transition: .2s ease-in-out;
}


.staff-details {
	display: flex;
	gap: 40px;
}

.staff-details .content h1 {
	font-weight: 600;
	font-size: 32px;
	margin: 0px;
}

.staff-details .staff-position {
	font-weight: 600;
	font-size: 18px;
	color: #739513;
	margin: 0px;
	margin-top: 12px;
}


.staff-details .staff-photo {
	width: 30%;
}

.staff-details .content {
	width: 70%;
}

.member-info {
	padding-top: 10px;
}

.member-info p {
	margin-bottom: 0px;
}

.short-history {
	border-bottom: 1px solid #EAECF0;
}

.about-member {
	padding-top: 50px;
}

.about-member ul {
	margin: 0px !important;
}

.contact-info .contact-form {
	width: 70%;
}

.contact-info .contact-form textarea {
	height: 160px !important;
	resize: none !important;
	border-radius: 10px !important;
	border: 1.5px solid #EAECF0 !important;
	background-color: #F9FAFB !important;
	color: #1D2939 !important;

}

.wpforms-field input {
	border-radius: 10px !important;
	border: 1.5px solid #EAECF0 !important;
	background-color: #F9FAFB !important;
	color: #1D2939 !important;
	height: 50px !important;
}

.choices .choices__inner {
	border-radius: 10px !important;
	border: 1.5px solid #EAECF0 !important;
	background-color: #F9FAFB !important;
	color: #1D2939 !important;
	height: 50px !important;
}

.wpforms-container .wpforms-field {
	padding: 10px 0px;
}

.wpforms-submit {
	background-color: #739513 !important;
	border-radius: 50px !important;
	font-weight: 600;
	font-size: 16px;
	width: 100% !important;
	height: 50px !important;
}


.choices__placeholder {
	color: #000000b3 !important;
	opacity: 1 !important;
}


.wpforms-container ::placeholder {
	color: #000000b3 !important;
	opacity: 1 !important;
}



.termin-hero h1 {
	font-weight: 600;
	font-size: 32px;
	color: #414651;
	margin: 0px;
	margin-top: 30px;
}

.termin-hero p {
	font-weight: 400;
	font-size: 16px;
	color: #414651;
}


.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 8px;
	margin-top: 64px;
	padding-top: 22px;
	border-top: 1px solid #EAECF0;
}

.pagination .page-numbers {
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #535862;
	padding: 0px 6px !important;
}


.pagination .prev {
	margin-right: auto;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #101828;
	line-height: 20px;
}


.pagination .next {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #101828;
	line-height: 20px;
}


.pagination ul {
	display: flex;
	margin: 0;
	padding: 0;
}

.pagination ul li {
	list-style: none;
}


.wpcf7-form select {
	color: #666;
	padding: .75em;
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	border-radius: 2px;
	background: #fafafa;
	box-shadow: none;
	box-sizing: border-box;
	transition: all .2s linear;
	width: 100% !important;
}

.wpcf7-form textarea {
	color: #666;
	padding: .75em;
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	border-radius: 2px;
	background: #fafafa;
	box-shadow: none;
	box-sizing: border-box;
	transition: all .2s linear;
	width: 100% !important;
}

.wpcf7-form input {
	color: #666;
	padding: .75em;
	height: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	border-radius: 2px;
	background: #fafafa;
	box-shadow: none;
	box-sizing: border-box;
	transition: all .2s linear;
	width: 100% !important;
	resize: none;
}


.wpcf7-submit {
	background-color: #739513 !important;
	color: #FFFFFF !important;
	border: 2px solid #739513 !important;
	border-radius: 8px !important;
	padding: 15px 32px !important;
	cursor: pointer;
}

.error-404 {
	padding-top: 90px;
}

.error-404 h2 {
	font-weight: 600;
	font-size: 48px;
	color: #181D27;
	text-align: center;
	margin: 0px;
}

.error-404 p {
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #535862;

}

.error-404 .go-home {
	color: #fff;
	background-color: #739513;
	padding: 10px 14px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	border-radius: 100px;
	transition: .2s ease-in-out;
}

.error-404 .go-home:hover {
	background-color: #5f7c10;
	transition: .2s ease-in-out;
}


.boxes-404 {
	padding-top: 75px;
	width: 100%;
}

.boxes-404 .box {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 22px 0px;
	border-top: 1px solid #EAECF0;
	text-decoration: none;
	justify-content: space-between;
}

.boxes-404 .box div {
	display: flex;
	gap: 20px;
}

.boxes-404 .box div .content {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.boxes-404 .box:last-child {
	border-bottom: 1px solid #EAECF0;
}



.boxes-404 .box h3 {
	margin: 0px;
	font-weight: 600;
	font-size: 20px;
	color: #181D27;
}

.boxes-404 .box p {
	margin: 0px;
	font-weight: 400;
	font-size: 16px;
	color: #535862;
}

.boxes-404 .box span {
	display: flex;
}

.error-404 {
	max-width: 600px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}







.site-footer .top .container .content a {
	transition: .2s ease;
}

.site-footer .top .container .content a:hover {
	background-color: #5f7c10;
	transition: .2s ease;
}



.site-header .actions .termin-btn {
	transition: .2s ease;
}


.site-header .actions .notfall-btn:hover {
	background-color: #b3142a;
	transition: .2s ease;
}

.site-header .actions .notfall-btn {
	transition: .2s ease;
}



.blog-post .entry-header .post-thumbnail img {
	max-height: 650px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.blog-post {
	max-width: 1150px;
	margin: 0 auto;
}

.blog-post .entry-content ul {
	padding: 0;
}




.submenu-chevron {
	background: none !important;
	border: none !important;
	padding: 0px 5px;
	display: flex;
}

.submenu-chevron svg {
	transform: rotate(90deg);
	height: 20px;
	width: 20px;
	transition: .2s ease-in-out;
}

.menu-item-has-children a {
	padding-right: 5px !important;
}

.menu-item-has-children:hover .submenu-chevron svg {
	transform: rotate(-90deg);
	transition: .2s ease-in-out;
}

.search-posts {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
}

.search-posts article {
	width: calc(25% - 20px);
	border-radius: 6px;
	border: 1px solid #ececec;
	padding: 10px;
}





@media (max-width: 1080px) {
	.site-header {
		z-index: 999999;
	}

	.site-header .actions .online-termin-btn {
		display: none;
	}

	.site-header .navigation {
		padding-left: 0px;
	}

	.site-header .actions .btn-dropdown {
		display: none;
	}

	.site-header .actions .menu-btn {
		display: flex;
		background-color: transparent;
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		transition: 0.2s ease-in-out;
		border: 1px solid #eaeaea;
	}



	.treatment-wrapper {
		width: calc(50% - 24px);
	}

	.site-header .navigation {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		height: 100vb;
		flex-direction: column;
		justify-content: flex-start;
		opacity: 0;
		visibility: hidden;
		transform: translateX(100%);
		transition: 0.3s ease-in-out;
		z-index: 200;
	}

	.site-header .navigation nav {
		width: 100%;
		padding: 6px;
		padding-top: 30px;
		height: calc(100vb - 100px);
		overflow-y: auto;
	}

	.site-header .navigation nav .sub-menu {
		position: relative !important;
		top: inherit !important;
		left: inherit !important;
		margin: 12px;
		width: calc(100% - 24px) !important;
		margin-top: 0px;
		display: none;
	}

	.site-header .navigation nav ul {
		width: 100%;
	}

	.site-header .navigation nav ul li {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.site-header .navigation nav ul li.toggled .sub-menu {
		display: block;
		opacity: 1;
		visibility: visible;
	}

	.site-header .navigation nav ul li a {
		width: 100%;
		justify-content: space-between !important;
		padding-right: 22px !important;
		padding: 12px !important;
	}

	.site-header .navigation .mobile-header {
		height: 100px;
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #eaeaea;
		padding: 0 16px;
	}

	.site-header .navigation .mobile-header span {
		font-size: 22px;
	}

	.site-header .navigation .mobile-header button {
		background-color: transparent;
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		transition: 0.2s ease-in-out;
		border: 1px solid #eaeaea;
	}

	.site-header .navigation .mobile-header button svg {
		width: 22px;
		height: 22px;
	}

	.site-header .navigation .mobile-header button:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

	.site-header .navigation ul {
		flex-direction: column;
	}

	.site-header .navigation.toggled {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}

	.site-footer .bottom {
		flex-direction: column;
		gap: 20px;
	}

	.site-footer .bottom .social-media a {
		margin-right: 12px;
		margin-left: 0;
	}

	.actions .termin-btn {
		display: none !important;
	}

	.actions .notfall-btn {
		display: none !important;
	}

	.contact-info .container {
		flex-direction: column;
	}

	.opening-hour {
		width: 100%;
	}

	.contact-info .map {
		width: 100%;
		height: 400px;
	}

	.service-wrapper .service-boxes {
		flex-wrap: wrap;
	}

	.service-wrapper .service-boxes .box {
		width: calc(50% - 15px);
	}

	.location-staff .staff-member {
		width: calc(25% - 15px);
	}

	.dental-service .container {
		flex-direction: column;
	}

	.dental-service .container .dental-content {
		width: 100%;
	}

	.dental-service .container .dental-img {
		width: 100%;
	}

	.staff-details {
		flex-direction: column;
	}

	.staff-details .staff-photo {
		width: 50%;
	}

	.staff-details .content {
		width: 100%;
	}

	.contact-form {
		width: 100% !important;
	}

	.menu-item-has-children {
		display: flex;

	}
}








@media (max-width: 960px) {
	.custom-posts-flex .custom-post {
		width: calc(50% - 16px);
	}

	.search-posts article {
		width: calc(33% - 15px);
	}


	.site-footer .middle {
		flex-direction: column;
		gap: 50px;
	}

	.site-info {
		width: 50%;
	}

	.customer-boxes .customer-reviews {
		grid-template-columns: repeat(3, 1fr);
	}

	.treatment-wrapper {
		width: calc(100% - 0px);
	}

	.location-card {
		flex: 0 0 50%;
	}

	.service-wrapper .service-boxes .box {
		width: 100%;
	}

	.location-staff .staff-member {
		width: calc(33.3% - 14px);
	}


}

@media (max-width: 600px) {
	.custom-posts-flex .custom-post {
		width: calc(100% - 0px);
	}

	.search-posts article {
		width: calc(100% - 0px);
	}

	.site-info {
		width: 100%;
	}

	.site-footer .top .container .content {
		align-items: start;
		text-align: left;
	}

	.site-footer .top .container .content h2 {
		font-size: 24px !important;
	}

	.customer-boxes .customer-reviews {
		grid-template-columns: repeat(1, 1fr);
	}

	.location-card {
		flex: 0 0 100%;
	}

	.location-staff .staff-member {
		width: calc(50% - 10px)
	}

	.customer-boxes .customer-reviews .review {
		min-height: 200px;
	}



	.gallery-slider h3 {
		font-size: 28px;
	}

	.dental-service .container .dental-content h2 {
		font-size: 28px;
	}

	.treatments-wrapper h2 {
		font-size: 28px;
	}

	.home-customer-reviews .section-header h2 {
		font-size: 28px;
	}

	.custom-slider-wrapper h2 {
		font-size: 28px;
	}

	.staff-section h2 {
		font-size: 28px;
	}

	.home-content h1 {
		font-size: 28px;
	}

	.staff-details .staff-photo {
		width: 100%;
	}

	.site-header .site-branding a img {
		width: 180px;
	}

	.location-card .thumbnail img {
		height: 300px;
	}

	.slider-prev,
	.slider-next {
		margin-top: 0px;
	}

	.custom-slider-wrapper p {
		margin-bottom: 20px;
	}

	.opening-hour .bottom-section .notfall {
		width: auto;
	}

}


.search-posts .post-thumbnail img {
	height: 250px;
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
}


.search-posts article .entry-meta {
	display: none;
}

.search-posts article .entry-header .entry-title a {
	font-size: 20px !important;
	text-decoration: none !important;
	color: #000 !important;

}

.posts-navigation .nav-links {
	padding-top: 30px;
}
















.emergency-hero {
	padding: 60px 0px;
}


.locations-wrapper {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.locations-wrapper .location-item {
	width: calc(20% - 16px);
	padding: 14px;
	border: 1px solid #EAECF0;
	border-radius: 8px;
}

.locations-wrapper .location-item h3 {
	margin: 0px;
	font-size: 20px;
	margin-bottom: 8px;
	color: #252B37;
}

.locations-wrapper .location-item p {
	font-size: 14px;
	margin: 0px;
}

.locations-wrapper .location-item a {
	margin-top: 10px;
	color: #026AA2;
	font-size: 16px;
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	width: max-content;
}

.locations-wrapper .location-item a:hover {
	text-decoration: underline;
}

.dental-care-title {
	padding-top: 90px;
}

.dental-care-title h2 {
	color: #252B37;
	font-size: 32px;
	margin: 0;
	margin-bottom: 16px;
}

.dental-care-title p {
	color: #252B37;
	font-size: 16px;
	margin: 0;
}

.dental-care-boxes {
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.dental-care-boxes h3 {
	font-size: 20px;
	color: #252B37;
	margin: 0px;
	margin-top: 8px;
}

.dental-box {
	text-decoration: none !important;
	width: calc(25% - 18px) !important;
}

.dental-box img {
	width: 100%;
}

.dental-box span {
	font-size: 14px;
	color: #252B37;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 8px;
}

.dental-box span svg {
	opacity: 0;
	transition: .2s ease-in-out !important;
}

.dental-box:hover span svg {
	opacity: 1;
	transition: .2s ease-in-out !important;
}



.spangen {
	padding-top: 90px;
}

.spangen h2 {
	color: #252B37;
	font-size: 32px;
	margin: 0;
	margin-bottom: 16px;
}

.spangen p {
	color: #252B37;
	font-size: 16px;
	margin: 0;
}

.spangen-boxes {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding-top: 30px;

}

.spangen-boxes .spangen-box {
	width: calc(33.3% - 16px);
	padding: 14px;
	border: 1px solid #EAECF0;
}

.spangen-boxes .spangen-box .number {
	font-weight: 900;
	font-size: 32px;
	color: #252B3733;
}

.spangen-boxes .spangen-box h3 {
	font-weight: 600;
	font-size: 20px;
	margin: 0;
	margin-top: 32px;
}

.spangen-boxes .spangen-box p {
	margin: 0;
	margin-top: 10px;
	font-size: 14px;
}


.about-us-hero {
	padding-top: 60px;
}

.about-us-hero h1 {
	color: #414651;
	font-size: 32px;
	margin: 0;
}


.staff-list {
	display: flex;
	justify-content: center;
	gap: 15px;
	padding-top: 50px;
}

.staff-list .staff-member {
	width: calc(25% - 15px);
}

.staff-list .staff-member h3 {
	font-size: 20px;
	text-align: center !important;
	margin-top: 20px;
	margin-bottom: 8px;
}

.staff-list .staff-member p {
	font-weight: 500;
	font-size: 16px;
	color: #1D2939;
	text-align: center;
}







@media(max-width: 1080px) {
	.location-item {
		width: calc(50% - 10px) !important;
	}

	.dental-box {
		width: calc(50% - 12px) !important;
	}

	.staff-list .staff-member {
		width: calc(50% - 0px);
	}
}

@media(max-width: 700px) {
	.location-item {
		width: calc(100% - 0px) !important;
	}

	.dental-box {
		width: calc(100% - 0px) !important;
	}

	.spangen-box {
		width: calc(100% - 0px) !important;
	}
}







.termin-buchen-wrapper {
	display: none;
}

.termin-buchen-wrapper .termin-btn {
	position: fixed;
	bottom: 10px;
	margin: 15px;
	margin-bottom: 10px;
	background-color: #739513;
	color: #FFFFFF;
	padding: 10px 18px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 100px;
	width: calc(100% - 30px);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: 0 0 0 0 rgba(115, 149, 19, 0.5);
	transform: scale(1);
	animation: pulseNumberBlue 2.5s infinite;
}



@keyframes pulseNumberBlue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(115, 149, 19, 0.5);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 7px rgba(115, 149, 19, 0.5);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(115, 149, 19, 0.5);
	}
}




@media(max-width: 600px) {
	.termin-buchen-wrapper {
		display: block;
	}

	.site-footer .bottom {
		padding-bottom: 70px;
	}
}




.grecaptcha-badge {
	opacity: 0 !important;
}



/* Custom CSS for the partners page */


.partners-hero {
	padding: 60px 0px;
}

.partners-hero h1 {
	color: #414651;
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}

.partners-hero p {
	color: #414651;
	font-size: 16px;
	margin: 0;
	padding-top: 10px;
}

.partners-intro h2 {
	color: #414651;
	font-size: 32px;
	margin: 0;
	margin-top: 20px;
	font-weight: 600;
}

.partners-intro p {
	color: #414651;
	font-size: 16px;
	margin: 0;
	padding-top: 16px;
	padding-bottom: 30px;
}

.link-boxes {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 30px;
	margin: 0;
	padding: 0;
}



.link-boxes a {
	text-decoration: none !important;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #026AA2;
	width: calc(25% - 15px);
	border: 1px solid #EAECF0;
	border-radius: 8px;
	padding: 12px;
	list-style: none;
	transition: .2s ease-in-out;
}

.link-boxes a:hover {
	background-color: #F9FAFB;
	transition: .2s ease-in-out;
}

@media(max-width: 1080px) {
	.link-boxes a {
		width: calc(33.3% - 13px);
	}
}

@media(max-width: 900px) {
	.link-boxes a {
		width: calc(50% - 10px);
	}
}


@media(max-width: 600px) {
	.link-boxes a {
		width: calc(100% - 0px);
	}
}




/* Custom CSS for the behaldungen page */
.behandlungen-hero {
	padding-top: 60px;
	padding-bottom: 90px;
}

.behandlungen-hero h1 {
	color: #414651;
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}

.behandlungen-hero p {
	color: #414651;
	font-size: 16px;
	margin: 0;
	padding-top: 10px;
}

.behandlungen-intro {
	max-width: 1200px;
}

.behandlungen-intro h2 {
	color: #414651;
	font-size: 32px;
	margin: 0;
	margin: 0px;
	font-weight: 600;
}

.behandlungen-intro p {
	color: #414651;
	font-size: 16px;
	margin: 0;
	padding-top: 16px;
}

.behandlungen-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding-top: 30px;
}

.behandlungen-wrapper .behandlungen-item {
	width: calc(25% - 18px);
	border: 1px solid #EAECF0;
	border-radius: 12px;
	text-decoration: none !important;
	overflow: hidden;
}

.behandlungen-wrapper .behandlungen-item img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}


.behandlungen-wrapper .behandlungen-item .behandlungen-content {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.behandlungen-wrapper .behandlungen-item .behandlungen-content h3 {
	font-size: 20px;
	color: #252B37;
	margin: 0;
}

.behandlungen-wrapper .behandlungen-item .behandlungen-content p {
	font-size: 16px;
	color: #252B37;
	margin: 0;
}

.behandlungen-wrapper .behandlungen-item .behandlungen-content a {
	text-decoration: none;
	background-color: #739513;
	font-weight: 600;
	font-size: 16px;
	padding: 8px 16px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 8px;
	text-transform: uppercase;
	transition: .2s ease-in-out;
}

.behandlungen-wrapper .behandlungen-item .behandlungen-content a:hover {
	background-color: #5f7c10;
	transition: .2s ease-in-out;
}


@media(max-width: 1080px) {
	.behandlungen-wrapper .behandlungen-item {
		width: calc(50% - 12px);
	}
}

@media(max-width: 600px) {
	.behandlungen-wrapper .behandlungen-item {
		width: calc(100% - 0px);
	}
}





.latest-news-hero {
	padding-top: 60px;
	padding-bottom: 90px;
}


.latest-news-hero h1 {
	color: #414651;
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}

.latest-news-hero p {
	color: #414651;
	font-size: 16px;
	margin: 0;
	padding-top: 10px;
}


.latest-news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
}

.latest-news-embed {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	/* raport 16:9 */
	overflow: hidden;

}

.latest-news-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}





/* Page Hero - Universal styling for all pages */
.page-hero {
	padding-top: 60px;
	margin-bottom: 60px;
	text-align: left !important;

}

.page-hero h1 {
	color: var(--text);
	font-size: 32px;
	margin: 0;
	font-weight: 600;
	line-height: 1.2;
}

.page-hero h2 {
	color: var(--text);
	font-size: 28px;
	margin: 0;
	font-weight: 600;
	line-height: 1.3;
}

.page-hero h3 {
	color: var(--text);
	font-size: 24px;
	margin: 0;
	font-weight: 600;
	line-height: 1.3;
}

.page-hero p {
	color: var(--secondary);
	font-size: 16px;
	margin: 0;
	margin-top: 10px;
	line-height: 1.6;
}

.page-hero img {
	width: 100%;
	height: auto;
	display: block;
}

/* Responsive design for page-hero */
@media (max-width: 1024px) {
	.page-hero {
		padding-top: 48px;
		margin-bottom: 48px;
	}

	.page-hero h1 {
		font-size: 28px;
	}

	.page-hero h2 {
		font-size: 24px;
	}

	.page-hero h3 {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	.page-hero {
		padding-top: 40px;
		margin-bottom: 40px;
	}

	.page-hero h1 {
		font-size: 26px;
	}

	.page-hero h2 {
		font-size: 22px;
	}

	.page-hero h3 {
		font-size: 20px;
	}
}

@media (max-width: 640px) {
	.page-hero {
		padding-top: 32px;
		margin-bottom: 32px;
	}

	.page-hero h1 {
		font-size: 24px;
	}

	.page-hero h2 {
		font-size: 20px;
	}

	.page-hero h3 {
		font-size: 18px;
	}

}

/* Page Section - Universal styling for all pages */
.page-section {
	margin-bottom: 60px;
}

.page-section h2 {
	font-size: 32px;
	font-weight: 600;
	color: var(--text);
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.page-section h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--text);
	margin: 0 0 20px 0;
	line-height: 1.3;
}




.invisalign-text {
	color: #252B37;
	font-size: 16px;
}

/* Benefits list (no cards) */
.invisalign-benefits {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 12px;
}

.invisalign-benefits .benefit-item h3 {
	margin: 0 0 6px 0;
	font-size: 20px;
	color: #252B37;
}

.benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.benefit-card {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 40px 20px 40px 20px;
	border-radius: 8px;
}

.benefit-card h3 {
	margin: 0;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	color: var(--primary);
}

.benefit-card p {
	margin: 0;
	font-size: 14px;
	color: #475467;
}

.before-after {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.before-after figure {
	margin: 0;
	border: 1px solid #EAECF0;
	background: #fff;
	padding: 8px;
}

.before-after img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.before-after figcaption {
	text-align: center;
	font-size: 14px;
	color: #667085;
	margin-top: 6px;
}

.steps-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.step-card {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 40px 20px;
	border-radius: 8px;
}

.step-card h3 {
	margin: 0;
	color: var(--primary);
	font-size: 24px;
	margin-bottom: 8px;
}

.step-card p {
	margin: 0;
	font-size: 16px;
	color: var(--secondary);
}



.invisalign-cost-section {
	background-color: #7395131A;
	padding: 40px 0px;
	text-align: center;
	margin: 80px 0px;
}





/* Benefits list (no cards) */
.invisalign-benefits {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 12px;
}

.invisalign-benefits .benefit-item h3 {
	margin: 0 0 6px 0;
	font-size: 20px;
	color: #252B37;
}

.benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.benefit-card {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 40px 20px 40px 20px;
	border-radius: 8px;
}

.benefit-card h3 {
	margin: 0;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	color: var(--primary);
}

.benefit-card p {
	margin: 0;
	font-size: 14px;
	color: #475467;
}

.before-after {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.before-after figure {
	margin: 0;
	border: 1px solid #EAECF0;
	background: #fff;
	padding: 8px;
}

.before-after img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.before-after figcaption {
	text-align: center;
	font-size: 14px;
	color: #667085;
	margin-top: 6px;
}

.steps-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.step-card {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 40px 20px;
	border-radius: 8px;
}

.step-card h3 {
	margin: 0;
	color: var(--primary);
	font-size: 24px;
	margin-bottom: 8px;
}

.step-card p {
	margin: 0;
	font-size: 18px;
	color: var(--secondary);
}



/* FAQ */
.faq-section {
	padding-top: 60px;
}

.faq-list {
	overflow: hidden;
}

.faq-item {
	border: 1px solid #E0E0E0;
	background: #fff;
	transition: background-color .2s ease-in-out;
	border-radius: 8px;
	margin-bottom: 10px;
}

.faq-question {
	width: 100%;
	background: transparent;
	border: 0;
	padding: 18px 12px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #1F2937;
	font-weight: 600;
	font-size: 18px;
	cursor: pointer;
}

.faq-question .chevron {
	transition: transform .2s ease-in-out;
}

/* Keep FAQ chevron icon size consistent (especially on mobile) */
.faq-question .chevron {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.faq-question .chevron svg {
	width: 24px;
	height: 24px;
}

.faq-question[aria-expanded="true"] .chevron {
	transform: rotate(180deg);
}

.faq-item:hover {
	background: #F9FAFB;
}

.faq-answer {
	padding: 0 12px 18px 12px;
}


.invisalign-final-cta {
	margin-top: 60px;
	background: #F9FAFB;
	border: 1px solid #EAECF0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
}

.invisalign-final-cta h2 {
	text-align: center;
}

.btn {
	background-color: #739513;
	color: #FFFFFF !important;
	border-radius: 100px;
	padding: 10px 18px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	transition: .2s ease-in-out;
}

.btn:hover {
	background-color: #64820f;
	transition: .2s ease-in-out;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

/* Invisalign highlight block (text left, image right) */
.invisalign-highlight {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: center;
	padding: 60px 0px;
}

.invisalign-highlight .highlight-right img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

@media(max-width: 900px) {
	.invisalign-highlight {
		grid-template-columns: 1fr;
	}
}

@media(max-width: 1080px) {
	.benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.before-after {
		grid-template-columns: 1fr;
	}

	.steps-grid {
		grid-template-columns: 1fr;
	}
}

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


.termin-buchen-wrapper {
	display: none;
}

.termin-buchen-wrapper .termin-btn {
	position: fixed;
	bottom: 10px;
	margin: 15px;
	margin-bottom: 10px;
	background-color: #739513;
	color: #FFFFFF;
	padding: 10px 18px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 100px;
	width: calc(100% - 30px);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-shadow: 0 0 0 0 rgba(115, 149, 19, 0.5);
	transform: scale(1);
	animation: pulseNumberBlue 2.5s infinite;
}

@keyframes pulseNumberBlue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(115, 149, 19, 0.5);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 7px rgba(115, 149, 19, 0.5);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(115, 149, 19, 0.5);
	}
}


@media(max-width: 600px) {
	.termin-buchen-wrapper {
		display: block;
	}

	.site-footer .bottom {
		padding-bottom: 70px;
	}
}






/* Table of contents */
.toc-section h2 {
	color: var(--text);
	font-size: 20px;
	margin: 0 0 16px 0;
}

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

.toc-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.toc-item svg {
	flex-shrink: 0;
}

.toc-item a,
.toc-item span {
	text-decoration: none;
	color: var(--secondary);
	font-size: 18px;
}

.toc-item a:hover {
	text-decoration: underline;
}

/* Amalgam section */
.amalgam-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

.amalgam-image img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.amalgam-text h2 {
	color: var(--text);
	font-size: 28px;
	margin: 0 0 20px 0;
	font-weight: 600;
}

.amalgam-description {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

.amalgam-description p {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	margin: 0px;
}

/* Responsive design for amalgam section */
@media (max-width: 768px) {
	.amalgam-content {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.amalgam-image {
		order: 2;
	}

	.amalgam-text {
		order: 1;
	}
}

/* Composite section */
.composite-card {
	background: #F9FAFB;
	border-radius: 8px;
	padding: 40px 20px;
	text-align: center;
	margin: 0 auto;
}

.composite-card h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.composite-description {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
}

/* Advantages section */
.advantages-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

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

.advantage-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.advantage-item svg {
	flex-shrink: 0;
	margin-top: 2px;
}

.advantage-item span {
	color: #475467;
	font-size: 18px;
}

/* Ceramic section */
.ceramic-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

.ceramic-info-card,
.ceramic-advantages-card {
	border: 1px solid #B9D270;
	border-radius: 8px;
	padding: 24px;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
}

.ceramic-info-card h2,
.ceramic-advantages-card h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.ceramic-description {
	color: #475467;
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.ceramic-advantages-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ceramic-advantage-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ceramic-advantage-item svg {
	flex-shrink: 0;
}

.ceramic-advantage-item span {
	color: #475467;
	font-size: 18px;
	font-weight: 400;
}

/* Responsive design for ceramic section */
@media (max-width: 768px) {
	.ceramic-content {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}


/* Treatment section */

.solution-card,
.treatment-card {
	background-color: #F9FAFB;
	border-radius: 16px;
	padding: 32px;
	border: 1px solid #E5E7EB;
	transition: all 0.3s ease;
}

.treatment-card {
	background: #FFFFFF;
	border-radius: 8px;
}

.treatment-card h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}


.treatment-description {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
}

.invisalign-section h2 {
	color: var(--text);
	font-size: 25px;
	margin: 0;
	margin-bottom: 16px;
}

.highlight-left h2 {
	color: var(--text);
	font-size: 25px;
	margin: 0;
	margin-bottom: 16px;
}

.invisalign-text {
	color: #252B37;
	font-size: 16px;
}

/* Benefits list (no cards) */
.invisalign-benefits {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 12px;
}

.invisalign-benefits .benefit-item h3 {
	margin: 0 0 6px 0;
	font-size: 20px;
	color: #252B37;
}

.benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.benefit-card {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 40px 20px 40px 20px;
	border-radius: 8px;
}

.benefit-card h3 {
	margin: 0;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	color: var(--primary);
}

.benefit-card p {
	margin: 0;
	font-size: 14px;
	color: #475467;
}

.before-after {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.before-after figure {
	margin: 0;
	border: 1px solid #EAECF0;
	background: #fff;
	padding: 8px;
}

.before-after img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.before-after figcaption {
	text-align: center;
	font-size: 14px;
	color: #667085;
	margin-top: 6px;
}

.steps-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 20px;
}

.step-card {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 40px 20px;
	border-radius: 8px;
}

.step-card h3 {
	margin: 0;
	color: var(--primary);
	font-size: 24px;
	margin-bottom: 8px;
}

.step-card p {
	margin: 0;
	font-size: 18px;
	color: var(--secondary);
}

.invisalign-cost-section {
	background-color: #506270;
	padding: 40px 0px;
	text-align: center;
	margin: 80px 0px;
}

.invisalign-cost-section h2 {
	color: #fff !important;
}

.invisalign-cost-section .invisalign-text {
	color: #fff !important;
}


/* Treatment steps section */
.treatment-steps-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.treatment-steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.treatment-step-block {
	padding: 24px;
	background-color: #F9FAFB;
	border-radius: 12px;

}

.treatment-step-block h3 {
	margin: 0 0 10px 0;
	color: var(--primary);
	font-size: 18px;
	font-weight: 600;
}

.treatment-step-block p {
	margin: 0;
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

.treatment-cta-row {
	margin-top: 16px;
}

.treatment-cta {
	color: #739513;
	font-weight: 600;
	text-decoration: none;
}

.treatment-cta:hover {
	text-decoration: underline;
}

@media (max-width: 980px) {
	.treatment-steps-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	.treatment-steps-grid {
		grid-template-columns: 1fr;
	}
}



/* Bleaching section */
.bleaching-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.bleaching-description {
	color: #475467;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}

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

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

.bleaching-description strong {
	color: var(--primary);
}

.bleaching-description a {
	color: #739513;
	text-decoration: none;
}

.bleaching-description a:hover {
	text-decoration: underline;
}

/* Bleaching steps (3-card grid with numbered headings) */
.bleaching-steps-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.bleaching-steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.bleaching-step-card {
	padding: 24px;
	background-color: #F9FAFB;
	border-radius: 12px;
}

.bleaching-step-number {
	font-weight: 700;
	font-size: 24px;
	color: #344054;
	margin-bottom: 12px;
}

.bleaching-step-title {
	margin: 0 0 10px 0;
	color: #739513;
	font-size: 20px;
	font-weight: 700;
}

.bleaching-step-text {
	margin: 0;
	color: #475467;
	font-size: 16px;
	line-height: 1.7;
}

@media (max-width: 980px) {
	.bleaching-steps-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	.bleaching-steps-grid {
		grid-template-columns: 1fr;
	}
}


/* Bleaching benefits section */
.bleaching-benefits-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.bleaching-benefits-list {
	list-style: none;
	margin: 0 0 24px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bleaching-benefit-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.bleaching-benefit-item svg {
	flex-shrink: 0;
	margin-top: 4px;
}

.bleaching-benefit-item span {
	color: #475467;
	font-size: 18px;
	line-height: 1.6;
}

.bleaching-cta-wrapper {
	margin-top: 16px;
}

.bleaching-cta-link {
	color: #739513;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}

.bleaching-cta-link:hover {
	text-decoration: underline;
}



/* Veneers section */
.veneers-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.veneers-intro {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 32px;
}

.veneers-intro p {
	margin: 0;
}

.veneers-cards-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.veneers-card {
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 24px;
	background: #FFFFFF;
}

.veneers-card-title {
	color: #739513;
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 16px 0;
}

.veneers-card-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.veneers-card-content p {
	margin: 0;
}

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

/* Veneer treatment steps section */
.veneer-treatment-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 32px 0;
}

.veneer-treatment-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.veneer-treatment-card {
	padding: 24px;
	background-color: #F9FAFB;
	border-radius: 12px;
}

.veneer-step-number {
	font-weight: 700;
	font-size: 24px;
	color: #344054;
	margin-bottom: 12px;
}

.veneer-step-title {
	margin: 0 0 12px 0;
	color: #739513;
	font-size: 18px;
	font-weight: 700;
}

.veneer-step-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.veneer-step-content p {
	margin: 0 0 12px 0;
}

.veneer-step-content p:last-child {
	margin-bottom: 0;
}

.veneer-step-content ul {
	margin: 0;
	padding-left: 20px;
}

.veneer-step-content li {
	margin-bottom: 4px;
	color: #475467;
}

.veneer-step-content strong {
	color: #344054;
	font-weight: 600;
}

@media (max-width: 980px) {
	.veneer-treatment-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	.veneer-treatment-grid {
		grid-template-columns: 1fr;
	}
}


/* Veneer advantages section */
.veneer-advantages-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.veneer-advantages-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 24px 0;
}

.veneer-advantages-content p {
	margin: 0 0 16px 0;
}

.veneer-advantages-content p:last-child {
	margin-bottom: 0;
}

.veneer-advantages-content strong {
	color: #344054;
	font-weight: 700;
}

.veneer-cta-wrapper {
	margin-top: 24px;
}

.veneer-cta-link {
	color: #739513;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}

.veneer-cta-link:hover {
	text-decoration: underline;
}


/* Invisalign section */
.invisalign-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.invisalign-intro {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 32px;
}

.invisalign-intro p {
	margin: 0 0 16px 0;
}

.invisalign-intro p:last-child {
	margin-bottom: 0;
}

.invisalign-intro a {
	color: #739513;
	text-decoration: none;
}

.invisalign-intro a:hover {
	text-decoration: underline;
}

.invisalign-subsection-title {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 16px 0;
}

.invisalign-what-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.invisalign-what-content p {
	margin: 0 0 16px 0;
}

.invisalign-what-content p:last-child {
	margin-bottom: 0;
}

.invisalign-what-content a {
	color: #739513;
	text-decoration: none;
}

.invisalign-what-content a:hover {
	text-decoration: underline;
}

/* Invisalign cards section */
.invisalign-cards-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 32px;
}

.invisalign-card {
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 24px;
	background: #FFFFFF;
}

.invisalign-card-title {
	color: #739513;
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 16px 0;
}

.invisalign-card-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.invisalign-card-content p {
	margin: 0 0 12px 0;
}

.invisalign-card-content p:last-child {
	margin-bottom: 0;
}

.invisalign-card-content strong {
	color: #344054;
	font-weight: 700;
}

.invisalign-card-content ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.invisalign-card-content li {
	margin-bottom: 8px;
	color: #475467;
	position: relative;
	padding-left: 16px;
}

.invisalign-card-content li::before {
	content: "●";
	color: #344054;
	position: absolute;
	left: 0;
	top: 0;
}

.invisalign-booking-cta-wrapper {
	text-align: left;
}

.invisalign-booking-cta-link {
	color: #739513;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}

.invisalign-booking-cta-link:hover {
	text-decoration: underline;
}

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



/* Metal-free dental replacement section */
.metal-free-section {
	/* background-color: #F9FAFB;
	padding: 60px 40px !important;
	border-radius: 12px; */
}

.metal-free-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

.metal-free-intro {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 32px;
	text-align: center;
}

.metal-free-intro p {
	margin: 0 0 16px 0;
}

.metal-free-intro p:last-child {
	margin-bottom: 0;
}

.metal-free-intro strong {
	color: #344054;
	font-weight: 700;
}

.metal-free-subsection-title {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 16px 0;
	text-align: center;
}

.metal-free-what-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

.metal-free-section-container {
	background-color: #F9FAFB;
	padding: 40px 20px !important;
	border-radius: 12px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.metal-free-what-content p {
	margin: 0 0 16px 0;
}

.metal-free-what-content p:last-child {
	margin-bottom: 0;
}

/* Metal-free advantages section */
.metal-free-advantages-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 32px 0;
}

.metal-free-advantages-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.metal-free-advantage-card {
	padding: 24px;
	background-color: #F9FAFB;
	border-radius: 12px;
}

.metal-free-advantage-title {
	color: #739513;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 12px 0;
}

.metal-free-advantage-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.metal-free-advantage-content p {
	margin: 0;
}

@media (max-width: 1200px) {
	.metal-free-advantages-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

@media (max-width: 640px) {
	.metal-free-advantages-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.metal-free-advantage-card {
		padding: 16px;
	}
}

/* Treatment Process Section */
.treatment-process-section {
	padding: 60px 0;
}

.treatment-process-section h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px 0;
}

.treatment-process-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.treatment-process-content p {
	margin: 0 0 16px 0;
}

.treatment-process-content p:last-child {
	margin-bottom: 0;
}

@media (max-width: 640px) {
	.treatment-process-section {
		padding: 40px 0;
	}

	.treatment-process-section h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.treatment-process-content {
		font-size: 14px;
	}
}



/* Aesthetic CTA Section */
.aesthetic-cta-section {
	background-color: #73951347;
	padding: 80px 0;
	text-align: center;
}

.aesthetic-cta-section h2 {
	color: #333333;
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 32px 0;
}

.cta-content {
	color: #666666;
	font-size: 18px;
	margin: 0 0 40px 0;
}

.cta-content p {
	margin: 0;
}

.cta-button-wrapper {
	margin-top: 40px;
}



@media (max-width: 768px) {
	.aesthetic-cta-section {
		padding: 60px 0;
	}

	.aesthetic-cta-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.cta-content {
		font-size: 16px;
		margin-bottom: 32px;
	}

	.cta-button {
		font-size: 16px;
		padding: 14px 28px;
	}
}

@media (max-width: 640px) {
	.aesthetic-cta-section {
		padding: 40px 0;
	}

	.aesthetic-cta-section h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.cta-content {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.cta-button {
		font-size: 14px;
		padding: 12px 24px;
	}
}





/* Implants Intro Section */
.implants-intro-section {
	padding-top: 60px;
}

.implants-intro-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}

.implants-text h2 {
	color: var(--text);
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 32px 0;
	line-height: 1.2;
}

.implants-description {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

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

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

.implants-image {
	position: relative;
}

.implants-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	object-fit: cover;
}

/* Responsive Design */
@media (max-width: 1024px) {
	.implants-intro-content {
		gap: 60px;
	}

	.implants-text h2 {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.implants-intro-section {
		padding: 40px 0;
	}

	.implants-intro-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.implants-text h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.implants-description {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.implants-text h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.implants-description {
		font-size: 14px;
	}
}

/* Implants Info Section */
.implants-info-section {
	padding-top: 60px 0;
}

.implants-info-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
}

.implants-info-card {
	background-color: white;
	padding: 0px;
}

.implants-info-card h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.implants-info-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 32px;
}

.implants-info-content p {
	margin: 0 0 16px 0;
}

.implants-info-content p:last-child {
	margin-bottom: 0;
}

.consultation-button-wrapper {
	margin-top: 32px;
}

.consultation-button {
	background-color: #739513;
	color: #fff !important;
	padding: 14px 28px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}

.consultation-button:hover {
	background-color: #5f7a0f;
}

/* Responsive Design for Info Section */
@media (max-width: 768px) {
	.implants-info-section {
		padding: 40px 0;
	}

	.implants-info-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.implants-info-card {
		padding: 32px 24px;
	}

	.implants-info-card h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.implants-info-content {
		font-size: 15px;
		margin-bottom: 24px;
	}

	.consultation-button {
		font-size: 15px;
		padding: 12px 24px;
	}
}

@media (max-width: 640px) {
	.implants-info-card {
		padding: 24px 20px;
	}

	.implants-info-card h2 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.implants-info-content {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.consultation-button {
		font-size: 14px;
		padding: 12px 20px;
		width: 100%;
		text-align: center;
	}
}

/* Implant Process Section */
.implant-process-section {
	padding-top: 60px;
	text-align: center;
}

.implant-process-section h2 {
	color: var(--text);
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 16px 0;
	line-height: 1.2;
}

.process-subtitle {
	color: #6B7280;
	font-size: 18px;
	margin: 0 0 48px 0;
	font-weight: 400;
}

.implant-process-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}




@media (max-width: 768px) {
	.implant-process-section {
		padding: 60px 0;
	}

	.implant-process-section h2 {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.process-subtitle {
		font-size: 16px;
		margin-bottom: 40px;
	}

	.implant-process-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}


}

@media (max-width: 640px) {
	.implant-process-section {
		padding: 40px 0;
	}

	.implant-process-section h2 {
		font-size: 24px;
	}

	.process-subtitle {
		font-size: 14px;
		margin-bottom: 32px;
	}

}

/* Implant Details Section */
.implant-details-section {
	padding-top: 60px;
}

.implant-details-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;

}

.implant-detail-card {
	background-color: #F9FAFB;
	padding: 24px;
	border-radius: 12px;
}

.detail-icon {
	margin-bottom: 24px;
}

.detail-icon svg {
	width: 50px;
	height: 50px;
}

.implant-detail-card h3 {
	color: var(--text);
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.detail-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.detail-content p {
	margin: 0 0 16px 0;
}

.detail-content p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Details Section */
@media (max-width: 1024px) {
	.implant-details-grid {
		gap: 32px;
	}

	.implant-detail-card {
		padding: 32px;
	}
}

@media (max-width: 768px) {
	.implant-details-section {
		padding: 60px 0;
	}

	.implant-details-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.implant-detail-card {
		padding: 28px 24px;
	}

	.detail-icon {
		margin-bottom: 20px;
	}

	.detail-icon svg {
		width: 36px;
		height: 36px;
	}

	.implant-detail-card h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.detail-content {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.implant-details-section {
		padding: 40px 0;
	}

	.implant-detail-card {
		padding: 24px 20px;
	}

	.detail-icon {
		margin-bottom: 16px;
	}

	.detail-icon svg {
		width: 32px;
		height: 32px;
	}

	.implant-detail-card h3 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.detail-content {
		font-size: 14px;
	}
}

/* Pain Question Section */
.pain-question-section {
	background-color: #7395131A;
	padding: 60px 0;
	text-align: center;
	margin-top: 60px;
}

.pain-question-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 32px 0;

}

.pain-question-content {
	color: #666666;
	font-size: 16px;

}

.pain-question-content p {
	margin: 0 0 16px 0;
}

.pain-question-content p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Pain Question Section */
@media (max-width: 768px) {
	.pain-question-section {
		padding: 60px 0;
	}

	.pain-question-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.pain-question-content {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.pain-question-section {
		padding: 40px 0;
	}

	.pain-question-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.pain-question-content {
		font-size: 14px;
	}
}

/* Post Care and Materials Section */
.post-care-materials-section {
	padding: 80px 0;
}

.care-materials-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}



.care-materials-card h2 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.care-materials-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.care-materials-content p {
	margin: 0 0 16px 0;
}

.care-materials-content p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Care Materials Section */
@media (max-width: 1024px) {
	.care-materials-grid {
		gap: 40px;
	}

	.care-materials-card {
		padding: 32px;
	}
}

@media (max-width: 768px) {
	.post-care-materials-section {
		padding: 60px 0;
	}

	.care-materials-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.care-materials-card {
		padding: 28px 24px;
	}

	.care-materials-card h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.care-materials-content {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.post-care-materials-section {
		padding: 40px 0;
	}

	.care-materials-card {
		padding: 24px 20px;
	}

	.care-materials-card h2 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.care-materials-content {
		font-size: 14px;
	}
}

/* Costs Section */


.costs-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.costs-intro {
	color: #475467;
	font-size: 16px;
	margin-bottom: 40px;
}

.costs-content-wrapper {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 60px;
	align-items: start;
}

.costs-examples h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 24px 0;
}

.costs-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.costs-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 16px;
	color: #475467;
	font-size: 16px;
	line-height: 1.5;
}

.costs-list .arrow {
	color: #739513;
	font-size: 18px;
	font-weight: bold;
	flex-shrink: 0;
	margin-top: 2px;
}

.costs-cta-box {
	padding: 12px;
	border-radius: 12px;
	border: 1px solid #F1F4E7;
}

.costs-cta-box p {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 24px 0;
}

.costs-cta-button {
	background-color: #739513;
	color: #fff !important;
	padding: 10px 20px;
	border: 1px solid #739513;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease;
}

.costs-cta-button:hover {
	background-color: #5f7c10;
	color: white !important;
}

/* Responsive Design for Costs Section */
@media (max-width: 1024px) {
	.costs-content-wrapper {
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.costs-section {
		padding: 60px 0;
	}

	.costs-section h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.costs-intro {
		font-size: 15px;
		margin-bottom: 32px;
	}

	.costs-content-wrapper {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.costs-examples h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.costs-list li {
		font-size: 15px;
		margin-bottom: 14px;
	}

	.costs-cta-box {
		padding: 28px 24px;
	}

	.costs-cta-box p {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.costs-cta-button {
		font-size: 15px;
		padding: 10px 20px;
	}
}

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

	.costs-section h2 {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.costs-intro {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.costs-examples h3 {
		font-size: 16px;
		margin-bottom: 16px;
	}

	.costs-list li {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.costs-cta-box {
		padding: 24px 20px;
	}

	.costs-cta-box p {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.costs-cta-button {
		font-size: 14px;
		padding: 10px 18px;
		width: 100%;
		text-align: center;
	}
}

/* Alternatives Section */
.alternatives-section {
	padding: 80px 0;
}

.alternatives-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.alternatives-content {
	color: #475467;
	font-size: 16px;
}

.alternatives-content p {
	margin: 0 0 20px 0;
}

.alternatives-content p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Alternatives Section */
@media (max-width: 768px) {
	.alternatives-section {
		padding: 60px 0;
	}

	.alternatives-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.alternatives-content {
		font-size: 15px;
	}

	.alternatives-content p {
		margin-bottom: 18px;
	}
}

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

	.alternatives-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.alternatives-content {
		font-size: 14px;
	}

	.alternatives-content p {
		margin-bottom: 16px;
	}
}



/* Guided Surgery Section */
.guided-surgery-section {
	padding-top: 60px;
}

.guided-surgery-grid {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.guided-surgery-card {
	background-color: #F9FAFB;
	padding: 24px;
	border-radius: 12px;
	flex: 1;
}



.guided-surgery-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.guided-surgery-text p {
	margin: 0 0 16px 0;
}

.guided-surgery-text p:last-child {
	margin-bottom: 0;
}



/* Responsive Design for Guided Surgery Section */
@media (max-width: 1024px) {
	.guided-surgery-grid {
		gap: 32px;
	}
}

@media (max-width: 768px) {
	.guided-surgery-section {
		padding: 60px 0;
	}

	.guided-surgery-grid {
		flex-direction: column;
		gap: 24px;
	}

	.guided-surgery-card {
		padding: 32px 24px;
	}

	.guided-surgery-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.guided-surgery-section {
		padding: 40px 0;
	}

	.guided-surgery-grid {
		flex-direction: column;
		gap: 32px;
	}

	.guided-surgery-card {
		padding: 24px 20px;
	}

	.guided-surgery-text {
		font-size: 14px;
	}
}

/* Microsurgery Section */
.microsurgery-section {
	padding: 80px 0;
}

.microsurgery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
}

.microsurgery-image {
	text-align: center;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	padding: 40px 20px;
}

.microsurgery-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.microsurgery-content h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.microsurgery-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.microsurgery-text p {
	margin: 0 0 20px 0;
}

.microsurgery-text p:last-child {
	margin-bottom: 0;
}



/* Responsive Design for Microsurgery Section */
@media (max-width: 1024px) {
	.microsurgery-grid {
		gap: 60px;
	}
}

@media (max-width: 768px) {
	.microsurgery-section {
		padding: 60px 0;
	}

	.microsurgery-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.microsurgery-content h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.microsurgery-text {
		font-size: 15px;
	}

	.microsurgery-text p {
		margin-bottom: 16px;
	}
}

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

	.microsurgery-grid {
		gap: 32px;
	}

	.microsurgery-content h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.microsurgery-text {
		font-size: 14px;
	}

	.microsurgery-text p {
		margin-bottom: 14px;
	}
}



/* Dental Hygiene Importance Section */
.hygiene-importance-section {
	padding-top: 60px;
}

.hygiene-importance-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;

}

.hygiene-importance-text {
	color: #475467;
	font-size: 16px;

}

.hygiene-importance-text p {
	margin: 0 0 20px 0;
}

.hygiene-importance-text p:last-child {
	margin-bottom: 0;
}

.hygiene-cta-button {
	background-color: #739513;
	color: white !important;
	padding: 12px 24px;
	border: 1px solid #739513;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease;
}

.hygiene-cta-button:hover {
	background-color: #5f7c10;
	color: white !important;
}

/* Responsive Design for Dental Hygiene Importance Section */
@media (max-width: 768px) {
	.hygiene-importance-section {
		padding: 60px 0;
	}

	.hygiene-importance-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.hygiene-importance-text {
		font-size: 15px;
		margin-bottom: 32px;
	}

	.hygiene-cta-button {
		font-size: 15px;
		padding: 10px 20px;
	}
}

@media (max-width: 640px) {
	.hygiene-importance-section {
		padding: 40px 0;
	}

	.hygiene-importance-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.hygiene-importance-text {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.hygiene-cta-button {
		font-size: 14px;
		padding: 10px 18px;
		width: 100%;
		text-align: center;
	}
}

/* Dental Hygiene Benefits Section */
.hygiene-benefits-section {
	padding-top: 60px;
}

.hygiene-benefits-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 32px 0;
}

.hygiene-benefits-intro {
	color: #475467;
	font-size: 16px;
	margin-bottom: 48px;
}

.hygiene-benefits-intro p {
	margin: 0;
}

.hygiene-benefits-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 48px;
}

.hygiene-benefit-card {
	background-color: transparent;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 32px;
}

.hygiene-benefit-card h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.benefit-card-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.benefit-card-content p {
	margin: 0;
}

.hygiene-benefits-cta {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.hygiene-benefits-cta p {
	margin: 0;
}

/* Responsive Design for Dental Hygiene Benefits Section */
@media (max-width: 1024px) {
	.hygiene-benefits-grid {
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.hygiene-benefits-section {
		padding: 60px 0;
	}

	.hygiene-benefits-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.hygiene-benefits-intro {
		font-size: 15px;
		margin-bottom: 40px;
	}

	.hygiene-benefits-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 40px;
	}

	.hygiene-benefit-card {
		padding: 28px 24px;
	}

	.hygiene-benefit-card h3 {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.benefit-card-content {
		font-size: 15px;
	}

	.hygiene-benefits-cta {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.hygiene-benefits-section {
		padding: 40px 0;
	}

	.hygiene-benefits-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.hygiene-benefits-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.hygiene-benefits-intro {
		font-size: 14px;
		margin-bottom: 32px;
	}

	.hygiene-benefits-grid {
		gap: 16px;
		margin-bottom: 32px;
	}

	.hygiene-benefit-card {
		padding: 24px 20px;
	}

	.hygiene-benefit-card h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.benefit-card-content {
		font-size: 14px;
	}

	.benefits-cta {
		font-size: 14px;
	}
}

/* Prophylaxis Section */
.prophylaxis-section {
	padding-top: 60px;
}

.prophylaxis-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.prophylaxis-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.prophylaxis-image {
	text-align: center;
}

.prophylaxis-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.prophylaxis-content h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.prophylaxis-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.prophylaxis-text p {
	margin: 0 0 16px 0;
}

.prophylaxis-text p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Prophylaxis Section */
@media (max-width: 1024px) {
	.prophylaxis-grid {
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.prophylaxis-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.prophylaxis-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.prophylaxis-content h3 {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.prophylaxis-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.prophylaxis-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.prophylaxis-grid {
		gap: 24px;
	}

	.prophylaxis-content h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.prophylaxis-text {
		font-size: 14px;
	}
}

/* Dental Hygiene Process Section */
.hygiene-process-section {
	padding-top: 60px;
}

.hygiene-process-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.hygiene-process-steps {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.process-step {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.step-number {
	background-color: #739513;
	color: white;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
	flex-shrink: 0;
}

.step-content {
	color: var(--text);
	font-size: 16px;
	line-height: 1.6;
	padding-top: 6px;
}

/* Responsive Design for Dental Hygiene Process Section */
@media (max-width: 768px) {
	.hygiene-process-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.hygiene-process-steps {
		gap: 20px;
	}

	.process-step {
		gap: 16px;
	}

	.step-number {
		width: 28px;
		height: 28px;
		font-size: 14px;
	}

	.step-content {
		font-size: 15px;
		padding-top: 4px;
	}
}

@media (max-width: 640px) {
	.hygiene-process-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.hygiene-process-steps {
		gap: 16px;
	}

	.process-step {
		gap: 12px;
	}

	.step-number {
		width: 24px;
		height: 24px;
		font-size: 12px;
	}

	.step-content {
		font-size: 14px;
		padding-top: 2px;
	}
}

/* Dental Hygiene Detail Section */
.hygiene-detail-section {
	padding-top: 60px;
}

.hygiene-detail-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.hygiene-detail-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 20px;
}

.detail-step-card {
	background-color: white;
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 32px;
}

.detail-step-number {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 16px;
}

.detail-step-content h3 {
	color: var(--text);
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.detail-step-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.detail-step-text p {
	margin: 0;
}

.hygiene-detail-cta {
	color: var(--text);
	font-size: 16px;
	font-weight: 600;
}

.hygiene-detail-cta p {
	margin: 0;
}

/* Responsive Design for Dental Hygiene Detail Section */
@media (max-width: 1024px) {
	.hygiene-detail-grid {
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.hygiene-detail-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.hygiene-detail-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 40px;
	}

	.detail-step-card {
		padding: 28px 24px;
	}

	.detail-step-number {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.detail-step-content h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.detail-step-text {
		font-size: 15px;
	}

	.hygiene-detail-cta {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.hygiene-detail-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.hygiene-detail-grid {
		gap: 16px;
		margin-bottom: 32px;
	}

	.detail-step-card {
		padding: 24px 20px;
	}

	.detail-step-number {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.detail-step-content h3 {
		font-size: 15px;
		margin-bottom: 8px;
	}

	.detail-step-text {
		font-size: 14px;
	}

	.hygiene-detail-cta {
		font-size: 14px;
	}
}

/* Dental Hygiene Frequency Section */
.hygiene-frequency-section {
	padding-top: 60px;
}

.hygiene-frequency-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.hygiene-frequency-text {
	color: #475467;
	font-size: 16px;
}

.hygiene-frequency-text p {
	margin: 0;
}

/* Responsive Design for Dental Hygiene Frequency Section */
@media (max-width: 768px) {
	.hygiene-frequency-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.hygiene-frequency-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.hygiene-frequency-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.hygiene-frequency-text {
		font-size: 14px;
	}
}

/* Recall System Section */
.recall-system-section {
	padding-top: 60px;
}

.recall-system-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.recall-system-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.recall-system-card {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 32px;
}

.recall-system-card h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.recall-system-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.recall-system-text p {
	margin: 0;
}

/* Responsive Design for Recall System Section */
@media (max-width: 1024px) {
	.recall-system-grid {
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.recall-system-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.recall-system-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.recall-system-card {
		padding: 28px 24px;
	}

	.recall-system-card h3 {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.recall-system-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.recall-system-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.recall-system-card {
		padding: 24px 20px;
	}

	.recall-system-card h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.recall-system-text {
		font-size: 14px;
	}
}


/* Kids Program Section */
.kids-program-section {
	padding-top: 60px;
}

.kids-program-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.kids-program-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 40px;
}

.kids-program-card {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 32px;
}

.kids-program-card h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.kids-program-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.kids-program-text p {
	margin: 0;
}

.kids-program-cta {
	color: var(--text);
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

.kids-program-cta p {
	margin: 0;
}

/* Responsive Design for Kids Program Section */
@media (max-width: 1024px) {
	.kids-program-grid {
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.kids-program-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.kids-program-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 32px;
	}

	.kids-program-card {
		padding: 28px 24px;
	}

	.kids-program-card h3 {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.kids-program-text {
		font-size: 15px;
	}

	.kids-program-cta {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.kids-program-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.kids-program-grid {
		gap: 16px;
		margin-bottom: 24px;
	}

	.kids-program-card {
		padding: 24px 20px;
	}

	.kids-program-card h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.kids-program-text {
		font-size: 14px;
	}

	.kids-program-cta {
		font-size: 14px;
	}
}

/* Anxious Patients Section */
.anxious-patients-section {
	padding-top: 60px;
}

.anxious-patients-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.anxious-patients-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	margin-bottom: 40px;
}

.anxious-patients-card {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 32px;
}

.anxious-patients-card h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.anxious-patients-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.anxious-patients-text p {
	margin: 0;
}

.anxious-patients-cta {
	color: var(--text);
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

.anxious-patients-cta p {
	margin: 0;
}

/* Responsive Design for Anxious Patients Section */
@media (max-width: 1024px) {
	.anxious-patients-grid {
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.anxious-patients-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.anxious-patients-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 32px;
	}

	.anxious-patients-card {
		padding: 28px 24px;
	}

	.anxious-patients-card h3 {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.anxious-patients-text {
		font-size: 15px;
	}

	.anxious-patients-cta {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.anxious-patients-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.anxious-patients-grid {
		gap: 16px;
		margin-bottom: 24px;
	}

	.anxious-patients-card {
		padding: 24px 20px;
	}

	.anxious-patients-card h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.anxious-patients-text {
		font-size: 14px;
	}

	.anxious-patients-cta {
		font-size: 14px;
	}
}


/* Contact Appointment Section */
.contact-appointment-section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.contact-appointment-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.contact-appointment-text {
	color: #475467;
	font-size: 16px;
}

.contact-appointment-text p {
	margin: 0;
}

/* Responsive Design for Contact Appointment Section */
@media (max-width: 768px) {
	.contact-appointment-section {
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.contact-appointment-section h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.contact-appointment-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.contact-appointment-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.contact-appointment-section h2 {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.contact-appointment-text {
		font-size: 14px;
	}
}




/* Dental Prosthetics Intro Section */
.prosthetics-intro-section {
	padding-top: 60px;
}

.prosthetics-intro-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.prosthetics-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 24px;
}

.prosthetics-text:last-child {
	margin-bottom: 0;
}

.prosthetics-text p {
	margin: 0;
}

/* Responsive Design for Prosthetics Intro Section */
@media (max-width: 768px) {
	.prosthetics-intro-section h2 {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.prosthetics-text {
		font-size: 15px;
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.prosthetics-intro-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.prosthetics-text {
		font-size: 14px;
		margin-bottom: 16px;
	}
}

/* Prosthetics Types Section */
.prosthetics-types-section {
	padding-top: 60px;
}

.prosthetics-types-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
}

.prosthetics-type-card {
	background-color: white;
}

.prosthetics-type-card h3 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.prosthetics-type-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.prosthetics-type-text p {
	margin: 0;
}

/* Responsive Design for Prosthetics Types Section */
@media (max-width: 1024px) {
	.prosthetics-types-grid {
		gap: 32px;
	}
}

@media (max-width: 768px) {
	.prosthetics-types-section {
		padding-top: 48px;
	}

	.prosthetics-types-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.prosthetics-type-card h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.prosthetics-type-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.prosthetics-types-section {
		padding-top: 40px;
	}

	.prosthetics-types-grid {
		gap: 24px;
	}

	.prosthetics-type-card h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.prosthetics-type-text {
		font-size: 14px;
	}
}

/* Bridge Advantages Section */
.bridge-advantages-section {
	padding-top: 60px;
}

.bridge-advantages-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.bridge-advantages-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.bridge-advantage-card {
	background-color: transparent;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 32px;
}

.bridge-advantage-card h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.bridge-advantage-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.bridge-advantage-text p {
	margin: 0;
}

/* Responsive Design for Bridge Advantages Section */
@media (max-width: 1024px) {
	.bridge-advantages-grid {
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.bridge-advantages-section {
		padding-top: 48px;
	}

	.bridge-advantages-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.bridge-advantages-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bridge-advantage-card {
		padding: 28px 24px;
	}

	.bridge-advantage-card h3 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.bridge-advantage-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.bridge-advantages-section {
		padding-top: 40px;
	}

	.bridge-advantages-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.bridge-advantages-grid {
		gap: 16px;
	}

	.bridge-advantage-card {
		padding: 24px 20px;
	}

	.bridge-advantage-card h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.bridge-advantage-text {
		font-size: 14px;
	}
}

/* Crown Advantages Section */
.crown-advantages-section {
	padding-top: 60px;
}

.crown-advantages-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}



.crown-advantages-content h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.crown-advantages-content p {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 24px 0;
}


/* Responsive Design for Crown Advantages Section */
@media (max-width: 768px) {
	.crown-advantages-section {
		padding-top: 48px;
	}

	.crown-advantages-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.crown-advantages-content {
		padding: 28px 24px;
	}

	.crown-advantages-content h3 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.crown-advantages-content p {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.crown-advantages-section {
		padding-top: 40px;
	}

	.crown-advantages-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.crown-advantages-content {
		padding: 24px 20px;
	}

	.crown-advantages-content h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.crown-advantages-content p {
		font-size: 14px;
	}
}

/* Prosthetics Requirements Section */
.prosthetics-requirements-section {
	padding-top: 60px;
}

.prosthetics-requirements-grid {
	display: grid;
	gap: 48px;
}

.prosthetics-requirement-card {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 32px;
}

.requirement-icon {
	margin-bottom: 24px;
}

.requirement-icon svg {
	width: 48px;
	height: 48px;
	fill: var(--primary);
}

.prosthetics-requirement-card h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.requirement-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.requirement-text p {
	margin: 0;
}

/* Responsive Design for Prosthetics Requirements Section */
@media (max-width: 1024px) {
	.prosthetics-requirements-grid {
		gap: 32px;
	}
}

@media (max-width: 768px) {
	.prosthetics-requirements-section {
		padding-top: 48px;
	}

	.prosthetics-requirements-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.prosthetics-requirement-card {
		padding: 28px 24px;
	}

	.prosthetics-requirement-card h3 {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.requirement-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.prosthetics-requirements-section {
		padding-top: 40px;
	}

	.prosthetics-requirements-grid {
		gap: 20px;
	}

	.prosthetics-requirement-card {
		padding: 24px 20px;
	}

	.prosthetics-requirement-card h3 {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.requirement-text {
		font-size: 14px;
	}
}

/* Bridge Treatment Section */
.bridge-treatment-section {
	padding-top: 60px;
}

.bridge-treatment-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.bridge-treatment-intro {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 40px;
}

.bridge-treatment-intro p {
	margin: 0;
}

.bridge-treatment-steps {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.treatment-step-card {
	gap: 20px;
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 32px;
	background-color: #fff;
}

.treatment-step-card:nth-child(3) {
	grid-column: 1 / -1;
}

.treatment-step-card .step-number {
	color: var(--text);
	background-color: transparent !important;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	flex-shrink: 0;
}

.step-content {
	flex: 1;
}

.step-content h3 {
	color: #739513;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.step-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.step-text p {
	margin: 0;
}

/* Responsive Design for Bridge Treatment Section */
@media (max-width: 768px) {
	.bridge-treatment-section {
		padding-top: 48px;
	}

	.bridge-treatment-section h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.bridge-treatment-intro {
		font-size: 15px;
		margin-bottom: 32px;
	}

	.bridge-treatment-steps {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.treatment-step-card:nth-child(3) {
		grid-column: 1;
	}

	.treatment-step-card {
		padding: 28px 24px;
		gap: 16px;
	}

	.step-number {
		font-size: 22px;
	}

	.step-content h3 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.step-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.bridge-treatment-section {
		padding-top: 40px;
	}

	.bridge-treatment-section h2 {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.bridge-treatment-intro {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.bridge-treatment-steps {
		gap: 20px;
	}

	.treatment-step-card {
		padding: 24px 20px;
		gap: 12px;
	}

	.step-number {
		font-size: 20px;
	}

	.step-content h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.step-text {
		font-size: 14px;
	}
}

/* Crown Treatment Section */
.crown-treatment-section {
	padding-top: 60px;
}

.crown-treatment-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.crown-treatment-intro {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 32px;
}

.crown-treatment-intro p {
	margin: 0;
}

.crown-treatment-content {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.crown-treatment-content h3 {
	color: var(--text);
	font-size: 20px;
	font-weight: 600;
	margin: 32px 0 16px 0;
	line-height: 1.3;
}

.crown-treatment-content h3:first-child {
	margin-top: 0;
}

.crown-treatment-content p {
	margin: 0 0 24px 0;
}

.crown-treatment-content p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Crown Treatment Section */
@media (max-width: 768px) {
	.crown-treatment-section {
		padding-top: 48px;
	}

	.crown-treatment-section h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.crown-treatment-intro {
		font-size: 15px;
		margin-bottom: 28px;
	}

	.crown-treatment-content {
		font-size: 15px;
	}

	.crown-treatment-content h3 {
		font-size: 18px;
		margin: 28px 0 14px 0;
	}

	.crown-treatment-content p {
		margin-bottom: 20px;
	}
}

@media (max-width: 640px) {
	.crown-treatment-section {
		padding-top: 40px;
	}

	.crown-treatment-section h2 {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.crown-treatment-intro {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.crown-treatment-content {
		font-size: 14px;
	}

	.crown-treatment-content h3 {
		font-size: 16px;
		margin: 24px 0 12px 0;
	}

	.crown-treatment-content p {
		margin-bottom: 16px;
	}
}

/* Bridge Composition Section */
.bridge-composition-section {
	padding-top: 60px;
}

.bridge-composition-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
	background-color: white;
	border-radius: 12px;
	padding: 40px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.bridge-composition-image {
	text-align: center;
}

.bridge-composition-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.bridge-composition-content h3 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.bridge-composition-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.bridge-composition-text p {
	margin: 0 0 16px 0;
}

.bridge-composition-text p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Bridge Composition Section */
@media (max-width: 1024px) {
	.bridge-composition-grid {
		gap: 32px;
		padding: 32px;
	}
}

@media (max-width: 768px) {
	.bridge-composition-section {
		padding-top: 48px;
	}

	.bridge-composition-grid {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 28px 24px;
	}

	.bridge-composition-content h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.bridge-composition-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.bridge-composition-section {
		padding-top: 40px;
	}

	.bridge-composition-grid {
		padding: 24px 20px;
		gap: 24px;
	}

	.bridge-composition-content h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.bridge-composition-text {
		font-size: 14px;
	}
}

/* Bridge Materials Section */
.bridge-materials-section {
	padding-top: 60px;
}

.bridge-materials-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
	background-color: white;
}

.bridge-materials-image {
	text-align: center;
}

.bridge-materials-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.bridge-materials-content h3 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.bridge-materials-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.bridge-materials-text p {
	margin: 0 0 16px 0;
}

.bridge-materials-text p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Bridge Materials Section */
@media (max-width: 1024px) {
	.bridge-materials-grid {
		gap: 32px;
		padding: 32px;
	}
}

@media (max-width: 768px) {
	.bridge-materials-section {
		padding-top: 48px;
	}

	.bridge-materials-grid {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 28px 24px;
	}

	.bridge-materials-content h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.bridge-materials-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.bridge-materials-section {
		padding-top: 40px;
	}

	.bridge-materials-grid {
		padding: 24px 20px;
		gap: 24px;
	}

	.bridge-materials-content h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.bridge-materials-text {
		font-size: 14px;
	}
}

/* Crown Composition Section */
.crown-composition-section {
	padding-top: 60px;
}

.crown-composition-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

.crown-composition-content h3 {
	color: var(--text);
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.crown-composition-text {
	color: #475467;
	font-size: 16px;
	line-height: 1.6;
}

.crown-composition-text p {
	margin: 0 0 16px 0;
}

.crown-composition-text p:last-child {
	margin-bottom: 0;
}

.crown-composition-image {
	text-align: center;
}

.crown-composition-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Responsive Design for Crown Composition Section */
@media (max-width: 1024px) {
	.crown-composition-grid {
		gap: 32px;
	}
}

@media (max-width: 768px) {
	.crown-composition-section {
		padding-top: 48px;
	}

	.crown-composition-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.crown-composition-content h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.crown-composition-text {
		font-size: 15px;
	}
}

@media (max-width: 640px) {
	.crown-composition-section {
		padding-top: 40px;
	}

	.crown-composition-grid {
		gap: 24px;
	}

	.crown-composition-content h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.crown-composition-text {
		font-size: 14px;
	}
}

/* Bridge Types Section */
.bridge-types-section {
	padding-top: 60px;
}

.bridge-types-section h2 {
	color: var(--text);
	font-size: 28px;
	font-weight: 600;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.bridge-types-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.bridge-type-card {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 24px;
}

.bridge-type-card h3 {
	color: var(--text);
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.card-description {
	color: #475467;
	font-size: 15px;
	line-height: 1.6;
}

.card-description p {
	margin: 0;
}

/* Responsive Design for Bridge Types Section */
@media (max-width: 1024px) {
	.bridge-types-grid {
		gap: 20px;
	}

	.bridge-type-card {
		padding: 20px;
	}
}

@media (max-width: 768px) {
	.bridge-types-section {
		padding-top: 48px;
	}

	.bridge-types-section h2 {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.bridge-types-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.bridge-type-card h3 {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.card-description {
		font-size: 14px;
	}
}

@media (max-width: 640px) {
	.bridge-types-section {
		padding-top: 40px;
	}

	.bridge-types-section h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.bridge-types-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.bridge-type-card {
		padding: 20px 16px;
	}

	.bridge-type-card h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.card-description {
		font-size: 14px;
	}
}

/* CTA Section - Universal styling for all pages */
.cta-section {
	text-align: center;
	background-color: #F9FAFB;
	border-radius: 16px;
	padding: 48px;
	margin-top: 80px;
}

.cta-section h2 {
	margin-bottom: 24px;
}

.cta-button {
	margin-top: 24px;
}


/* Snoring Problem Section - Specific styling for snoring splint page */
.snoring-problem-section {
	padding: 60px 0;
	background-color: #ffffff;
}



.snoring-problem-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.snoring-image-column {
	text-align: center;
}

.snoring-problem-image {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.snoring-content-column {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.snoring-problem-content {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.snoring-problem-content strong {
	font-weight: 600;
	color: #1F2937;
}

.snoring-content-column .btn-primary {
	width: max-content;
}

/* Responsive design for snoring problem section */
@media (max-width: 768px) {
	.snoring-problem-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.snoring-problem-section {
		padding: 40px 0;
	}
}

/* Snoring Features Section - Four-column feature grid */


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

.feature-card {
	padding: 24px;
	border-radius: 8px;
	background-color: #F9FAFB;
}



/* Responsive design for features grid */
@media (max-width: 1024px) {
	.features-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

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

	.snoring-features-section {
		padding: 60px 0;
	}

	.feature-card {
		padding: 24px 20px;
	}
}


/* Button Styles - Universal styling for all pages */
.btn-primary {
	background-color: var(--primary);
	color: #FFFFFF !important;
	border-radius: 100px;
	padding: 14px 28px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	transition: .2s ease-in-out;
	display: inline-block;
}

.btn-primary:hover {
	background-color: #5f7c10;
}




/* Process Steps Section - Five-step process grid */
.process-steps-section {
	padding-top: 60px;
	background-color: #ffffff;
}

.process-steps-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-top: 32px;
}

.process-step-card {
	background-color: transparent;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 32px;
	width: calc(33.3% - 21px);
}


.step-number {
	font-size: 20px;
	font-weight: 800;
	color: #fff;
	margin: 0 0 16px 0;
	line-height: 1;
}

.step-title {
	font-size: 20px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.step-description {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

@media (max-width: 1000px) {
	.process-step-card {
		width: calc(50% - 16px);
	}
}

/* Responsive design for process steps */
@media (max-width: 768px) {

	.process-steps-section {
		padding: 60px 0;
	}

	.process-step-card {
		padding: 24px;
		width: calc(100% - 0px);
	}

}







.feature-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 20px 0;
}

.feature-description {
	font-size: 16px;
	color: #374151;
}

/* Responsive design for features grid */
@media (max-width: 1024px) {
	.features-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

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

	.snoring-features-section {
		padding: 60px 0;
	}

	.feature-card {
		padding: 24px 20px;
	}
}

.snoring-problem-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.snoring-image-column {
	text-align: center;
}

.snoring-problem-image {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.snoring-content-column {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.snoring-problem-content {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.snoring-problem-content strong {
	font-weight: 600;
	color: #1F2937;
}

.snoring-content-column .btn-primary {
	width: max-content;
}

/* Responsive design for snoring problem section */
@media (max-width: 768px) {
	.snoring-problem-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.snoring-problem-section {
		padding: 40px 0;
	}
}

/* Timing Section - Info box about when to get a snoring splint */
.timing-section {
	padding: 40px 0;
	background-color: #ffffff;
}

.timing-info-box {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 40px;
	text-align: left;
}

.timing-title {
	font-size: 24px;
	font-weight: 700;
	color: #374151;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.timing-title .highlight-word {
	background-color: #E0F2FE;
	padding: 4px 8px;
	border-radius: 6px;
	color: #0C4A6E;
}

.timing-content {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.timing-content p {
	margin: 0 0 16px 0;
}

.timing-content p:last-child {
	margin-bottom: 0;
}

/* Responsive design for timing section */
@media (max-width: 768px) {
	.timing-section {
		padding: 30px 0;
	}

	.timing-info-box {
		padding: 30px 24px;
		margin: 0 20px;
	}

	.timing-title {
		font-size: 22px;
	}
}

/* Call to Action Timing Section */
.cta-timing-section {
	padding: 60px 0;
	background-color: #ffffff;
}



.cta-timing-title {
	font-size: 22px;
	font-weight: 700;
	color: #6B8E23;
}

.cta-timing-description {
	font-size: 18px;
	color: #333333;
}

.cta-timing-button {
	margin-top: 32px;
}



/* Responsive design for CTA timing section */
@media (max-width: 768px) {
	.cta-timing-section {
		padding: 40px 0;
	}

	.cta-timing-content {
		margin: 0 20px;
	}

	.cta-timing-title {
		font-size: 28px;
	}

	.cta-timing-description {
		font-size: 16px;
	}

	.cta-timing-btn {
		padding: 14px 28px !important;
		font-size: 15px !important;
	}
}





/* Process Section - Light green background with CTA */
.process-section {
	padding: 50px 0;
	background-color: #73951347;
	text-align: center;
	margin-top: 60px;
}



.process-title {
	font-size: 32px;
	font-weight: 700;
	color: #374151;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.process-description {
	font-size: 18px;
	line-height: 1.6;
	color: #374151;
	margin: 0 0 32px 0;
}

.process-description strong {
	font-weight: 700;
	color: #1F2937;
}

.process-button {
	margin-top: 32px;
}

/* Responsive design for process section */
@media (max-width: 768px) {
	.process-section {
		padding: 60px 0;
	}

	.process-title {
		font-size: 28px;
	}

	.process-description {
		font-size: 16px;
	}
}




/* Periodontics Content Section */
.periodontics-content-section {
	margin-top: 60px;
	text-align: left;
}

.periodontics-content-section h2 {
	font-size: 28px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
	text-transform: uppercase;
}

.periodontics-content-section h3 {
	font-size: 22px;
	font-weight: 700;
	color: #1F2937;
	margin: 32px 0 20px 0;
	line-height: 1.3;
}

.periodontics-content-section p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 20px 0;
}

.periodontics-content-section p:last-child {
	margin-bottom: 0;
}

.periodontics-content-section .highlight-text {
	color: #6B8E23;
	font-weight: 600;
}

/* Responsive design for periodontics content section */
@media (max-width: 768px) {
	.periodontics-content-section {
		margin-top: 40px;
	}

	.periodontics-content-section h2 {
		font-size: 24px;
	}

	.periodontics-content-section h3 {
		font-size: 20px;
	}

	.periodontics-content-section p {
		font-size: 15px;
	}
}



/* Anesthesia Content Section */
.anesthesia-content-section {
	margin-top: 60px;
	text-align: left;
}

.anesthesia-content-section h2 {
	font-size: 28px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
	text-transform: uppercase;
}

.anesthesia-content-section h3 {
	font-size: 22px;
	font-weight: 700;
	color: #1F2937;
	margin: 32px 0 20px 0;
	line-height: 1.3;
}

.anesthesia-content-section p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 20px 0;
}

.anesthesia-content-section p:last-child {
	margin-bottom: 0;
}

.anesthesia-content-section .highlight-text {
	color: #6B8E23;
	font-weight: 600;
}

/* Responsive design for anesthesia section */
@media (max-width: 768px) {
	.anesthesia-section {
		padding: 40px 0;
	}

	.anesthesia-section .hero-title {
		font-size: 36px;
	}

	.anesthesia-section .hero-description {
		font-size: 16px;
	}
}

/* Responsive design for anesthesia content section */
@media (max-width: 768px) {
	.anesthesia-content-section {
		margin-top: 40px;
	}

	.anesthesia-content-section h2 {
		font-size: 24px;
	}

	.anesthesia-content-section h3 {
		font-size: 20px;
	}

	.anesthesia-content-section p {
		font-size: 15px;
	}
}



/* DVT How It Works Section */
.dvt-how-it-works-section {
	margin-top: 60px;
	text-align: left;
}

.dvt-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.dvt-section-content {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.dvt-section-content h3 {
	font-size: 22px;
	font-weight: 700;
	color: #1F2937;
	margin: 32px 0 20px 0;
	line-height: 1.3;
}

.dvt-section-content p {
	margin: 0 0 20px 0;
}

.dvt-section-content p:last-child {
	margin-bottom: 0;
}

.dvt-section-content ul {
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.dvt-section-content li {
	margin: 0 0 8px 0;
}

.dvt-section-content strong {
	font-weight: 700;
	color: #1F2937;
}

/* Responsive design for DVT section */
@media (max-width: 768px) {
	.dvt-how-it-works-section {
		margin-top: 40px;
	}

	.dvt-section-title {
		font-size: 28px;
	}

	.dvt-section-content h3 {
		font-size: 20px;
	}

	.dvt-section-content {
		font-size: 15px;
	}
}

/* DVT Process Steps Section */
.dvt-process-steps-section {
	margin-top: 80px;
	text-align: left;
}

.dvt-process-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.dvt-steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
}

.dvt-step-card {
	background-color: transparent;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border: 1px solid #B9D270;
	border-radius: 8px;
	padding: 24px;
}


.step-content {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.step-content p {
	margin: 0;
}

/* Responsive design for DVT process steps */
@media (max-width: 1024px) {
	.dvt-steps-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

@media (max-width: 768px) {
	.dvt-process-steps-section {
		margin-top: 60px;
	}

	.dvt-process-title {
		font-size: 28px;
		margin-bottom: 32px;
	}

	.dvt-steps-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.dvt-step-card {
		padding: 24px 20px;
	}

	.step-number {
		font-size: 20px;
	}

	.step-content {
		font-size: 15px;
	}
}

/* DVT Benefits Section */
.dvt-benefits-section {
	margin-top: 80px;
	padding: 60px 0;
	background-color: #ffffff;
}

.dvt-benefits-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.dvt-benefits-content {
	text-align: left;
}

.dvt-benefits-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.dvt-benefits-list {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.dvt-benefits-list h3 {
	font-size: 20px;
	font-weight: 700;
	color: #1F2937;
	margin: 24px 0 12px 0;
	line-height: 1.3;
}

.dvt-benefits-list h3:first-child {
	margin-top: 0;
}

.dvt-benefits-list p {
	margin: 0 0 16px 0;
}

.dvt-benefits-list p:last-child {
	margin-bottom: 0;
}

.dvt-benefits-image {
	text-align: center;
}

.benefits-img {
	width: 100%;
	height: auto;
	border-radius: 12px;

}

/* Responsive design for DVT benefits */
@media (max-width: 1024px) {
	.dvt-benefits-grid {
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.dvt-benefits-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.dvt-benefits-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.dvt-benefits-title {
		font-size: 28px;
		margin-bottom: 24px;
	}

	.dvt-benefits-list {
		font-size: 15px;
	}

	.dvt-benefits-list h3 {
		font-size: 18px;
	}
}

/* DVT CTA Section */
.dvt-cta-section {
	padding: 40px 0;
}

.dvt-cta-box {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 40px;
	text-align: center;
}

.dvt-cta-content {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 24px 0;
}

.dvt-cta-content p {
	margin: 0 0 16px 0;
}

.dvt-cta-content p:last-child {
	margin-bottom: 0;
}

.dvt-cta-link {
	margin-top: 24px;
}

.cta-appointment-link {
	color: #6B8E23;
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.cta-appointment-link:hover {
	color: #5A7A1E;
	text-decoration: underline;
}

/* Responsive design for DVT CTA */
@media (max-width: 768px) {
	.dvt-cta-section {
		margin-top: 60px;
		padding: 30px 0;
	}

	.dvt-cta-box {
		padding: 30px 24px;
		margin: 0 20px;
	}

	.dvt-cta-content {
		font-size: 15px;
	}

	.cta-appointment-link {
		font-size: 16px;
	}
}





/* CEREC What Is It Section */
.cerec-what-is-section {
	background-color: #ffffff;
}

.cerec-what-is-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.cerec-what-is-image {
	text-align: center;
}

.what-is-img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.cerec-what-is-content {
	text-align: left;
}

.cerec-what-is-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.cerec-what-is-text {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.cerec-what-is-text p {
	margin: 0 0 16px 0;
}

.cerec-what-is-text p:last-child {
	margin-bottom: 0;
}

/* Responsive design for CEREC what is section */
@media (max-width: 1024px) {
	.cerec-what-is-grid {
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.cerec-what-is-section {
		margin-top: 40px;
		padding: 40px 0;
	}

	.cerec-what-is-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.cerec-what-is-title {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.cerec-what-is-text {
		font-size: 15px;
	}
}

/* CEREC Benefits Section */
.cerec-benefits-section {
	padding: 60px 0;
	background-color: #ffffff;
}

.cerec-benefits-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 40px 0;
}

.cerec-benefits-list h3 {
	font-size: 20px;
	font-weight: 700;
	color: #1F2937;
	margin: 24px 0 12px 0;
	line-height: 1.3;
}

.cerec-benefits-list h3:first-child {
	margin-top: 0;
}

.cerec-benefits-list p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 20px 0;
}

.cerec-benefits-list p:last-child {
	margin-bottom: 0;
}

.cerec-benefits-list ul {
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.cerec-benefits-list li {
	margin: 0 0 16px 0;
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.cerec-benefits-list li:last-child {
	margin-bottom: 0;
}

/* Responsive design for CEREC benefits */
@media (max-width: 768px) {
	.cerec-benefits-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.cerec-benefits-title {
		font-size: 28px;
		margin-bottom: 32px;
	}

	.cerec-benefits-list {
		margin: 0 20px;
	}

	.cerec-benefits-list h3 {
		font-size: 18px;
	}

	.cerec-benefits-list p,
	.cerec-benefits-list li {
		font-size: 15px;
	}
}

/* CEREC Process Steps Section */
.cerec-process-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.cerec-steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.cerec-step-card {
	background-color: transparent;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 24px;
	position: relative;
}


.step-title {
	font-size: 18px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.step-content {
	font-size: 14px;
	line-height: 1.6;
	color: #374151;
}

.step-content p {
	margin: 0;
}

/* Responsive design for CEREC process steps */
@media (max-width: 1024px) {
	.cerec-steps-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.cerec-process-steps-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.cerec-process-title {
		font-size: 28px;
		margin-bottom: 32px;
	}

	.cerec-steps-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		margin: 0 20px;
	}

	.cerec-step-card {
		padding: 20px;
	}

	.step-number {
		font-size: 18px;
	}

	.step-title {
		font-size: 16px;
	}

	.step-content {
		font-size: 13px;
	}
}

/* CEREC Suitable For Section */
.cerec-suitable-section {
	padding: 60px 0;
	background-color: #ffffff;
}

.cerec-suitable-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 32px 0;
	line-height: 1.3;
	text-align: left;
}


.cerec-suitable-content p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 20px 0;
}

.cerec-suitable-content p:last-child {
	margin-bottom: 0;
}

.cerec-suitable-content ul {
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.cerec-suitable-content li {
	margin: 0 0 16px 0;
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.cerec-suitable-content li:last-child {
	margin-bottom: 0;
}

.cerec-suitable-content strong {
	font-weight: 700;
	color: #1F2937;
}

/* Responsive design for CEREC suitable section */
@media (max-width: 768px) {
	.cerec-suitable-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.cerec-suitable-title {
		font-size: 28px;
		margin-bottom: 24px;
	}

	.cerec-suitable-content {
		margin: 0 20px;
	}

	.cerec-suitable-content p,
	.cerec-suitable-content li {
		font-size: 15px;
	}
}

/* CEREC CTA Section */


.cerec-cta-box {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 40px;
	text-align: center;
}

.cerec-cta-link {
	margin-bottom: 16px;
}

.cta-appointment-link {
	color: #1F2937;
	font-size: 20px;
	font-weight: 700;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.cta-appointment-link:hover {
	color: #6B8E23;
	text-decoration: underline;
}

.cerec-cta-description {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.cerec-cta-description p {
	margin: 0;
}

/* Responsive design for CEREC CTA */
@media (max-width: 768px) {
	.cerec-cta-section {
		margin-top: 60px;
		padding: 30px 0;
	}

	.cerec-cta-box {
		padding: 30px 24px;
		margin: 0 20px;
	}

	.cta-appointment-link {
		font-size: 18px;
	}

	.cerec-cta-description {
		font-size: 15px;
	}
}

/* CEREC Full Ceramic Section */
.cerec-full-ceramic-section {
	margin-top: 80px;
	padding: 60px 0;
	background-color: #73951347;
}

.cerec-full-ceramic-title {
	font-size: 32px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 32px 0;
	line-height: 1.3;
}



.cerec-full-ceramic-content p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 20px 0;
}

.cerec-full-ceramic-content p:last-child {
	margin-bottom: 0;
}

.cerec-full-ceramic-content ul {
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.cerec-full-ceramic-content li {
	margin: 0 0 16px 0;
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.cerec-full-ceramic-content li:last-child {
	margin-bottom: 0;
}

.cerec-full-ceramic-content strong {
	font-weight: 700;
	color: #1F2937;
}

/* Responsive design for CEREC full ceramic section */
@media (max-width: 768px) {
	.cerec-full-ceramic-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.cerec-full-ceramic-title {
		font-size: 28px;
		margin-bottom: 24px;
	}

	.cerec-full-ceramic-content {
		margin: 0 20px;
	}

	.cerec-full-ceramic-content p,
	.cerec-full-ceramic-content li {
		font-size: 15px;
	}
}

/* CEREC Questions Section */
.cerec-questions-section {
	margin-top: 80px;

	background-color: #ffffff;
}

.cerec-questions-box {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 40px;
	text-align: center;
}

.cerec-questions-title {
	font-size: 28px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.cerec-questions-description {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 32px 0;
}

.cerec-questions-description p {
	margin: 0;
}

.cerec-questions-link {
	margin-top: 24px;
}

.questions-consultation-link {
	color: #1F2937;
	font-size: 16px;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.questions-consultation-link:hover {
	color: #6B8E23;
	text-decoration: underline;
}

/* Responsive design for CEREC questions section */
@media (max-width: 768px) {
	.cerec-questions-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.cerec-questions-box {
		padding: 30px 24px;
		margin: 0 20px;
	}

	.cerec-questions-title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.cerec-questions-description {
		font-size: 15px;
		margin-bottom: 24px;
	}

	.questions-consultation-link {
		font-size: 15px;
	}
}


/* Endodontics Section */


.endodontics-section .hero-title {
	color: var(--text);
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}

.endodontics-section .hero-description {
	font-size: 18px;
	line-height: 1.6;
	color: #6B7280;
}

.endodontics-section .hero-description p {
	margin: 0;
}

/* Responsive design for Endodontics section */
@media (max-width: 768px) {
	.endodontics-section {
		padding: 60px 0;
	}

	.endodontics-section .hero-title {
		font-size: 36px;
		margin-bottom: 20px;
	}

	.endodontics-section .hero-description {
		font-size: 16px;
	}
}

/* Endodontics CTA Section */
.endodontics-cta-section {
	margin-top: 60px;
}

.endodontics-cta-box {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 40px;
	text-align: center;
	margin: 0 auto;
}

.endodontics-cta-title {
	font-size: 24px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 32px 0;
	line-height: 1.3;
	text-transform: uppercase;
}

.endodontics-cta-button {
	margin-top: 24px;
}

.endodontics-cta-btn {
	background-color: var(--primary);
	color: #ffffff;
	padding: 16px 32px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.endodontics-cta-btn:hover {
	background-color: #5A7A1E;
	color: #ffffff;
	text-decoration: none;
}

/* Responsive design for Endodontics CTA section */
@media (max-width: 768px) {
	.endodontics-cta-section {
		margin-top: 40px;
	}

	.endodontics-cta-box {
		padding: 30px 24px;
		margin: 0 20px;
	}

	.endodontics-cta-title {
		font-size: 20px;
		margin-bottom: 24px;
	}

	.endodontics-cta-btn {
		padding: 14px 28px;
		font-size: 15px;
	}
}

/* Endodontics Content Section */
.endodontics-content-section {
	padding: 60px 0;
	background-color: #ffffff;
}

.endodontics-content-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.endodontics-illustration {
	text-align: center;
	padding: 20px;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
}

.tooth-illustration {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.endodontics-text-content {
	max-width: 500px;
}

.endodontics-content-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.endodontics-content-paragraphs {
	margin-bottom: 32px;
}

.endodontics-content-paragraphs p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	margin: 0 0 20px 0;
}

.endodontics-content-paragraphs p:last-child {
	margin-bottom: 0;
}

.endodontics-content-paragraphs strong {
	color: var(--primary);
	font-weight: 700;
}

.endodontics-cta-link {
	margin-top: 24px;
}

.endodontics-content-cta {
	color: var(--primary);
	font-size: 16px;
	text-decoration: underline;
	font-weight: 600;
	transition: color 0.3s ease;
}

.endodontics-content-cta:hover {
	color: var(--text);
	text-decoration: underline;
}

/* Responsive design for Endodontics content section */
@media (max-width: 768px) {
	.endodontics-content-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-content-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.endodontics-text-content {
		max-width: 100%;
	}

	.endodontics-content-title {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.endodontics-content-paragraphs p {
		font-size: 15px;
		margin-bottom: 16px;
	}

	.endodontics-content-cta {
		font-size: 15px;
	}
}

/* Endodontics Benefits Section */


.endodontics-benefits-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 30px 0;
	line-height: 1.3;
}

.endodontics-benefits-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.endodontics-benefit-card {
	background-color: #F9FAFB;
	border-radius: 12px;
	padding: 24px;
}

.benefit-number {
	font-size: 20px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 16px 0;
	line-height: 1.2;
}

.benefit-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--text);
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.benefit-description {
	font-size: 15px;
	line-height: 1.6;
	color: var(--text);
}

.benefit-description p {
	margin: 0;
}

/* Responsive design for Endodontics benefits section */
@media (max-width: 768px) {
	.endodontics-benefits-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-benefits-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.endodontics-benefits-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.endodontics-benefit-card {
		padding: 24px;
	}

	.benefit-number {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.benefit-title {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.benefit-description {
		font-size: 14px;
	}
}

/* Endodontics Info Box Section */
.endodontics-info-section {
	margin-top: 60px;
}

.endodontics-info-box {
	background-color: #F7F9F0;
	border: 1px solid var(--primary);
	border-radius: 12px;
	padding: 32px;
}

.endodontics-info-question {
	font-size: 20px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 20px 0;
	line-height: 1.3;
	text-align: center;
}

.endodontics-info-answer {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
	text-align: center;
}

.endodontics-info-answer p {
	margin: 0;
}

/* Responsive design for Endodontics info box section */
@media (max-width: 768px) {
	.endodontics-info-section {
		margin-top: 40px;
		padding: 30px 0;
	}

	.endodontics-info-box {
		padding: 24px;
		margin: 0 20px;
	}

	.endodontics-info-question {
		font-size: 18px;
		margin-bottom: 16px;
	}

	.endodontics-info-answer {
		font-size: 15px;
	}
}

/* Endodontics Causes Section */
.endodontics-causes-section {
	padding: 60px 0;
	background-color: #ffffff;
}

.endodontics-causes-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--text);
	margin: 0;
}


.endodontics-cause-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 40px;
}

.cause-number {
	font-size: 24px;
	font-weight: 700;
	color: var(--primary);
	margin-right: 24px;
	min-width: 40px;
	line-height: 1.2;
}

.cause-content {
	flex: 1;
}

.cause-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.cause-description {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
}

.cause-description p {
	margin: 0;
}

.cause-description strong {
	color: var(--primary);
	font-weight: 700;
}

.endodontics-causes-conclusion {
	padding-top: 30px;
}

.endodontics-causes-conclusion p {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
	margin: 0;
}

/* Responsive design for Endodontics causes section */
@media (max-width: 768px) {
	.endodontics-causes-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-causes-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.endodontics-cause-item {
		margin-bottom: 30px;
	}

	.cause-number {
		font-size: 20px;
		margin-right: 20px;
		min-width: 35px;
	}

	.cause-title {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.cause-description {
		font-size: 15px;
	}

	.endodontics-causes-conclusion {
		margin-top: 30px;
		padding-top: 20px;
	}

	.endodontics-causes-conclusion p {
		font-size: 15px;
	}
}

/* Endodontics Symptoms Section */

.endodontics-symptoms-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.endodontics-symptoms-list {
	max-width: 700px;
}

.endodontics-symptom-item {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.endodontics-symptom-item:last-child {
	margin-bottom: 0;
}

.symptom-icon {
	margin-right: 16px;
	margin-top: 2px;
	flex-shrink: 0;
	display: flex;
}

.symptom-text {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
	flex: 1;
}

.symptom-text p {
	margin: 0;
}

/* Responsive design for Endodontics symptoms section */
@media (max-width: 768px) {
	.endodontics-symptoms-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-symptoms-title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.endodontics-symptom-item {
		margin-bottom: 20px;
	}

	.symptom-icon {
		margin-right: 12px;
	}

	.symptom-text {
		font-size: 15px;
	}
}

/* Endodontics Emergency CTA Section */


.endodontics-emergency-cta-box {
	margin-top: 60px;
	background-color: #F9FAFB;
	border-radius: 12px;
	text-align: center;
	padding: 40px 20px;
}

.endodontics-emergency-cta-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.endodontics-emergency-cta-description {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
	margin: 0 0 32px 0;
}

.endodontics-emergency-cta-description p {
	margin: 0;
}

.endodontics-emergency-cta-button {
	margin-top: 24px;
}

.endodontics-emergency-cta-btn {
	background-color: var(--primary);
	color: #ffffff;
	padding: 18px 36px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.endodontics-emergency-cta-btn:hover {
	background-color: #5A7A1E;
	color: #ffffff;
	text-decoration: none;
}

/* Responsive design for Endodontics emergency CTA section */
@media (max-width: 768px) {
	.endodontics-emergency-cta-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-emergency-cta-box {
		padding: 32px 24px;
		margin: 0 20px;
	}

	.endodontics-emergency-cta-title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.endodontics-emergency-cta-description {
		font-size: 15px;
		margin-bottom: 24px;
	}

	.endodontics-emergency-cta-btn {
		padding: 16px 32px;
		font-size: 15px;
	}
}

/* Endodontics Process Steps Section */


.endodontics-process-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 50px 0;
	line-height: 1.3;
}

.endodontics-process-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.endodontics-process-card:nth-child(4),
.endodontics-process-card:nth-child(5) {
	grid-column: span 1.5;
}

.endodontics-process-card {
	background-color: transparent;
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border-radius: 12px;
	padding: 32px;
	text-align: left;
	border: 1px solid #B9D270;
}

.process-number {
	font-size: 32px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 16px 0;
	line-height: 1.2;
}

.process-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.process-description {
	font-size: 15px;
	line-height: 1.6;
	color: var(--text);
}

.process-description p {
	margin: 0;
}

.endodontics-process-section {
	margin-top: 60px;
}

/* Responsive design for Endodontics process steps section */
@media (max-width: 768px) {
	.endodontics-process-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-process-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.endodontics-process-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.endodontics-process-card:nth-child(4),
	.endodontics-process-card:nth-child(5) {
		grid-column: span 1;
	}

	.endodontics-process-card {
		padding: 24px;
	}

	.process-number {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.process-title {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.process-description {
		font-size: 14px;
	}
}

/* Endodontics Encouragement Section */


.endodontics-encouragement-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.endodontics-encouragement-content {
	max-width: 800px;
}

.endodontics-encouragement-content p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	margin: 0 0 24px 0;
}

.endodontics-encouragement-content p:last-child {
	margin-bottom: 0;
}

.endodontics-encouragement-content strong {
	color: var(--primary);
	font-weight: 700;
}

.endodontics-encouragement-cta {
	color: var(--primary);
	font-size: 16px;
	text-decoration: underline;
	font-weight: 600;
	transition: color 0.3s ease;
}

.endodontics-encouragement-cta:hover {
	color: var(--text);
	text-decoration: underline;
}

.endodontics-encouragement-section {
	margin-top: 60px;
}

/* Night guard against bruxism Section */


.night-guard-against-bruxism-section .hero-title {
	color: var(--text);
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}



/* Responsive design for Night guard against bruxism section */
@media (max-width: 768px) {
	.night-guard-against-bruxism-section {
		padding: 60px 0;
	}

	.night-guard-against-bruxism-section .hero-title {
		font-size: 28px;
	}

}

/* Night Guard Content Section */
.night-guard-content-section {
	background-color: #ffffff;
}

.night-guard-content-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}



.night-guard-content-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.night-guard-content-paragraphs {
	margin-bottom: 32px;
}

.night-guard-content-paragraphs p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	margin: 0 0 20px 0;
}

.night-guard-content-paragraphs p:last-child {
	margin-bottom: 0;
}

.night-guard-image {
	text-align: center;
}

.content-img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	border: 1px solid #D0D0D0;
}

/* Responsive design for Night guard content section */
@media (max-width: 768px) {
	.night-guard-content-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.night-guard-content-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.night-guard-text-content {
		max-width: 100%;
	}

	.night-guard-content-title {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.night-guard-content-paragraphs p {
		font-size: 15px;
		margin-bottom: 16px;
	}
}

/* Night Guard Splint Section */
.night-guard-splint-section {
	margin-top: 60px;
}

.night-guard-splint-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.night-guard-splint-image {
	text-align: center;
}

.splint-img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.night-guard-splint-text-content {
	max-width: 500px;
}

.night-guard-splint-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 32px 0;
	line-height: 1.3;
}

.night-guard-splint-paragraphs {
	margin-bottom: 32px;
}

.night-guard-splint-paragraphs p {
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	margin: 0 0 20px 0;
}

.night-guard-splint-paragraphs p:last-child {
	margin-bottom: 0;
}

/* Responsive design for Night guard splint section */
@media (max-width: 768px) {
	.night-guard-splint-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.night-guard-splint-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.night-guard-splint-text-content {
		max-width: 100%;
	}

	.night-guard-splint-title {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.night-guard-splint-paragraphs p {
		font-size: 15px;
		margin-bottom: 16px;
	}
}

/* Night Guard Benefits Section */
.night-guard-benefits-section {
	margin-top: 60px;
}

.night-guard-benefits-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 50px 0;
	line-height: 1.3;
}



.night-guard-benefit-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px dotted #E5E7EB;
}

.night-guard-benefit-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.benefit-icon {
	margin-right: 16px;
	margin-top: 2px;
	flex-shrink: 0;
}

.benefit-content {
	flex: 1;
}

.benefit-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--text);
	margin-right: 8px;
}

.benefit-description {
	font-size: 16px;
	line-height: 1.6;
	color: var(--text);
}

/* Responsive design for Night guard benefits section */
@media (max-width: 768px) {
	.night-guard-benefits-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.night-guard-benefits-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.night-guard-benefit-item {
		margin-bottom: 24px;
		padding-bottom: 20px;
	}

	.benefit-icon {
		margin-right: 12px;
	}

	.benefit-title {
		font-size: 15px;
	}

	.benefit-description {
		font-size: 15px;
	}
}

/* Responsive design for Endodontics encouragement section */
/* Night Guard Support Text Section */
.night-guard-support-section {
	margin-top: 60px;
}

.night-guard-support-section p {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
	margin: 0 0 16px 0;
}

.night-guard-support-section strong {
	font-weight: 700;
	color: #1F2937;
}

/* Night Guard Consequences Section */
.night-guard-consequences-section {
	margin-top: 60px;
}

.night-guard-consequences-box {
	background-color: #F9FAFB;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	padding: 32px;
}

.night-guard-consequences-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 20px 0;
}

.night-guard-consequences-content {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.night-guard-consequences-content ul {
	margin: 12px 0 16px 0;
	padding-left: 24px;
}

.night-guard-consequences-content li {
	margin-bottom: 8px;
}

@media (max-width: 768px) {
	.night-guard-consequences-box {
		padding: 24px;
	}

	.night-guard-consequences-title {
		font-size: 24px;
	}
}

/* Night Guard Process Section */
.night-guard-process-section {
	margin-top: 60px;
}

/* Night Guard Inline CTA */
.night-guard-inline-cta {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 24px;
	flex-direction: column;
	padding: 60px 0px;
}

.night-guard-inline-cta .inline-cta-text {
	font-size: 24px;
	font-weight: 700;
	color: var(--text);
}

.night-guard-inline-cta .inline-cta-button a {
	white-space: nowrap;
}

@media (max-width: 768px) {
	.night-guard-inline-cta {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.night-guard-inline-cta .inline-cta-text {
		font-size: 20px;
	}
}

.night-guard-process-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 12px 0;
}

.night-guard-process-intro {
	color: #475467;
	margin-bottom: 24px;
}

.night-guard-process-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.night-guard-process-card {
	background: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border: 1px solid #B9D270;
	border-radius: 8px;
	padding: 28px;
}

.process-step-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 12px 0;
}

.process-step-description {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

@media (max-width: 1024px) {
	.night-guard-process-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.night-guard-process-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.night-guard-process-card {
		padding: 22px;
	}

	.night-guard-process-title {
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.endodontics-encouragement-section {
		margin-top: 60px;
		padding: 40px 0;
	}

	.endodontics-encouragement-title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.endodontics-encouragement-content p {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.endodontics-encouragement-cta {
		font-size: 15px;
	}
}




/*--------------------------------------------------------------
# Jobs Page
--------------------------------------------------------------*/

/* Job Positions Section */
.job-positions-section {
	margin-top: 60px;
}

.job-positions-list {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.job-position-item {
	background-color: #F9FAFB;
	border: 1px solid #E5E7EB;
	border-radius: 16px;
	padding: 32px;
	transition: all 0.3s ease;
}

.job-position-item:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: var(--primary);
}

.job-position-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--text);
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.job-position-description {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.job-position-description h1,
.job-position-description h2,
.job-position-description h3,
.job-position-description h4,
.job-position-description h5,
.job-position-description h6 {
	color: var(--text);
	margin: 20px 0 12px 0;
}

.job-position-description h3 {
	font-size: 20px;
	font-weight: 600;
}

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

.job-position-description ul,
.job-position-description ol {
	margin: 0 0 16px 0;
	padding-left: 24px;
}

.job-position-description li {
	margin: 0 0 8px 0;
}

.job-position-description strong {
	font-weight: 700;
	color: var(--text);
}

/* Responsive design for job positions */
@media (max-width: 768px) {
	.job-positions-section {
		margin-top: 40px;
	}

	.job-positions-list {
		gap: 24px;
	}

	.job-position-item {
		padding: 24px;
	}

	.job-position-title {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.job-position-description {
		font-size: 15px;
	}
}




.appointment-content {
	margin-bottom: 60px;
	padding: 60px;
	border: 1px solid #eee;
	border-radius: 12px;
}

@media(max-width: 768px) {
	.appointment-content {
		padding: 40px;
	}
}

@media(max-width: 640px) {
	.appointment-content {
		padding: 20px;
	}
}




/* Bonuskarte Section */
.bonuskarte-section {
	margin-bottom: 60px;
}

.bonuskarte-content-box {
	background-color: #F9FAFB;
	border-radius: 16px;
	padding: 40px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	max-width: 800px;
	margin: 0 auto;
	margin-top: 80px;
}

.bonuskarte-content-box h2 {
	font-size: 28px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.bonuskarte-content-box h3 {
	font-size: 22px;
	font-weight: 600;
	color: #1F2937;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.bonuskarte-content-box p {
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
	margin: 0 0 20px 0;
}

.bonuskarte-content-box p:last-child {
	margin-bottom: 0;
}

.bonuskarte-content-box ul,
.bonuskarte-content-box ol {
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.bonuskarte-content-box li {
	margin: 0 0 8px 0;
	font-size: 16px;
	line-height: 1.7;
	color: #374151;
}

.bonuskarte-content-box strong {
	font-weight: 700;
	color: #1F2937;
}

/* Responsive design for bonuskarte section */
@media (max-width: 768px) {
	.bonuskarte-section {
		margin-bottom: 40px;
	}

	.bonuskarte-content-box {
		padding: 30px 24px;
		margin: 80px 20px;
	}

	.bonuskarte-content-box h2 {
		font-size: 24px;
	}

	.bonuskarte-content-box h3 {
		font-size: 20px;
	}

	.bonuskarte-content-box p,
	.bonuskarte-content-box li {
		font-size: 15px;
	}
}



/*--------------------------------------------------------------
# Volketswil Praxisbezogen Page Styles
--------------------------------------------------------------*/

/* Volketswil Services Section */
.volketswil-services-section {
	margin: 60px 0;
}

.volketswil-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 24px;
	margin-top: 40px;
}

.volketswil-service-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 32px;
	transition: all 0.3s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.volketswil-service-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
}

.service-card-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 20px 0;
	line-height: 1.3;
	border-bottom: 2px solid var(--accent);
	padding-bottom: 12px;
}

.service-card-description {
	font-size: 16px;
	color: #374151;
	line-height: 1.6;
	margin: 0;
}

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

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

.highlight-text {
	background-color: var(--accent);
	color: var(--primary);
	padding: 2px 8px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	margin-top: 12px;
}

/* Responsive Design for Volketswil Page */
@media (max-width: 768px) {
	.volketswil-services-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.volketswil-service-card {
		padding: 24px;
	}

	.service-card-title {
		font-size: 20px;
	}

	.service-card-description {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.volketswil-service-card {
		padding: 20px;
	}

	.service-card-title {
		font-size: 18px;
		margin-bottom: 16px;
	}
}



/*--------------------------------------------------------------
# Veneers Page Styles
--------------------------------------------------------------*/

/* Veneers Intro Section */
.veneers-intro-section {
	margin: 60px 0;
}

.veneers-intro-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.veneers-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.veneers-text {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.veneers-text p {
	margin: 0 0 20px 0;
}

.veneers-text p:last-child {
	margin-bottom: 0;
}

/* Veneers Benefits Section */
.veneers-benefits-section {
	margin: 80px 0;
}

.veneers-benefits-section h2 {
	font-size: 32px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.veneers-benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(333px, 1fr));
	gap: 40px;
	margin-top: 40px;
}

.veneers-benefit-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 24px;
	background: #f9fafb;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.veneers-benefit-item:hover {
	background: #f3f4f6;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}



.benefit-content {
	flex: 1;
}

.benefit-content p {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
	margin: 0;
}

/* Responsive Design for Veneers Page */
@media (max-width: 768px) {
	.veneers-intro-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.veneers-benefits-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.veneers-benefit-item {
		padding: 20px;
		gap: 16px;
	}

	.benefit-number {
		width: 36px;
		height: 36px;
		font-size: 20px;
	}

	.benefit-content p {
		font-size: 15px;
	}

	.veneers-benefits-section h2 {
		font-size: 28px;
	}
}

@media (max-width: 480px) {
	.veneers-intro-content {
		gap: 30px;
	}

	.veneers-benefit-item {
		padding: 16px;
		gap: 12px;
	}

	.benefit-number {
		width: 32px;
		height: 32px;
		font-size: 18px;
	}

	.veneers-benefits-section h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}
}



/*--------------------------------------------------------------
# Lachgasbehandlung Page Styles
--------------------------------------------------------------*/

/* Lachgas Intro Section */
.lachgas-intro-section {
	margin: 60px 0;
}

.lachgas-intro-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.lachgas-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.lachgas-text {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.lachgas-text p {
	margin: 0 0 20px 0;
}

.lachgas-text p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Lachgasbehandlung Page */
@media (max-width: 768px) {
	.lachgas-intro-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.lachgas-text {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.lachgas-intro-content {
		gap: 30px;
	}

	.lachgas-text {
		font-size: 14px;
	}
}




/*--------------------------------------------------------------
# Mikroskopische Endodontie Page Styles
--------------------------------------------------------------*/



.endodontie-intro-text {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.endodontie-intro-text p {
	margin: 0 0 20px 0;
}

.endodontie-intro-text p:last-child {
	margin-bottom: 0;
}

/* Endodontie Main Section */
.endodontie-main-section {
	margin: 60px 0;
}

.endodontie-main-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: flex-start;
}

.endodontie-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.endodontie-benefits h2 {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 24px 0;
	line-height: 1.3;
}

.endodontie-benefits-content {
	margin: 0 0 24px 0;
}


.endodontie-closing-text {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
	margin-top: 24px;
}

.endodontie-closing-text p {
	margin: 0;
}

/* Endodontie Highlight Section */
.endodontie-highlight-section {
	margin: 80px 0 60px 0;
}

.endodontie-highlight-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.endodontie-highlight-box {
	padding: 32px;
	border-radius: 12px;
	font-size: 16px;
	line-height: 1.6;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.endodontie-highlight-box:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.highlight-box-1 {
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border-radius: 8px;
	border: 1px solid #B9D270;

}

.highlight-box-2 {
	background-image: linear-gradient(90deg, #FBFFE9 0%, #FFFFFF 100%);
	border-radius: 8px;
	border: 1px solid #B9D270;
}

.endodontie-highlight-box p {
	margin: 0 0 16px 0;
}

.endodontie-highlight-box p:last-child {
	margin-bottom: 0;
}

/* Responsive Design for Mikroskopische Endodontie Page */
@media (max-width: 768px) {
	.endodontie-main-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.endodontie-highlight-boxes {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.endodontie-highlight-box {
		padding: 24px;
	}

	.endodontie-benefits h2 {
		font-size: 22px;
	}

	.endodontie-intro-text {
		font-size: 15px;
	}

	.endodontie-benefits-content li {
		font-size: 15px;
	}

	.endodontie-benefits-content p {
		font-size: 15px;
	}

	.endodontie-closing-text {
		font-size: 15px;
	}

	.endodontie-highlight-box {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.endodontie-main-content {
		gap: 30px;
	}

	.endodontie-highlight-boxes {
		gap: 20px;
	}

	.endodontie-highlight-box {
		padding: 20px;
		font-size: 14px;
	}

	.endodontie-benefits h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.endodontie-intro-text {
		font-size: 14px;
	}

	.endodontie-benefits-content li {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.endodontie-benefits-content p {
		font-size: 14px;
	}

	.endodontie-closing-text {
		font-size: 14px;
	}
}





/*--------------------------------------------------------------
# Kostenlose Beratung für Invisalign Page Styles
--------------------------------------------------------------*/

/* Invisalign Consultation Section */
.invisalign-consultation-section {
	margin: 60px 0;
}

.invisalign-consultation-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.consultation-text {
	padding-right: 20px;
}

.consultation-content {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.consultation-content ul {
	padding: 0;
}






.consultation-image {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	min-height: 400px;
}

.consultation-image img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Responsive Design for Invisalign Consultation Page */
@media (max-width: 768px) {
	.invisalign-consultation-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.consultation-text {
		padding-right: 0;
	}


	.consultation-content {
		font-size: 15px;
	}

	.consultation-content li {
		font-size: 15px;
	}

	.consultation-image {
		padding: 30px;
		min-height: 300px;
	}
}

@media (max-width: 480px) {
	.invisalign-consultation-content {
		gap: 30px;
	}


	.consultation-content {
		font-size: 14px;
	}

	.consultation-content li {
		font-size: 14px;
		margin-bottom: 12px;
	}

	.consultation-image {
		padding: 20px;
		min-height: 250px;
	}
}

/* Invisalign Cards Section */
.invisalign-cards-section {
	margin: 80px 0 0 0;
	padding: 80px 0;
}

.invisalign-cards-section h2 {
	color: #ffffff;
}

.cards-section-title {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	margin: 0 0 16px 0;
	line-height: 1.2;
}

.cards-section-subtitle {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 0 0 60px 0;
}



.invisalign-cards-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}

.invisalign-cards-section .invisalign-cards-grid {
	grid-template-columns: repeat(4, 1fr);
}

.invisalign-cards-section .invisalign-cards-grid .invisalign-card {
	border: 1px solid #ececec;
}

@media(max-width: 600px) {
	.invisalign-cards-section .invisalign-cards-grid .invisalign-card {
		grid-column: span 4;
	}
}

.invisalign-card {
	grid-column: span 2;
}

.invisalign-cards-grid .invisalign-card:nth-child(4),
.invisalign-cards-grid .invisalign-card:nth-child(5) {
	grid-column: span 3;
}


.invisalign-card {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	padding: 32px 24px;
	text-align: left;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.invisalign-card:hover {
	background: rgba(255, 255, 255, 0.15);
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.invisalign-card p {
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
}

/* Responsive Design for Cards Section */
@media (max-width: 768px) {
	.invisalign-cards-section {
		padding: 60px 0;
		margin: 60px 0 0 0;
	}

	.cards-section-title {
		font-size: 28px;
		margin-bottom: 12px;
	}

	.cards-section-subtitle {
		font-size: 16px;
		margin-bottom: 40px;
	}

	.invisalign-cards-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.invisalign-cards-grid .invisalign-card:nth-child(4) {
		margin-left: 0;
	}

	.invisalign-card {
		padding: 24px 20px;
	}

	.invisalign-card p {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.invisalign-cards-section {
		padding: 40px 0;
	}

	.invisalign-cards-container {
		padding: 0 16px;
	}

	.cards-section-title {
		font-size: 24px;
	}

	.cards-section-subtitle {
		font-size: 15px;
		margin-bottom: 32px;
	}

	.invisalign-cards-grid {
		gap: 16px;
	}

	.invisalign-card {
		padding: 20px 16px;
	}

	.invisalign-card p {
		font-size: 14px;
	}
}



/* Bite Types Section */
.bite-types-section {
	margin: 0;
	padding: 0;
}

.bite-types-grid {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding-top: 60px;
}

.bite-type-item {
	display: flex;
	align-items: center;
	gap: 30px;
	border-radius: 8px;
	border: 1px solid #eaeaea;
	overflow: hidden;

}

.bite-type-item.odd {
	background-color: #d9e2c1;
}

.bite-type-item.even {
	background: #ffffff;
}

.bite-image {
	width: 25%;
}

.bite-image img {
	width: 100%;
	display: flex;
}




.bite-content h3 {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.bite-content p {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
	margin: 0;
}

.bite-content.content-left,
.bite-content.content-right {
	width: 75%;
	padding: 40px;
}

/* Responsive Design for Bite Types Section */
@media (max-width: 768px) {
	.bite-type-item {
		flex-direction: column;
		gap: 0;
	}

	.bite-type-item.even .bite-image {
		order: 1;
	}

	.bite-type-item.even .bite-content {
		order: 2;
	}

	.bite-image {
		width: 100%;
	}



	.bite-content {
		padding: 30px 20px;
	}

	.bite-content.content-left,
	.bite-content.content-right {
		padding: 30px;
		width: 100%;
	}

	.bite-content h3 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.bite-content p {
		font-size: 15px;
	}

}

/* Doctor Section */
.doctor-section {
	padding: 80px 0;
	margin: 0;
}

.doctor-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 40px 0;
	line-height: 1.3;
}

.doctor-content {
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 60px;
	align-items: flex-start;
}

.doctor-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.doctor-description {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.doctor-description p {
	margin: 0 0 20px 0;
}

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

.doctor-description h2 {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.doctor-description h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 16px 0;
	line-height: 1.4;
}

.doctor-description ul {
	margin: 0 0 20px 0;
	padding-left: 20px;
}

.doctor-description li {
	margin-bottom: 8px;
}

.doctor-description strong {
	font-weight: 600;
	color: #1f2937;
}

/* Responsive Design for Doctor Section */
@media (max-width: 768px) {
	.doctor-section {
		padding: 60px 0;
	}

	.doctor-section-title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.doctor-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.doctor-description {
		font-size: 15px;
	}

	.doctor-description h2 {
		font-size: 22px;
	}

	.doctor-description h3 {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.doctor-section {
		padding: 40px 0;
	}

	.doctor-section-title {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.doctor-content {
		gap: 30px;
	}

	.doctor-description {
		font-size: 14px;
	}

	.doctor-description h2 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.doctor-description h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.doctor-description p {
		margin-bottom: 16px;
	}
}

/* Why Choose Section */
.why-choose-section {
	background: #ffffff;
	padding: 80px 0;
	margin: 0;
}

.why-choose-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f2937;
	text-align: center;
	margin: 0 0 60px 0;
	line-height: 1.3;
}

.why-choose-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.why-choose-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 40px 32px;
	text-align: left;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.why-choose-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
}

.card-icon {
	width: 80px;
	height: 80px;
	background: #f0f9f0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 24px 0;
}

.card-icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.card-title {
	font-size: 20px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.card-description {
	font-size: 16px;
	line-height: 1.6;
	color: #6b7280;
	margin: 0;
}

/* Responsive Design for Why Choose Section */
@media (max-width: 768px) {
	.why-choose-section {
		padding: 60px 0;
	}

	.why-choose-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.why-choose-cards-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.why-choose-card {
		padding: 32px 24px;
	}

	.card-icon {
		width: 70px;
		height: 70px;
		margin-bottom: 20px;
	}

	.card-icon img {
		width: 35px;
		height: 35px;
	}

	.card-title {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.card-description {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.why-choose-section {
		padding: 40px 0;
	}

	.why-choose-title {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.why-choose-cards-grid {
		gap: 24px;
	}

	.why-choose-card {
		padding: 24px 20px;
	}

	.card-icon {
		width: 60px;
		height: 60px;
		margin-bottom: 16px;
	}

	.card-icon img {
		width: 30px;
		height: 30px;
	}

	.card-title {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.card-description {
		font-size: 14px;
	}
}






/*--------------------------------------------------------------
# Implant Comparison Page Styles
--------------------------------------------------------------*/

/* Implant Comparison Section */
.implant-comparison-section {
	margin: 60px 0;
}

.implant-comparison-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	align-items: center;
}

.implant-comparison-section.reverse .implant-comparison-content {
	grid-template-columns: 1fr 1fr;
}

.implant-image {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8f9fa;
	border-radius: 12px;
	padding: 40px;
	border: 1px solid #e5e7eb;
}

.implant-image img {
	max-width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: contain;
}

.implant-text {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.implant-text p {
	margin: 0 0 20px 0;
}

.implant-text p:last-child {
	margin-bottom: 0;
}

.implant-text h2 {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.implant-text h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 16px 0;
	line-height: 1.4;
}

.implant-text ul {
	margin: 0 0 20px 0;
	padding-left: 20px;
}

.implant-text li {
	margin-bottom: 8px;
}

.implant-text strong {
	font-weight: 600;
	color: #1f2937;
}

/* Responsive Design for Implant Comparison */
@media (max-width: 768px) {
	.implant-comparison-section {
		margin: 40px 0;
	}

	.implant-comparison-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.implant-comparison-section.reverse .implant-comparison-content {
		grid-template-columns: 1fr;
	}

	.implant-comparison-section.reverse .implant-image {
		order: 1;
	}

	.implant-comparison-section.reverse .implant-text {
		order: 2;
	}

	.implant-image {
		padding: 30px;
	}

	.implant-text {
		font-size: 15px;
	}

	.implant-text h2 {
		font-size: 22px;
	}

	.implant-text h3 {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.implant-comparison-section {
		margin: 30px 0;
	}

	.implant-comparison-content {
		gap: 30px;
	}

	.implant-image {
		padding: 20px;
	}

	.implant-text {
		font-size: 14px;
	}

	.implant-text h2 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.implant-text h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.implant-text p {
		margin-bottom: 16px;
	}
}

/* Advantages Section */
.advantages-section {
	background: #ffffff;
	padding: 80px 0;
	margin: 0;
}

.advantages-title {
	font-size: 32px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 60px 0;
	line-height: 1.3;
}

.advantages-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}



.advantage-card {
	background: #f7f9e8;
	border: 1px solid #d4d4aa;
	border-radius: 12px;
	padding: 32px 24px;
	text-align: left;
	transition: all 0.3s ease;
	position: relative;
	grid-column: span 2;
}

.advantages-grid .advantage-card:nth-child(4),
.advantages-grid .advantage-card:nth-child(5) {
	grid-column: span 3;
}




.advantage-card:hover {
	background: #f0f5e0;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.advantage-number {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 16px 0;
	line-height: 1;
}

.advantage-content {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.advantage-content p {
	margin: 0;
}

.advantage-content h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 12px 0;
	line-height: 1.3;
}

.advantage-content strong {
	font-weight: 600;
	color: #1f2937;
}

/* Responsive Design for Advantages Section */
@media (max-width: 768px) {
	.advantages-section {
		padding: 60px 0;
	}

	.advantages-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.advantages-grid {
		grid-template-columns: 2fr;
		gap: 20px;
	}

	.advantages-grid .advantage-card:nth-child(4) {
		margin-left: 0;
	}

	.advantage-card {
		padding: 24px 20px;
		grid-column: span 3;
	}

	.advantage-number {
		font-size: 20px;
		margin-bottom: 12px;
	}

	.advantage-content {
		font-size: 15px;
	}

	.advantage-content h3 {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.advantages-section {
		padding: 40px 0;
	}

	.advantages-title {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.advantages-grid {
		gap: 16px;
	}

	.advantage-card {
		padding: 20px 16px;
	}

	.advantage-number {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.advantage-content {
		font-size: 14px;
	}

	.advantage-content h3 {
		font-size: 15px;
		margin-bottom: 8px;
	}
}

/* Patent Implants Section */
.patent-implants-section {
	background: #ffffff;
	padding: 80px 0;
	margin: 0;
}

.patent-section-title {
	font-size: 28px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 60px 0;
	line-height: 1.3;
}

.patent-benefits-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;

}

.patent-benefit-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 32px;
	text-align: left;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.patent-benefit-card:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.patent-benefit-title {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.patent-benefit-content {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.patent-benefit-content p {
	margin: 0 0 16px 0;
}

.patent-benefit-content p:last-child {
	margin-bottom: 0;
}

.patent-benefit-content strong {
	font-weight: 600;
	color: #1f2937;
}

.patent-benefit-content em {
	font-style: italic;
	color: #6b7280;
}

/* Responsive Design for Patent Implants Section */
@media (max-width: 768px) {
	.patent-implants-section {
		padding: 60px 0;
	}

	.patent-section-title {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.patent-benefits-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.patent-benefit-card {
		padding: 24px;
	}

	.patent-benefit-title {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.patent-benefit-content {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.patent-implants-section {
		padding: 40px 0;
	}

	.patent-section-title {
		font-size: 24px;
		margin-bottom: 32px;
	}

	.patent-benefits-grid {
		gap: 20px;
	}

	.patent-benefit-card {
		padding: 20px;
	}

	.patent-benefit-title {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.patent-benefit-content {
		font-size: 14px;
	}

	.patent-benefit-content p {
		margin-bottom: 12px;
	}
}






/*--------------------------------------------------------------
# Abdruckfreie Zahnheilkunde Page Styles
--------------------------------------------------------------*/

/* Scanner Benefits Section */
.scanner-benefits-section {
	margin: 60px 0;
}

.scanner-benefits-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: flex-start;
}

.scanner-image {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 12px;
	padding: 40px;
}

.scanner-image img {
	max-width: 100%;
	height: auto;
	max-height: 500px;
	object-fit: contain;
}

.scanner-benefits-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.scanner-benefit-item {
	background: #f7f9e8;
	border: 1px solid #d4d4aa;
	border-radius: 8px;
	padding: 20px 24px;
	font-size: 16px;
	line-height: 1.5;
	color: #374151;
	transition: all 0.3s ease;
}

.scanner-benefit-item:hover {
	background: #f0f5e0;
	transform: translateX(4px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.scanner-benefit-item p {
	margin: 0;
}

.scanner-benefit-item strong {
	font-weight: 600;
	color: #1f2937;
}

/* Responsive Design for Scanner Benefits Section */
@media (max-width: 768px) {
	.scanner-benefits-section {
		margin: 40px 0;
	}

	.scanner-benefits-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.scanner-image {
		padding: 30px;
	}

	.scanner-image img {
		max-height: 400px;
	}

	.scanner-benefits-list {
		gap: 12px;
	}

	.scanner-benefit-item {
		padding: 16px 20px;
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.scanner-benefits-section {
		margin: 30px 0;
	}

	.scanner-benefits-content {
		gap: 30px;
	}

	.scanner-image {
		padding: 20px;
	}

	.scanner-image img {
		max-height: 300px;
	}

	.scanner-benefits-list {
		gap: 10px;
	}

	.scanner-benefit-item {
		padding: 14px 16px;
		font-size: 14px;
	}
}





/*--------------------------------------------------------------
# Angstpatienten Page Styles
--------------------------------------------------------------*/

/* Anxiety Patient Section */
.anxiety-patient-section {
	margin: 60px 0;
}

.anxiety-patient-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

.anxiety-patient-image {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	overflow: hidden;
}

.anxiety-patient-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	object-fit: cover;
}

.anxiety-patient-text {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.anxiety-patient-text p {
	margin: 0 0 20px 0;
}

.anxiety-patient-text p:last-child {
	margin-bottom: 0;
}

.anxiety-patient-text h2 {
	font-size: 24px;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 20px 0;
	line-height: 1.3;
}

.anxiety-patient-text h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1f2937;
	margin: 0 0 16px 0;
	line-height: 1.4;
}

.anxiety-patient-text strong {
	font-weight: 600;
	color: #1f2937;
}

/* Responsive Design for Anxiety Patient Section */
@media (max-width: 768px) {
	.anxiety-patient-section {
		margin: 40px 0;
	}

	.anxiety-patient-content {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.anxiety-patient-section.reverse .anxiety-patient-image {
		order: 1;
	}

	.anxiety-patient-section.reverse .anxiety-patient-text {
		order: 2;
	}

	.anxiety-patient-text {
		font-size: 15px;
	}

	.anxiety-patient-text h2 {
		font-size: 22px;
	}

	.anxiety-patient-text h3 {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.anxiety-patient-section {
		margin: 30px 0;
	}

	.anxiety-patient-content {
		gap: 30px;
	}

	.anxiety-patient-text {
		font-size: 14px;
	}

	.anxiety-patient-text h2 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.anxiety-patient-text h3 {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.anxiety-patient-text p {
		margin-bottom: 16px;
	}
}




/*--------------------------------------------------------------
# Amalgamentfernung Page Styles
--------------------------------------------------------------*/

/* Amalgamentfernung Section */
.amalgamentfernung-section {
	margin-bottom: 60px;
}

/* Amalgamentfernung Intro Section */
.amalgamentfernung-intro-section {
	margin-bottom: 60px;
}


/* Amalgam Removal Steps Section */
.amalgam-removal-steps-section {
	margin-bottom: 60px;
}

.amalgam-removal-steps-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.amalgam-removal-step-card {
	border: 1px solid #B9D270;
	border-radius: 12px;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: all 0.3s ease;
	grid-column: span 2 / span 2;
}

.amalgam-removal-step-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.amalgam-removal-step-card:nth-child(4) {
	grid-column: span 3 / span 3;
	grid-row-start: 2;

}

.amalgam-removal-step-card:nth-child(5) {
	grid-column: span 3 / span 3;
	grid-column-start: 4;
	grid-row-start: 2;
}

.amalgam-step-number {
	font-size: 32px;
	font-weight: 700;
	color: #6B8E23;
	line-height: 1;
	margin-bottom: 8px;
}

.amalgam-step-content {
	font-size: 16px;
	line-height: 1.6;
	color: #374151;
}

.amalgam-step-content p {
	margin: 0 0 16px 0;
}

.amalgam-step-content p:last-child {
	margin-bottom: 0;
}

.amalgam-step-content h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1F2937;
	margin: 0 0 12px 0;
	line-height: 1.3;
}

.amalgam-step-content strong {
	font-weight: 600;
	color: #1F2937;
}

/* Responsive design for Amalgamentfernung page */

@media (max-width: 960px) {

	.amalgam-removal-step-card {
		grid-column: span 6 / span 6;
	}

	.amalgam-removal-step-card:nth-child(4) {
		grid-column: span 6 / span 6;
		grid-row-start: 2;
	}

	.amalgam-removal-step-card:nth-child(5) {
		grid-column: span 6 / span 6;
		grid-row-start: 5;

	}
}

@media (max-width: 768px) {
	.amalgamentfernung-section {
		margin-bottom: 40px;
	}

	.amalgamentfernung-intro-section {
		margin-bottom: 40px;
	}

	.amalgam-removal-steps-section {
		margin-bottom: 40px;
	}

	.amalgam-removal-steps-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.amalgam-removal-step-card {
		padding: 24px;
	}


	.amalgam-step-number {
		font-size: 28px;
	}

	.amalgam-step-content {
		font-size: 15px;
	}

	.amalgam-step-content h3 {
		font-size: 18px;
	}
}



/*--------------------------------------------------------------
# 3D Diagnostics Page Styles
--------------------------------------------------------------*/

/* Introduction Text Section */
.diagnostics-intro {
	margin: 40px 0;
}

.diagnostics-intro p {
	font-size: 16px;
	color: #6B7280;
	line-height: 1.6;
	margin: 0;
}

/* Process Steps Grid for Diagnostics */
.process-steps-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
	margin: 60px 0;
}

/* Process Step Card - Matching the 3D diagnostics design */
.process-steps-grid .process-step-card {
	background-color: #F9FFF0;
	border-radius: 12px;
	padding: 24px;
	transition: all 0.3s ease;
	border: 1px solid #E5E7EB;
	width: 100%;
}

.process-step-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.process-step-card .step-number {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-color: #6B8E23;
	color: white;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
	margin-bottom: 16px;
}

.process-step-card h3,
.process-step-card .step-title {
	font-size: 20px;
	font-weight: 700;
	color: #1F2937;
	margin: 0 0 12px 0;
	line-height: 1.3;
}

.process-step-card p,
.process-step-card .step-description {
	font-size: 14px;
	color: #475467;
	line-height: 1.6;
	margin: 0;
}

/* Separator Text */
.diagnostics-separator {
	margin: 40px 0;
	text-align: center;
}

.diagnostics-separator p {
	font-size: 16px;
	color: #374151;
	font-weight: 500;
	margin: 0;
}

/* Image and Content Section */
.diagnostics-content-section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: start;
	margin: 80px 0;
}

.diagnostics-image {
	position: relative;
}

.diagnostics-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}

.diagnostics-text h2 {
	font-size: 28px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 24px 0;
	line-height: 1.2;
}

.diagnostics-description {
	font-size: 16px;
	color: #6B7280;
	line-height: 1.6;
}

.diagnostics-description p {
	margin: 0 0 20px 0;
}

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

/* Additional Content */
.diagnostics-additional-content {
	margin: 60px 0;
	padding: 40px 0;
}

.diagnostics-additional-content h2 {
	font-size: 32px;
	font-weight: 700;
	color: var(--primary);
	margin: 0 0 24px 0;
	line-height: 1.2;
}

.diagnostics-additional-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: var(--primary);
	margin: 0 0 16px 0;
	line-height: 1.3;
}

.diagnostics-additional-content h4 {
	font-size: 20px;
	font-weight: 600;
	color: #374151;
	margin: 0 0 12px 0;
	line-height: 1.4;
}

.diagnostics-additional-content p {
	font-size: 16px;
	color: #6B7280;
	margin: 0 0 20px 0;
	line-height: 1.6;
}

.diagnostics-additional-content ul,
.diagnostics-additional-content ol {
	margin: 0 0 20px 0;
	padding-left: 24px;
}

.diagnostics-additional-content li {
	font-size: 16px;
	color: #6B7280;
	margin-bottom: 8px;
	line-height: 1.6;
}

.diagnostics-additional-content a {
	color: var(--primary);
	text-decoration: none;
	transition: color 0.3s ease;
}

.diagnostics-additional-content a:hover {
	color: #1E40AF;
	text-decoration: underline;
}

.diagnostics-additional-content blockquote {
	border-left: 4px solid var(--primary);
	padding-left: 20px;
	margin: 24px 0;
	font-style: italic;
	color: #6B7280;
}

.diagnostics-additional-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 20px 0;
}

.diagnostics-additional-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.diagnostics-additional-content th,
.diagnostics-additional-content td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #E5E7EB;
}

.diagnostics-additional-content th {
	background-color: #F9FAFB;
	font-weight: 600;
	color: var(--primary);
}

/* Responsive Design for 3D Diagnostics */
@media (max-width: 768px) {
	.process-steps-grid {
		grid-template-columns: 1fr;
		gap: 24px;
		margin: 40px 0;
	}

	.process-step-card {
		padding: 20px;
	}

	.process-step-card .step-number {
		width: 28px;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 12px;
	}

	.process-step-card h3,
	.process-step-card .step-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.process-step-card p,
	.process-step-card .step-description {
		font-size: 13px;
	}

	.diagnostics-content-section {
		grid-template-columns: 1fr;
		gap: 40px;
		margin: 60px 0;
	}

	.diagnostics-text h2 {
		font-size: 24px;
	}

	.diagnostics-description {
		font-size: 15px;
	}

	.diagnostics-additional-content h2 {
		font-size: 28px;
	}

	.diagnostics-additional-content h3 {
		font-size: 22px;
	}

	.diagnostics-additional-content h4 {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.diagnostics-intro p {
		font-size: 15px;
	}

	.diagnostics-separator p {
		font-size: 15px;
	}

	.diagnostics-content-section {
		margin: 40px 0;
		gap: 30px;
	}

	.diagnostics-text h2 {
		font-size: 22px;
	}

	.diagnostics-description {
		font-size: 14px;
	}

	.diagnostics-additional-content {
		margin: 40px 0;
		padding: 20px 0;
	}

	.diagnostics-additional-content h2 {
		font-size: 24px;
	}

	.diagnostics-additional-content h3 {
		font-size: 20px;
	}

	.diagnostics-additional-content h4 {
		font-size: 16px;
	}

	.diagnostics-additional-content p {
		font-size: 15px;
	}
}