/*!
Theme Name: Experience Dentistry
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: experience-dentistry
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.

Experience Dentistry 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.
 */


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

/**
 * 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-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: var(--dark-gray);
	font-family: "Manrope", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Manrope", sans-serif;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: "Manrope", sans-serif;
}

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 {
	list-style: disc;
}

ol {
	list-style: decimal;
}
ol li,.default-section ul li {
	margin-bottom: 14px;
}

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

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


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

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

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

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

.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;
}


.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: table;
}

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

/* ==============================================
   CSS VARIABLES / COLORS
   ============================================== */
:root {
	--white: #FFFFFF;
	--pink: #E50098;
	--dark-gray: #5F5F5D;
	--black: #000000;
	--yellow: #FFCD27;
	--charcoal: #353535;
	--medium-gray: #5B5B5B;
	--light-blue: #B1C5D0;
	--light-pink: #EF66C1;
}


/* ==============================================
   FONT CLASSES
   ============================================== */


/* ==============================================
   TEXT COLOR UTILITIES
   ============================================== */
.text-white {
	color: var(--white);
}

.text-pink {
	color: var(--pink);
}

.text-dark-gray {
	color: var(--dark-gray);
}

.text-black {
	color: var(--black);
}

.text-yellow {
	color: var(--yellow);
}

.text-charcoal {
	color: var(--charcoal);
}

.text-medium-gray {
	color: var(--medium-gray);
}

.text-light-blue {
	color: var(--light-blue);
}

.text-light-pink {
	color: var(--light-pink);
}


/* ==============================================
   BASE HTML RESET & TYPOGRAPHY
   ============================================== */
html {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing: border-box;
}

body {
	font-size: 16px;
	line-height: 1.62;
	font-weight: 400;
	font-family: "Manrope", sans-serif;
	color: var(--medium-gray);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
	margin: 0px 0 22px 0;
	width: 100%;
	position: relative;
	font-weight: 700;
	color: var(--black);
}





/* h1 {
	font-size: clamp(30px, 3.2vw, 60px);
}

h2 {
	font-size: clamp(28px, 3vw, 50px);
}

h3 {
	font-size: clamp(26px, 2.8vw, 46px);
}

h4 {
	font-size: clamp(24px, 2.6vw, 42px);
}

h5 {
	font-size: clamp(22px, 2.4vw, 38px);
}

h6 {
	font-size: clamp(20px, 2.2vw, 34px);
} */

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
	margin: 0 0 20px 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	display: inline-block;
}

p {
	margin: 0 0 25px 0;
	line-height: 1.62;
}

p:last-child {
	margin: 0 !important;
}

blockquote {
	margin: 0 0 30px 0;
	padding: 30px;
	background-color: var(--dark-gray);
	border-left: 8px solid var(--black);
}

blockquote p {
	color: var(--white);
}


a {
	transition: 0.5s;
	text-decoration: none;
	display: inline-block;
}

a:hover {
	color: var(--pink);
}

.default-section a {
	text-decoration: underline;
	color: var(--pink);
}

.default-section a:hover {
	color: var(--black);
}

.d-none {
	display: none !important;
}


/* ==============================================
   COMMON SPACING & UTILITIES
   ============================================== */
.clearfix::before,
.clearfix::after {
	visibility: hidden;
	display: table;
	content: " ";
	clear: both;
}

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

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

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

.line {
	display: block;
}

.ptb-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mtb-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.margin-0 {
	margin: 0 !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

body .common-padding {
	padding: 100px 0;
}

/* ==============================================
   CONTAINER WRAPPERS
   ============================================== */
.big-wrapper {
	padding: 0 30px;
	max-width: 1809px;
	margin: 0 auto;
}

.inner-wrapper {
	max-width: 1775px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
}

.wrapper {
	max-width: 1720px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
}

.small-wrapper {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
}

/* ==============================================
   FLEX UTILITIES
   ============================================== */
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.d-flex {
	display: flex;
	flex-wrap: wrap;
}

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

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

.justify-content-between {
	justify-content: space-between;
}

.widget {
	margin: 0 0 20px;
	padding: 0 0 0 24px;
}

.widget-area h2 {
	font-size: clamp(22px, 2.3vw, 32px);
	color: var(--black);
	font-weight: 500;
	margin: 0;
}

.wp-block-latest-posts__post-title {
	color: var(--black);
	line-height: 1.2;
}

.wp-block-latest-posts__list li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid var(--green);
	width: fit-content;
}

.wp-block-latest-posts__list li::before {
	all: unset;
}

.single-blog-content * {
	line-height: 1.51;
	color: var(--black);
}

h1 {
	font-size: clamp(32px, 3vw, 48px);
}

h2 {
	font-size: clamp(28px, 2.75vw, 32px);
}

h3 {
	font-size: clamp(24px, 2.5vw, 28px);
}

h4 {
	font-size: clamp(22px, 2.25vw, 24px);
}

h5 {
	font-size: clamp(20px, 2vw, 22px);
}

h6 {
	font-size: clamp(18px, 1.75vw, 20px);
}

.default-section h1, .single-blog h1, .default-section h2, .single-blog h2, .default-section h3, .single-blog h3, .default-section h4, .single-blog h4, .default-section h5, .single-blog h5, .default-section h6, .single-blog h6 {
	margin: 0 0 21px 0;
	line-height: 1.22;
}



/* ==============================================
 	 Gravity FORM STYLES
   ============================================== */


.gform_validation_errors {
	display: none !important;
}

.validation_message {
	font-size: 12px !important;
	margin: 6px 0 0 0 !important;
}

.content-form input,
.content-form textarea,
.content-form select {
	border-radius: 5px !important;
	border: 1px solid #FFF !important;
	height: auto !important;
	line-height: 1.2 !important;
	padding: 11.5px 20px !important;
	color: var(--white) !important;
	background-color: transparent !important;
}

.content-form .gfield_label {
	color: var(--white) !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.2;
	letter-spacing: -0.28px !important;
}

.content-form textarea {
	height: 182px !important;
	min-block-size: unset !important;
	resize: none !important;
}

body .content-form input:focus,
.content-form textarea:focus,
.content-form select:focus {
	box-shadow: unset !important;
	outline: 2px solid var(--pink);
}

.gfield_required {
	display: none !important;
}

.content-form select {
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
}
.content-form select option {
	background-color: var(--dark-gray);
}
.content-form .gform-footer {
	margin: 17px 0 0 0 !important;
}

.content-form .gform-theme--foundation .gform_fields {
	row-gap: 5px !important;
}

.content-form .gform_footer {
	margin: 20px 0 0 0 !important;
}


body .content-form input[type="submit"] {
	width: 100% !important;
	background-color: var(--white) !important;
	color: var(--black) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	padding: 12.6px 20px !important;
	transition: 0.5s;
}

body .content-form input[type="submit"]:hover {
	background-color: transparent !important;
	color: var(--white) !important;
}

.content-form .validation_message {
	margin: 3px 0 0 0 !important;
	text-align: left !important;
	font-size: 12px !important;
	background-color: var(--white);
	padding: 2px 5px;
}

/* ==============================================
   IMAGE STYLING
   ============================================== */
img {
	max-width: 100%;
	display: block;
}

.image-wrap {
	position: relative;
}

.image-wrap>img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rounded-40 {
	border-radius: 40px;
}

.event_thmbnail-wrap img {
	border-radius: 9px;
}

.default-placeholder img {
	width: auto;
	height: auto;
	bottom: 0;
	top: unset;
	margin: auto;
}

.full-link {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	z-index: 1;
}

/* ==============================================
   BUTTON STYLES
   ============================================== */

.common-button {
	border-radius: 65px;
	border: 1px solid var(--dark-gray);
	padding: 14px 30px;
	min-width: 184px;
	text-align: center;
	color: var(--dark-gray);
	font-weight: 600;
	line-height: 1.68;
	cursor: pointer;
}

.common-button:hover {
	border-color: var(--pink);
}

.btn-cta-gray,
.btn-cta-pink {
	background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7158 10.539L9.41963 12.1595C7.41213 10.9796 5.73915 9.3066 4.55923 7.2991L6.17974 6.00291C6.36958 5.85084 6.50373 5.64021 6.56128 5.40388C6.61882 5.16755 6.59651 4.91882 6.49782 4.69651L5.02101 1.37085C4.91512 1.13227 4.72792 0.939054 4.49281 0.82566C4.2577 0.712267 3.98996 0.686063 3.73733 0.751723L0.925711 1.48104C0.663313 1.54955 0.435167 1.71194 0.284518 1.93744C0.133869 2.16295 0.0711875 2.43588 0.108354 2.70452C0.601748 6.21806 2.2256 9.47547 4.73443 11.9843C7.24326 14.4931 10.5007 16.117 14.0142 16.6104C14.2828 16.6474 14.5556 16.5846 14.7809 16.434C15.0063 16.2834 15.1686 16.0553 15.2371 15.793L15.9664 12.9814C16.0318 12.729 16.0056 12.4616 15.8923 12.2267C15.779 11.9919 15.5861 11.8048 15.3479 11.6988L12.0222 10.222C11.8 10.1232 11.5514 10.1007 11.3151 10.1581C11.0787 10.2154 10.868 10.3493 10.7158 10.539Z" fill="%235F5F5D"/></svg>');
	background-repeat: no-repeat;
	background-position: left 23px center;
	padding-left: 53px;
	padding-right: 21px;
}

.btn-cta-gray:hover {
	border-color: var(--pink);
	background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7158 10.539L9.41963 12.1595C7.41213 10.9796 5.73915 9.3066 4.55923 7.2991L6.17974 6.00291C6.36958 5.85084 6.50373 5.64021 6.56128 5.40388C6.61882 5.16755 6.59651 4.91882 6.49782 4.69651L5.02101 1.37085C4.91512 1.13227 4.72792 0.939054 4.49281 0.82566C4.2577 0.712267 3.98996 0.686063 3.73733 0.751723L0.925711 1.48104C0.663313 1.54955 0.435167 1.71194 0.284518 1.93744C0.133869 2.16295 0.0711875 2.43588 0.108354 2.70452C0.601748 6.21806 2.2256 9.47547 4.73443 11.9843C7.24326 14.4931 10.5007 16.117 14.0142 16.6104C14.2828 16.6474 14.5556 16.5846 14.7809 16.434C15.0063 16.2834 15.1686 16.0553 15.2371 15.793L15.9664 12.9814C16.0318 12.729 16.0056 12.4616 15.8923 12.2267C15.779 11.9919 15.5861 11.8048 15.3479 11.6988L12.0222 10.222C11.8 10.1232 11.5514 10.1007 11.3151 10.1581C11.0787 10.2154 10.868 10.3493 10.7158 10.539Z" fill="%23E50098"/></svg>');
}

.btn-cta-pink {
	background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7158 10.539L9.41963 12.1595C7.41213 10.9796 5.73915 9.3066 4.55923 7.2991L6.17974 6.00291C6.36958 5.85084 6.50373 5.64021 6.56128 5.40388C6.61882 5.16755 6.59651 4.91882 6.49782 4.69651L5.02101 1.37085C4.91512 1.13227 4.72792 0.939054 4.49281 0.82566C4.2577 0.712267 3.98996 0.686063 3.73733 0.751723L0.925711 1.48104C0.663313 1.54955 0.435167 1.71194 0.284518 1.93744C0.133869 2.16295 0.0711875 2.43588 0.108354 2.70452C0.601748 6.21806 2.2256 9.47547 4.73443 11.9843C7.24326 14.4931 10.5007 16.117 14.0142 16.6104C14.2828 16.6474 14.5556 16.5846 14.7809 16.434C15.0063 16.2834 15.1686 16.0553 15.2371 15.793L15.9664 12.9814C16.0318 12.729 16.0056 12.4616 15.8923 12.2267C15.779 11.9919 15.5861 11.8048 15.3479 11.6988L12.0222 10.222C11.8 10.1232 11.5514 10.1007 11.3151 10.1581C11.0787 10.2154 10.868 10.3493 10.7158 10.539Z" fill="%23E50098"/></svg>');
	border-color: var(--pink);
	color: var(--pink);
}

