body {
	&.home {
		h1:before {
			content: none;
		}
		.nav-bar {
			background-color: transparent;
			padding-bottom: 160px;
			height: 210px;
			@media (width >= 768px) {
				height: 220px;
			}
			@media (width >= 1024px) {
				height: var(--nav-desktop-front);
				padding-bottom: 0;
			}
			.nav-hamburger span {
				background: var(--light-color);
			}
			.menu-button-text {
				color: var(--light-color);
			}
			.menu-buttons .logo-mark {
				display: flex;
				flex-direction: column;
				bottom: 0;
				transform: translate(-50%, -25%);
				@media (width >= 768px) {
					transform: translate(-50%, -50%);
				}
				a {
					max-width: calc(100vw - 40px);
				}
				.logo-additional-text {
					color: var(--light-color);
					font-weight: var(--fw-bold);
					letter-spacing: 0.1em;
					text-transform: uppercase;
					opacity: 1;
					transition: color .3s;
				}
			}
			&:not(.change-state) {
				.logo-mark a {
					/* @media (width >= 1024px) { */
						height: calc(var(--nav-desktop-front) - 20px);
					/* } */
				}
				svg path {
					fill: var(--light-color);
					&.stroke-path {
						stroke: var(--light-color);
					}
				}
				.menu-trigger {
					&:hover,
					&:active,
					&:focus {
						.menu-button-text {
							color: var(--tertiary-color);
						}
						span {
							background: var(--tertiary-color);
						}
					}
				}
			}
			&.change-state {
				background-color: var(--light-color);
				height: 85px;
				padding-bottom: 0;
				.nav-hamburger span {
					background: var(--dark-color);
				}
				.menu-trigger {
					&:hover,
					&:active,
					&:focus {
						.menu-button-text {
							color: var(--secondary-color);
						}
						span {
							background: var(--secondary-color);
						}
					}
				}
				.menu-button-text {
					color: var(--dark-color);
				}
				@media (width >= 1024px) {
					height: var(--nav-desktop);
				}
				div.menu-trigger a,
				div.menu-contact a {
					color: var(--dark-color);
					&:hover,
					&:active,
					&:focus {
						color: var(--secondary-color);
						svg {
							path, g {
								fill: var(--secondary-color) !important;
								&.stroke-path {
									stroke: var(--secondary-color);
								}
							}
						}
					}
				}
				.menu-buttons .secondary-nav .each-button .show-icon svg path,
				.header-address-site-locations .location-each a .show-icon svg path,
				.header-phone-site-locations .location-each a .show-icon svg path {
					fill: var(--dark-color) !important;
				}
				.hover-menu {
						a {
						color: var(--light-color) !important;
						/* &:hover,
						&:active,
						&:focus {
							color: var(--secondary-color);
							svg {
								path, g {
									fill: var(--secondary-color) !important;
									&.stroke-path {
										stroke: var(--secondary-color);
									}
								}
							}
						} */

					}
					/* li.button a {
						&:hover,
						&:active,
						&:focus {
							color: var(--secondary-color) !important;
						}
					} */
				}
				/* svg {
					path, g {
						fill: var(--dark-color) !important;
						&.stroke-path {
							stroke: var(--dark-color);
						}
					}
				} */
				.menu-buttons .secondary-nav {
					.label {
						color: var(--dark-color);
					}
					a:hover,
					a:active,
					a:focus {
						.label {
							color: var(--secondary-color);
						}
						svg path, g {
							fill: var(--secondary-color) !important;
							&.stroke-path {
								stroke: var(--secondary-color);
							}
						}
					}
				}
				.logo-mark {
					bottom: 50%;
					transform: translate(-50%, -50%);
					a:hover,
					a:active,
					a:focus {
						svg path, g {
							fill: var(--dark-color) !important;
							&.stroke-path {
								stroke: var(--dark-color);
							}
						}
					}
					.logo-additional-text {
						opacity: 0;
					}
				}
			}
		}

		main {
			/* h1,
			.h1 {
				font-size: 45px;
				line-height: 1.1em;

				@media (width >= 1024px) {
					font-size: 55px;
				}
			} */

			h2,
			.h2 {
				color: var(--dark-color);
				font-size: 32px;
				letter-spacing: 0.03em;
				position: relative;
				padding-top: 43px;
				@media (width >= 768px) {
					font-size: 46px;
				}
				/* Desktop Styles */
				/* @media (width >= 1024px) {
					font-size: 45px;
					line-height: 1.45em;
				} */
				&:before {
					content: '';
					background-image: url('../images/svg/header-accent.svg');
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					width: 105px;
					height: 37px;
					position: absolute;
					left: 50%;
					top: 0;
					transform: translateX(-50%);
				}
				span {
					display: block;
				}
			}

			.heading-light-color {
				h2, .h2 {
					color: var(--light-color);
					&:before {
						background-image: url('../images/svg/header-accent-light.svg');
					}
				}
			}

			h3,
			.h3 {

				/* Desktop Styles */
				@media (width >= 1024px) {
					font-size: 39px;
					line-height: 1.25em;
				}
			}

			h4,
			.h4,
			h5,
			h6 {

				/* Desktop Styles */
				@media (width >= 1024px) {
					font-size: 31px;
				}
			}

			.module-subheading, .module-preheading {
				color: var(--secondary-color);
				font-family: var(--primary-font);
				font-size: 16px;
				font-weight: var(--fw-extra-bold);
				letter-spacing: 0.02em;
				text-transform: uppercase;
			}
		}

		.header-content-wrapper {
			padding-left: 20px;
			padding-right: 20px;
			h2 {
				color: var(--light-color);
				font-family: var(--secondary-font);
				font-size: 44px;
				font-weight: var(--fw-semi-bold);
				letter-spacing: 0.02em;
				line-height: 1.1em;
				margin-bottom: 10px;
				text-align: center;
				@media (width >= 768px) {
					font-size: 87px;
				}
				@media (width >= 1024px) {
					opacity: 0;
				}
				span {
					display: block;
				}
			}
			.tagline {
				color: var(--tertiary-alt);
				font-size: 18px;
				text-align: center;
				@media (width >= 768px) {
					font-size: 20px;
				}
				@media (width >= 1024px) {
					opacity: 0;
				}
			}
		}

		.rm-module {
			max-width: 100%;
			overflow: hidden;
			scrollbar-width: none;
		}
	}

	/* Home Procedures */
	.home-procedures {
		.module-heading {
			margin-bottom: 10px;
		}
		.module-subheading {
			margin-bottom: 32px;
		}
	}

	/* Home Doctors */
	.hero-image:has(+ .home-doctors) {
		background-position: left 15% center;
		@media (width >= 768px) {
			background-position: left center;
		}
	}
	.home-doctors {
		.img-text-container {
			display: flex;
			row-gap: 30px;
			flex-direction: column-reverse;
			align-items: center;
			@media (width >= 768px) {
				row-gap: 20px;
			}
			@media (width >= 1024px) {
				column-gap: 15px;
				flex-direction: row;
			}
			div:has(img) {
				@media (width >= 1024px) {
					width: 155px;
				}
			}
			div:not(:has(img)) {
				@media (width >= 1024px) {
					width: calc(100% - 170px);
				}
			}
			img {
				width: 100%;
				max-width: 125px;
				height: auto;
				@media (width >= 768px) {
					max-width: 135px;
				}
				@media (width >= 1024px) {
					max-width: 155px;
				}
			}
			+ h3 {
				color: var(--secondary-color);
				font-family: var(--primary-font);
				font-size: 22px;
				font-weight: var(--fw-semi-bold);
				letter-spacing: 0.02em;
				column-gap: 27px;
				position: relative;
				@media (width >= 768px) {
					font-size: 30px;
				}
				@media (width >= 1024px) {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 50px;
					margin-bottom: 30px;
					width: 100%;
				}
				&:before, &:after {
					@media (width >= 1024px) {
						/* position: absolute; */
						content: '';
						top: 50%;
						width: 20%;
						height: 1px;
						background-color: var(--primary-color);
					}
				}
			}
		}
		.doctor-list {
			.doctor-container {
				background-color: var(--light-color);
				box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
				padding: 20px;
				@media (width >= 768px) {
					padding: 30px;
				}
				@media (width >= 1024px) {
					padding: 40px;
				}
			}
			.doctor-content {
				display: grid;
				grid-template-columns: 1fr;
				grid-template-areas: 'doctor-image'
														 'doctor-heading'
														 'doctor-content'
														 'doctor-button';
				@media (width >= 1024px) {
					column-gap: 40px;
					align-items: center;
				}
				@media (width >= 1280px) {
					column-gap: 50px;
				}
			}
			&.inverse .doctor-odd .doctor-content,
			&:not(.inverse) .doctor-even .doctor-content {
				@media (width >= 1024px) {
					grid-template-columns: 420px auto;
					grid-template-rows: auto auto auto;
					grid-template-areas: 'doctor-image doctor-heading'
														   'doctor-image doctor-content'
														   'doctor-image doctor-button';
				}
			}
			&.inverse .doctor-even .doctor-content,
			&:not(.inverse) .doctor-odd .doctor-content {
				@media (width >= 1024px) {
					grid-template-columns: auto 420px;
					grid-template-rows: auto auto auto;
					grid-template-areas: 'doctor-heading doctor-image'
														   'doctor-content doctor-image'
														   'doctor-button doctor-image';
				}
			}
			.doctor-inline-image {
				aspect-ratio: 140 / 143;
				margin-bottom: 0 !important;
				object-fit: cover;
				object-position: top 10% left 50%;
				grid-area: doctor-image;
				float: none !important;
				max-width: 100% !important;
				@media (width >= 1024px) {
					/* aspect-ratio: unset; */
					object-fit: unset;
					margin: 0 !important;
					width: 100%;
					height: auto;
					max-width: 100% !important;
					float: none !important;
				}
			}
			.module-heading {
				font-size: 26px;
				grid-area: doctor-heading;
				@media (width >= 768px) {
					font-size: 40px;
				}
				@media (width >= 1024px) {
					margin-bottom: 0;
					padding-top: 0;
					text-align: left;
				}
				&:before {
					content: none;
				}
			}
			.intro-content {
				grid-area: doctor-content;
			}
			.read-more-button {
				grid-area: doctor-button;
				@media (width >= 1024px) {
					margin-left: 0;
					margin-top: 0;
				}
			}
		}
	}

	.home-testimonials {
		padding-top: 40px;
		padding-bottom: 50px;
		@media (width >= 768px) {
			padding-top: 70px;
			padding-bottom: 90px;
		}
		@media (width >= 1024px) {
			padding-top: 115px;
			padding-bottom: 115px;
		}
		.module-heading {
			@media (width >= 1024px) {
				margin-bottom: 35px;
			}
			span {
				@media (width >= 1024px) {
					display: inline !important;
				}
			}
		}
		.owl-stage {
			display: flex;
			flex-wrap: nowrap;
			.owl-item {
				display: flex;
				flex: 1 0 auto;
				@media (width <= 1023px) {
					height: fit-content;
				}
			}
		}
		.each-testimonial {
			background-color: var(--light-color);
			padding: 25px;
			@media (width >= 768px) {
				padding: 60px 45px;
			}
			@media (width <= 1023px) {
				height: fit-content;
			}
			@media (width >= 1024px) {
				display: flex;
				align-items: center;
				padding: 45px 50px;
			}
			.testimonial-stars svg path {
				fill: var(--tertiary-alt);
			}
			blockquote {
				color: var(--dark-color);
				font-size: 16px !important;
				font-style: normal;
				letter-spacing: 0.02em;
				@media (width >= 768px) {
					font-size: 18px !important;
					margin-bottom: 35px;
				}
				&:before, &:after {
					content: none;
				}
			}
			figcaption {
				color: var(--primary-color);
				font-size: 22px;
				letter-spacing: 0.02em;
				text-transform: uppercase;
				@media (width >= 768px) {
					font-size: 30px;
				}

			}
		}
		.testimonials-carousel .owl-dots {
			margin-top: 30px;
			column-gap: 12px;
			@media (width >= 768px) {
				margin-top: 50px;
			}
			@media (width >= 1024px) {
				margin-top: 55px;
			}
			.owl-dot {
				background: var(--light-color);
				border: none;
				border-radius: 0;
				width: 27px;
				height: 5px;
				&.active {
					background: var(--tertiary-alt);
				}
			}
		}
	}

	.home-about {
		@media (width >= 768px) {
			padding: 75px 40px;
		}
		@media (width >= 1280px) {
			padding-left: calc(80px + (50vw - (var(--full) / 2)));
			padding-right: calc(80px + (50vw - (var(--full) / 2)));
		}
		.lpb-column, .lpb-column-content {
			@media (width >= 768px) {
				padding: 0 !important;
			}
		}
		&.mod-pagebuilder .lpb-row .lpb-column-content:has(img) {
			padding-bottom: 0 !important;
			@media (width >= 768px) {
				padding-bottom: 20px !important;
			}
		}
		.lpb-column-content {
			@media (width >= 1024px) {
				display: grid;
				grid-template-rows: minmax(240px, auto) auto;
			}
			.section-intro {
				padding-top: 35px;
				@media (width >= 1024px) {
					padding-top: 48px;
				}
			}
		}
		.lpb-row {
			@media (width >= 1024px) {
				column-gap: 40px;
			}
			@media (width >= 1280px) {
				column-gap: 75px;
			}
		}
		.module-heading {
			line-height: 1.38em;
			margin-bottom: 20px;
			text-align: center;
			@media (width >= 768px) {
				margin-bottom: 35px;
			}
			@media (width >= 1024px) {
				text-align: left;
			}
			&:before {
				@media (width >= 1024px) {
					left: 0 !important;
					transform: none !important;
				}
			}
		}
		img {
			margin-bottom: 0;
			max-width: 100%;
		}
		ul {
			list-style: none;
			margin: 0;
			@media (width >= 768px) {
				margin-top: 30px;
				margin-bottom: 30px;
			}
			li {
				display: grid;
				column-gap: 15px;
				grid-template-columns: 80px auto;
				grid-template-rows: auto auto;
				grid-template-areas: 'list-image list-h3'
														 'list-image list-description';
				margin-top: 35px;
				margin-bottom: 25px;
				position: relative;
				&:last-of-type {
					margin-bottom: 0;
				}
				h3 {
					color: var(--secondary-color);
					grid-area: list-h3;
					margin-top: 0;
					margin-bottom: 10px;
					text-transform: none;
					@media (width >= 768px) {
						font-size: 24px;
					}
				}
				img {
					grid-area: list-image;
					width: 100%;
					height: auto;
					position: absolute;
				}
				div {
					grid-area: list-description;
				}
			}
		}
		.section-outro-container {
			padding-top: 0;
			.button {
				padding: 12px;
			}
		}
	}
}