/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

*,
::after,
::before,
::backdrop,
::file-selector-button {
	box-sizing: border-box;
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/

html,
:host {
	line-height: 1.5;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	tab-size: 4;
	/* 3 */

	-webkit-tap-highlight-color: transparent;
	/* 7 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/

hr {
	height: 0;
	/* 1 */
	color: inherit;
	/* 2 */
	border-top-width: 1px;
	/* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/*
  Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
	color: inherit;
	-webkit-text-decoration: inherit;
	text-decoration: inherit;
}

/*
  Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-size: 1em;
	/* 4 */
}

/*
  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;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/

table {
	text-indent: 0;
	/* 1 */
	border-color: inherit;
	/* 2 */
	border-collapse: collapse;
	/* 3 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
	outline: auto;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/*
  Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*
  Make lists unstyled by default.
*/

ol,
ul,
menu {
	list-style: none;
}

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	/* 1 */
	vertical-align: middle;
	/* 2 */
}

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
	font: inherit;
	/* 1 */
	font-feature-settings: inherit;
	/* 1 */
	font-variation-settings: inherit;
	/* 1 */
	letter-spacing: inherit;
	/* 1 */
	color: inherit;
	/* 1 */
	border-radius: 0;
	/* 2 */
	background-color: transparent;
	/* 3 */
	opacity: 1;
	/* 4 */
}

/*
  Restore default font weight.
*/

:where(select:is([multiple], [size])) optgroup {
	font-weight: bolder;
}

/*
  Restore indentation.
*/

:where(select:is([multiple], [size])) optgroup option {
	padding-inline-start: 20px;
}

/*
  Restore space after button.
*/

::file-selector-button {
	margin-inline-end: 4px;
}

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
	opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or (contain-intrinsic-size: 1px)
	/* Safari 17+ */ {
	::placeholder {
		color: color-mix(in oklab, currentcolor 50%, transparent);
	}
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
	resize: vertical;
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

::-webkit-date-and-time-value {
	min-height: 1lh;
	/* 1 */
	text-align: inherit;
	/* 2 */
}

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

::-webkit-datetime-edit {
	display: inline-flex;
}

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

::-webkit-datetime-edit-fields-wrapper {
	padding: 0;
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
	padding-block: 0;
}

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/*
  Correct the inability to style the border radius in iOS Safari.
*/

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
	appearance: button;
}

/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden='until-found'])) {
	display: none !important;
}

body {
	background-color: #ffffff;
	font-family: 'Montserrat', sans-serif;
}

.section-hero,
.section-make,
.section-achievement,
.section-solve,
.section-vds,
.section-ctr,
.section-about,
.section_faqs,
.section-appointment {
	padding-block: 2rem;
}