.btn-cta-pink:hover {
	background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7158 10.539L9.41963 12.1595C7.41213 10.9796 5.73915 9.3066 4.55923 7.2991L6.17974 6.00291C6.36958 5.85084 6.50373 5.64021 6.56128 5.40388C6.61882 5.16755 6.59651 4.91882 6.49782 4.69651L5.02101 1.37085C4.91512 1.13227 4.72792 0.939054 4.49281 0.82566C4.2577 0.712267 3.98996 0.686063 3.73733 0.751723L0.925711 1.48104C0.663313 1.54955 0.435167 1.71194 0.284518 1.93744C0.133869 2.16295 0.0711875 2.43588 0.108354 2.70452C0.601748 6.21806 2.2256 9.47547 4.73443 11.9843C7.24326 14.4931 10.5007 16.117 14.0142 16.6104C14.2828 16.6474 14.5556 16.5846 14.7809 16.434C15.0063 16.2834 15.1686 16.0553 15.2371 15.793L15.9664 12.9814C16.0318 12.729 16.0056 12.4616 15.8923 12.2267C15.779 11.9919 15.5861 11.8048 15.3479 11.6988L12.0222 10.222C11.8 10.1232 11.5514 10.1007 11.3151 10.1581C11.0787 10.2154 10.868 10.3493 10.7158 10.539Z" fill="%235F5F5D"/></svg>');
	color: var(--dark-gray);
	border-color: var(--dark-gray);
}

.button-list li {
	padding: 0 22px;
}

.button-list {
	margin: 0 -22px;
}

.button-list li::before {
	display: none;
}

.white-border-btn {
	border: 1px solid var(--white);
	color: var(--white);
}

.white-border-btn:hover {
	background-color: var(--white);
	color: var(--dark-gray);
	border-color: var(--white);
}

/* .white-btn {
	background-color: var(--white);
	color: var(--pink);
	outline-color: var(--white);
}
.white-btn:hover {
	background-color: transparent;
	color: var(--white);
	border-color: var(--white);
} */
.white-btn.outline-btn:hover {
	outline: 1px solid var(--white);
	border-color: var(--white);
}

.outline-btn {
	background-color: var(--white);
	color: var(--pink);
	outline: 1px solid var(--dark-gray);
	outline-offset: 4px;
}

.btn-solid {
	text-transform: capitalize;
	padding: 18.5px 16.2px;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	border-radius: 65px;
	text-decoration: none;
	font-weight: 600;
	position: relative;
	transition: 0.5s;
	background-color: var(--dark-gray);
	color: var(--white);
	outline: 1px solid var(--dark-gray);
	outline-offset: 3.5px;
}

.btn-solid:hover {
	color: var(--white);
	background-color: var(--pink);
	outline-color: var(--pink);
	border-color: var(--pink);
}

.btn-plain {
	padding: 0;
	border: 0;
}

.home-banner-btn {
	padding: 14px 16px;
}

.home-banner-btn.outline-btn {
	outline: 1px solid var(--white);
	border-color: var(--white);
}

.home-banner-btn:hover {
	background-color: transparent;
	color: var(--white);
}

/* ==============================================
   TYPOGRAPHY SIZE UTILITIES
   ============================================== */
.font-80 {
	font-size: 80px;
}

.font-96 {
	font-size: clamp(32px, 4.69vw, 96px);
}

.font-76 {
	font-size: clamp(28px, 4vw, 76px);
}

.font-20 {
	font-size: 20px;
}

.font-30 {
	font-size: clamp(20px, 3vw, 30px);
}

.font-36 {
	font-size: clamp(26px, 2.4vw, 36px);
}

.font-32 {
	font-size: clamp(22px, 2.3vw, 32px);
}

.font-48 {
	font-size: clamp(32px, 3vw, 48px);
}

.font-40 {
	font-size: clamp(24px, 3.125vw, 40px);
}

.font-26 {
	font-size: clamp(20px, 2.345vw, 26px);
}

.font-24 {
	font-size: clamp(18px, 2vw, 24px);
}

.fw-normal {
	font-weight: 400;
}

.fw-semibold {
	font-weight: 600;
}

.fw-medium {
	font-weight: 500;

}

.fw-bold {
	font-weight: 700;
}

.fw-bolder {
	font-weight: bolder;
}

.fw-lighter {
	font-weight: lighter;
}


.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.small-heading {
	color: var(--pink);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.42;
	letter-spacing: 7px;
	position: relative;
	display: flex;
	align-items: center;
	text-transform: uppercase;
}

.circle-letter {
	background-image: url('data:image/svg+xml,<svg width="39" height="40" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="19.6166" cy="20.2106" r="18.8287" stroke="%23E50098"/></svg>');
	background-repeat: no-repeat;
	width: 43px;
	height: 41px;
	display: flex;
	align-items: center;
	justify-content: end;
	background-size: contain;
	background-position: left 0px center;
}

/* ==============================================
   SLICK SLIDER CUSTOM STYLES
   ============================================== */
body .slick-dots {
	bottom: 0;
	padding-top: 25px;
	position: relative;
}

.slick-arrow svg {
	width: 100%;
	height: 100%;
}

body .slick-dots li {
	margin: 0 3px;
}

body .slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 18px;
	height: 18px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	background-color: transparent;
	border: 2px solid var(--green);
	border-radius: 50%;
}

body .slick-active button {
	background-color: var(--green) !important;
}

.slick-dots li button::before,
.slick-dots li::before {
	display: none;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

body .slick-arrow {
	width: 60px;
	height: 60px;
	padding: 0;
	background-color: transparent !important;
	border-radius: 50%;
	margin: 0 13px;
	cursor: pointer;
	display: inline-block;
	opacity: 1;
	z-index: 1;
	transition: 0.5s;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid var(--pink) !important;
}

body .slick-arrow:hover {
	background-color: var(--pink) !important;
}

body .slick-arrow path {
	transition: 0.5s;
}

body .slick-arrow:hover path {
	fill: var(--white);
}

body .slick-arrow circle {
	transition: 0.5s;
}


body .slick-arrow::before {
	all: unset;
}

/* ==============================================
   BLOG / SEARCH RESULTS STYLING
   ============================================== */
.search-field {
	padding: 13.5px 20px !important;
	color: var(--pink) !important;
	border-radius: 4px !important;
	border: 2px solid var(--black) !important;
	margin: 0 0 10px 0 !important;
	width: 100%;
}
.search-field:focus {
	outline: 2px solid var(--pink) !important;
}
.header-search-form input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.search-form {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	max-width: 400px;
}

.search-form label {
	margin: 0;
}

.search-submit {
	width: auto !important;
	border: 2px solid var(--black) !important;
	background-color: var(--black) !important;
	color: #fff !important;
	padding: 17.5px 40px !important;
	cursor: pointer;
	transition: 0.5s;
	margin: 0;
	border-radius: 4px !important;
}

.h-post-content-wrap {
	padding: 0;
	height: 100%;
}
.search-title-wrap .post-title {
	color: var(--black);
}
.search-title-wrap .post-title:hover {
	color: var(--pink);
}

.search-submit:hover {
	background-color: var(--pink) !important;
	border-color: var(--pink) !important;
}

.search .blog-image {
	margin: 0;
}

.search .post-excerpt {
	margin: 0 0 20px 0;
}

.search .blog-date {
	margin: 0 0 5px 0;
}

.search-title-wrap .post-title,
.search-title-wrap {
	line-height: 1.1;
}

.search .read-more {
	background-image: url('data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.2067 8.3199C19.5973 7.92937 19.5973 7.29621 19.2067 6.90568L12.8428 0.541724C12.4523 0.1512 11.8191 0.1512 11.4286 0.541724C11.038 0.932249 11.038 1.56541 11.4286 1.95594L17.0854 7.61279L11.4286 13.2696C11.038 13.6602 11.038 14.2933 11.4286 14.6839C11.8191 15.0744 12.4523 15.0744 12.8428 14.6839L19.2067 8.3199ZM0.727539 8.61279L18.4996 8.61279L18.4996 6.61279L0.727539 6.61279L0.727539 8.61279Z" fill="%23E50098"/></svg>');
	background-repeat: no-repeat;
	background-position: center right 10px;
	padding: 0 40px 0 0;
	background-size: 18px;
	color: var(--black);
}

.search .read-more:hover {
	background-position: center right 0;
	color: var(--pink);
}

.blog-content-box .read-more {
	text-decoration: underline;
	width: fit-content;
}

.search-entry-summary {
	margin: 0 0 5px 0;
}



.search-blog-wrap .blog-content-box h3 {
	transition: 0.5s;
}

.search-blog-wrap .blog-content-box {
	padding: 0;
	background-color: unset;
}

.search-blog-wrap .blog-author {
	padding: 0;
	margin-bottom: 7px;
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
}

.search-blog-wrap .blog-author a {
	display: inline;
	color: var(--slate-blue);
}

.blog-content-box a {
	color: var(--slate-blue);
}

.search-blog-date,
.search-blog-cat {
	padding-left: 14px;
	position: relative;
	margin: 0 0 10px 0;
	display: block;
	padding: 0;
}

.search-blog-lists .entry-title {
	font-size: 30px;
}

.search-blog-lists .entry-title a {
	color: var(--black);
}

.search .page-title {
	margin: 0 0 32px 0;
}

.no-results .search-field {
	background-image: unset !important;
}

.search .post-thumbnail {
	display: none;
}
.search-blog-lists article:first-child {
	padding-top: 0;
}
.search-blog-lists article {
	padding: 30px 0;
	margin: 0;
	max-width: 100%;
	width: 100%;
	border-bottom: 1px solid var(--pink);
}

.search .search-page-t {
	margin: 0 0 30px 0;
}

.search-blog-lists {
	margin: 0;
}

.search .blog-slide-box {
	height: 100%;
}

.entry-meta a,
.entry-footer a {
	color: var(--slate-blue);
}

.entry-meta a:hover,
.entry-footer a:hover {
	color: var(--mustard-yellow);
}

/* ==============================================
   MISC
   ============================================== */
ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
}

.default-section-wrap ul li>ul,
.default-section-wrap ol li>ol {
	margin: 0;
}

ol {
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
}

ul li {
	position: relative;
	padding-left: 20px;
	margin: 0;
	text-align: left;
}

ul li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--pink);
	position: absolute;
	left: 0;
	top: 0.54em;
}
.default-section ul li::before {
	top: 0.61em;
}

.two-column-list {
	column-count: 2;
	column-gap: 15px;
	margin: 0 0px 22px 0;
}

.two-column-list li {
	width: fit-content;
	padding-left: 17px;
	margin: 0 0 10px 0;
}



.list-with-arrows li::after {
	content: "";
	width: 10px;
	height: 10px;
	background-image: url('data:image/svg+xml,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.771484 1.5874L4.9541 5.77002L0.771484 9.95264" stroke="%23E50098" stroke-width="1.5" stroke-linecap="round"/></svg>');
	position: absolute;
	background-repeat: no-repeat;
	background-size: auto;
	right: 0;
	left: unset;
	top: 0.5em;
}

.list-with-arrows li {
	padding-right: 20px;
}

.no-padding {
	padding: 0 !important;
}

.m-block {
	display: none;
}

.break-line {
	display: block;
}

.col-4 {
	max-width: 33.33%;
	width: 100%;
}

.pagination-wrapper .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.pagination {
	width: 100%;
	text-align: center;
	padding-top: 70px;
}
.pagination .nav-links .page-numbers, .pagination .nav-links .prev {
	padding: 12px 20px;
	border: 2px solid var(--pink);
	background: var(--pink);
	color: #ffffff;
	font-size: 18px;
}
.pagination .nav-links .next:hover, .pagination .nav-links .page-numbers:hover, .pagination .nav-links .page-numbers.current {
	background: transparent;
	color: var(--pink);
}
/* ==============================================
   Header Section CSS Start
   ============================================== */

.site-header .sub-menu {
	left: 0;
	background-color: var(--dark-gray);
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 9;
	width: 296px;
	position: absolute;
	display: none;
	flex-direction: column;
	border-top: 3px solid var(--pink);
	top: 39px;
}
.site-header .sub-menu::before {
	width: 100%;
	height: 40px;
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
}
.site-header .sub-menu a {
	border-bottom: 1px solid #f0f0f02e;
}
.site-header .sub-menu a::before {
	display: none;
}
.header-menu li.two-column-menu > .sub-menu {
	width: 430px;
	flex-wrap: wrap;
	align-items: unset;
	box-shadow: 0 22px 35px 0 rgba(0, 0, 0, 0.22);
	border-top: 3px solid var(--pink);
	top: 42px;
	padding: 0;
}
.header-menu li.two-column-menu > .sub-menu::after {
	border-style: solid;
	position: absolute;
	border-width: 0 8px 14px 10px;
	border-color: transparent transparent #e50098 transparent;
	content: "";
	width: 20px !important;
	height: 20px !important;
	top: -22px !important;
	left: 40px;
}
.header-menu li.two-column-menu > .sub-menu::before {
	content: "";
	position: absolute;
	top: -20px;
	height: 40px;
	width: 100%;
	background-color: transparent;
}
.site-header .two-column-menu li {
	width: 50%;
}
.header-menu li.two-column-menu > .sub-menu li a {
	border-bottom: 1px solid #f0f0f02e;
	border-right: 1px solid #f0f0f02e;
	height: 100%;
}

.site-header .sub-menu .sub-menu {
	left: 100%;
	top: 0;
	padding: 0;
}
.site-header .sub-menu li {
	padding: 0;
}
.site-header .sub-menu li a {
	padding: 10px 20px;
	width: 100%;
	text-transform: capitalize;
	line-height: 1.4;
}
.site-header .sub-menu li a:hover, .site-header .sub-menu .current_page_item a {
	background-color: var(--pink);
	color: var(--white);
}
.site-header .dropdown-arrow {
	width: 12px;
	margin-left: 15px;
	vertical-align: middle;
	background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.9746 7.11365L6.53585 1.67493L1.09713 7.11365" stroke="white" stroke-width="2"/></svg>');
	display: inline-block;
	height: 8px;
	transform: rotate(180deg);
	transition: transform 0.2s ease;
}
.site-header .header-menu li.hover-active > a .dropdown-arrow {
	transform: rotate(0deg);
}
.site-header .sub-menu li a:hover::before {
	display: none;
}
.header-top {
	padding: 9px 0 !important;
	background-color: var(--white);
}

.home .site-header {
	position: absolute;
}

.site-header {
	width: 100%;
	z-index: 10;
}

.site-header li::before,
.site-footer li::before,
.logo-item::before,
.check-list-iteam::before,
.payment-logo::before {
	all: unset;
}

.humberger-icon {
	display: none;
}

.site-branding {
	max-width: 34.3%;
	width: 100%;
	z-index: 9;
}

.responsive-menu-pro-open .site-branding {
	z-index: 99999;
}

.site-branding img {
	border-radius: 72px;
}

.h-quick-link {
	display: flex;
}

.h-quick-link svg {
	margin: -1px 16px 0 0px;
}

.header-quick-link-wrap li {
	padding: 0 20px;
}

.header-quick-link-wrap {
	margin: 0 -20px 0 0px;
	padding: 0 25px;
}

.h-quick-link {
	display: flex;
	color: var(--dark-gray);
	font-size: 15px;
	line-height: 1.41;
	align-items: center;
}
.social-links-wrap {
	margin: 0 -18px;
	padding: 0 25px;
}
.social-links-wrap li {
	padding: 0 18px;
}
.social-link {
	width: 30px;
	height: 30px;
}
.social-link svg {
	width: 100%;
	height: 100%;
}
.social-link svg path {
	stroke: var(--pink);
}
Body path {
	transition: 0.5s;
}

.h-quick-link:hover path,
.social-link:hover path {
	stroke: var(--pink);
}

.header-middele {
	padding: 15px 20px;
	background-color: var(--dark-gray);
}

.header-text {
	line-height: 1.3;
}

.menu-header-menu-container {
	background-color: var(--dark-gray);
	margin: 15px auto 0 auto;
	width: fit-content;
	padding: 15px 23px;
	border-radius: 140px;
}

.header-menu li {
	padding: 0 19px;
}

.header-menu li::before {
	all: unset;
}

.header-menu a::before,
.site-header .current-menu-item a::before {
	content: "";
	height: 3px;
	background-color: transparent;
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 0%;
	transition: 0.5s;
}

.site-header .current-menu-item a::before {
	background-color: var(--pink);
	width: 100%;
	z-index: 91;
}

/* .site-header .current-menu-item a:hover::before {
	background-color: var(--white);
} */
.header-menu a:hover::before {
	background-color: var(--pink);
	width: 100%;
	z-index: 91;
}

.header-menu a {
	color: var(--white);
	line-height: 1.68;
}

.header-top .hmobile_phone {
	display: none;
}

.hmobile_phone-link {
	color: var(--dark-gray);
	font-size: 14px;
	line-height: 1.41;
	display: flex;
	align-items: center;
	text-decoration: none;
	justify-content: center;
}

.hmobile_phone-link:hover,
.hmobile_phone-link:focus {
	color: var(--pink);
}

.hmobile_phone-link svg {
	margin: 0 15px 0 0;
	width: 20px;
	height: 100%;
}

.hmobile_phone-link:hover svg path,
.hmobile_phone-link:focus svg path {
	stroke: var(--pink);
}

/* 14-07-2025 */
.site-header .mega-menu-services .sub-menu {
	position: absolute;
	border-color: transparent transparent #e50098 transparent;
	content: "";
	height: auto;
	left: 0 !important;
	display: none;
	width: 430px !important;
	background-color: var(--medium-gray);
	border-top: 3px solid var(--pink);
	padding: 0;
	top: 0 !important;
	transform: translateY(40px);
	flex-direction: row;
}
.site-header .mega-menu-services > .sub-menu > li > a {
	background-color: var(--charcoal) !important;
}
.header-menu li.mega-menu-services > .sub-menu li a {
	border-bottom: 1px solid #f0f0f02e;
	border-right: 1px solid #f0f0f02e;
}

.site-header .mega-menu-services .sub-menu .sub-menu a {
	height: 100%;
}
.site-header .mega-menu-services > .sub-menu > li {
	width: 50%;
}
.site-header .mega-menu-services > .sub-menu::before {
	content: "";
	position: absolute;
	top: -20px;
	height: 40px;
	width: 100%;
	background-color: transparent;
}
.site-header .mega-menu-services .sub-menu .sub-menu {
	display: flex !important;
	flex-wrap: wrap;
	position: relative;
	height: auto !important;
	border: none;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
	transform: unset;
	flex-direction: column;
}

.social-link:hover svg path {
	stroke: var(--dark-gray);
}

.header-style-one .header-top {
	background-color: var(--pink);
}
.header-style-one .h-quick-link {
	color: var(--white);
}
.header-style-one .h-quick-link:hover {
	text-decoration: underline;
}
.header-style-one svg path {
	stroke: var(--white);
}
.header-style-one a:hover path {
	stroke: var(--white);
}
.header-style-one .hmobile_phone-link {
	color: var(--white);
}
.header-style-one #responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner,
.header-style-one #responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner::before,
.header-style-one #responsive-menu-pro-button .responsive-menu-pro-box .responsive-menu-pro-inner::after {
	background-color: var(--white);
}


.site-header .mega-menu-services > .sub-menu > li:nth-child(2n+1) a {
	background-color: var(--pink);
}
.site-header .mega-menu-services > .sub-menu > li:nth-child(2n+1) a:hover {
	background-color: var(--dark-gray);
}
/* ==============================================
   Header Section CSS End
   ============================================== */

/* ==============================================
   Banner Section CSS Start
   ============================================== */
.banner-slider-section {
	padding-top: 174px;
	position: relative;
}

.banner-slide-inner-row {
	width: 100%;
	margin: 0 auto;
	max-width: 82.3%;
}

.banner-slider-section::before {
	content: "";
	width: 100%;
	height: 20%;
	background-image: url('data:image/svg+xml,<svg width="1920" height="170px" viewBox="0 0 1920 170px" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0.536926C0 0.536926 304.431 50.6713 502.544 69.8272C700.465 88.9646 813.377 100.392 1012.47 98.4745C1191.24 96.7526 1300.18 89.8843 1482.03 69.8272C1655.21 50.7271 1920 0.536926 1920 0.536926V248.381H0L0 0.536926Z" fill="%23E50098"/></svg>');
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background-repeat: no-repeat;
	background-position: bottom;
	pointer-events: none;
}

.banner-slide-inner-wrap {
	padding: 54px 0 156px 0;
	min-height: 850px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.banner-slide-inner-wrap::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--black);
	opacity: 0.35;
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: -1;
}

.banner-slide-l-box {
	max-width: 50%;
	width: 100%;
	padding: 0 15px;
}

.banner-slide-r-box {
	max-width: 50%;
	width: 100%;
	padding: 0 15px;
}

.tooth-logo-wrap {
	padding-top: 21.58%;
	margin-left: auto;
	position: relative;
	top: 103px;
	right: 98px;
	max-width: 33.69%;
	width: 100%;
}

.banner-title {
	line-height: 1.325;
	margin: 0 0 26px 0;
}

.banner-subtitle {
	margin-bottom: 47px;
}

body .banner-slider-section .slick-arrow {
	background-color: var(--dark-gray) !important;
	top: 42%;
	border: none !important;
	background-size: contain;
}

body .banner-slider-section .slick-prev {
	left: 3.2%;
	background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4996 29.9196C19.3043 30.1148 19.3043 30.4314 19.4996 30.6267L22.6816 33.8087C22.8768 34.0039 23.1934 34.0039 23.3887 33.8087C23.5839 33.6134 23.5839 33.2968 23.3887 33.1016L20.5603 30.2731L23.3887 27.4447C23.5839 27.2494 23.5839 26.9329 23.3887 26.7376C23.1934 26.5423 22.8768 26.5423 22.6816 26.7376L19.4996 29.9196ZM40.5813 30.2731L40.5813 29.7731L19.8531 29.7731L19.8531 30.2731L19.8531 30.7731L40.5813 30.7731L40.5813 30.2731Z" fill="white"/></svg>');
}

body .banner-slider-section .slick-arrow:hover {
	background-color: var(--pink) !important;
}

body .banner-slider-section .slick-next {
	background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.3837 30.6266C41.579 30.4313 41.579 30.1147 41.3837 29.9195L38.2017 26.7375C38.0065 26.5422 37.6899 26.5422 37.4946 26.7375C37.2994 26.9327 37.2994 27.2493 37.4946 27.4446L40.323 30.273L37.4946 33.1014C37.2994 33.2967 37.2994 33.6133 37.4946 33.8085C37.6899 34.0038 38.0065 34.0038 38.2017 33.8085L41.3837 30.6266ZM20.302 30.273L20.302 30.773L41.0302 30.773L41.0302 30.273L41.0302 29.773L20.302 29.773L20.302 30.273Z" fill="white"/></svg>');
	right: 60px;
}

/* ==============================================
   Banner Section CSS End
   ============================================== */

/* ==============================================
   Info box Section CSS Start
   ============================================== */
.info-boxes-section {
	padding: 88px 0;
}

.info-boxes-wrapper {
	max-width: 1722px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

.info-boxes-sec-title {
	margin: 0 0 90px 0;
	line-height: 1.08;
	color: var(--medium-gray);
}

.photo-card-wrap img,
.rounded-img {
	border-radius: 40px;
}

.photo-card-wrap::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 40px;
}

.info-box__inner {
	height: 100%;
	transition: 0.5s;
}

.info-box__inner:hover {
	transform: translateY(-10px);
}

.info-box__inner:hover img {
	transform: scale(1.05);
}

.info-box__inner img {
	transition: 0.5s;
}

.info-boxes-row {
	margin: 0 -20px;
}

.info-box {
	padding: 0 20px;
}

.info-box__image-wrap {
	padding-top: 107.78%;
}