.section-hero {
	padding-block: 3rem;
	background-image: url(../images/Backhero.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;

	& .hero-content {
		margin-bottom: 0rem;
		text-align: center;
	}

	& .ew_hero_title {
		color: #0056b3;
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: 120%;
		text-align: center;

		& span {
			color: #38a3b1;
		}
	}
	& .hero-images {
		& .hero-image-items {
			margin-bottom: 1rem;
			@media (min-width: 768px) {
				margin-bottom: 0rem;
			}
			& img {
				height: 20rem;
				object-fit: cover;
				border-radius: 1rem;
				width: 100%;
			}
		}
	}

	& .button-google-reviews {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		padding-block: 1.5rem;
		gap: 1.75rem;
	}

	& .hero-image img {
		max-height: 14rem;
		object-fit: cover;
		object-position: top center;
		border-radius: 1rem;
		@media (min-width: 768px) {
			max-height: 34rem;
		}
	}
}

.ew_hero_description {
	padding-block: 1.5rem;
	text-align: left;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	color: #3c4959;
	max-width: 67rem;
	margin: 0 auto;
}

.conection_person {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2rem;
	flex-direction: column;

	& .button_contact:hover {
		background-color: #fff;
		color: #0056b3;
	}

	& .button_contact {
	}

	& .button_contact .btn__contact {
		padding: 0.8rem 2.5rem;
		background: linear-gradient(90deg, #38a3b1 0%, #1c7cb2 50.48%, #0056b3 100%);
		border-radius: 0.625rem;
		transition: 0.5s;
		text-decoration: none;
		color: #fff;
		font-size: 1rem;
		text-transform: capitalize;
		font-weight: 700;
	}

	& .button_tel {
		/* color: #0056b3; */
		font-size: 1rem;
		font-weight: 600;
		text-decoration: none;
		display: flex;
		align-items: center;
		flex-direction: row;
		gap: 1rem;
		/* border: 1px solid #0056b3; */
		border-radius: 0.625rem;
		padding: 0.8rem 2.5rem;
		cursor: pointer;

		& svg * {
			stroke: #fff;
		}

		&:hover {
			color: #fff;
			background: linear-gradient(0deg, #38a3b1 0%, #1c7cb2 50.48%, #0056b3 100%);
		}
	}

	& .tell_content a:hover {
		color: #fff;
		background: linear-gradient(90deg, #38a3b1 0%, #1c7cb2 50.48%, #0056b3 100%);
		border: 1px solid #fff;
	}

	& .tell_content a {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #0056b3;
		border-radius: 0.625rem;
		gap: 0.5rem;
		padding: 0.8rem 2.5rem;
		cursor: pointer;
	}
}

.slide_relative {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	margin-block: 3.75rem;
}

/* ////////////section__make///////////// */
.section-make {
	& .make_part {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& .ew_make_title {
			color: #1e1e1e;
			font-weight: 600;
			font-size: 2.0625rem;
			text-align: center;
			position: relative;
		}

		& .ew_make_dis {
			padding-block: 1.5rem;
			text-align: center;
			font-size: 1.125rem;
			font-weight: 400;
			max-width: 47rem;
		}
	}

	& .ew__teeth_part .ew__teeth_item {
		--teeth-item-border-radius: 2rem;
		position: relative;
		/* max-width: 27.162rem; */
		height: 21.72956rem;
		overflow: hidden;
		padding: 0.5rem;
		border-radius: var(--teeth-item-border-radius);

		& img {
			object-fit: cover;
			width: 100%;
			height: 100% !important;
			/* max-width: 435px; */
			border-radius: var(--teeth-item-border-radius);
		}

		& .ew___content {
			position: absolute;
			top: 0;
			padding: 2.17rem;
			display: flex;
			flex-direction: column;
			gap: 0.5rem;

			& .ew__teeth_title {
				color: #1e1e1e;
				font-size: 1.5rem;
				font-weight: 700;
				max-width: 12rem;
				margin: 0;
				& a.ew__teeth_title_link {
					color: #1e1e1e;
					font-size: 1.5rem;
					font-weight: 700;
					max-width: 12rem;
					&:hover {
						color: #0056b3;
					}
				}
			}

			& .ew__teeth_dis {
				max-width: 14rem;
				font-size: 1rem;
				font-style: normal;
				font-weight: 400;
				color: #3c4959;
			}

			& .ew__teeth_item_link {
				padding: 0.72rem 1.45rem;
				border-radius: 0.72431rem;
				background: #fff;
				text-decoration: none;
				color: #0056b3;
				font-size: 1.125rem;
				font-style: normal;
				font-weight: 500;
				width: max-content;
				transition: 0.5s;

				&:hover {
					background-color: #0056b3;
					color: #fff;
				}
			}
		}
	}
}

.solve_title span,
.about_title span,
.vds_title span,
.ctr-title span,
.appointment_title span,
.ew_make_title span {
	color: #0056b3;
}

/* ////////////section__achievement///////////// */
.solve-part,
.about-part,
.vds-part,
.achievement-part {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1.5rem;
	position: relative;
	margin-bottom: 2rem;
}
.section-achievement .image-gallery-container .image-container img {
	border-radius: 1rem;
}

.achievement-part {
	margin-bottom: 1rem;
	@media (min-width: 1200px) {
		margin-bottom: 2rem;
	}
}
.section-achievement {
	& .image-gallery-container .image-container {
		padding: 0.75rem;
	}
	& .swiper-slide img {
		border-radius: 1.25rem;
	}
	& .carousel {
		& .before-after-slide {
			display: flex;
			justify-content: space-between;
			gap: 3rem;
			padding: 1.5rem;
			flex-direction: column;
			@media (min-width: 1200px) {
				flex-direction: row;
				gap: 2rem;
			}
			& .before-item,
			& .after-item {
				margin-bottom: 2rem;
			}
			& span.after-before-text {
				position: absolute;
				bottom: -3rem;
				z-index: 10;
				font-size: 1.25rem;
				font-weight: 700;
				color: #0056b3;
			}

			& img {
				max-height: 100%;
				max-width: 95%;
				object-fit: cover;
				z-index: 10;
			}
		}
	}
	& .grid {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		@media (min-width: 1200px) {
			flex-direction: row;
		}

		& .before-after-title {
			font-size: 1.25rem;
			font-weight: 600;
			text-align: center;
			color: #0056b3;
			margin-bottom: 1.5rem;
		}

		& .before-after-item {
			border: 6px solid #e6e8ff;
			border-radius: 1.5rem;
			padding: 0;
			overflow: clip;
			margin-block: 1rem;

			& img {
				height: 8rem;
				width: 100%;
				object-fit: cover;
			}

			& .after-item,
			& .before-item {
				position: relative;
			}

			& .after-before-text {
				--border-radius: 1.25rem;
				position: absolute;
				padding: 0.25rem;
				background-color: #fff;
				min-width: 4.25rem;
				text-align: center;
				font-size: 0.875rem;
				font-weight: 600;
				z-index: 1;
				color: #0056b3;

				&.after-text {
					bottom: 0;
					left: 0;
					border-radius: 0rem var(--border-radius) 0rem 0rem;
				}
				&.before-text {
					top: 0;
					left: auto;
					right: 0;
					border-radius: 0rem 0rem 0rem var(--border-radius);
				}
			}
		}
	}
}
.achievement_title {
	color: #1e1e1e;
	font-size: 2.0625rem;
	font-style: normal;
	font-weight: 600;
	position: relative;
	margin: 0;
}

.vds-part p {
	text-align: center;
	color: #3c4959;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	max-width: 40rem;
}

.achievement_dis {
	text-align: center;
	color: #3c4959;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	max-width: 40rem;
}

.achievement_title span {
	color: #0056b3;
}

.faq_title span {
	color: #0056b3;
}

.faq_title {
	text-align: center;
	font-size: 2.0625rem;
	font-style: normal;
	font-weight: 600;
	color: #1e1e1e;
	padding-bottom: 1.5rem;
	position: relative;
}

.faq__item {
	border-radius: 0.625rem;
	background: #fff;
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
}

.content_faq {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.faq__title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	transition: 300ms;
	background-color: #ffffff;
	.faq_question {
		transition: 300ms;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 600;
		color: #0056b3;
		margin: unset;
	}

	& span {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 2rem;
		height: 2rem;

		&::before,
		&::after {
			content: '';
			position: absolute;
			font-size: 2.3rem;
			background-color: #0056b3;
			transition: 0.5s;
			width: 1rem;
			height: 0.125rem;
		}
		&::after {
			transform: rotate(90deg);
		}
	}

	&:hover,
	&.active {
		background-color: #0056b3;
		color: #fff;
		& .faq_question {
			color: inherit;
		}
		& span::after {
			transform: rotate(0);
		}
		& span::before,
		& span::after {
			background-color: #fff;
		}
	}
}

.faq_body {
	display: none;
	padding: 1.5rem 1.25rem;

	& p {
		color: #1e1e1e;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 2;
	}
}

.appointment-part {
	display: flex;
	align-items: center;
	justify-content: center;
}

.about_title,
.appointment_title,
.appointment_title {
	font-size: 2.0625rem;
	font-style: normal;
	font-weight: 600;
	color: #1e1e1e;
}

.vds-container {
	margin-block: 1rem;

	& .row {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(-1 * var(--bs-gutter-y));
		margin-right: calc(-0.5 * var(--bs-gutter-x));
		margin-left: calc(-0.5 * var(--bs-gutter-x));
	}
}

.w100 {
	width: 100%;
	object-fit: cover;
}

.swiper-wrapper,
.swiper-slide {
	height: auto !important;
}

.section-vds .content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 2rem;

	& .content_bas {
		& .content_bas_item {
			--cstm-list-icon-size: 1.25rem;
			position: relative;

			& p {
				color: #111111;
				padding-left: 1.8rem;
				font-size: 1.25rem;
				text-align: left;
			}

			&::before {
				content: '';
				background-image: url(../images/tik.png);
				position: absolute;
				background-size: var(--cstm-list-icon-size);
				width: var(--cstm-list-icon-size);
				height: var(--cstm-list-icon-size);
				top: 0;
				transform: translateY(25%);
			}
		}
	}
}

.vds-img img {
	border-radius: 3rem;
	z-index: 3 !important;
	position: relative;
}

.vds_title {
	font-size: 2.0625rem;
	font-weight: 600;
	color: #3c4959;
	margin: 0;
}

.about_dis {
	max-width: 40rem;
	text-align: center;
	font-size: 1.125rem;
	color: #3c4959;
}

.head__img {
	max-width: 4.3rem;
}

.baes_heade {
	display: flex;
	align-items: center;
	gap: 0.6rem;

	& h3 {
		color: #011632;
		font-family: Montserrat;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 600;
		line-height: 120%;
	}

	& .header_sw_S {
		color: #3c4959;
		font-family: 'Open Sans';
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 155%;
		letter-spacing: 0.015rem;
	}
}

.sw_s_content {
	border-radius: 0.7rem;
	padding: 1rem;
}

.swiper-about {
	margin-inline: -2rem !important;
	padding: 2rem !important;

	& .sw_s_content {
		box-shadow: 0 0 8px;
	}
}

.slide-img-appointment {
	width: 100%;
	max-height: 31rem;
	object-fit: contain;
}

.content__imag {
	position: relative;
}

.content__imag span::before {
	content: '';
	position: absolute;
	width: 25.41363rem;
	height: 32.67788rem;
	background-image: linear-gradient(180deg, #cdf4d3 0%, #60b4bf 100%);
	left: 6rem;
	top: 0rem;
	transform: rotate(-188.004deg);
	border-radius: 50px;
	opacity: 0.8;
	z-index: -1;
}

.content__imag span::after {
	content: '';
	position: absolute;
	width: 26.884rem;
	height: 32.86944rem;
	background-image: linear-gradient(180deg, #cdf4d3 0%, #60b4bf 100%);
	left: 5rem;
	top: 0rem;
	transform: rotate(-176deg);
	border-radius: 50px;
	opacity: 0.8;
	z-index: -1;
}

.appointment-content {
	padding-block: 1.5rem;
}

.vds_title {
	font-size: 2.0625rem;
	font-weight: 600;
	color: #3c4959;
	margin: 0;
}

.section-solve {
	& .solve_title {
		font-weight: 600;
		color: #3c4959;
		margin: 0;
	}
	& .solve_dis {
		text-align: center;
		color: #3c4959;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 400;
		max-width: 40rem;
	}
	& .row.solving-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		align-items: stretch;
		& .content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin-bottom: -3rem;
			margin-right: 0;
			z-index: 0;
		}
	}
}

.service_content {
	display: flex;
	align-items: center;
	justify-content: center;

	& .row {
		display: flex;
		justify-content: flex-start;
		gap: 1.5rem 0rem;
	}
}

.service_item {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
}

.service_title {
	text-align: center;
	font-size: 1.25rem;
	font-weight: 600;
	color: #3c4959;
	text-transform: capitalize;
	line-height: 1.5;
}

.solve_content {
	& .video-container {
		aspect-ratio: 1.7777;
	}

	& span::before {
		content: '';
		position: absolute;
		width: 37.537rem;
		height: 80.33525rem;
		background-image: url(../images/Group\ 1000003726.png);
		left: 39rem;
		top: -9rem;
		transform: rotate(-82.412deg);
		border-radius: 50px;
		opacity: 0.8;
		z-index: -1;
	}
}

.solve_content .section-solve {
	position: relative;
}

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

.section-ctr {
	& .ctr {
		padding: 2rem 1.5rem;
		border-radius: 0.625rem;
		background: linear-gradient(174deg, #e3f2fd 5.09%, #60b4bf 315.46%);

		& .cta-content {
			display: flex;
			flex-direction: column;
			gap: 1rem;

			& .cta_title {
				text-align: center;
				color: #1e1e1e;
				font-family: Montserrat;
				font-size: 2.0625rem;
				font-style: normal;
				font-weight: 600;
				line-height: 150%;
				letter-spacing: -0.04538rem;

				& span {
					color: #0056b3;
				}
			}

			& .cta_sub_title {
				text-align: center;
				color: #1e1e1e;
				font-family: 'Open Sans';
				font-size: 1.125rem;
				font-style: normal;
				font-weight: 400;
				line-height: normal;
			}
		}

		& .cta-button-part a.cta-btn {
			display: inline-block;
			width: 100%;
		}
	}
}

.button {
	display: inline-block;
	border-radius: 0.625rem;
	background: linear-gradient(90deg, #38a3b1 0%, #1c7cb2 50.48%, #0056b3 100%);
	color: #fff !important;
	text-align: center;
	font-family: Montserrat;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
	padding: 1.125rem 2rem;
	opacity: 0.85;
	transition: all 300ms ease-in-out;

	&:hover {
		background: linear-gradient(0deg, #38a3b1 0%, #1c7cb2 50.48%, #0056b3 100%);
		color: #ffffff;
		opacity: 1;
	}
	&:focus,
	&:active {
		color: #ffffff;
		opacity: 1;
	}
}

.text-pretty {
	text-wrap: pretty;
}

.text-white {
	color: #fff;
}

.working-hours-wrap.has_borders .row {
	margin: 0;
}

/* Header */
.vdsc-header {
	& .container {
		& .row {
			padding-block: 2rem;
		}
		& .vdsc-header__top-bar {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;

			& a.vdsc-header__top-bar__logo img {
				height: 6rem;
				object-fit: contain;
				width: 100%;
				object-position: center left;
			}
			& .vdsc-header__top-bar__container.content {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				gap: 1rem;

				& a.vdsc-header__top-bar__contact__item__link.phone {
					--icon-size: 1.125rem;
					color: #0056b3;
					display: inline-block;
					border-radius: 0.625rem;
					background: #ffffff00;
					text-align: center;
					font-family: Montserrat;
					font-size: 1rem;
					font-style: normal;
					font-weight: 700;
					line-height: normal;
					text-transform: capitalize;
					padding: 1.125rem 2rem;
					transition: 300ms;
					display: flex;
					align-items: center;
					gap: 0.75rem;

					&:hover {
						background-color: #0056b3;
						color: #fff;
					}

					&::before {
						content: '';
						background-image: url(../images/call-calling.svg);
						display: inline-block;
						width: var(--icon-size);
						height: var(--icon-size);
					}
				}
			}
		}
	}
}

/* Nav */
@media (max-width: 767px) {
	a.vdsc-header__top-bar__contact__item__link {
		display: none;
	}
}
.vdsc-nav {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 20px;
}

.vdsc-nav > li {
	position: relative;
}

.vdsc-nav a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #1e1e1e;
	font-family: Montserrat;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
	border-radius: 0.5rem;
}

.vdsc-nav li:hover > a {
	background-color: #eee;
}

/* Dropdown Styles */
.vdsc-nav li ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: #fff;
	list-style: none;
	border: 1px solid #ddd;
	z-index: 1000;
}

.vdsc-nav li:hover > ul.sub-menu {
	display: block;
}

.vdsc-nav li ul.sub-menu li {
	position: relative;
}

.vdsc-nav li ul.sub-menu li ul.sub-menu {
	left: 100%;
	top: 0;
}

/* Responsive (Mobile Nav Toggle) */
@media (max-width: 768px) {
	.vdsc-nav {
		flex-direction: column;
		display: none;
	}

	.vdsc-nav.active {
		display: flex;
	}

	.menu-toggle {
		display: block;
		cursor: pointer;
		font-size: 1.5rem;
		margin-left: auto;
		padding: 10px;
	}

	.vdsc-nav li ul.sub-menu {
		position: static;
		border: none;
	}

	.vdsc-nav li:hover > ul.sub-menu {
		display: none;
	}

	.vdsc-nav li.active > ul.sub-menu {
		display: block;
	}
}
.vdsc-nav li ul.sub-menu {
	transition: all 0.3s ease;
}
.menu-toggle {
	display: none;
	font-size: 1.5rem;
	padding: 10px 15px;
	cursor: pointer;
}

@media (max-width: 768px) {
	.menu-toggle {
		display: block;
	}
}
.menu-item.menu-item-has-children ul.sub-menu {
	padding-left: 0;
	box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
	border-radius: 0.5rem;
	border: none;
}

.buttonizer.buttonizer-group {
	display: none !important;
}

.double-layered-fantacy-bg {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	--bg-rotate: 4deg;
	& > :is(div, iframe) {
		position: relative;
		width: 95%;
		height: 95%;
		z-index: 10;
	}

	&::before,
	&::after {
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		border-radius: 2rem;
	}

	&::before {
		background: linear-gradient(180deg, #cdf4d3 0%, #60b4bf 100%);
		transform: rotate(var(--bg-rotate));
		opacity: 0.5;
	}

	&::after {
		background: linear-gradient(180deg, #cdf4d3 0%, #60b4bf 100%);
		transform: rotate(calc(-1 * var(--bg-rotate)));
	}
}

.section-appointment {
	& .appointment-content .row {
		display: flex;
		align-items: center;
		flex-direction: column-reverse;
		gap: 2rem;
	}
}
.section-hero .hero-form.light-input {
	margin-top: 3rem;
}

.section-title {
	font-size: 1.625rem !important;
}
/* Start Responsive 1200px */
@media (min-width: 1200px) {
	.section-title {
		font-size: 2rem !important;
	}
	.section-hero,
	.section-make,
	.section-achievement,
	.section-solve,
	.section-vds,
	.section-ctr,
	.section-about,
	.section_faqs,
	.section-appointment {
		padding-block: 2.5rem;
	}
	.section-hero {
		padding-block: 7rem;

		& .ew_hero_title {
			font-size: 2.25rem;
			text-align: left;
		}
		& .hero-content {
			text-align: left;
		}
		& .hero-images .hero-image-items {
			margin-bottom: 0rem;
			& img {
				height: 18rem;
			}
		}
	}
	.double-layered-fantacy-bg {
		/* width: calc(100% - 5rem);
		height: calc(100% - 4.5rem); */
		margin-block: 1.5rem;

		& > :is(div, iframe) {
			width: calc(100% - 5rem);
			height: calc(100% - 5rem);
		}
	}
	.solve-part,
	.about-part,
	.vds-part,
	.achievement-part,
	.clinic-part {
		margin-bottom: 1.5rem;
	}
	.section-appointment .appointment-content .row {
		flex-direction: row;
		gap: 2rem;
	}

	.section-hero {
		padding-block: 10rem 5rem;
		margin-bottom: -3rem;
		.hero-content {
			margin-bottom: 0rem;
		}
	}
	.section-hero .hero-form.light-input {
		margin-top: 0;
	}
	.conection_person {
		flex-direction: row;
	}
	.section-vds .content {
		margin-top: 0;
		padding-left: 3rem;
	}
	.service_content {
		& .row {
			gap: 1rem;
		}
	}
	.section-ctr {
		& .ctr.row {
			padding: 4rem 3.5rem;
			display: flex;
			align-items: center;
			& .cta-content {
				& .cta_title {
					text-align: left;
				}
				& .cta_sub_title {
					text-align: left;
				}
			}
			& .cta-button-part {
				& .button.cta-btn {
					max-width: 18rem;
					float: right;
				}
			}
		}
	}
	.title_underlined_fantasy span {
		position: relative;

		&::after {
			content: '';
			position: absolute;
			width: 100%;
			height: 2rem;
			background-image: url(../images/line\ two.svg);
			background-repeat: no-repeat;
			left: 50%;
			transform: translateX(-50%);
			top: 3rem;
		}
	}
	.section-solve {
		& .row.solving-content {
			flex-direction: row;
			& .content {
				display: flex;
				flex-direction: column;
				margin-bottom: 0rem;
				margin-right: -4rem;
				& .service_content {
					padding: 1.25rem;
				}
			}
		}
	}
}
/* End Responsive min-width: 1200px */

/* Gravity Hero */
.section-hero .hero-form.light-input {
	& .ginput_container_date,
	& .ginput_container_phone input,
	& .ginput_container_text input {
		background-color: #ffffff;
		border-radius: 0.625rem;
		border: none;
		max-height: 3.25rem;
	}

	& .ginput_container_select select {
		background-color: #ffffff;
		border-radius: 0.625rem;
		border: none;
		max-height: 3.25rem;
		padding: 0;
	}
	& .ginput_container_textarea textarea {
		background-color: #ffffff;
		border-radius: 0.625rem;
		border: none;
		min-height: 6rem;
	}
	& select#input_11_10 {
		padding: 1rem !important;
	}
	& .ginput_container_select select#input_11_6 {
		padding: 1rem !important;
	}
	& input#gform_submit_button_11:hover {
		border-color: #0056b3;
		background: white;
		color: #0056b3;
	}
	& input#gform_submit_button_11 {
		width: 100%;
		border-radius: 0.6rem;
		color: #fff;
		background: linear-gradient(90deg, #38a3b1 0%, #1c7cb2 50.48%, #0056b3 100%);
		transition: 0.5s;
		border: 1px solid #0056b300;
	}
	& input#input_11_9 {
		border: none;
	}
}
.gform-footer.gform_footer.top_label {
	padding-block: 0 !important;
	margin-block: 0 3rem !important;
}

.stickymenu .site-branding a.logo::before {
	content: none !important;
}

/* Floating Button */
.xmp-vds-floating-btn {
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	width: calc(100% - 2rem);
	z-index: 100;
	padding: 0.75rem;
	opacity: 0.75;
	transition: 300ms;
	&:hover {
		opacity: 1;
	}
}
@media (min-width: 1200px) {
	.xmp-vds-floating-btn {
		top: 50%;
		left: auto;
		width: fit-content;
		bottom: auto;
		transform: translate(1.25rem, -50%);
		right: 0;
		padding: 1.5rem 2.25rem 1.5rem 1.5rem;
		&:hover {
			transform: translate(0.5rem, -50%);
		}
	}
}

/* DEV TEST*/
.new-xmp.row {
	--content-offset: 1.5rem;
	--item-margin: 0.5rem;
	.ew__teeth_item {
		display: flex;
		flex-direction: column;
		position: static !important;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 1rem;
		padding: 0rem;
		margin: 0rem;
		min-height: 22rem;
		padding: var(--content-offset) !important;
		margin: var(--item-margin);
	}

	& .ew___content {
		position: static !important;
		max-width: calc(100% - 10rem);
		padding: 0 !important;
	}

	& a.ew__teeth_item_link {
		padding: 0.72rem 1.45rem;
		border-radius: 0.72431rem;
		background: #fff;
		text-decoration: none;
		color: #0056b3;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 500;
		width: max-content;
		transition: 0.5s;
		&:hover {
			background: #0056b3;
			color: #fff;
		}
	}
}
@media (min-width: 1200px) {
	.new-xmp.row {
		--content-offset: 1.75rem;
		& .ew__teeth_item {
			padding: calc(var(--content-offset) - var(--item-margin)) !important;
			&.col-lg-4 {
				width: calc(33.33333333% - calc(2 * var(--item-margin)));
			}
		}
	}
}
@media (max-width: 1199.9px) {
	.vds-container .row > .media {
		width: 100%;
	}
}

/* Swipers */
.vds-img .sw-btn:hover {
	background-color: #0056b3;
	color: #fff;
}
.vds-img .sw-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0056b3;
	cursor: pointer;
	pointer-events: all;
	transition: 0.5s;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 0.25rem;
	font-size: 0.5rem;
	background: linear-gradient(90deg, #7dabb0 0%, #4575a8 100%);
}
.vds-img .sw-nav {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 3rem);
	pointer-events: none;
}

.google-reviews-hero .ti-reviews-container {
	display: none !important;
}
.google-reviews-hero .ti-header.ti-header-grid.source-Google {
	display: flex !important;
	justify-content: center;
	@media (min-width: 1200px) {
		justify-content: flex-start;
	}
}
.google-reviews-hero .ti-widget.ti-goog {
	padding-block: 0rem;

	& .ti-fade-container {
		display: grid !important;
		grid-template-columns: 2fr 2fr;
		align-items: center;
		justify-items: center;
		gap: 0.25rem 1rem !important;
		align-content: center;
		justify-content: center;

		& * {
			margin: 0 !important;
		}
		& .ti-stars.star-lg {
		}
		& .ti-rating-text {
		}
		& .ti-large-logo {
			order: -1;
			column-span: 2/2;
		}
	}
}
.ti-widget.ti-goog .ti-controls {
	top: 50% !important;
}
.swiper-navigation {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 1.5rem);
	pointer-events: none;

	& .sw-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #0056b3;
		cursor: pointer;
		pointer-events: all;
		transition: 0.5s;
		width: 1.125rem;
		height: 1.125rem;
		border-radius: 0.25rem;
		font-size: 0.5rem;
		background: linear-gradient(90deg, #7dabb0 0%, #4575a8 100%);
		&:hover {
			background-color: #0056b3;
			color: #fff;
		}
	}
}

@media (max-width: 991.9px) {
	.grecaptcha-badge {
		visibility: hidden;
		opacity: 0.1;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.service_content {
		padding-bottom: 6rem !important;
	}
}

/* Footer Overrides */
.prefooter .row.icon-box-items-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	& .icon-box-wrap {
		&:last-child {
			display: none;
		}
	}
}
.achievement-content .ab-item-container {
	padding: 1rem;
	& a {
		& img {
			height: 10rem;
			width: 100%;
			object-fit: cover;
		}
	}
}
@media (min-width: 768px) {
	.prefooter .row.icon-box-items-wrap {
		flex-direction: row;
	}
	.achievement-content .ab-item-container {
		& a {
			& img {
				height: 16rem;
			}
		}
	}
}