.info-box__content {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 120px 40px 30px 30px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.info-box:nth-child(2) .info-box__inner .info-box__content {
	justify-content: flex-end;
	padding-bottom: 74px;
}
body .info-box__text {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	line-height: 1;
	width: fit-content;
	margin: auto auto 0 auto !important;
	position: relative;
}

.info-box__text::before {
	content: "";
	width: 15px;
	height: 106px;
	background-image: url('data:image/svg+xml,<svg width="16" height="109" viewBox="0 0 16 109" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.37215 0.954994C7.98163 0.564468 7.34846 0.564468 6.95794 0.954994L0.593976 7.31895C0.203451 7.70948 0.203451 8.34264 0.593976 8.73317C0.9845 9.1237 1.61766 9.1237 2.00819 8.73317L7.66504 3.07632L13.3219 8.73317C13.7124 9.1237 14.3456 9.1237 14.7361 8.73317C15.1266 8.34264 15.1266 7.70948 14.7361 7.31895L8.37215 0.954994ZM7.66504 108.027L8.66504 108.027L8.66504 1.6621L7.66504 1.6621L6.66504 1.6621L6.66504 108.027L7.66504 108.027Z" fill="%23E50098"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 19px;
}

.photo-card-wrap,
.info-box__image {
	position: relative;
	overflow: hidden;
	border-radius: 40px;
	height: 100%;
}

.profile-card-content {
	position: absolute;
	bottom: 0;
	background-color: var(--dark-gray);
	z-index: 9;
	padding: 32px 30px 30px 30px;
	border-radius: 0 0px 40px 40px;
	width: 100%;
}

.info-box__icon-wrapper {
	background-color: var(--dark-gray);
	border-radius: 40px;
	padding: 24px 40px 40px 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.info-box__icon-wrapper {
	padding: 0 0 20px 0;
	justify-content: flex-start;
}
.info-box__title {
	margin: 0;
	line-height: 1.38;
	font-size: clamp(20px, 1.7vw, 26px);
}

.info-box__icon {
	width: 100%;
	margin: 0 0 50px 0;
}

.info-box__link {
	margin: 66px 0 0 0;
}

/* ==============================================
   Info box Section CSS End
   ============================================== */


/* ==============================================
   Footer Section CSS Start
   ============================================== */
.site-footer {
	background-color: var(--black);
	padding: 113px 0 60px 0;
}

.footer-top-wrapper {
	max-width: 1771px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.site-footer * {
	color: var(--white);
}

.footer-logo {
	margin: 0 0 75px 0;
}

.footer-logo .site-branding {
	max-width: 220px;
	width: 100%;
}

.footer-column {
	padding: 0 15px;
}

.footer-wrap {
	margin: 0 -15px;
	padding-left: 54px;
}

.footer-column-one {
	max-width: 19%;
	width: 100%;
}

.footer-column-three {
	max-width: 29.36%;
	width: 100%;
}

.footer-column-four {
	max-width: 22.12%;
	width: 100%;
}

.operating-hours-wrap ul {
	margin: 0;
}

.footer-menu-wrap a {
	font-size: 14px;
	font-weight: 600;
}

.footer-menu-wrap li {
	margin: 0 0 18px 0;
	padding: 0;
}

.location-image-wrap {
	width: 100%;
	padding-top: 85.13%;
	max-width: 96.8%;
	margin-left: auto;
}

.newsletter-form .gform-theme--foundation .gform_fields {
	row-gap: 13px !important;
}

.form-description {
	font-weight: 700;
	line-height: 1.812;
}

.form-description {
	font-weight: 700;
	line-height: 1.812;
	margin: 0 0 43px 0;
}

.location-image {
	border-radius: 25px;
}

.footer-bottom {
	padding: 51px 0 0;
}

.footer-link,
.hours-text,
.operating-hours-wrap li,
.quick-item,
.powered-by-text {
	font-size: 14px;
}

.footer-link svg {
	margin: 0 23px 0 0px;
}

.footer-link {
	display: flex;
	align-items: center;
	transition: 0.5s;
	line-height: 1.357;
}

.footer-link-item::before {
	display: none;
}

.footer-link:hover span,
.site-footer a:hover {
	color: var(--pink);
}

.footer-link-item:last-child {
	margin: 0;
}

.footer-links-wrap {
	margin: 0 0 32px 0;
}

.hours-text {
	margin: 0 0 33px 0;
}

.operating-hours-wrap li {
	margin: 0 0 3px 0;
	padding: 0;
}

.footer-link-location .footer-link {
	align-items: flex-start;
}

.footer-link-item {
	padding: 0;
	margin: 0 0 23px 0;
}

.quick-item {
	letter-spacing: 0.84px;
	padding: 0 15px;
	position: relative;
	border-right: 1px solid;
	line-height: 1;
}

.quick-item:last-child {
	border: none;
}

#enx2_logo path:nth-child(1) {
	transform-origin: 10% center;
}

#enx2_logo path {
	fill: var(--white);
	transition: all 0.5s ease 0s;
}

.poweredby:hover path {
	fill: var(--pink) !important;
}

#enx2_logo {
	max-width: 84px;
	line-height: 1;
	height: auto;
}

.powered-by-text {
	margin: 0 0 5px 0;
}

.quick-links {
	margin: 0;
}


.newsletter-form input,
.newsletter-form textarea,
.newsletter-form input:focus,
.newsletter-form textarea:focus {
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--white) !important;
	border-radius: 0 !important;
	padding: 16.3px 0 !important;
	height: auto !important;
	line-height: 1.3 !important;
	color: var(--white) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	box-shadow: unset !important;
}
.newsletter-form input:focus, .newsletter-form textarea:focus {
	outline: 2px solid var(--pink) !important;
	/* border-color: var(--pink) !important; */
}
.newsletter-form input[type="submit"] {
	background-color: var(--white) !important;
	color: var(--dark-gray) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	border-radius: 65px !important;
	padding: 19.1px 39.5px !important;
	border: none !important;
	transition: 0.5s !important;
}

.newsletter-form input[type="submit"]:hover {
	background-color: var(--pink) !important;
	color: var(--white) !important;
}

.newsletter-form .gform_footer {
	margin: 41px 0 0 0 !important;
}

.link-text,
.footer-link path {
	transition: 0.5s;
}

.footer-link:hover path {
	stroke: var(--pink);
}
.site-footer .sub-menu {
	display: none;
}

/* ==============================================
   Footer Section CSS End
   ============================================== */

/* ==============================================
   Form Section CSS Start
   ============================================== */
.form-section {
	background-repeat: no-repeat;
	background-position: top right;
	background-color: var(--dark-gray);
	position: relative;
	background-size: contain;
}
.form-right-image {
	position: relative;
	height: 100%;
}

.home .form-right-image::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #5F5F5D 0%, rgba(95, 95, 93, 0.00) 100%);
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.form-sec-left-box {
	max-width: 55%;
	width: 100%;
	position: relative;
}
.form-right-image img {
	display: none;
}
.home .form-right-image img {
	display: none;
}
.form-section::before {
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #5F5F5D 40%, rgba(95, 95, 93, 0.00) 100%);
	position: absolute;
}
.contact-form-wrap {
	max-width: calc(100% - 256px);
}

.form-sec-right-box {
	max-width: 45%;
	width: 100%;
}

.tooth-logo {
	max-width: calc(100% - 512px);
	width: 100%;
	padding-right: 20px;
}

.contact-form-wrap {
	max-width: 512px;
	width: 100%;
}

.form-sec-left-wrap {
	padding: 105px 0px 112px 12.7%;
}

.content-form-title {
	color: var(--white);
	line-height: 1.38;
	margin: 0 0 74px 0;
}

.content-form {
	max-width: 428px;
	width: 100%;
}

/* ==============================================
   Form Section CSS End
   ============================================== */

/* ==============================================
   Testimonial Section CSS Start
   ============================================== */
.testimonials-section {
	background-repeat: no-repeat;
	background-position: center right;
	padding: 83px 0 100px 0;
	overflow: hidden;
}

.testimonials-section-wrap,
.gallery-wrapper {
	max-width: 1515px;
	width: 100%;
	margin: 0 auto;
}

.testimonial-list-wrap {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 104px 0;
}

.testimonials-sec-title {
	color: var(--black);
	margin: 0;
	width: fit-content;
}

.testimonial-list-wrap .slick-list {
	margin: 0 -50px;
}

.testimonials-sec-top-row {
	align-items: flex-end;
	padding-bottom: 170px;
}

.quote-icon {
	margin: 0 0 53px 0;
}

.testimonial-list-wrap .slick-slide {
	margin: 0 50px;
}

.testimonial-content p {
	line-height: 1.625;
	color: var(--medium-gray);
}

.testimonial-meta-data {
	margin-top: 54px;
}

.testimonials-nav-aerrow {
	position: relative;
	top: 32px;
	right: -8px;
}
.testimonials-section .ti-review-content {
	color: var(--dark-gray);
}
.ti-widget.ti-goog .ti-controls .ti-prev::after, .ti-widget.ti-goog .ti-controls .ti-prev::before,.ti-widget.ti-goog .ti-controls .ti-next::after,.ti-widget.ti-goog .ti-controls .ti-next::before {
	transition: 0.5s;
}
.ti-widget.ti-goog .ti-controls .ti-prev:hover::after, .ti-widget.ti-goog .ti-controls .ti-prev:hover::before, .ti-widget.ti-goog .ti-controls .ti-next:hover::after, .ti-widget.ti-goog .ti-controls .ti-next:hover::before {
	background-color: transparent;
}
.testimonials-m-nav-aerrow {
	display: none;
}
.google-review-qr-code-wrap {
	max-width: 270px;
	width: 100%;
	text-align: center;
	padding-right: 30px;
}
.google-review-qr-code {
	max-width: 160px;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.02), 0px 5px 4px rgba(3, 7, 18, 0.03), 0px 12px 9px rgba(3, 7, 18, 0.05), 0px 20px 15px rgba(3, 7, 18, 0.06), 0px 32px 24px rgba(3, 7, 18, 0.08);
}
.google-review-qr-code a {
	display: table;
}
body .ti-widget.ti-goog .ti-review-item > .ti-inner {
	padding-top: 90px !important;
	background-image: url('data:image/svg+xml,<svg width="69" height="55" viewBox="0 0 69 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1742 0.828554C15.1166 0.814041 15.0591 0.806784 15.0016 0.79227C13.5562 0.385888 12.0532 0.277036 10.5718 0.465713C10.5431 0.465713 10.5215 0.465713 10.4927 0.465713C7.95424 0.821297 5.50206 2.01867 3.55325 4.09412C-1.10662 9.0723 -1.10662 17.1346 3.55325 22.1055C6.81804 25.5888 16.8137 28.3029 22.5091 29.6164C22.5667 30.1534 22.6026 30.6976 22.6026 31.2419C22.6026 42.04 14.2753 51.1909 2.35952 51.0457V53.738C4.8189 54.1952 7.68817 54.1154 10.0253 53.738C26.227 51.1328 32.6487 37.1925 32.6487 24.1955C32.6487 11.9242 25.4503 3.02011 15.1742 0.828554Z" fill="%23E50098"/><path d="M51.0363 0.828554C50.9788 0.814041 50.9213 0.806784 50.8637 0.79227C49.4111 0.385888 47.9082 0.277036 46.4268 0.465713C46.398 0.465713 46.3765 0.465713 46.3477 0.465713C43.8092 0.821297 41.357 2.01867 39.4082 4.09412C34.7484 9.06504 34.7484 17.1274 39.4082 22.1055C42.673 25.5888 52.6687 28.3029 58.3641 29.6164C58.4217 30.1534 58.4576 30.6976 58.4576 31.2419C58.4576 42.04 50.1302 51.1909 38.2145 51.0457V53.738C40.6739 54.1952 43.5431 54.1154 45.8803 53.738C62.082 51.1328 68.5037 37.1925 68.5037 24.1955C68.5037 11.917 61.3053 3.0056 51.0291 0.821297L51.0363 0.828554Z" fill="%23E50098"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-size: 60px !important;
	background-position: left 20px top !important;
	display: flex;
	flex-direction: column;
	border: unset !important;
	background-color: transparent !important;
}
body .ti-widget.ti-goog .ti-stars {
	order: 3;
}
body .ti-widget.ti-goog .ti-review-header {
	order: 2;
	padding-top: 20px;
}
.ti-widget.ti-goog .ti-read-more span:hover {
	color: var(--pink) !important;
}
.testimonial-sec-btn-list {
	width: 100%;
}
.testimonials-sec-top-content {
	width: 100%;
}
.testimonials-sec-top-content-inner {
	margin-bottom: 50px;
}
.testimonials-sec-center-title-wrap {
	width: calc(100% - 300px);
	text-align: center;
	padding: 0 30px;
}
body .ti-widget.ti-goog img.ti-star {
	filter: brightness(0) saturate(100%) invert(78%) sepia(85%) saturate(485%) hue-rotate(338deg) brightness(102%) contrast(101%);
}
.rating-wrap {
	margin-top: 30px;
}
/* ==============================================
   Testimonial Section CSS End
   ============================================== */

/* ==============================================
   Gallery Section CSS Start
   ============================================== */
.gallery-section {
	padding: 103px 0 26px 0;
	overflow: hidden;
}

.gallery-slider .slick-slide {
	margin: 0 20px;
}

/* .gallery-slider .slick-list {
	margin: 0 -20px;
} */
.gallery-slider img {
	border-radius: 25px;
}

.gallery-content-wrap {
	margin: 0 0 67px 0;
}

.gallery-navigation {
	position: relative;
	top: 30px;
	left: 9px;
}

.uniform-dimensions.no-link {
    position: relative;
    padding-top: 139.03%;
}

.uniform-dimensions.has-link > a {
    position: relative;
    padding-top: 139.03%;
    width: 100%;
    display: block;
}


.uniform-dimensions img {
	position: absolute;
	inset: 0;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.gallery-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -20px;
}
.gallery-list .gallery-list-item {
	max-width: 25%;
	width: 100%;
	padding: 20px;
}
.gallery-list img {
	border-radius: 25px;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	border-color: var(--pink) !important;
}
/* ==============================================
   Gallery Section CSS End
   ============================================== */

/* ==============================================
   About US Section CSS Start
   ============================================== */
.about-section {
	padding: 37px 0 50px 0;
}

.about-wrapper {
	max-width: 1770px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.content-layout {
	align-items: flex-end;
}

.image-side-box {
	max-width: 53.6%;
	width: 100%;
	padding: 0 15px;
}

.content-side {
	max-width: 46%;
	width: 100%;
	padding: 0 15px;
}

.about-image-wrap {
	width: 100%;
	padding-top: 94.4%;
}

.about-image {
	filter: grayscale();
	z-index: 1;
}

.about-image-container {
	padding: 76px 60px 77px 77px;
	position: relative;
}

.about-image-container::before {
	content: "";
	width: 36.766%;
	height: 37.87%;
	border: 1px solid var(--dark-gray);
	border-radius: 50%;
	position: absolute;
	left: 0;
	bottom: 20px;
	pointer-events: none;
}
.about-image-wrap img {
	object-position: top;
}
.about-image-container::after {
	content: "";
	width: 27.73%;
	height: 28.55%;
	border: 1px solid var(--dark-gray);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
}

.about-image-wrap::before {
	content: "";
	height: 102%;
	background-color: var(--pink);
	position: absolute;
	top: -76px;
	z-index: 2;
	mix-blend-mode: multiply;
	border-radius: 40px;
	right: 13%;
	width: 64%;
	pointer-events: none;
}

.content-inner {
	max-width: 75.8%;
	width: 100%;
	margin: 0 0 0 auto;
	padding: 0 17.7% 19px 0;
}

.about-section-title {
	margin: 0 0 51px 0;
}

.section-description {
	margin: 0 0 60px 0;
}

.facts-navigation {
	margin: 30px 0 0 0;
}

.tagline-section {
	padding: 44px 0 0 0;
	margin: 59px 0 28px 0;
	border-top: 1px solid var(--dark-gray);
}

.tagline {
	color: var(--pink);
	line-height: 1.6;
	margin: 0 0 0 0;
}

.tagline-subtitle {
	color: var(--pink);
}

.fact-content {
	background-color: var(--dark-gray);
}

.fact-content {
	background-color: var(--dark-gray);
	padding: 19px 17px 22px 34px;
}

.question-label,
.answer-label {
	font-weight: 700;
}

.fact-icon {
	max-width: 60px;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fact-icon svg {
	width: 100%;
	height: 100%;
}

.fact-question {
	max-width: calc(100% - 60px);
	padding-right: 30px;
	margin: 0;
	line-height: 1.375;
}

.fact-question-wrap {
	padding: 0 0 13px 0;
	border-bottom: 1px solid var(--white);
	margin-bottom: 15px;
}

.fact-nav-btn {
	color: var(--pink);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.57;
	background-color: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	transition: 0.5s;
}

.fact-nav-btn:hover {
	color: var(--dark-gray);
}

.fact-nav-btn:hover path {
	fill: var(--dark-gray);
}

.fact-prev svg {
	margin-right: 13px;
}

.fact-next svg {
	margin-left: 13px;
}

/* ==============================================
   About US Section CSS End
   ============================================== */

/* ==============================================
   Service Section CSS CSS
   ============================================== */
.services-section {
	background-position: right center;
	background-repeat: no-repeat;
	padding: 72px 0 72px 0;
	background-attachment: fixed;
	background-size: contain;
}

.service-sub-heading {
	width: fit-content;
	margin: 0 auto 12px auto;
}

.services-title {
	margin: 0 0 20px 0;
}

.services-description {
	max-width: 702px;
	width: 100%;
	margin: 0 auto 30px auto;
}

.services-header {
	padding-bottom: 13px;
}

.service-accordion {
	max-width: 1461px;
	width: 100%;
	margin: 0 auto;
}

.accordion-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0 0 7px 0;
	justify-content: space-between;
	cursor: pointer;
}

.accordion-item {
	padding: 0 0 20px 0;
}

.accordion-title {
	margin: 0;
	width: calc(100% - 60px);
	padding-right: 40px;
}

.accordion-item:last-child {
	margin: 0;
}

.accordion-icon {
	width: 60px;
	height: 60px;
	background-color: var(--pink);
	border-radius: 50%;
	background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.7581 41.4479C29.9534 41.6432 30.27 41.6432 30.4652 41.4479L33.6472 38.2659C33.8425 38.0707 33.8425 37.7541 33.6472 37.5588C33.452 37.3636 33.1354 37.3636 32.9401 37.5588L30.1117 40.3873L27.2833 37.5588C27.088 37.3636 26.7714 37.3636 26.5762 37.5588C26.3809 37.7541 26.3809 38.0707 26.5762 38.2659L29.7581 41.4479ZM30.1117 20.3662L29.6117 20.3662L29.6117 41.0944L30.1117 41.0944L30.6117 41.0944L30.6117 20.3662L30.1117 20.3662Z" fill="white"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
}

.accordion-item.active .accordion-icon {
	background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.4651 19.3648C30.2699 19.1696 29.9533 19.1696 29.758 19.3648L26.576 22.5468C26.3808 22.7421 26.3808 23.0587 26.576 23.2539C26.7713 23.4492 27.0879 23.4492 27.2831 23.2539L30.1116 20.4255L32.94 23.2539C33.1353 23.4492 33.4518 23.4492 33.6471 23.2539C33.8424 23.0587 33.8424 22.7421 33.6471 22.5468L30.4651 19.3648ZM30.1116 40.4465L30.6116 40.4465L30.6116 19.7184L30.1116 19.7184L29.6116 19.7184L29.6116 40.4465L30.1116 40.4465Z" fill="white"/></svg>');
}

.sub-service-link {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 19px 20px 18px 15px;
	border-bottom: 1px solid rgba(229, 0, 152, 0.3);
	position: relative;
}

.sub-service-link:hover::after {
	transform: rotate(-45deg);
}

.sub-service-link::after {
	content: "";
	width: 60px;
	height: 60px;
	background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="30.3729" cy="30.0826" r="29.5328" stroke="%23E50098"/><path d="M41.0905 30.4361C41.2858 30.2408 41.2858 29.9242 41.0905 29.729L37.9085 26.547C37.7132 26.3517 37.3967 26.3517 37.2014 26.547C37.0061 26.7422 37.0061 27.0588 37.2014 27.2541L40.0298 30.0825L37.2014 32.9109C37.0061 33.1062 37.0061 33.4228 37.2014 33.6181C37.3967 33.8133 37.7132 33.8133 37.9085 33.6181L41.0905 30.4361ZM20.0088 30.0825L20.0088 30.5825L40.7369 30.5825L40.7369 30.0825L40.7369 29.5825L20.0088 29.5825L20.0088 30.0825Z" fill="%23E50098"/></svg>');
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	right: 30px;
	background-size: cover;
	transition: 0.5s;
}

.sub-service-link:hover {
	background-color: rgba(229, 0, 152, 0.1);
}

.sub-service-link:hover .sub-service-icon {
	filter: brightness(0) saturate(100%) invert(14%) sepia(83%) saturate(7092%) hue-rotate(312deg) brightness(93%) contrast(104%);
}

.sub-service-item::before {
	all: unset;
}

.sub-service-item {
	padding: 0;
}

.sub-serviec-icon {
	max-width: 60px;
	width: 100%;
	margin-right: 22px;
}

.sub-service-icon {
	margin: 0 auto;
}

.sub-service-title {
	color: var(--black);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 2px;
}

.sub-service-title:hover {
	color: var(--pink);
}

.sub-services-list {
	margin: 0;
	padding: 15px 0px 52px 0;
}

/* ==============================================
   Service Section CSS End
   ============================================== */

/* ==============================================
   About Me Section CSS Start
   ============================================== */
.about-me {
	padding: 136px 0 205px 0;
}

.about-me-wrapper {
	padding: 0 50px;
}

.about-content-row {
	margin: 0 -33px;
}

.about-content-column-one,
.about-content-column-two {
	max-width: 50%;
	width: 100%;
	padding: 0 33px;
}

.about-me-image-wrap {
	max-width: 40%;
	width: 100%;
	padding: 0 15px;
}

.about-me-content-wrap {
	max-width: 59.2%;
	padding: 0 15px;
	width: 100%;
}

.about-me-wrap {
	padding: 0 0 0 40px;
}

.about-me-image {
	padding-top: 115.6%;
	width: 87%;
	top: 28px;
	left: 10px;
	max-width: 90.65%;
}

.about-me-image::before {
	width: 103%;
	height: 100.9%;
	content: "";
	background-color: var(--pink);
	position: absolute;
	border-radius: 40px;
	top: 0;
	left: 0;
	transform: rotate(10deg);
	all: unset;
}

.about-me-image::after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('data:image/svg+xml,<svg width="117" height="724" viewBox="0 0 117 724" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116.014 39.4673C116.014 48.0686 114.152 55.621 110.429 62.1244C106.705 68.6278 101.539 73.7151 94.9306 77.3864C88.3223 81.0052 80.7175 82.8146 72.1162 82.8146C62.8331 82.8146 54.7825 81.0315 47.9644 77.4651C41.0939 73.8987 35.7705 68.9425 31.9943 62.5964C28.2182 56.2503 26.3301 48.9077 26.3301 40.5687C26.3301 31.7576 28.4017 24.2839 32.545 18.1477C36.6359 11.9589 42.4313 7.36981 49.9312 4.38035C57.4311 1.39088 66.2683 0.263281 76.443 0.997541L76.443 19.7998L69.5201 19.7998C60.2894 19.8522 53.55 21.4781 49.3018 24.6773C45.0536 27.8766 42.9295 32.9115 42.9295 39.782C42.9295 47.5442 45.3421 53.3133 50.1672 57.0895C54.9398 60.8656 61.9415 62.7537 71.1721 62.7537C79.7734 62.7537 86.4342 60.8656 91.1544 57.0895C95.8746 53.3133 98.2347 47.8064 98.2347 40.5687C98.2347 35.9009 97.212 31.8888 95.1666 28.5322C93.0687 25.1231 90.053 22.5007 86.1195 20.6651L91.7837 1.94159C99.441 5.1933 105.394 10.2282 109.642 17.0463C113.89 23.8119 116.014 31.2856 116.014 39.4673ZM76.443 68.7327L62.1251 68.7327L62.1251 10.2807L76.443 10.2807L76.443 68.7327Z" fill="white" fill-opacity="0.4"/><path d="M113.654 116.191L62.0467 116.191C56.2251 116.191 51.6884 117.633 48.4367 120.517C45.1326 123.402 43.4805 127.309 43.4805 132.239C43.4805 135.281 44.1885 138.008 45.6046 140.421C46.9682 142.834 49.0136 144.748 51.7409 146.164C54.4157 147.58 57.6149 148.288 61.3387 148.288L56.3824 156.706C50.5084 156.758 45.3424 155.447 40.8844 152.772C36.374 150.045 32.86 146.374 30.3426 141.758C27.8251 137.143 26.5664 132.003 26.5664 126.339C26.5664 116.951 29.3985 109.766 35.0628 104.783C40.6746 99.7484 48.0696 97.2309 57.2478 97.2309L113.654 97.2309L113.654 116.191ZM113.654 218.383L28.6905 218.383L28.6905 201.626L55.045 201.626L55.045 199.266L113.654 199.266L113.654 218.383ZM113.654 167.169L62.2827 167.169C56.3562 167.169 51.7409 168.611 48.4367 171.496C45.1326 174.38 43.4805 178.314 43.4805 183.296C43.4805 188.121 45.1326 192.002 48.4367 194.939C51.7409 197.824 56.0415 199.266 61.3387 199.266L55.6744 207.763C50.1675 207.763 45.2113 206.399 40.8057 203.672C36.4002 200.945 32.9387 197.273 30.4212 192.658C27.8514 187.99 26.5664 182.772 26.5664 177.003C26.5664 170.657 27.93 165.359 30.6573 161.111C33.332 156.811 37.0033 153.611 41.6711 151.513C46.2864 149.363 51.5049 148.288 57.3265 148.288L113.654 148.288L113.654 167.169Z" fill="white" fill-opacity="0.4"/><path d="M113.654 267.995C114.703 273.606 115.149 279.113 114.992 284.515C114.887 289.865 113.917 294.664 112.081 298.912C110.193 303.16 107.23 306.386 103.191 308.589C99.5199 310.529 95.77 311.552 91.9413 311.657C88.1127 311.762 83.7859 311.814 78.9607 311.814L5.08935 311.814L5.08935 292.933L77.8594 292.933C81.2684 292.933 84.2579 292.907 86.8278 292.854C89.3977 292.75 91.4955 292.199 93.1214 291.202C96.2682 289.314 98.0252 286.299 98.3923 282.155C98.7594 278.012 98.5496 273.292 97.7629 267.995L113.654 267.995ZM43.5591 327.233L28.6904 327.233L28.6904 267.995L43.5591 267.995L43.5591 327.233Z" fill="white" fill-opacity="0.4"/><path d="M116.093 384.423C116.093 390.717 115.044 395.909 112.946 400C110.848 404.091 108.173 407.342 104.921 409.755C101.67 412.167 98.2082 413.951 94.537 415.104C90.8657 416.258 87.4042 417.019 84.1525 417.386C80.8483 417.7 78.1735 417.858 76.1281 417.858L28.6899 417.858L28.6899 398.662L69.5985 398.662C72.2208 398.662 75.1841 398.479 78.4882 398.112C81.7399 397.744 84.8867 396.905 87.9287 395.594C90.9181 394.231 93.3831 392.238 95.3237 389.615C97.2642 386.94 98.2345 383.348 98.2345 378.837C98.2345 376.425 97.8411 374.038 97.0544 371.678C96.2677 369.318 94.9303 367.194 93.0422 365.306C91.1017 363.366 88.4531 361.818 85.0965 360.665C81.7399 359.511 77.4917 358.934 72.3519 358.934L77.1508 347.684C84.3885 347.684 90.9443 349.1 96.8184 351.932C102.692 354.712 107.386 358.829 110.9 364.283C114.362 369.738 116.093 376.451 116.093 384.423ZM113.654 356.652L87.2993 356.652L87.2993 358.934L28.6899 358.934L28.6899 339.896L113.654 339.896L113.654 356.652Z" fill="white" fill-opacity="0.4"/><path d="M116.015 476.021C116.015 484.517 114.1 491.939 110.272 498.285C106.443 504.631 101.172 509.561 94.459 513.075C87.6934 516.536 79.9312 518.267 71.1726 518.267C62.2567 518.267 54.4421 516.484 47.7289 512.917C41.0157 509.351 35.771 504.395 31.9948 498.049C28.2187 491.703 26.3306 484.36 26.3306 476.021C26.3306 467.472 28.2449 460.025 32.0735 453.679C35.9021 447.333 41.1992 442.403 47.9649 438.889C54.6781 435.375 62.414 433.618 71.1726 433.618C79.9837 433.618 87.772 435.401 94.5377 438.967C101.251 442.481 106.522 447.411 110.35 453.757C114.127 460.103 116.015 467.525 116.015 476.021ZM98.2352 476.021C98.2352 468.469 95.7177 462.857 90.6828 459.185C85.6479 455.514 79.1445 453.679 71.1726 453.679C62.9385 453.679 56.3826 455.54 51.5051 459.264C46.575 462.988 44.11 468.573 44.11 476.021C44.11 481.108 45.2639 485.304 47.5715 488.608C49.8268 491.86 52.9998 494.272 57.0906 495.846C61.1291 497.419 65.823 498.206 71.1726 498.206C79.4068 498.206 85.9889 496.344 90.9189 492.62C95.7964 488.844 98.2352 483.311 98.2352 476.021Z" fill="white" fill-opacity="0.4"/><path d="M116.014 569.672C116.014 577.958 114.048 584.908 110.114 590.519C106.181 596.131 100.831 600.353 94.0654 603.185C87.2474 606.017 79.6163 607.434 71.1724 607.434C62.6236 607.434 54.9663 606.017 48.2007 603.185C41.435 600.353 36.1117 596.21 32.2306 590.755C28.2971 585.249 26.3303 578.457 26.3303 570.38C26.3303 562.355 28.2971 555.406 32.2306 549.532C36.1117 543.606 41.435 539.017 48.2007 535.765C54.9139 532.513 62.5711 530.887 71.1724 530.887C79.6688 530.887 87.2998 532.487 94.0654 535.686C100.831 538.886 106.181 543.396 110.114 549.218C114.048 555.039 116.014 561.857 116.014 569.672ZM113.654 610.659L0.369141 610.659L0.36914 591.542L54.0223 591.542L54.0223 593.902L113.654 593.902L113.654 610.659ZM99.0217 572.583C99.0217 567.653 97.7892 563.588 95.3242 560.389C92.8592 557.189 89.5288 554.829 85.333 553.308C81.0848 551.735 76.3646 550.948 71.1724 550.948C66.0326 550.948 61.3648 551.735 57.1691 553.308C52.9209 554.882 49.5643 557.321 47.0993 560.625C44.5818 563.929 43.3231 568.125 43.3231 573.212C43.3231 578.037 44.5032 581.971 46.8633 585.013C49.1709 588.054 52.4226 590.31 56.6184 591.778C60.7617 593.194 65.613 593.902 71.1724 593.902C76.6793 593.902 81.5306 593.194 85.7264 591.778C89.9221 590.31 93.2001 588.028 95.5602 584.934C97.8678 581.787 99.0217 577.67 99.0217 572.583Z" fill="white" fill-opacity="0.4"/><path d="M113.654 723.928L0.369139 688.212L0.369138 660.441L113.654 624.725L113.654 644.235L12.0123 676.647L12.0123 672.399L113.654 704.418L113.654 723.928ZM89.1092 704.025L71.4084 704.025L71.4084 644.55L89.1092 644.55L89.1092 704.025Z" fill="white" fill-opacity="0.4"/></svg>');
	position: absolute;
	background-repeat: no-repeat;
	background-position: center left;
	z-index: 1;
	inset: 0;
	transform: rotate(7deg);
	top: 4px;
	background-size: 20%;
	all: unset;
}

.about-me-image-box {
	position: sticky;
	top: 0;
}

.about-me-image img {
	border-radius: 40px;
}

.about-me-content-inner-wrap {
	padding: 24px 0 00;
}

.about-me-title {
	margin: 0 0 51px 0;
}
.signature-image-wrap img {
	margin-left: auto;
}
.signature-image-wrap {
	padding-top: 15px;
	max-width: 65%;
	margin-left: auto;
}
/* ==============================================
   About Me Section CSS End
   ============================================== */

/* ==============================================
  Left content right logos Section CSS Start
   ============================================== */
.left-content-right-logos {
	padding: 137px 0 100px 0;
}

.left-right-logos-wrap {
	margin: 0 -15px;
}

.left-logos-content-box {
	max-width: 38.8%;
	padding: 0 15px;
	width: 100%;
}

.right-logos-box {
	max-width: 48.8%;
	width: 100%;
	padding: 0 15px;
}

.right-logos-list {
	margin: -25px -45px;
}

.logo-item {
	padding: 25px 45px;
}


.left-content-right-logos-sec-title {
	margin: 0 0 77px 0;
	line-height: 1.18;
}

.logos-content {
	max-width: 590px;
	width: 100%;
}

/* ==============================================
  Left content right logos Section CSS End
   ============================================== */
/* ==============================================
  Payment options Section CSS Start
   ============================================== */
.payment-options-section {
	padding: 110px 0 158px 0;
}

.payment-options-section-title {
	margin-bottom: 80px;
}

.check-list-iteam {
	max-width: 33.33%;
	width: 100%;
	padding: 0 14px;
}

.check-list-title-wrap {
	background-color: rgba(229, 0, 152, 0.1);
	padding: 37px;
	border-radius: 20px;
}

.check-list-title {
	color: var(--black);
	line-height: 1;
	padding-left: 42px;
	font-size: 16px;
	width: fit-content;
	margin: 0 auto;
	background-image: url('data:image/svg+xml,<svg width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.04199 8.5437L9.98249 16.4841L24.4194 2.04712" stroke="%23E50098" stroke-width="3"/></svg>');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 22px;
}

.check-list {
	max-width: 1380px;
	margin: 0 auto 114px auto;
}

.check-list-iteam li::before {
	all: unset;
}

.payment-logo {
	padding: 0 34px;
}

.payment-logos {
	margin-bottom: 152px;
}

.payment-options-sec-content {
	max-width: 765px;
	width: 100%;
	margin: 0 auto 50px auto;
}

.payment-options-sec-btn {
	padding-left: 52px;
	min-width: unset;
	padding-right: 33px;
	background-position: left 25px center;
}

/* ==============================================
  Payment options Section CSS End
   ============================================== */

/* ==============================================
Left Content with Right Image Grid Section CSS Strat
   ============================================== */
   .site-header:has(+ .special-needs-section) .menu-header-menu-container {
	margin-top: 140px;
}
.special-needs-section {
	padding: 164px 0 98px 0;
	position: relative;
}
.special-needs-section::before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/themes/experience-dentistry/assets/images/puzzel-bg.png');
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-position: top;
	top: -197px;
	z-index: -1;
	pointer-events: none;
	background-size: contain;
}
.special-needs-content-box {
	max-width: 48.5%;
	width: 100%;
	padding: 0 15px;
}

.special-needs-content-inner-box {
	width: fit-content;
	margin: 0 auto;
}

.special-needs-section-inner-wrapper {
	max-width: 1880px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.special-needs-images-box {
	max-width: 49%;
	width: 100%;
	padding: 0 15px;
}

.special-needs-wrap {
	margin: 0 -15px;
}

.special-needs-sec-title {
	margin: 0 0 78px 0;
}

.special-needs-images-inner-box {
	padding-top: 63px;
}

.needs-image {
	max-width: 50%;
	width: 100%;
	padding-top: 33.14%;
	max-height: 294px;
}
.needs-image-2 img {
	object-fit: contain;
	border-radius: 0;
}
.needs-image-1 {
	margin-top: 40px;
	padding-top: 36%;
}

.needs-image-2 {
	margin-left: -101px;
	z-index: 1;
}

.needs-image-3 {
	top: -94px;
	left: 40px;
}

.special-needs-section-content {
	max-width: 599px;
	width: 100%;
}

/* ==============================================
Left Content with Right Image Grid Section CSS End
============================================== */

/* ==============================================
Center Content Section CSS End
============================================== */
.center-content-section {
	padding: 254px 0 77px 0;
}

.center-content-section-services {
	padding: 246px 0 77px 0;
}

.center-content-sec-title:has(+ .center-content) {
	margin-bottom: 61px;
}

.center-content {
	max-width: 599px;
	width: 100%;
	margin: 0 auto;
}

.center-content-sec-title-services:has(+ .center-content) {
	margin-bottom: 77px;
}

/* ==============================================
Center Content Section CSS End
============================================== */
/* ==============================================
Booking Section CSS Start
============================================== */
.booking-section {
	padding: 55px 0 80px;
}

.booking-section-services {
	padding-top: 47px;
}

.booking-sec-wrapper {
	padding: 0 6.771% 0 5.68%;
}

.booking-sec-left-image-wrap {
	margin: 81px 0 0 0;
	max-width: 670px;
}

.shape-wrap {
	padding-top: 69.44%;
}

.booking-sec-left-image-wrap-services {
	padding-top: 62.24%;
	margin: 0 0 0 0;
}

.booking-sec-left-image-box {
	max-width: 41.6%;
	width: 100%;
	padding: 0 15px;
}

.shape-wrap::before {
	content: "";
	width: 97%;
	height: 111%;
	background-color: var(--pink);
	position: absolute;
	border-radius: 32px;
	transform: rotate(-1.804deg);
	top: -28px;
	right: -20px;
	pointer-events: none;
}

.shape-wrap>img,
.shape-wrap img {
	transform: rotate(3.66deg);
}

.shape-wrap-two {
	padding-top: 69.3%;
	transform: rotate(-3.292deg);
}

.shape-wrap-two::before {
	content: "";
	width: 96%;
	height: 111.3%;
	background-color: var(--pink);
	position: absolute;
	border-radius: 40px;
	top: -27px;
	transform: rotate(7.263deg);
	left: 50px;
}

.booking-sec-wrap {
	margin: 0 -15px;
}

.booking-section-services .booking-sec-wrap {
	align-items: center;
}

.booking-sec-content li {
	margin-bottom: 10px;
}
.booking-sec-content-box {
	max-width: 23.9%;
	width: 100%;
	padding: 0 15px;
}

.booking-cta-box {
	max-width: 25.52%;
	padding: 0 15px;
	width: 100%;
}

.booking-sec-content-inner-box {
	padding-top: 53px;
}

.booking-sec-content-box-services .booking-sec-content-inner-box {
	padding-top: 0;
}

.booking-sec-title {
	line-height: 1.3;
	margin: 0 0 39px 0;
}

.booking-cta-title {
	line-height: 1.30;
	margin-bottom: 34px;
}

.booking-cta-content {
	margin: 0 0 50px 0;
}

.booking-sec-btn-list {
	flex-direction: column;
	align-items: center;
}

.booking-sec-btn-list li:not(:last-child) {
	padding: 0 0 20px 0;
}

.border-radius-30 {
	border-radius: 30px;
}

.booking-sec-cta-wrap {
	border: 1px solid var(--pink);
	border-radius: 30px;
	padding: 48px 36px 54px 36px;
}

.booking-sec-wrapper-services {
	padding: 0 4.671% 0 5.68%;
}

.booking-cta-box-services {
	max-width: 25.02%;
}

.booking-sec-content-box-services {
	max-width: 26%;
}

.booking-sec-left-image-box-services {
	max-width: 44.5%;
}

.booking-sec-title-services {
	line-height: 1.42;
	margin: 0 0 10px 0;
}

.booking-sec-content p {
	margin: 0 0 39px 0;
}

/* ==============================================
Booking Section CSS End
============================================== */

/* ==============================================
Showcase Section CSS Start
=============================================*/
.showcase-section {
	padding: 55px 0;
	overflow: hidden;
}

.showcase-sec-left-box {
	max-width: 48.3%;
	width: 100%;
	padding: 0 15px;
}

.showcase-sec-right-box {
	max-width: 44%;
	width: 100%;
	padding: 0 15px;
}

.showcase-sec-wrap {
	margin: 0 -15px;
	padding: 0 56px 0 0px;
}

.showcase-sec-content-box {
	max-width: 573px;
	width: 100%;
	margin: 0 0 0 auto;
	padding: 13px 0 0px 0;
}

.showcase-sec-content li {
	margin-bottom: 26px;
	padding-left: 22px;
}
.list-with-arrows li a{
	color: var(--medium-gray); text-decoration: underline;
}
.list-with-arrows li a:hover{
	color: #e50098;
}
.showcase-sec-content ol li {
	padding-left: 5px;
}
.showcase-sec-content ul {
	margin-bottom: 40px;
}

.showcase-sec-content li:last-child {
	margin-bottom: 0;
}

.showcase-sec-title {
	margin-bottom: 42px;
}

.showcase-sec-content-box p {
	margin-bottom: 36px;
}

.left-image-right-content-reverse {
	flex-direction: row-reverse;
}

.showcase-sec-content li:has(strong) {
	font-weight: 400;
}
.shape-wrap-three img {
	object-position: bottom;
}
.shape-wrap-three {
	padding-top: 95.4%;
	max-width: 88.8%;
	width: 100%;
	transform: rotate(-4.853deg);
}

.shape-wrap-three::before {
	content: "";
	width: 103.3%;
	height: 94.3%;
	background-color: var(--pink);
	position: absolute;
	border-radius: 40px;
	transform: rotate(9.163deg);
	bottom: 19px;
	right: -20px;
}

.left-image-right-content-reverse {
	padding: 0 0px 0 41px;
}

.left-image-grid-with-right-content-section+.showcase-section {
	padding-bottom: 124px;
}

.left-image-right-content-reverse .showcase-sec-right-box {
	max-width: 43.7%;
}

.left-image-right-content-reverse .showcase-sec-content-box {
	margin: 0 0;
	padding-top: 28px;
}

.left-image-right-content-reverse .showcase-sec-left-box {
	max-width: 48%;
}

.showcase-sec-content-box.auto-alignment {
	margin: 0 auto;
}

.medium-width {
	max-width: 655px;
}

.booking-section-services+.showcase-section li {
	margin: 0 0 10px 0;
	width: fit-content;
}

.showcase-section-three {
	padding: 110px 0 172px;
}

.showcase-section-three .showcase-sec-content-box {
	padding: 36px 0 0 0;
}

/* ==============================================
Showcase Section CSS End
=============================================*/

/* ==============================================
Left Images Grid with Right Content Section CSS Start
=============================================*/
.left-image-grid-with-right-content-section {
	padding: 100px 0 50px 0;
}

.double-image-box {
	max-width: 50%;
	width: 100%;
	padding: 0 15px;
}

.double-content-box {
	max-width: 47.8%;
	width: 100%;
	padding: 0 15px;
}

.double-showcase-inner {
	margin: 0 -15px;
}

.double-image {
	max-width: 75.3%;
	padding-top: 52%;
	width: 100%;
}

.double-image-wrap {
	width: 81.1%;
	margin: 0 auto;
}

.double-image::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--pink);
	position: absolute;
	border-radius: 40px;
}

.double-image0 {
	transform: rotate(-3.752deg);
}

.double-image0::before {
	transform: rotate(8.063deg);
	top: 0px;
	left: 62px;
	width: 96%;
}

.double-image1 {
	transform: rotate(-3.628deg);
	margin: 0 0 0 auto;
	top: -76px;
	left: 4px;
}

.double-image1::before {
	transform: rotate(7.363deg);
	bottom: -37px;
	width: 95.5%;
	left: 0;
}

.left-image-grid-with-right-content-sec-title {
	margin-bottom: 42px;
}

.double-content-inner {
	max-width: 599px;
	width: 100%;
	padding-bottom: 45px;
}

/* ==============================================
Left Images Grid with Right Content Section CSS End
=============================================*/


/* ==============================================
Blog Page CSS Start
=============================================*/
.blog-listing {
	padding-bottom: 160px;
}

.blog-wrapper {
	max-width: 1580px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
}

.blog-tab-list::before {
	display: none;
}
.blog-tab-list {
	padding: 0;
}

.blog-tab-menu {
	font-weight: 700;
	color: var(--pink);
	border: 2px solid var(--pink);
	border-radius: 15px;
	line-height: 1.37;
	padding: 6px 24px;
	min-width: 101px;
	text-align: center;
	cursor: pointer;
}

.blog-tab-menu:hover {
	background-color: var(--pink);
	color: var(--white);
}

.blog-tab-list.active .blog-tab-menu {
	background-color: var(--pink);
	color: var(--white);
}

.blog-tab {
	padding: 21px 0 104px 0;
	margin: 0;
	gap: 20px;
}

.blog-post-thumbnail img {
	border-radius: 23px;
}

.blog-wrap {
	padding: 12px 11px;
	max-width: 100%;
}

.blog-list-wrap {
	margin: -12px -11px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.blog-wrap:first-child {
	grid-row: span 2;
}

.blog-post-thumbnail {
	overflow: hidden;
	border-radius: 23px;
	min-height: 301px;
	height: 100%;
}

.blog-post-thumbnail::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--black);
	opacity: 0.2;
	position: absolute;
	inset: 0;
	z-index: 1;
}

.blog-content {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 18px 16px 50px 16px;
	z-index: 1;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.blog-short-content {
	padding: 0 20px 0 23px;
	max-width: 600px;
	max-width: 100% !important;
}
.blog-wrap:first-child .blog-content {
	padding: 36px 16px 43px 27px;
	max-width: 640px;
	max-width: 100% !important;
}
.blog-wrap:first-child .blog-short-content {
	padding: 0 12px;
}

.blog-inner-wrap:hover img {
	transform: scale(1.1);
}

.blog-post-thumbnail img {
	border-radius: 23px;
	transition: 0.5s;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-inner-wrap {
	height: 100%;
}

.blog-wrap:first-child .blog-post-thumbnail {
	padding-top: 0;
	height: 100%;
}

.date {
	border-radius: 15px;
	background-color: var(--white);
	color: var(--pink);
	padding: 8.7px 23px;
	width: fit-content;
	font-size: 14px;
	letter-spacing: 0.84px;
}

.post-title {
	color: var(--white);
	line-height: 1.22;
	margin-bottom: 0;
}

.blog-wrap:first-child .post-title:has(+ p) {
	margin-bottom: 23px;
}

.post-title:has(+ p) {
	margin: 0 0 15px 0;
}

.blog-short-content p {
	color: var(--white);
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 1px;
	z-index: 1;
	position: relative;
}
.load-more-posts {
	margin: 60px 0 0 0;
}

/* ==============================================
Blog Page CSS End
=============================================*/

/* ==============================================
Single Blog Page CSS Start
=============================================*/
.single-blog {
	padding: 117px 0 234px 0;
}

.single-blog-wrapper {
	max-width: 1125px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.single-blog-wrap {
	margin: 0 -19px;
}

.single-blog-left-box {
	max-width: 78.8%;
	width: 100%;
	padding: 0 19px;
}

.single-blog-right-box {
	max-width: 21.2%;
	width: 100%;
	padding: 0 19px;
}

.categories-name:hover {
	background-color: var(--pink);
	color: var(--white);
}

.breadcrumb a {
	color: var(--pink);
}

.breadcrumb {
	margin-bottom: 37px;
}

#breadcrumbs span>span:not(:last-child) {
	padding-right: 20px;
	background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66602 12L10.666 8L6.66602 4" stroke="black" stroke-linecap="round"/></svg>');
	background-repeat: no-repeat;
	background-position: center right;
}

#breadcrumbs {
	color: var(--black);
	letter-spacing: -0.32px;
}

.single-blog-thambnail {
	padding-top: 45.87%;
	width: 100%;
	margin-bottom: 32px;
}

.author-date {
	color: var(--pink);
	font-size: 14px;
	letter-spacing: 0.84px;
	margin-bottom: 51px;
}

.single-blog .single-blog-title {
	line-height: 1.22;
	margin: 0 0 30px 0;
}
.single-blog-content ul {
	padding-left: 10px;
}
.single-blog-content ul li {
	padding-left: 15px;
}

.single-blog ul li::before {
	width: 4px;
	height: 4px;
	background-color: var(--black);
	top: 0.74em;
}

.single-blog-navigation {
	padding: 85px 0 0 0;
}
 .single-blog-navigation-m-block{
	display: none;
 }

.related-post-lists {
	padding: 109px 0 0 0;
}

.nav-subtitle {
	color: var(--black);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.36px;
}

.nav-title {
	color: var(--pink);
	font-size: 18px;
	letter-spacing: -0.36px;
}

.nav-links a:hover span {
	color: var(--black);
	text-decoration: underline;
}

.related-post-lists li::before {
	all: unset;
}

.related-posts-link-wrap li {
	margin: 0 0 10px 0;
	line-height: 1.4;
	padding: 0;
}

.related-posts-link {
	color: #E50098;
	font-size: 18px;
}

.related-posts-link:hover {
	text-decoration: underline;
	color: var(--black);
}

.related-posts-link-wrap {
	margin: 0;
}

.single-blog .related-posts-text {
	font-size: clamp(18px, 2vw, 24px);
	margin: 0 0 41px 0;
}

.single-blog .areas-of-focus-title {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 50px 0;
}

.single-blog-content a {
	text-decoration: underline;
	color: var(--pink);
}
.single-blog-content a:hover {
	color: var(--black);
}

.single-blog-content a[href$="/contact/"]:hover {
	color: var(--black);
}

.single-blog-navigation .nav-previous,
.single-blog-navigation .nav-next {
	padding: 0 15px;
}

.single-blog-navigation .nav-links {
	margin: 0 -15px;
}

.category-list li::before {
	display: none;
}

.category-list li {
	padding: 0;
	margin-bottom: 15px;
}

.category-list li:last-child {
	margin-bottom: 0;
}

.category-list li a {
	color: var(--black);
	font-size: 18px;
	font-weight: 300;
	line-height: 1.22;
}

.category-list li a:hover {
	color: var(--pink);
}

.category-list {
	padding: 0 0 40px 0;
	margin: 0 0 32px 0;
	border-bottom: 2px solid var(--pink);
}

.categories-name:last-child {
	margin: 0;
}

.posted-in-text {
	color: var(--black);
	letter-spacing: -0.32px;
	margin: 0 0 14px 0;
}

.categories-name {
	border-radius: 15px;
	border: 1px solid #E50098;
	color: var(--black);
	padding: 7px 20px;
	margin-bottom: 10px;
}

.related-posts-link::after {
	content: "";
	width: 20px;
	height: 22px;
	background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 7L7.70711 7.70711L8.41421 7L7.70711 6.29289L7 7ZM1.70711 0.292893C1.31658 -0.0976315 0.683417 -0.0976314 0.292893 0.292893C-0.0976316 0.683417 -0.0976316 1.31658 0.292893 1.70711L1.70711 0.292893ZM1 13L1.70711 13.7071L7.70711 7.70711L7 7L6.29289 6.29289L0.292893 12.2929L1 13ZM7 7L7.70711 6.29289L1.70711 0.292893L0.999999 1L0.292893 1.70711L6.29289 7.70711L7 7Z" fill="%23E50098"/></svg>');
	background-repeat: no-repeat;
	background-position: center right;
	right: 0;
	display: inline-block;
	margin-left: 6px;
	position: relative;
	top: 0.2em;
}

.related-posts-link:hover::after {
	background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 7L7.70711 7.70711L8.41421 7L7.70711 6.29289L7 7ZM1.70711 0.292893C1.31658 -0.0976315 0.683417 -0.0976314 0.292893 0.292893C-0.0976316 0.683417 -0.0976316 1.31658 0.292893 1.70711L1.70711 0.292893ZM1 13L1.70711 13.7071L7.70711 7.70711L7 7L6.29289 6.29289L0.292893 12.2929L1 13ZM7 7L7.70711 6.29289L1.70711 0.292893L0.999999 1L0.292893 1.70711L6.29289 7.70711L7 7Z" fill="%23000000"/></svg>');
}

.related-posts-link {
	color: #E50098;
	font-size: 18px;
	width: fit-content;
	position: relative;
}
.blog-author-wrap {
	margin: 60px 0 0 0;
	padding: 40px 30px;
	background-color: #f5f5f5;
	border-radius: 9px;
}
.author-image img {
	border-radius: 50%;
}
.author-image {
	max-width: 160px;
	width: 100%;
	margin-right: 25px;
}
.author-about {
	width: calc(100% - 185px);
}
.single-blog .about-the-author {
	margin: 0 0 10px 0;
	display: none;
}
.author-about .author_title {
	margin: 0 0 12px 0;
}
.read-bio-link {
	margin: 18px 0 0 0;
	font-weight: 400;
	color: var(--black);
	padding-right: 35px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	line-height: 1;
	font-size: 14px;
	background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3388 4.23051C12.534 4.03524 12.534 3.71866 12.3388 3.5234L9.1568 0.341419C8.96154 0.146157 8.64496 0.146157 8.4497 0.341419C8.25443 0.536681 8.25443 0.853264 8.4497 1.04853L11.2781 3.87695L8.4497 6.70538C8.25443 6.90064 8.25443 7.21722 8.4497 7.41249C8.64496 7.60775 8.96154 7.60775 9.1568 7.41249L12.3388 4.23051ZM0.596924 4.37695L11.9852 4.37695V3.37695L0.596924 3.37695L0.596924 4.37695Z" fill="%23E50098"/></svg>');
}
.read-bio-link:hover {
	color: var(--pink);
	background-position: right 0px center;
}

/* ==============================================
Single Blog Page CSS End
=============================================*/

/* ==============================================
Contact Page CSS Start
=============================================*/
.contact-us-sec {
	background-color: var(--dark-gray);
	margin-top: 72px;
}

.contact-left-box {
	max-width: 50.78%;
	width: 100%;
}

.conatct-right-box {
	max-width: 49%;
	width: 100%;
}

.contact-image-wrap {
	padding-top: 90%;
	height: 100%;
	width: 100%;
}

.contact-right-inner,
.contact-left-inner {
	height: 100%;
}

.contact-us-form-wrap {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
	padding: 50px;
}

/* ==============================================
Contact Page CSS End
=============================================*/
/* ==============================================
Thank you Page CSS Start
=============================================*/
.center-sec-icon {
	max-width: 200px;
	width: 100%;
	margin: 0 auto 40px auto;
	background-color: var(--pink);
	border-radius: 50%;
	padding-top: 200px;
}

.center-sec-icon>img {
	width: 56%;
	margin: auto;
	height: auto;
}

.not-found-center-content a {
	color: var(--pink);
}

.not-found-center-content a:hover {
	color: var(--black);
}

.not-found-center-content {
	max-width: 990px;
}

/* ==============================================
Thank you Page CSS End
=============================================*/
.dental-areas-section {
	padding: 0 0 70px 0;
}
.dental-areas-row {
	margin: 0 -15px;
	justify-content: space-between;
}
.dental-area-box {
	max-width: 48%;
	width: 100%;
	padding: 0 15px;
}

.area-content {
	margin-bottom: 30px;
}
.area-services-link {
	padding: 15px 70px 15px 15px;
	min-height: 85px;
}
.area-services-link::after {
	content: "";
	width: 45px;
	height: 45px;
	background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="30.3729" cy="30.0826" r="29.5328" stroke="%23E50098"/><path d="M41.0905 30.4361C41.2858 30.2408 41.2858 29.9242 41.0905 29.729L37.9085 26.547C37.7132 26.3517 37.3967 26.3517 37.2014 26.547C37.0061 26.7422 37.0061 27.0588 37.2014 27.2541L40.0298 30.0825L37.2014 32.9109C37.0061 33.1062 37.0061 33.4228 37.2014 33.6181C37.3967 33.8133 37.7132 33.8133 37.9085 33.6181L41.0905 30.4361ZM20.0088 30.0825L20.0088 30.5825L40.7369 30.5825L40.7369 30.0825L40.7369 29.5825L20.0088 29.5825L20.0088 30.0825Z" fill="%23E50098"/></svg>');
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	right: 15px;
	background-size: cover;
	transition: 0.5s;
}
.area-service-item .sub-serviec-icon {
	max-width: 50px;
}

.left-content-right-sidebar {
	padding: 40px 0;
}
.left-content-box h2, .left-content-box h3, .left-content-box h4, .left-content-box h5, .left-content-box h6 {
	margin: 40px 0 30px 0;
}
.left-content-box h2:first-child, .left-content-box h3:first-child, .left-content-box h4:first-child, .left-content-box h5:first-child, .left-content-box h6:first-child {
	margin-top: 0;
}
.left-content-right-sidebar-wrap {
	margin: 0 -15px;
}
.left-content-box {
	max-width: 70%;
	width: 100%;
	padding: 0 15px;
}
.right-sidebar {
	max-width: 25%;
	width: 100%;
	padding: 0 15px;
}
.sidebar-content {
	padding: 40px 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 30px;
	border: 1px solid #E4E4E4;
}

.sidebar-service-menu {
	margin: 0 0 20px 0;
	padding: 0;
}
.sidebar-service-menu:last-child {
	margin: 0;
}
.left-content li {
	margin-bottom: 18px;
}
.menu-general-dentistry-container {
	padding: 0px 0px;
	background-color: var(--white);
	border-radius: 30px;
}
.menu-general-dentistry-container .menu-image-title {
	color: var(--dark-gray);
	font-size: 16px;
}
.menu-general-dentistry-container .menu-image {
	width: 35px;
	height: 35px;
}
.menu-general-dentistry-container li.current_page_item .menu-image-title ,.menu-general-dentistry-container li a:hover .menu-image-title{
	color: var(--white);
}
.menu-general-dentistry-container li.current_page_item .menu-image,.menu-general-dentistry-container li a:hover .menu-image {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(210deg) brightness(99%) contrast(104%);
}
.menu-general-dentistry-container li a:hover {
	background-color: var(--pink);
}
.menu-general-dentistry-container li a {
	padding: 10px 30px;
	width: 100%;
	border-radius: 30px;
	display: flex;
	align-items: center;
}
.menu-general-dentistry-container li {
	padding: 0px;
	margin-bottom: 15px;
}
.menu-general-dentistry-container li.current_page_item a {
	background-color: var(--pink);
}
.menu-general-dentistry-container ul {
	margin: 0;
}
.menu-general-dentistry-container li:last-child {
	margin: 0;
}
.menu-general-dentistry-container li::before {
	all: unset;
}

.menu-wrapper {
	padding: 20px 0;
}
.menu-wrapper.accordion {
	display: none;
}
.menu-toggle-heading {
	cursor: pointer;
	position: relative;
	padding-right: 40px;
	margin: 0;
	display: flex;
	align-items: center;
	font-size: 24px;
}

.menu-toggle-heading.accordion-header::after {
	content: "›";
	position: absolute;
	right: 0;
	font-size: 30px;
	transition: transform 0.3s ease;
	color: var(--pink);
}
.menu-toggle-heading.open::after {
	transform: rotate(90deg);
}
.sidebar-service-menu:last-child .menu-wrapper {
	padding-bottom: 0;
}



.services-cards-layout {
	padding: 72px 0 234px 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;
	background-position: right center;
}
.service-inner-wrapper {
	max-width: 1480px;
	width: 100%;
	margin: 0 auto;
}
.services-top-content {
	max-width: 1152px;
	width: 100%;
	margin: 0 auto 52px auto;
}
.tab-content { display: none; }
.tab-content.active { display: block; }

.tab-short-content {
	max-width: 776px;
	width: 100%;
	margin: 0 auto 32px auto;
}
.service-card-row {
	margin: -12px;
}
.service-card {
	max-width: 25%;
	width: 100%;
	padding: 12px;
}
.service-card-inner {
	padding: 24px 24px 32px 24px;
	border: 1px solid var(--pink);
	border-radius: 24px;
	background-color: var(--white);
	position: relative;
	height: 100%;
}
.card-icon {
	width: 80px;
	height: 80px;
	margin-bottom: 71px;
}
.card-icon svg {
	width: 100%;
	height: 100%;
}
.card-title {
	margin-bottom: 16px;
}
.card-icon path,.card-icon rect {
	transition: 0.5s;
}
.service-card-inner:hover .card-icon rect {
	fill: var(--white);
}
.service-card-inner:hover .card-icon path {
	fill: var(--pink);
}
.service-card-inner:hover {
	background-color: #FCE5F5;
}
.service-buttons {
	margin: 64px 0 0 0;
	gap: 40px;
	display: flex;
	justify-content: center;
}
.service-tab-buttons {
	display: inline-flex;
	padding: 2px 4px;
	position: relative;
	border-radius: 80px;
	border: 1px solid #CCC;
	background: #F5F5F5;
}

.tab-btn {
	background: transparent;
	padding: 15px 24px;
	font-weight: 500;
	color: var(--dark-gray);
	cursor: pointer;
	border-radius: 44px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	z-index: 2;
	min-width: 220px;
	border: 1px solid transparent;
}

.tab-btn.active {
    color: var(--white);
}

.tab-btn:hover:not(.active) {
	color: var(--dark-gray);
	background: transparent;
}

.switch-indicator {
	position: absolute;
	top: 4px;
	left: 6px;
	height: calc(100% - 7px);
	background: var(--dark-gray);
	border-radius: 80px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1;
}
body .tab-btn:hover {
	border-color: transparent;
}

/* Image card section css Start */
.image-card-sec-title {
	margin-bottom: 60px;
}
.image-card-sec-wrapper {
	max-width: 1290px;
	width: 100%;
	margin: 0 auto;
}
.card-row {
	margin: -20px;
}

.card-wrap {
	max-width: 25%;
	width: 100%;
	padding: 20px;
}
.card-image-wrap {
	padding-top: 95%;
}
.card-image-wrap img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.card-link {
	font-size: 20px;
	text-align: center;
	display: inherit;
	margin: 25px 0 0 0px;
	color: var(--black);
	font-weight: 600;
	line-height: 1.5;
}
/* Image card section css Start */
.our-team-section {
	padding: 100px 0;
}
.our-team-list {
	margin: -20px;
}
.center-content-sec-text {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}
.our-team-content-title {
	margin-bottom: 50px;
}
.team-member-image {
	padding-top: 132%;
	width: 100%;
}
.team-member-image:hover img {
	transform: translateY(-10px);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.team-member-card-wrap {
	max-width: 25%;
	width: 100%;
	padding: 20px;
}
.team-member-card {
	border-radius: 19px;
}
.team-member-image img {
	border-radius: 19px;
	object-position: top;
	transition: 0.5s;
}
.team-member-metadata {
	padding: 30px 30px;
}
.team-member-name {
	margin: 0 0 8px 0;
	transition: 0.5s;
}
.team-member-metadata a:hover .team-member-name {
	color: var(--pink);
}