@charset "UTF-8";

@font-face {
	font-family: "PP Agrandir";
	src: url("../fonts/Agrandir-Regular/PPAgrandir-Regular.woff2") format("woff2"),
		url("../fonts/Agrandir-Regular/PPAgrandir-Regular.woff") format("woff"),
		url("../fonts/Agrandir-Regular/PPAgrandir-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-family: "PP Pangaia";
	src: url("../fonts/Pangaia-Ultralight/PPPangaia-Ultralight.woff2") format("woff2"),
		url("../fonts/Pangaia-Ultralight/PPPangaia-Ultralight.woff") format("woff"),
		url("../fonts/Pangaia-Ultralight/PPPangaia-Ultralight.ttf") format("truetype");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-family: "PP Pangaia Italic";
	src: url("../fonts/Pangaia-UltralightItalic/PPPangaia-UltralightItalic.woff2") format("woff2"),
		url("../fonts/Pangaia-UltralightItalic/PPPangaia-UltralightItalic.woff") format("woff"),
		url("../fonts/Pangaia-UltralightItalic/PPPangaia-UltralightItalic.ttf") format("truetype");
	font-weight: 200;
	font-style: italic;
	font-display: swap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}
:root {
	--color-orange: #fcc399;
	--color-light-blue: #dce4f4;
	--color-light-green: #cde7ca;
	--color-light-teal: #bfe5e2;
	--color-teal: #8ccdcd;
	--color-dark-teal: #549a94;
	--color-off-white: #fff6f0;
	--color-gray: #6e6e6e;
	--site-header-height: 130px;
}
@media (max-width: 768px) {
	:root {
		--site-header-height: 59px;
	}
}
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px 0px transparent;
}
html{
	-webkit-text-size-adjust: 100%;
}
body {
	background: var(--color-off-white);
	margin-top: calc(var(--site-header-height) + 45px);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
i {
	font-family: "PP Pangaia Italic";
}
em {
	font-family: "PP Pangaia Italic";
}
p a {
	color: #6e6e6e;
}
h3 {
	/* font-size: 40px !important; */
	font-size: 40px;
}


.about_banner_section3 {
	position: relative;
	background-size: cover;
	padding: 150px 20px;
}
.about_banner_section3 h4 {
	font-size: 24px;
	font-family: "PP Pangaia Italic";
	line-height: 100%;
	color: var(--color-gray);
}
#charities {
	margin: 100px 0px;
	padding: 0px 20px;
}
.charties_logo :is(h4) {
	font-size: 24px;
	font-family: "PP Pangaia Italic";
	line-height: 100%;
	color: var(--color-gray);
}
.about_banner_section3 h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 700px;
	width: 100%;
	margin: 30px auto 30px;
}
.about_scroll_pills {
	display: inline-block;
	width: 100%;
}
.charties_logo h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 850px;
	width: 100%;
	margin: 30px auto 30px;
}
.about_banner_section3 a {
	font-size: 24px;
	font-weight: 400;
	color: var(--color-gray);
}
.about_banner_section3 a:hover {
	text-decoration: underline !important;
}
.charties_logo_sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 10px;
	margin: 0px auto;
	max-width: 85%;
}
.charties_logo_sec div {
	max-width: 100%;
	width: 18%;
	padding: 0px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.charties_logo_sec img {
	max-width: 100%;
	max-width: 200px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	cursor: pointer;
	padding: 10px 10px;
}
.charties_logo_sec img:hover {
	max-width: 100%;
	max-width: 200px;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.about_form_inner .classes_right_sec input[type="submit"] {
	font-size: 20px;
	text-decoration: none;
	color: var(--color-gray);
	border: 1px solid var(--color-gray);
	padding: 10px 35px;
	border-radius: 30px;
	font-family: "PP Agrandir";
	float: right;
	background-color: transparent;
}
.about_form_inner .classes_right_sec input[type="submit"]:hover {
	text-decoration: underline;
}
.main_about_section {
	position: relative;
}
#about_pills.show,
#myBtnContainer.show a,
#myBtnContainer.show button {
	opacity: 1;
	visibility: visible;
	height: auto;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: opacity 0.3s ease, visibility 0s 0s, height 0.3s ease,
		-webkit-transform 0.3s ease;
	transition: opacity 0.3s ease, visibility 0s 0s, height 0.3s ease,
		-webkit-transform 0.3s ease;
	transition: opacity 0.3s ease, visibility 0s 0s, height 0.3s ease,
		transform 0.3s ease;
	transition: opacity 0.3s ease, visibility 0s 0s, height 0.3s ease,
		transform 0.3s ease, -webkit-transform 0.3s ease;
}
.about_scroll_pills,
.doc_staff_pills,
.our_doc_pills,
.patient_info_pills {
	position: sticky;
	top: calc(var(--site-header-height) + 20px);
	z-index: 11;
}
#about_appointment,
#charities,
#feedback,
#perry_house,
#pulic_shared {
	margin-top: calc(0px - var(--site-header-height) - 100px);
	padding-top: calc(var(--site-header-height) + 100px);
}
@media screen and (max-width: 1024px) {
	.about_scroll_pills,
	.doc_staff_pills,
	.our_doc_pills,
	.patient_info_pills {
		position: relative;
		z-index: 10;
		top: initial;
	}
}
.bg-animated-gradient {
  position: relative;
  overflow: hidden;
  --blur-strength: 100px;

  background-color: var(--color-off-white);
}

.bg-animated-gradient-dark {
  background-color: var(--color-dark-teal);
}

.bg-animated-gradient > * {
  position: relative;
  z-index: 10;
}

.circle {
  width: 70%;
  aspect-ratio: 1;
  position: absolute;
  border-radius: 50%;
  filter: blur(var(--blur-strength));
  opacity: 0.7;
  animation: moveCircle 30s linear infinite;
  z-index: 2;
}

.circle-1 {
  background-color: var(--color-light-teal);
  animation-delay: 0s;

  opacity: 1;
}

.circle-2 {
  background-color: var(--color-light-green);
  animation-delay: -7.5s;
}

.circle-3 {
  background-color: var(--color-orange);
  animation-delay: -15s;
}

.circle-4 {
  background-color: var(--color-light-blue);
  animation-delay: -22.5s;
}

@keyframes moveCircle {
  0% {
    top: -30%;
    left: -30%;
  }
  25% {
    top: -30%;
    left: 60%;
  }
  50% {
    top: 60%;
    left: 60%;
  }
  75% {
    top: 60%;
    left: 30%;
  }
  100% {
    top: -30%;
    left: -30%;
  }
}

/* .circle {
	width: 70%;
	height: 0;
	padding-bottom: 70%; 
	aspect-ratio: 1/1; 
	position: absolute;
	border-radius: 50%;
	-webkit-backface-visibility: hidden; 
	-webkit-filter: blur(var(--blur-strength));
	filter: blur(var(--blur-strength));
	opacity: 0.7;
	-webkit-animation: moveCircle 30s linear infinite;
	-moz-animation: moveCircle 30s linear infinite;
	-o-animation: moveCircle 30s linear infinite;
	animation: moveCircle 30s linear infinite;
	z-index: 2;
	transform: translate3d(0,0,0); 
}

.circle-1 {
	background-color: var(--color-light-teal);
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	opacity: 1;
}

.circle-2 {
	background-color: var(--color-light-green);
	-webkit-animation-delay: -7.5s;
	-moz-animation-delay: -7.5s;
	-o-animation-delay: -7.5s;
	animation-delay: -7.5s;
}

.circle-3 {
	background-color: var(--color-orange);
	-webkit-animation-delay: -15s;
	-moz-animation-delay: -15s;
	-o-animation-delay: -15s;
	animation-delay: -15s;
}

.circle-4 {
	background-color: var(--color-light-blue);
	-webkit-animation-delay: -22.5s;
	-moz-animation-delay: -22.5s;
	-o-animation-delay: -22.5s;
	animation-delay: -22.5s;
}

@-ms-keyframes moveCircle {
	0%, 100% {
		-webkit-transform: translate3d(-30%, -30%, 0);
		-moz-transform: translate3d(-30%, -30%, 0);
		-o-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	25% {
		-webkit-transform: translate3d(60%, -30%, 0);
		-moz-transform: translate3d(60%, -30%, 0);
		-o-transform: translate3d(60%, -30%, 0);
		transform: translate3d(60%, -30%, 0);
	}
	50% {
		-webkit-transform: translate3d(60%, 60%, 0);
		-moz-transform: translate3d(60%, 60%, 0);
		-o-transform: translate3d(60%, 60%, 0);
		transform: translate3d(60%, 60%, 0);
	}
	75% {
		-webkit-transform: translate3d(30%, 60%, 0);
		-moz-transform: translate3d(30%, 60%, 0);
		-o-transform: translate3d(30%, 60%, 0);
		transform: translate3d(30%, 60%, 0);
	}
}

@-o-keyframes moveCircle {
	0%, 100% {
		-webkit-transform: translate3d(-30%, -30%, 0);
		-moz-transform: translate3d(-30%, -30%, 0);
		-o-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	25% {
		-webkit-transform: translate3d(60%, -30%, 0);
		-moz-transform: translate3d(60%, -30%, 0);
		-o-transform: translate3d(60%, -30%, 0);
		transform: translate3d(60%, -30%, 0);
	}
	50% {
		-webkit-transform: translate3d(60%, 60%, 0);
		-moz-transform: translate3d(60%, 60%, 0);
		-o-transform: translate3d(60%, 60%, 0);
		transform: translate3d(60%, 60%, 0);
	}
	75% {
		-webkit-transform: translate3d(30%, 60%, 0);
		-moz-transform: translate3d(30%, 60%, 0);
		-o-transform: translate3d(30%, 60%, 0);
		transform: translate3d(30%, 60%, 0);
	}
}

@-moz-keyframes moveCircle {
	0%, 100% {
		-webkit-transform: translate3d(-30%, -30%, 0);
		-moz-transform: translate3d(-30%, -30%, 0);
		-o-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	25% {
		-webkit-transform: translate3d(60%, -30%, 0);
		-moz-transform: translate3d(60%, -30%, 0);
		-o-transform: translate3d(60%, -30%, 0);
		transform: translate3d(60%, -30%, 0);
	}
	50% {
		-webkit-transform: translate3d(60%, 60%, 0);
		-moz-transform: translate3d(60%, 60%, 0);
		-o-transform: translate3d(60%, 60%, 0);
		transform: translate3d(60%, 60%, 0);
	}
	75% {
		-webkit-transform: translate3d(30%, 60%, 0);
		-moz-transform: translate3d(30%, 60%, 0);
		-o-transform: translate3d(30%, 60%, 0);
		transform: translate3d(30%, 60%, 0);
	}
}
@-webkit-keyframes moveCircle {
	0%, 100% {
		-webkit-transform: translate3d(-30%, -30%, 0);
		-moz-transform: translate3d(-30%, -30%, 0);
		-o-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	25% {
		-webkit-transform: translate3d(60%, -30%, 0);
		-moz-transform: translate3d(60%, -30%, 0);
		-o-transform: translate3d(60%, -30%, 0);
		transform: translate3d(60%, -30%, 0);
	}
	50% {
		-webkit-transform: translate3d(60%, 60%, 0);
		-moz-transform: translate3d(60%, 60%, 0);
		-o-transform: translate3d(60%, 60%, 0);
		transform: translate3d(60%, 60%, 0);
	}
	75% {
		-webkit-transform: translate3d(30%, 60%, 0);
		-moz-transform: translate3d(30%, 60%, 0);
		-o-transform: translate3d(30%, 60%, 0);
		transform: translate3d(30%, 60%, 0);
	}
}

@keyframes moveCircle {
	0%, 100% {
		-webkit-transform: translate3d(-30%, -30%, 0);
		-moz-transform: translate3d(-30%, -30%, 0);
		-o-transform: translate3d(-30%, -30%, 0);
		transform: translate3d(-30%, -30%, 0);
	}
	25% {
		-webkit-transform: translate3d(60%, -30%, 0);
		-moz-transform: translate3d(60%, -30%, 0);
		-o-transform: translate3d(60%, -30%, 0);
		transform: translate3d(60%, -30%, 0);
	}
	50% {
		-webkit-transform: translate3d(60%, 60%, 0);
		-moz-transform: translate3d(60%, 60%, 0);
		-o-transform: translate3d(60%, 60%, 0);
		transform: translate3d(60%, 60%, 0);
	}
	75% {
		-webkit-transform: translate3d(30%, 60%, 0);
		-moz-transform: translate3d(30%, 60%, 0);
		-o-transform: translate3d(30%, 60%, 0);
		transform: translate3d(30%, 60%, 0);
	}
} */


.blog_banner_section {
	position: relative;
	background-image: url(/images/blog_banner.png);
	background-size: cover;
	padding: 200px 20px;
}
.blog_banner_section h4 {
	font-size: 20px;
	margin-bottom: 10px;
}
.blog_banner_section h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 96%;
	margin: auto;
}
.blog_sec2 img {
	max-width: 100%;
}
.blog_box {
	max-width: 31.333%;
	margin: 20px 0;
	padding: 34px 48px;
	border-radius: 30px;
	border: 1px solid var(--color-gray);
	color: var(--color-gray);
}
.blog_box h3 {
	font-family: "PP Pangaia";
	font-weight: 200;
}
.blog_box li,
.blog_box p {
	font-size: 20px;
	font-size: 20px;
	font-family: "PP Agrandir";
}
.blog_disease_box ul li a {
	font-size: 24px;
	font-weight: 400;
	color: var(--color-gray);
}
.blog_disease_box ul li a:hover {
	text-decoration: underline !important;
}
.blog_inner h3 {
	font-size: 40px;
	line-height: 33px;
}
.blog_inner :is(ul li, p) {
	font-size: 20px;
	line-height: 26px;
}
.blog_disease_box .download-arrow:hover img {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	margin-left: 5px;
}
.blog_inner :is(ul, p, h3) {
	margin-bottom: 20px;
}
.blog_play {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}
.blog_play .blog_play_banner {
	position: relative;
	max-width: 100%;
	cursor: none;
}
.blog_play .blog_play_button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	display: block;
	text-align: center;
	z-index: 9;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.blog_play .blog_play_button:hover button {
	cursor: url(/images/icons/play_arrow.svg) 24 24, pointer;
}

.blog_play #myModal .modal-content {
	max-width: 50%;
}
.blog_play #myModal .modal-content iframe {
	height: 47vh;
}

.blog_disease_date h3 {
	font-size: 40px;
	color: var(--color-gray);
	font-weight: 400;
}
.blog_disease_box {
	font-family: "PP Agrandir";
	position: relative;
}
.blog_disease_box ul {
	margin-bottom: 0;
}
.blog_disease_box ul li {
	max-width: 31.333%;
	width: 100%;
	margin: 20px 1%;
	border-radius: 30px;
	background-color: var(--color-light-teal);
	padding: 70px 20px;
	list-style: none;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.blog_disease_box ul li h4 {
	font-size: 40px;
	color: var(--color-gray);
	max-width: 250px;
	margin: auto;
	font-weight: 400;
}
.blog_disease_box ul li a {
	margin-top: 30px;
}
.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
	padding-top: 140px;
}
.modal-content {
	margin: auto;
	padding: 0px;
	width: 80%;
	position: relative;
}
#myVideo {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: 600px;
	-o-object-position: center;
	object-position: center;
}
.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 30px;
	font-weight: bold;
	color: var(--color-gray);
	cursor: pointer;
	z-index: 9999;
}
.close:focus,
.close:hover {
	color: var(--color-off-white);
	text-decoration: none;
	cursor: pointer;
}
.play-button {
	pointer-events: none;
	opacity: 0;
	z-index: 9;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	width: 100% !important;
	height: auto !important;
	max-width: 164px;
}
.classess_banner_section {
	position: relative;
	background-size: cover;
	padding: 171px 20px 0;
	height: 526px;
}
.classess_banner_section h4 {
	font-size: 20px;
	margin-bottom: 10px;
}
.classess_banner_section h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 800px;
	width: 100%;
	margin: auto;
}
.classess_box {
	max-width: 31.333%;
	margin: 0px 0;
	padding: 34px 48px;
	border-radius: 30px;
	border: 1px solid var(--color-gray);
}
.classess_box :is(p, li) {
	font-family: "PP Agrandir";
	color: var(--color-gray);
	font-size: 20px;
	line-height: 26px;
}
.classess_box h3 {
	font-size: 40px;
	line-height: 40px;
	font-family: "PP Pangaia Italic";
	margin-bottom: 40px !important;
	color: var(--color-gray);
}
.classess_box :is(ul, p, h3) {
	margin-bottom: 20px;
}
.classes_left_sec {
	padding-right: 30px;
}
.classes_left_sec ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.classes_left_sec ul li {
	list-style: none;
	max-width: 48%;
	width: 100%;
	margin: 10px 1% 30px;
}
.classes_left_sec ul li p {
	font-family: "PP Agrandir";
	color: var(--color-gray);
	font-size: 20px;
	line-height: 26px;
}
.classes_left_sec :is(p, li, h4) {
	color: var(--color-gray);
}
.classes_left_sec h4 {
	font-size: 40px;
	line-height: 43px;
	font-family: "PP Pangaia Italic";
	margin-bottom: 34px;
}
.classes_right_sec h3 {
	font-size: 40px;
	line-height: 43px;
	font-family: "PP Pangaia Italic";
	margin: 20px 0px 20px;
	color: var(--color-gray);
}
.classes_right_sec .form-group {
	margin-bottom: 20px;
}
.classes_right_sec
:is(
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
select
) {
	width: 100%;
	background-color: var(--color-off-white);
	height: 70px;
	border-radius: 40px;
	padding: 20px;
	font-size: 20px;
	font-family: "PP Agrandir";
	color: var(--color-gray);
}
#subject-select{
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5IDMyIiB3aWR0aD0iMTkiIGhlaWdodD0iMzIiPgoJPHRpdGxlPlNjcmVlbnNob3RfNzwvdGl0bGU+Cgk8ZGVmcz4KCQk8aW1hZ2UgIHdpZHRoPSIxNyIgaGVpZ2h0PSIyOSIgaWQ9ImltZzEiIGhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQkVBQUFBZENBTUFBQUI3Y1hlekFBQUFBWE5TUjBJQjJja3Nmd0FBQWI5UVRGUkYvL2pnLy9maC8vamovLzNuM00yNm9wYUgvKy9hLy9uaS8vamkvL2ZpLy9ybDBNR3doSGxzKyt2Vy8vcmkvL25qLy9iaC8vdm0xTVcwaDN4dy9lelkvL2plLy96bjBzT3loSGh0L2U3YS8vamYvL2JnLy9qaC8vbmwwOFN6aG5wdS9PelkvL3JtaFhwdS8vZmcvL2ZmLy9uaC8vYmY3TnZINTlmQy8vdmwxTVd6aEhsdC9PM1k0TkM5Lys3Wm9KU0ZrNGg1L3U3Wi8vbmsvL3ptMGNLeGgzdHU0dFRDZW05azA4U3l3cldrY0daYXZhK2VoWHB0Kyt2WGtZWjRnM2hyNjlySC8vRGJuSkNCZkhKbDVkZkUwY094aG54di91L2F0YWVYY21kY3k3eXIvLzdvNnR2SWZuTm1rWVYzK3V6WC8vamsvL3ZuKyt2WTFzaTJkMnhncXA2T3g3bW5jR1ZadGFpWS9PdlgrZWpVaW41d2duZHE5dWJTLy9MZnBabUpkV3BlMWNhMS8vL3IwTUt5cnFLU2RHbGQxY2EwLy8zbDhPTE9qWUYxK3UzWjA4VzFobnR3Ly9EZDFzaTNxWnlOLy8zbzA4VzBjbWRkcjZPVjFNYTNpSDUwNWRmSGlvQnppb0J4K2VuVnFwMlBlVzlqbjVPSWhYMXpsNCtDZUc1ajJzeTYvL1hnNzkvTmluOXpjMmxoZFc1a2NXdGd0cXFiLy9yazFNYTFlbTFrYzJsZmxvdCsrK3pYc3FHVGZHMWk0TTY4Ly96aytPZlQxOFcwLy9UZlJ3b2VLUUFBQUpWMFVrNVRBQUFBQVAvL0FBQUFBQUQvL3dBQUFBQUEvLzhBQUFELy93QUFBQUFBLy84QUFQOEFBQUFBMFA4QS8vOEEvd0QvL3dBQUFQLy8vLy8vLy8vLy93RC8vK0FBLy8vLy8vOEEvLy8vQU5ELy93QUFBQUQvLy8vLy8vOEFBUC8vSUFELy8vOEEvLy8vL3dCZy93RC8vd0QvL3dELy8vLy8vLy8vL3dELy8vLy8vLy8vQUpELy8vLy8vd0QvLy8vL0FQLy8vd0FRL3dBYnJtaWlBQUFCS1VsRVFWUjRuR05rQUFKR0NQakpBT2FBQ0E2SXlDZUVDRDlZNEJkVVJQUTFBd1BuVHhHZ3lGZW9pTlF6Qm1uR3R5Q1Jkd2hkMG94UEZmNnkvS08yaURMamY0YWZTQ0xLR0dxVUdXVTRieFBReGNESUxzcjFGeUVpODFxV1VaMlI4UWJRWndyQXdIakVLUEpaanBGUkgraWp1OHBBNHZXN3p4eGF6RUNHSlNQaitlLzh5cS9sR0M4eUtmM25CWW80QXZINzh5SkFwYThaTHJpQndrblFHaHhjWnpWNDl2NzJaR1Rjek03SXFRVTBaSi8xTVc3enZTNUFtYXZYR0ZWNWRjQ0s5bi8vRmdxa3RqNWhWR0ZpdHIraUN3bDUvb1dpMzRFaVB6aTlHV0Znd3gvR1c0d3EveG1lL3FxQUNHejJtODE1bTFIMU8rZGpKb2hJWjhXcVZ4d01qQ29NZDJRWWZoV0RSSmFlNXhkaCtBK09RWmszSG5aQWtYeEVuTW93c09jek1uWThBWXNBQUtiQmc5ZnVwYmlDQUFBQUFFbEZUa1N1UW1DQyIvPgoJPC9kZWZzPgoJPHN0eWxlPgoJPC9zdHlsZT4KCTx1c2UgaWQ9IkJhY2tncm91bmQiIGhyZWY9IiNpbWcxIiB4PSIxIiB5PSIyIi8+Cjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: 97% 20px;
	background-size: 22px 29px;
}

.custom-file-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

/* Style the custom upload button */

.form-main-group {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 20px;
}

.custom-file-upload {
	padding: 16px 25px;
	background: transparent;
	color: #746e73;
	border: 1px solid #746e73;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	border-radius: 30px;
	display: flex;
	margin-bottom: -15px;
}



/* Style for the file name display */
.file-name {
	margin-left: 15px;
	font-size: 14px;
	color: #555;
}

/* Wrapper styling */
.file-upload-wrapper {
	align-items: center;
	width: 100%;
	max-width: 300px;
}

/* Focus state for accessibility */
.custom-file-input:focus + .custom-file-upload {
	outline: 2px solid #3498db;
	outline-offset: 2px;
}

/*
#file-upload-group span.wpcf7-form-control-wrap {
position:relative;
}
#file-upload-group span.wpcf7-form-control-wrap:before {
content: "Upload file";
position: absolute;
left: 0;
font-size: 17px;
padding: 15px 20px;
background: transparent;
color: #746e73;
border: 1px solid #746e73;
width: 100%;
text-align: left;
border-radius: 30px;
cursor: pointer;
}
#file-upload-group span.wpcf7-form-control-wrap>input {
visibility:hidden;
}*/

.classes_right_sec textarea {
	width: 100%;
	background-color: var(--color-off-white);
	height: 287px;
	border-radius: 30px;
	padding: 20px;
	font-size: 20px;
	font-family: "PP Agrandir";
	color: var(--color-gray);
	resize: none;
}
.classes_right_sec input[type="submit"] {
	font-size: 20px;
	text-decoration: none;
	color: var(--color-gray);
	border: 1px solid var(--color-gray);
	padding: 15px 25px;
	border-radius: 30px;
	font-family: "PP Agrandir";
	float: right;
}
.classes_right_sec input[type="submit"]:hover {
	text-decoration: underline;
}
.classess_sec2 .classess_sec2_content p {
	font-size: 20px;
}
.classess_sec2 .classess_sec2_content ul li {
	font-size: 20px;
}
.classess_form_section .classes_right_sec input[type="submit"] {
	padding: 10px 35px;
	background-color: transparent;
}
.contact_banner_section {
	position: relative;
	background-image: url(/images/health_info.png);
	background-size: cover;
	padding: 200px 20px;
}
.contact_banner_section h4 {
	font-size: 20px;
	margin-bottom: 10px;
}
.contact_banner_section h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 700px;
	width: 100%;
	margin: auto;
}
.contact_sec2_left ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.contact_sec2_left ul li {
	list-style: none;
	width: 46%;
	margin: 0px 2% 20px;
}
.contact_sec2_left ul li {
	list-style: none;
	width: 46%;
	margin: 0px 2% 20px;
}
.contact_sec2_left ul li ul li {
	list-style: none;
	width: 100%;
	margin: 0;
	font-family: "PP Agrandir";
	color: var(--color-off-white);
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
	margin-bottom: 5px;
}
.contact_sec2_left h4 {
	font-family: "PP Pangaia";
	font-size: 30px;
	color: var(--color-off-white);
	font-weight: 200;
	font-style: italic;
}
.contact_sec2_left p,
.contact_sec2_left p a {
	font-family: "PP Agrandir";
	color: var(--color-off-white);
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
	margin-bottom: 20px;
}
.classess_sec2_img,
.contact_sec2_right,
.services_sec2_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
:is(.contact_sec2_right, .classess_sec2_img, .services_sec2_img) :is(img) {
	max-width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 30px;
	height: 100%;
}
.classes_left_sec img,
.contact_sec2_right img {
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 30px;
}
.contact_sec_form .classes_right_sec h3 {
	margin-top: 0;
	margin-bottom: 43px;
}
.form-submit-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.thank-you-message {
	font-family: "PP Agrandir";
	color: var(--color-gray);
	font-size: 20px;
	display: none;
}
.submit-btn {
	font-size: 20px;
	text-decoration: none;
	color: var(--color-gray);
	border: 1px solid var(--color-gray);
	padding: 10px 35px;
	border-radius: 30px;
	font-family: "PP Agrandir";
	float: right;
	background-color: transparent;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit-btn:hover {
	background-color: var(--color-gray);
	color: var(--color-off-white);
	text-decoration: underline;
}
.submit-btn:active {
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
	background-color: var(--color-gray);
	color: var(--color-off-white);
}
.footer_above {
	background-size: cover;
	border-radius: 30px;
	padding: 250px 20px 200px;
}
.footer_above h3 {
	font-weight: 400;
	font-size: 100px;
	line-height: 90px;
	letter-spacing: 0%;
	max-width: 623px;
	margin: auto;
	text-align: center;
	color: var(--color-gray);
}
.footer_above h3 span {
	font-weight: 200;
	font-style: italic;
	font-size: 100px;
	line-height: 90px;
	letter-spacing: 0%;
}
.footer_above a {
	font-weight: 400;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	display: block;
	margin-top: 80px;
	text-decoration: none;
	color: var(--color-gray);
}
.footer_above a:hover {
	text-decoration: underline !important;
}
.footer_above img {
	vertical-align: middle;
}
.single-services .pre_footer_sec {
    padding: 0;
}
#footer {
	position: relative;
	border-radius: 30px;
}
#footer .wrapwidth {
	padding: 52px 49px 38px;
}
.footer_sec_logo img {
	max-width: 475px;
	width: 100%;
}
.footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.footer2_1 > ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 0;
	line-height: 26px;
	font-family: "PP Agrandir";
}
.footer2_1 > ul li,
.footer2_1 > ul li a {
	width: 31%;
	line-height: 26px;
	font-weight: 400;
	font-family: "PP Agrandir";
	font-size: 20px;
}
.para_footer_bottom p {
	margin-bottom: 0;
	line-height: 26px;
	font-weight: 400;
	font-family: "PP Agrandir";
}
.footer2_1 ul.socials {
	gap: 0.25rem;
}

.footer_bottom_flags {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	margin-top: 10px;
	width: 100%;
}
.footer_bottom_flags img{
	width: 100%;
	max-width: 68px;
	display: block;
	object-fit: cover;
	height: 40px;
}
.footer_bottom_flags ul{
	margin: 0;
	padding: 0;
	display: flex;
	gap: 7px;
	align-items: center;
}
.footer_bottom_flags ul li{
	list-style: none;
}



@media (max-width: 768px) {
	.footer2_1 > ul,
	.footer2_1 > ul li,
	.footer2_1 > ul li a,
	.para_footer_bottom p {
		line-height: 20px;
	}
	.footer2_1 ul.socials {
		gap: 0;
	}
	.footer_bottom_flags{
		flex-direction: column;
		align-items: start;
		gap: 35px;
	}
	.form-main-group{
		flex-direction: column;
		gap: 0;
	}

}
@media (max-width: 485px) {
	.footer_bottom_flags img{
		height: 30px;
	}
}


.slick-slide {
	margin: 0 1rem;
}
.staff_content div {
	width: 80%;
}

.staff_content_image,
.staff_content_image > a {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.gallery-item .staff_link_mg {
	width: 20%;
	text-align: right;
}
.gallery-item .rounded-5 {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: column;
}
.slick-slide img {
	border-radius: 20px;
}
@media (max-width: 768px) {
	body {
		margin-top: calc(var(--site-header-height) + 20px);
	}
}
.agrandir {
	font-family: "PP Agrandir";
}
.pangaia {
	font-family: "PP Pangaia";
}
.Pangaia_italic {
	font-family: "PP Pangaia Italic";
}
.home_health_box1 {
	background-color: var(--color-orange);
}
.home_health_box2 {
	background-color: var(--color-light-blue);
}
.home_health_box3 {
	background-color: var(--color-light-green);
}
.row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.home_health_box4 {
	background-color: var(--color-light-teal);
}
.autumn {
	background-color: #fcc399;
}
.winter {
	background-color: #8ccdcd;
}
.winter-morning {
	background-color: #bfe5e2;
}
.winter-night {
	background-color: #549a94;
}
.summer {
	background-color: #dce4f4;
}
.spring {
	background-color: #cde7ca;
}
@media screen and (max-width: 990px) {
	.autumn-mob {
		background-color: #fcc399 !important;
	}
	.winter-mob {
		background-color: #8ccdcd !important;
	}
	.winter-morning-mob {
		background-color: #bfe5e2 !important;
	}
	.winter-night-mob {
		background-color: #549a94 !important;
	}
	.summer-mob {
		background-color: #dce4f4 !important;
	}
	.spring-mob {
		background-color: #cde7ca !important;
	}
}
.bg_4 {
	background-color: var(--color-teal);
}
.font_paragraph {
	font-size: 24px;
}
.font_paragraph2 {
	font-size: 30px;
}
.font_paragraph3 {
	font-size: 20px;
}
.heading_h2 {
	font-size: 90px;
}
.heading_h2_height {
	line-height: 90px;
}
.color_text {
	color: var(--color-off-white);
}
.color_text2 {
	color: var(--color-gray);
}
.container-fluid {
	width: 100% !important;
	margin: 0;
	padding: 0px 38px;
}
.classess_boxes + .pinned-content-container, #footer{
	padding: 0;
}
.wrapwidth {
	max-width: 1830px;
	margin: auto;
	width: 100%;
}
.space_t40 {
	margin-top: 40px;
}
.space_b40 {
	margin-bottom: 40px;
}
.page-template-our-doctors .space_b40 {
	margin-bottom: 120px;
}
.header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 91;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: var(--site-header-height);
}
header {
	position: relative;
	font-family: "PP Agrandir";
	padding: 20px 47px;
	-webkit-transition: border-radius 0.5s linear;
	transition: border-radius 0.5s linear;
}
header.no-border-radius {
	border-radius: 0 !important;
}
.header_logo {
	margin-bottom: 0 !important;
}
.nav_menu {
	position: relative;
	margin: 0;
	padding: 0;
}
.nav_menu li {
	list-style: none;
	display: inline-block;
	margin: 0 7px;
	position: relative;
}
.nav_menu li:empty {
	display: none;
}
.nav_menu li a {
	color: var(--color-off-white);
	font-size: 20px;
	padding: 10px 10px;
	text-decoration: none;
	font-family: "PP Agrandir";
}
.nav_menu li a:hover {
	color: var(--color-gray);
}
.nav_menu li ul {
	display: none;
}
.nav_menu li:hover ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: var(--color-teal);
	min-width: 360px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	z-index: 999;
	margin: 0;
	padding: 0px 15px;
}
.nav_menu li:first-child:hover ul {
	min-width: 200px;
}
.nav_menu li ul li {
	display: block;
	text-align: left;
	margin: 5px 0px;
}
.header_contact {
	position: relative;
}
.header_contact a {
	color: var(--color-off-white);
	font-size: 30px;
	font-weight: 200;
	font-family: "PP Pangaia";
	text-decoration: none;
	margin: 0px 4px;
	padding: 0px 4px;
}
.header_contact a:hover {
	color: var(--color-gray);
}
.header_contact span {
	vertical-align: super;
	font-size: 20px;
	color: var(--color-off-white);
	font-weight: 100;
}
.responsivemenu {
	display: none;
	cursor: pointer;
}
.fade-in {
	opacity: 0;
}
.btn.btn-primary {
	background-color: var(--color-light-teal);
	color: var(--color-gray);
	font-family: "PP Pangaia";
	font-style: italic;
	font-size: 30px;
	padding: 12px 55px;
	border-radius: 34px;
	border: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn.btn-primary:hover {
	background-color: var(--color-dark-teal);
	color: var(--color-off-white);
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.btn.btn-primary:active {
	background-color: var(--color-dark-teal);
	color: var(--color-off-white);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
a img[src*="arrow"] {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
a:hover img[src*="arrow"] {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
}
.nav_pills .jump-to-btn {
	background-color: var(--color-teal);
	padding: 15px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--color-off-white);
	border-radius: 15px;
	font-family: "PP Agrandir";
	font-size: 18px;
	display: none;
	width: 100%;
	text-align: left;
	border: none;
	cursor: pointer;
	align-items: center;
}
.nav_pills .jump-to-btn img {
	-o-object-fit: contain;
	object-fit: contain;
	width: 13px;
}
.nav_pills .jump-to-btn {
	text-decoration: none;
}
.nav_pills .jump-to-btn:hover {
	text-decoration: underline;
}
.nav_pills .jump-to-btn:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	text-decoration: underline;
}
.desktop_blog {
	display: block !important;
	margin: auto;
}
.mobile_blog {
	display: none !important;
	border-radius: 15px;
	margin: auto;
}
.staff_image .batch_doc {
	width: 10rem;
}
.health_info_banner_section {
	position: relative;
	background-image: url(/images/health_info.png);
	background-size: cover;
	padding: 200px 20px;
}
.health_info_banner_section h4 {
	font-size: 20px;
	margin-bottom: 10px;
}
.health_info_banner_section h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 600px;
	margin: auto;
}
body .patient_info_main #health_info_gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	gap: 2%;
	margin: 30px 0px 20px;
}
#health_info_gallery .gallery-item {
	width: 23%;
	border-radius: 30px;
	padding: 25px;
	margin: 20px 0;
	display: none;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#health_info_gallery .gallery-item.show {
	display: block;
}
.patient_info_pills {
	margin-top: 40px;
}
.patient_info_pills h3 img {
	margin-left: 10px;
}
.patient_info_pills #myBtnContainer button {
	background-color: var(--color-teal);
	color: var(--color-off-white);
	margin-top: 8px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: "PP Agrandir";
	border: 2px solid transparent;
}
.patient_info_pills #myBtnContainer button:hover {
	background-color: var(--color-dark-teal);
}
.home_health_info {
	margin: 111px auto;
}
.home_health_info h2 {
	font-weight: 500;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0%;
	margin: auto;
	text-align: center;
	color: var(--color-gray);
}
.home_health_info h2 span {
	font-weight: 400;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0%;
	color: var(--color-gray);
	font-family: "PP Pangaia Italic";
	font-style: italic;
}
.home_health_info a {
	font-weight: 400;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	display: block;
	margin-top: 30px;
	text-decoration: none;
	color: var(--color-gray);
}
.home_health_info a:hover {
	text-decoration: underline;
}
.home_health_info a img {
	vertical-align: middle;
}
.cate_blog .cate_single {
	padding: 20px;
	max-width: 25%;
	width: 100%;
}
.cate_single h5 {
	font-weight: 200;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0%;
	margin: auto;
	text-align: center;
	color: var(--color-gray);
	margin-top: 15px;
	font-family: "PP Pangaia Italic";
}
.cate_single h3 {
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0%;
	margin: auto;
	text-align: center;
	color: var(--color-gray);
	margin-top: 23px;
	font-family: "PP Agrandir";
}
.cate_single a {
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	display: block;
	/*     margin-top: 70px;
	margin-bottom: 30px; */
	margin: 70px auto 30px;
	text-decoration: none;
	color: var(--color-gray);
}
.cate_single a:hover {
	text-decoration: underline !important;
}
.cate_single a img {
	vertical-align: middle;
	height: auto !important;
	width: auto;
}
.cate_single img {
	max-width: 100%;
	height: 233px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 25px;
	-o-object-position: center;
	object-position: center;
}
.home_first_sec {
	border-radius: 30px;
	padding: 40px;
	position: relative;
}
.home_sec_left h3 {
	font-weight: 400;
	font-size: 100px !important;
	line-height: 90px;
	letter-spacing: 0%;
	max-width: 623px;
	margin: auto;
	text-align: center;
	color: var(--color-gray);
}
.home_sec_left h3 span {
	font-weight: 200;
	font-style: italic;
	font-size: 100px;
	line-height: 90px;
	letter-spacing: 0%;
	font-family: "PP Pangaia Italic";
}
.home_sec_left a {
	font-weight: 400;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	display: block;
	margin-top: 80px;
	text-decoration: none;
	color: var(--color-gray);
}
.home_sec_left a:hover {
	text-decoration: underline !important;
}
.home_sec_left img {
	vertical-align: middle;
	padding-left: 10px;
}
.home_sec_main .home_sec_common {
	max-width: 50%;
	width: 100%;
}
.home_sec_main .home_sec_common span {
	font-family: "PP Pangaia Italic";
}
.home_sec_common img {
	display: block;
	text-align: center;
	margin-left: auto;
	max-width: 100%;
	border-radius: 30px;
}
#homepage-services-section {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.video-block-sh {
	border-radius: 30px;
}
.anniversary-video {
	width: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
	background: #000000;
	border-radius: 30px;
}
.anniversary-video .video-container-vimeo {
	margin-top: -1px;
	margin-bottom: -2px;
}
.anniversary-video .video-container-vimeo{
	width: 100%;
	aspect-ratio: 16 / 9;
}
.anniversary-video .video-container-vimeo iframe {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%;
	min-width: 100%;
	height: 100%;
	/* 	height: 80vh; */
	/* 	width: 100vw; */
	margin: auto;
	/* aspect-ratio: 16/9; */

}
.services-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 90vh;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.pin-spacer{
/* 	height: auto !important; */
	padidng-bottom: 30px;
}
.service {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 6fr 2rem 5fr;
	grid-template-columns: 6fr 5fr;
	gap: 2rem;
	height: 100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	padding: 48px 0px;
	max-height: 1144px;
	width: 100%;
}
.service .img-container {
	border-radius: 30px;
	overflow: hidden;
}
.service .img-container > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.service-info {
	display: -ms-grid;
	display: grid;
	justify-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: distribute;
	align-content: space-around;
	width: 100%;
	gap: 1rem;
	height: 100%;
	color: var(--color-gray);
	padding: 2em;
	margin: auto;
	border-radius: 30px;
	/* max-height: 760px; */
	position: relative;
}
.service-info > * {
	max-width: 550px;
}
.service-info h5 {
	font-size: 1.25em;
	position: absolute;
	top: 10%;
}
.service-info h2 {
	font-size: 3.75em;
	min-height: 150px;
	max-width: 420px;
	position: absolute;
	top: 20%;
}
.service-info p {
	font-size: 1.5em;
	min-height: 80px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: absolute;
	top: 55%;
}
.service-info a {
	color: var(--color-gray);
	font-size: 1.5em;
	font-weight: 400;
	text-decoration: none;
	text-decoration-color: transparent;
	-webkit-transition: text-decoration-color 0.3s;
	transition: text-decoration-color 0.3s;
	position: absolute;
	top: 82%;
}
.service-info .service-pagination {
	position: absolute;
	top: 90%;
}
.service-info a:hover {
	text-decoration: underline !important;
}
@media (max-width: 1280px) {
	.service-info h2 {
		font-size: 2.125em;
		min-height: 116px;
		max-width: 100%;
	}
	.service-info p {
		font-size: 1em;
	}
	.service-info a {
		font-size: 1em;
	}
	.service-info > * {
		min-height: 0;
	}
}
.service-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	padding-top: 20px;
}
.service-pagination .dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: var(--color-off-white);
	cursor: pointer;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.service-pagination .dot.active {
	background-color: rgba(0, 0, 0, 0.1019607843);
}
.home_team {
	background-color: var(--color-orange);
	border-radius: 30px;
	padding: 111px 20px 50px;
}
.home_team h5 {
	font-weight: 200;
	font-style: italic;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 39px;
	color: var(--color-gray);
	font-family: "PP Pangaia";
}
.home_team h2 {
	font-weight: 400;
	font-size: 60px;
	line-height: 60px;
	color: var(--color-gray);
	max-width: 1043px;
	margin: auto;
}
.home_team h2 em {
	font-family: "PP Pangaia Italic";
	font-weight: 300 !important;
}
.home_team h2 span {
	font-weight: 200;
	font-style: italic;
	font-size: 60px;
	line-height: 60px;
}
.home_team_links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 60px;
	margin-top: 49px;
}
.home_team_links li {
	list-style: none;
}
.home_team_links li a {
	font-size: 24px;
	font-weight: 400;
	color: var(--color-gray);
	text-decoration: none;
}
.home_team_links li:hover a {
	text-decoration: underline !important;
}
.home_team_images ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	gap: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 70px 0px 0px;
	padding: 0;
}
.home_team_images image {
	padding: 0px 0px;
}
.home_team_images img {
	max-width: 100%;
	border-radius: 30px;
}
@media (max-width: 991px) {
	#homepage-services-section {
		margin-top: -20px;
	}
	.services-container {
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0px 0 20px;
	}
	.service {
		position: static;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		opacity: 1;
		visibility: visible;
		height: auto;
		padding: 0px 0px;
		max-height: none;
		margin: 0px 0;
		gap: 0;
	}
	.service .img-container,
	.service-info {
		width: 100%;
		height: auto;
		margin: 0px 0px 21px;
	}
	.service-info {
		gap: 0;
		padding-bottom: 0;
	}
	.service-info > * {
		height: auto;
		margin-bottom: 15px;
	}
	.service-pagination {
		display: none;
	}
	.home_first_sec {
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 24px;
	}
	.service-info h5, .service-info h2, .service-info p, .service-info a, .service-info .service-pagination{
		position: relative;
		top: auto;
	}
}
@media (max-width: 1280px) {
	.cate_blog .cate_single {
		max-width: 48%;
		width: 100%;
		margin: 1%;
	}
}
.staff_banner_section {
	position: relative;
	background-size: cover;
	padding: 200px 20px;
}
.staff_banner_section h4 {
	font-size: 20px;
	margin-bottom: 10px;
	color: var(--color-gray);
}
.staff_banner_section h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 648px;
	margin: auto;
	color: var(--color-gray);
}
#myBtnContainer {
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#myBtnContainer a,
#myBtnContainer button {
	float: left;
	padding: 15px 25px;
	text-decoration: underline;
	color: var(--color-off-white);
	background-color: var(--color-teal);
	cursor: pointer;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
	font-size: 18px;
	border-radius: 30px;
	margin-right: 15px;
}
#myBtnContainer a {
	text-decoration: none;
}
#myBtnContainer a:hover,
#myBtnContainer button:hover {
	background-color: var(--color-dark-teal) !important;
	color: var(--color-off-white);
}
#myBtnContainer a:hover {
	text-decoration: underline;
}
#gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	gap: 2%;
	margin: 20px 0px;
}
.gallery-item {
	width: 32%;
	border-radius: 30px;
	padding: 41px 37px 30px 45px;
	margin: 20px 0;
	display: none;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.gallery-item a {
	text-decoration: none;
}
.gallery-item .staff_link_mg {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 0.25rem;
	position: absolute;
	right: 0;
}
.gallery-item:hover .staff_link_mg {
	-webkit-transform: translate(15px, -15px);
	transform: translate(15px, -15px);
	opacity: 0.8;
}
.gallery-item .staff_image {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 30px;
}
.gallery-item .staff_image img {
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.gallery-item .staff_image .doc_image {
	width: 270px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	margin-left: auto;
	overflow: hidden;
	border-radius: 30px;
	position: relative;
	border: 1px solid transparent;
	padding-top: 100px;
	display: flex;
	align-items: flex-end;
}
.gallery-item .staff_image .doc_image img {
	width: 100%;
	height: 350px;
	border-radius: 30px;
	-o-object-fit: cover;
	object-fit: cover;
}
.gallery-item:hover .doc_image img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.gallery-item:hover .staff_image .batch_doc {
	-webkit-transform: scale(1);
	transform: scale(1);
}
h2#categoryHeading {
	font-size: 40px;
	color: var(--color-gray);
	font-family: "PP Agrandir";
	margin-top: 60px;
	margin-bottom: 0px;
	padding-top: calc(var(--site-header-height) + 100px);
	margin-top: calc(80px - var(--site-header-height) - 100px);
}
.gallery-item h5{
	font-family: "PP Pangaia Italic";
}
.show {
	display: block;
}
.gallery-item h3 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	margin-bottom: 20px;
}
.gallery-item h4 {
	font-size: 24px;
	line-height: 100%;
	font-weight: 200;
	margin-top: 25px;
}
.gallery-item h5 {
	font-size: 24px;
	line-height: 100%;
	font-weight: 400;
	margin-top: 25px;
}
.staff_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.staff_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	gap: 20px;
}
.staff_image {
	position: relative;
	overflow: hidden;
}
.staff_image img {
	margin-left: auto;
	display: block;
	position: relative;
	max-width: 100%;
}
.staff_image .batch_doc {
	position: absolute;
	top: 49%;
	left: 21%;
	margin: auto;
}
.our_doc_details {
	display: block;
}
.doctor_studd_div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 2%;
}
.services_sec2 h3 {
	font-size: 40px;
	line-height: 43px;
	font-family: "PP Pangaia Italic";
	margin: 0px 0px 50px;
}
.services_sec2 p {
	font-family: "PP Agrandir";
	font-size: 20px;
	line-height: 26px;
}
.services_sec2 ul li {
	font-family: "PP Agrandir";
	font-size: 20px;
	line-height: 26px;
}
.services_sec2_img {
	padding-right: 20px;
}
.pe-sh-5 {
	padding-right: 0 !important;
	padding-left: 3rem;
}
.pe-sh-4 {
	padding-right: 0 !important;
	padding-left: 1.5rem;
}
.sh-ps-5 {
	padding-right: 3rem;
}
.services_sec2_img img {
	max-width: 100%;
}
.services_banner_section3 {
	position: relative;
	background-image: url(/images/health_info.png);
	background-size: cover;
	padding: 150px 20px;
}
.services_banner_section3 h4 {
	font-size: 24px;
	font-family: "PP Pangaia Italic";
	line-height: 100%;
	color: var(--color-gray);
}
.services_banner_section3 h2 {
	font-size: 60px;
	line-height: 60px;
	max-width: 850px;
	width: 100%;
	margin: 42px auto 100px;
}
.services_banner_section3 a {
	font-size: 24px;
	font-weight: 400;
	color: var(--color-gray);
}
.services_banner_section3 a:hover {
	text-decoration: underline !important;
}
.services_slider_sec5 {
	overflow: hidden;
}
.services_slider_sec5_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3rem;
	height: calc(100vh - 300px - 150px);
	max-height: 880px;
	min-height: -webkit-fit-content;
	min-height: -moz-fit-content;
	min-height: fit-content;
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 40%;
}
.services_slider {
	display: -ms-grid;
	display: grid;
	gap: 1rem;
	-ms-flex-line-pack: distribute;
	align-content: space-around;
	height: 100%;
	max-width: 740px;
	padding: 90px 1rem 50px;
	text-align: center;
	border-radius: 30px;
}
.services_slider > * {
	max-width: 70%;
	margin: auto;
}
.services_slider_sec5_inner h3 {
	font-weight: 500;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0%;
	color: var(--color-gray);
	font-family: "PP Agrandir";
	max-width: 500px;
	margin: auto;
	font-style: normal;	
}
.services_slider_sec5_inner h3 p {
	font-weight: 500;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0%;
	color: var(--color-gray);
	font-family: "PP Agrandir";
		
}
.services_slider_sec5_inner p {
	font-family: "PP Agrandir";
	color: var(--color-gray);
	font-size: 24px;
	line-height: 26px;
	max-width: 533px;
	padding: 60px 0px 80px;
}
.services_slider_sec5_inner a {
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	display: block;
	margin-top: 30px;
	text-decoration: none;
	color: var(--color-gray);
}
.services_slider_sec5_inner a img {
	display: inline-block;
}
.services_slider_sec5_inner .slick-list {
	padding: 0 15% 0 0 !important;
}
.home_health_box1 {
}
.team_profile1 h2 {
	font-size: 100px;
	font-weight: 200;
	line-height: 90px;
	color: var(--color-gray);
	max-width: 400px;
	font-family: "PP Pangaia Italic";	
}
.team_profile1 p {
	font-size: 24px;
/* 	color: var(--color-off-white); */
	color: var(--color-gray);
	line-height: 30px;
}
.team_profile1 img {
	max-width: 100%;
	border-radius: 30px;
	height: 440px;
}
.team_profile2 img {
	width: 100%;
	max-width: 100%;
	border-radius: 30px;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.team_profile3 p {
	color: var(--color-gray);
	font-size: 20px;
}
.team_profile3 ul li {
	color: var(--color-gray);
	font-size: 20px;
}
.team_profile3_content {
	border: 1px solid var(--color-gray);
}
.team_profile3_image img {
	max-width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 30px;
	width: 100%;
}
.team_profile2_right p {
	font-size: 30px;
	font-weight: 200;
	line-height: 33px;
	font-family: "PP Pangaia";
}
.team_profile2_rights p{
	color: #fff;
}
@media screen and (max-width: 1600px){
	#health_info_gallery .gallery-item{
		width: 31.333%;
	}
	#footer{
		padding: 0px 38px;
	}
}
@media screen and (max-width: 1536px) {
	.staff_image .batch_doc {
		width: 100px;
		/* left: 55px;
		bottom: -12px;
		height: 100px;
		top: auto; */
	}
	.home_sec_left h3 {
		font-size: 75px;
		line-height: 75px;
	}
	.home_sec_left h3 {
		font-size: 80px !important;
	}
}
@media screen and (max-width: 1536px) {
	.staff_image .batch_doc {
		/* bottom: 0; */
	}
	.staff_content {
		/* min-height: 15rem;
		overflow: hidden; */
	}
	.services_slider_sec5_inner p {
		font-size: 20px;
	}
	.classess_box :is(p, li) {
		font-size: 18px;
	}
	.contact_sec2_left p,
	.contact_sec2_left p a {
		font-size: 18px;
	}
	.contact_sec2_left ul li ul li {
		font-size: 18px;
	}
	.service-info h2 {
		font-size: 3em;
	}
	.single-services .services_sec2 h3 {
		font-size: 35px;
		line-height: 38px;
	}
	.footer_sec_logo img {
		max-width: 400px;
	}
}
@media screen and (max-width: 1300px) {
	.staff_content {
		/* min-height: 18rem;
		overflow: hidden; */
	}
	.anniversary-video .video-container-vimeo iframe {
		/* 		height: 50vh; */
	}
}
@media screen and (max-width: 990px) {
	.staff_content {
		/* min-height: 15rem;
		overflow: hidden; */
	}
}
@media screen and (min-width: 1350px) and (max-width: 1650px) {
	#footer ul li a {
		font-size: 16px;
	}
	#footer ul li {
		font-size: 16px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1349px) {
	#footer ul li a {
		font-size: 14px;
	}
	#footer ul li {
		font-size: 14px;
	}
}
@media screen and (max-width: 1366px) {
	.team_profile1,
	.team_profile2_inner,
	.team_profile3_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.home_sec_left {
		margin-bottom: 40px;
	}
	.team_profile1 {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.team_profile1_left,
	.team_profile3_left {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		margin-top: 30px;
		width: 100%;
	}
	.team_profile1 h2 {
		max-width: 100%;
	}
	.team_profile2_right img {
		max-width: 100%;
	}
	.team_profile2_inner .team_profile2_left {
		margin-top: 0 !important;
	}
	.contact_sec2_right,
	.services_sec2_inner2 .services_sec2_img,
	.team_profile2_inner .team_profile2_left,
	.team_profile3_inner .team_profile3_right {
		padding-top: 0 !important;
		margin-top: 0 !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.contact_sec2_left,
	.services_sec2_inner2 .services_sec2_content,
	.team_profile2_inner .team_profile2_right {
		margin-top: 20px;
		width: 100% !important;
	}
	.contact_sec2_left {
		margin-bottom: 30px;
	}
	.team_profile3_right img {
		display: block;
		text-align: center;
		margin: auto;
	}
	.nav_menu li a {
		font-size: 19px;
	}
	.services-template-default .classess_banner_section{
		height: 500px;
	}

}
@media screen and (max-width: 1317px) {
	.cate_single h3 {
		font-size: 38px;
		line-height: 38px;
	}
}
@media screen and (max-width: 1280px) {
	#footer ul li a {
		font-size: 20px;
	}
	#footer ul li {
		font-size: 20px;
	}
	.footer_above h3,
	.footer_above h3 span,
	.home_sec_left h3,
	.home_sec_left h3 span {
		font-size: 55px;
		line-height: 55px;
		max-width: 400px;
	}
	#gallery {
		gap: 0;
	}
	.cate_blog {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 !important;
	}
	.cate_single h3 {
		max-width: 300px;
	}
	.home_team h2,
	.home_team h2 span {
		font-size: 40px;
		line-height: 40px;
		max-width: 800px;
	}
	.blog_inner,
	.classess_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0 !important;
	}
	.blog_inner .blog_box,
	.classess_inner .classess_box {
		max-width: 100%;
		margin: 20px 0px;
	}
	.staff_image .batch_doc {
		right: 0;
		left: auto;
	}
	.about_Sec2,
	.about_form_inner,
	.blog_des_disease > div,
	.classes_left_sec ul,
	.classess_form_section_inner,
	.contact_sec_form,
	.services_sec2_inner2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.classes_left_sec img {
		margin: auto;
		display: block;
		text-align: center;
	}
	:is(.about_Sec2) :is(.services_sec2_content),
	:is(.classess_sec2) :is(.classess_sec2_content),
	:is(.contact_Sec_inner) :is(.contact_sec2_left, .contact_sec2_right),
	:is(.services_sec2_inner2) :is(.services_sec2_img, .services_sec2_content),
	:is(.team_profile2_inner) :is(.team_profile2_left, .team_profile2_right) {
		width: 100% !important;
	}
	.about_Sec2 .services_sec2_img,
	.classess_sec2 .classess_sec2_img,
	.services_sec2_img {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-bottom: 20px;
		width: 100% !important;
	}
	:is(.about_form_inner) :is(.classes_left_sec, .classes_right_sec),
	:is(.blog_des_disease > div) :is(.blog_disease_date, .blog_disease_box),
	:is(.classes_left_sec, .classes_right_sec) {
		width: 100% !important;
		padding: 0px !important;
		margin: 10px 0 !important;
	}
	.classess_sec2 .classess_sec2_img,
	.contact_Sec_inner .contact_sec2_right,
	.services_sec2_inner2 .services_sec2_img {
		display: block;
		text-align: center;
		padding-top: 0 !important;
		width: 100%;
	}
	.about_Sec2 .services_sec2_img,
	.contact_Sec_inner .contact_sec2_right {
		padding-top: 0 !important;
	}
	.about_Sec2_img_top,
	.contact_sec2_left {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.charties_logo_sec img,
	.charties_logo_sec img:hvoer {
		max-width: 100% !important;
	}
	#footer .wrapwidth,
	#footer .wrapwidth > div + div,
	.contact_sec2_left ul,
	.footer2_1 ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: start !important;
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}
	.footer2_1 ul {
		margin-top: 30px;
	}
	#footer .wrapwidth > div,
	#footer .wrapwidth > div + div,
	.footer2_1 > ul li {
		width: 100% !important;
	}
	.classes_left_sec ul li,
	.contact_sec2_left ul li {
		max-width: 100%;
	}
	.services_slider_sec5_inner h3 {
		font-size: 40px;
		line-height: 40px;
		max-width: 300px;
	}
	#health_info_gallery .gallery-item {
		width: 48%;
	}
	.classes_left_sec ul li {
		margin: 10px 0;
	}
	.blog_disease_box ul {
		margin: 0;
		padding: 0 !important;
	}
	.header_contact {
		display: none;
	}
	.team_profile1 img {
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 1160px) {
	.about_scroll_pills ul li a {
		font-size: 16px;
		padding: 13px 25px;
	}
}
@media screen and (max-width: 1024px) {
	.about_scroll_pills,
	.about_scroll_pills .wrapwidth {
		position: relative;
	}
	.nav_pills .jump-to-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition: display 0.4s ease;
		transition: display 0.4s ease;
	}
	#about_pills.show li,
	.about_scroll_pills ul li {
		display: block;
	}
	#about_pills.show li a .our_doc_pills #myBtnContainer a,
	.about_scroll_pills ul li a,
	.doc_staff_pills #myBtnContainer a,
	.patient_info_pills #myBtnContainer button {
		display: block;
		margin-bottom: 2px;
		width: 100%;
		text-align: left;
		border: none;
		font-size: 16px;
	}
	#myBtnContainer,
	#myBtnContainer {
		list-style-type: none;
		-webkit-transition: none !important;
		transition: none !important;
		display: none;
	}
	.nav_pills #myBtnContainer {
		background: #8ccdcd;
		width: 100%;
		border-radius: 15px;
		padding: 10px 10px;
		margin: 5px 0px 0px 0 !important;
	}
	div#myBtnContainer.show {
		display: block;
	}
	#myBtnContainer {
		padding: 0px 10px !important;
	}
	#myBtnContainer a,
	#myBtnContainer button {
		margin: 5px 0px !important;
		padding: 10px 20px;
		display: block;
		width: 100%;
	}
	.header .wrapwidth header {
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}
	#footer .wrapwidth,
	#videoThumbnail,
	.about_Sec2_img_top,
	.about_banner_section3,
	.about_scroll_pills ul,
	.blog_banner_section,
	.blog_disease_box ul li,
	.blog_inner .blog_box,
	.blog_sec2 img,
	.cate_blog .cate_single,
	.cate_single img,
	.classes_left_sec img,
	.classess_banner_section,
	.classess_form_section,
	.classess_inner .classess_box,
	.contact_banner_section,
	.contact_sec2_right img,
	.doc_staff_pills #myBtnContainer,
	.footer_above,
	.gallery-item,
	.health_info_banner_section,
	.home_first_sec,
	.home_sec_common img,
	.home_team,
	.home_team_images ul li img,
	.our_doc_pills #myBtnContainer,
	.patient_info_pills #myBtnContainer,
	.service .img-container > img,
	.service-info,
	.services-container .service,
	.services_banner_section3,
	.services_sec2_img img,
	.services_slider,
	.staff_banner_section,
	.staff_image img,
	.team_profile1,
	.team_profile1 img,
	.team_profile3_right img,
	:is(.about_Sec2) :is(.services_sec2_content),
	:is(.classess_sec2) :is(.classess_sec2_content),
	:is(.contact_Sec_inner) :is(.contact_sec2_left, .contact_sec2_right),
	:is(.contact_sec2_right, .classess_sec2_img, .services_sec2_img) :is(img),
	:is(.services_sec2_inner2) :is(.services_sec2_img, .services_sec2_content),
	:is(.team_profile2_inner) :is(.team_profile2_left, .team_profile2_right) {
		border-radius: 15px !important;
	}
	.home_sec_left {
		margin-top: 45px;
	}
	.desktop_blog {
		display: none !important;
	}
	.mobile_blog {
		display: block !important;
	}
}
@media screen and (max-width: 991px) {
	.home_sec_main .home_sec_common {
		max-width: 100%;
	}
	.blog_disease_box ul li {
		max-width: 48%;
	}
	.services-container .service .img-container {
		padding: 0px 16px;
	}
	.service .img-container > img {
		border-radius: 30px;
	}
	.services-container .service:first-child {
		background-color: var(--color-light-blue);
	}
	.services-container .service:nth-child(2) {
		background-color: var(--color-light-green);
	}
	.services-container .service:nth-child(3) {
		background-color: var(--color-light-teal);
	}
	.services-container .service:nth-child(4) {
		background-color: var(--color-light-blue);
	}
	.services-container .service:nth-child(5) {
		background-color: var(--color-light-blue);
	}
	.service .img-container {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.services-container .service {
		margin: 12px 0px;
		border-radius: 30px;
	}
	.footer_sec_logo img {
		max-width: 300px;
	}
	.about_Sec2 .services_sec2_img,
	.contact_Sec_inner .contact_sec2_right,
	.services_sec2_img,
	.team_profile2_inner .team_profile2_left {
		margin: 0 auto 20px;
	}
	.contact_Sec_inner .contact_sec2_right,
	.services_sec2_img,
	.team_profile2_inner .team_profile2_left {
		padding: 0 !important;
	}
	.charties_logo_sec img,
	.charties_logo_sec img:hover {
		max-width: 100% !important;
	}
	.blog_banner_section h4,
	.classess_banner_section h4,
	.contact_banner_section h4,
	.health_info_banner_section h4,
	.staff_banner_section h4 {
		margin-bottom: 25px;
	}
	.gallery-item {
		max-width: 47%;
		width: 100%;
		margin: 1%;
	}
	.team_profile1 h2 {
		font-size: 40px;
		line-height: 40px;
		max-width: 700px;
		font-family: "PP Pangaia Italic";
	}
	.team_profile1_left h2{
		font-family: "PP Pangaia Italic";
	}
	.services_slider_sec5_inner {
		display: -ms-grid;
		display: grid;
		grid-auto-flow: row;
		grid-auto-columns: 1fr;
		grid-auto-rows: 1fr;
		gap: 1.5rem;
		width: 100%;
		height: auto;
		max-height: none;
	}
	.services_slider_sec5_inner:before {
		display: none;
	}
	.services_slider {
		width: 100%;
		max-width: 100%;
		padding: 80px 20px;
	}
	.services_slider_sec5_inner p {
		margin: 30px auto;
	}
	.services_slider > * {
		max-width: 100%;
	}
	.team_profile3_inner .team_profile3_right {
		padding: 0 !important;
		margin: 0 auto !important;
	}
	.team_profile1_left,
	.team_profile3_left {
		width: 100% !important;
	}
	.nav_menu li {
		margin: 0px 2px;
	}
	.nav_menu li a {
		padding: 10px 4px;
	}
}
@media screen and (max-width: 908px) {
	.nav_menu li {
		margin: 0px 1px;
	}
	.nav_menu li a {
		/* padding: 10px 1px; */
		font-size: 16px;
	}
}
@media screen and (max-width: 768px) {
	#close_icons {
		width: 16px;
	}
	.nav_menu {
		display: none;
		position: absolute;
		top: -100%;
		width: 100%;
		background-color: #fff;
		-webkit-transition: top 0.3s ease;
		transition: top 0.3s ease;
		z-index: -1;
	}
	a .menu-icon {
		cursor: pointer;
	}
	.menu-toggle {
		position: absolute;
		right: 1.5rem;
		top: 49%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		height: 26px;
		width: 29px;
	}
	.menu-toggle,
	.menu-toggle:hover {
		color: #000;
	}
	.menu-toggle-bar {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -1px;
		right: 0;
		width: 100%;
		height: 4px;
		border-radius: 4px;
		background-color: black;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.menu-toggle-bar.menu-toggle-bar--top {
		-webkit-transform: translate(0, -8px);
		transform: translate(0, -8px);
	}
	.menu-toggle-bar.menu-toggle-bar--bottom {
		-webkit-transform: translate(0, 8px);
		transform: translate(0, 8px);
	}
	.nav-open .menu-toggle-bar.menu-toggle-bar--top {
		-webkit-transform: translate(0, 0) rotate(45deg);
		transform: translate(0, 0) rotate(45deg);
	}
	.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
		opacity: 0;
	}
	.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
		-webkit-transform: translate(0, 0) rotate(-45deg);
		transform: translate(0, 0) rotate(-45deg);
	}
	.nav_menu.show {
		display: block;
		top: 0;
	}
	#close_icons.show {
		display: block;
	}
	.responsivemenu,
	.responsivemenu #hamburger {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 6px;
		width: 30px;
	}
	.nav_menu {
		display: none;
		position: absolute;
		left: 0;
		background-color: #8ccdcd;
		top: 50%;
		width: 100%;
		text-align: left;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		padding: 20px 10px;
		z-index: -1;
		margin-top: -9px;
	}
	.nav_menu li {
		display: block;
		position: relative;
		padding: 1px 0;
	}
	.nav_menu li a.has-submenu {
		position: relative;
	}
	.nav_menu li a.has-submenu:after {
		content: "+";
		position: absolute;
		right: 12px;
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
		font-size: 22px;
		top: 3px;
	}
	.nav_menu li a.has-submenu.submenu-open:after {
		content: "-";
	}
	.nav_menu li ul {
		display: none;
		position: static !important;
		background: rgba(255, 255, 255, 0.1);
		width: 100%;
		padding: 0px 15px;
		margin-top: 5px;
		border-radius: 10px;
	}
	.nav_menu li:hover ul {
		background: rgba(255, 255, 255, 0.1);
		display: none;
		left: auto;
		top: auto;
		border-radius: 10px;
	}
	.nav_menu li a {
		font-size: 16px;
		display: block;
		padding: 4px 0 !important;
	}
	.nav_menu li a:focus,
	.nav_menu li a:hover {
		color: var(--color-off-white) !important;
	}
	.header_logo a img {
		width: 35px;
		height: 38px;
		display: block;
		max-width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.header .wrapwidth header {
		padding: 7px 14px !important;
		border-bottom-right-radius: 15px !important;
		border-bottom-left-radius: 15px !important;
	}
	.service-info h2 {
		max-width: 400px;
	}
	.service-info h2,
	.service-info h5 {
		font-weight: 400;
	}
	.cate_blog .cate_single,
	.gallery-item {
		max-width: 100%;
	}
	.charties_logo_sec div {
		width: 48%;
	}
	.classess_inner {
		gap: 0 !important;
	}
	.classess_inner .classess_box {
		margin: 10px 0px;
	}
	#health_info_gallery .gallery-item {
		width: 100%;
		margin: 20px 0px;
	}
	.home_team_links {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
		gap: 0 !important;
		margin-top: 20px !important;
	}
	.blog_inner .blog_box,
	.classess_inner .classess_box {
		margin: 10px 0px;
	}
	#gallery,
	.classess_form_section {
		margin-bottom: 13px !important;
		margin-top: 13px !important;
	}
	.blog_boxes,
	.blog_sec2,
	.charties_logo,
	.classess_boxes,
	.contact_map,
	.contact_sec2,
	.home_health_info,
	.services_sec2 {
		margin-bottom: 13px !important;
		padding-bottom: 13px !important;
		margin-top: 13px !important;
		padding-top: 13px !important;
	}
	#myBtnContainer button {
		margin-bottom: 10px;
		font-size: 16px;
	}
	h2#categoryHeading {
		font-size: 30px;
	}
	.cate_blog .cate_single,
	.gallery-item {
		margin: 10px 0px;
	}
	.modal {
		padding-top: 50px;
	}
	.footer_above a,
	.home_sec_left a,
	.home_team_links {
		margin-top: 40px !important;
	}
	.contact_sec_form .classes_right_sec h3 {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.services_slider_sec5_inner p {
		padding: 0;
	}
	.about_scroll_pills h3,
	.doc_staff_pills .jump-to-btn,
	.our_doc_pills h3,
	.patient_info_pills h3 {
		margin-bottom: 0;
	}
	.about_scroll_pills ul,
	.doc_staff_pills #myBtnContainer,
	.our_doc_pills #myBtnContainer,
	.patient_info_pills #myBtnContainer {
		margin-top: 0;
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
	}
	.space_b40 {
		margin-bottom: 25px;
	}
	.container-fluid {
		padding: 0px 20px;
	}
	.container-fluid > .container-fluid{
		padding: 0;
	}
	.home_team_images ul div {
		padding: 0 !important;
	}
	.home_team_images ul li div {
		padding: 0px 5px !important;
	}
	.nav_menu li:hover ul {
		left: 30%;
	}
	.blog_play .blog_play_banner {
		max-width: 100%;
	}
	.blog_disease_box ul li {
		max-width: 100%;
		margin: 10px 0px;
	}
	.about_banner_section3,
	.blog_banner_section,
	.classess_banner_section,
	.staff_banner_section {
		padding: 70px 20px 95px;
		height: auto;
	}
	#charities {
		padding: 30px 20px 30px;
		margin: 0;
	}
	.footer_above {
		padding: 130px 20px;
	}
	.home_sec_left h3,
	.home_sec_left h3 span {
		font-size: 44px !important;
		line-height: 44px;
	}
	.about_banner_section3 h2,
	.blog_banner_section h2,
	.charties_logo h2,
	.classes_right_sec h3,
	.classess_banner_section h2,
	.contact_banner_section h2,
	.footer_above h3,
	.footer_above h3 span,
	.health_info_banner_section h2,
	.home_health_info h2,
	.home_health_info h2 span,
	.home_team h2,
	.home_team h2 span,
	.service-info h2,
	.services_banner_section3 h2,
	.services_slider_sec5_inner h3,
	.staff_banner_section h2,
	.team_profile1 h2 {
		font-size: 34px;
		line-height: 34px;
		max-width: 292px;
	}
	.classess_banner_section h2,
	.contact_banner_section h2,
	.footer_above h3,
	.home_team h2 {
		max-width: 270px;
	}
	.blog_banner_section h2 {
		max-width: 192px;
	}
	.blog_disease_box ul li h4,
	.blog_disease_date h3,
	.cate_single h3,
	.classes_left_sec h4,
	.gallery-item h3 {
		font-size: 30px;
		line-height: 30px;
	}
	.about_banner_section3 a,
	.blog_banner_section h4 .cate_single a,
	.blog_box :is(p, li),
	.blog_disease_box ul li a,
	.blog_disease_date :is(li, a),
	.cate_single a,
	.cate_single h5,
	.classes_left_sec ul li p,
	.classes_right_sec
	:is(
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="date"],
	textarea,
	select
	),
	.classess_banner_section h4,
	.classess_box :is(p, li),
	.classess_sec2_content p,
	.contact_banner_section h4,
	.contact_sec2_left p,
	.contact_sec2_left p a,
	.footer_above a,
	.gallery-item :is(h4, h5),
	.health_info_banner_section h4,
	.home_health_info a,
	.home_sec_left a,
	.home_team_links li a,
	.service-info :is(a, p),
	.service-info h5,
	.services_banner_section3 h4,
	.services_sec2 p,
	.services_sec2 ul li,
	.services_slider_sec5_inner a,
	.services_slider_sec5_inner p,
	.staff_banner_section h4,
	.team_profile1 p,
	.team_profile2_right p,
	.team_profile3 p,
	.services_banner_section3 a, .team_profile3_content.team_profile3_left ul li, .team_profile3_content.team_profile3_left p {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.about_banner_section3 a img,
	.blog_disease_box ul li a img,
	.cate_single a img,
	.home_health_info a img,
	.home_team_links li a img,
	.services_slider_sec5_inner a img {
		width: 18px;
		padding-left: 0px;
	}
	.blog_disease_date h3,
	.blog_inner :is(h3),
	.blog_inner h3,
	.classess_box h3,
	.classess_sec2 .classess_sec2_content p:first-child,
	.contact_sec2_left h4,
	.services_sec2 h3, .single-services .services_sec2 h3,
	h2#categoryHeading, .team_profile3_content.team_profile3_left h4 span {
		font-size: 24px;
		line-height: 35px;
	}
	.classess_sec2 .classess_sec2_content p:first-child {
		line-height: 30px;
		font-size: 20px !important;
	}
	#myBtnContainer a,
	#myBtnContainer button {
		margin: 5px 5px;
	}
	.para_footer_bottom {
		margin-top: 20px;
	}
	.team_profile1 p {
		text-align: center;
	}
	.staff_image img {
		margin: 20px auto 0;
	}
	.gallery-item :is(h4, h5) {
		margin-top: 15px;
	}
	.services_slider_sec5_inner h3 {
		margin-top: 20px;
	}
	.home_team {
		padding: 50px 20px 50px;
	}
	.home_team h5 {
		font-size: 14px;
		color: var(--color-gray);
		margin-bottom: 30px;
	}
	.home_health_info {
		margin-top: 60px !important;
	}
	.footer_sec_logo img {
		max-width: 181px;
	}
	#footer .wrapwidth > div,
	#footer .wrapwidth > div + div,
	.footer2_1 > ul li,
	.footer2_1 > ul li a {
		width: 100% !important;
		font-size: 16px !important;
	}
	#footer .wrapwidth > div + div {
		gap: 20px !important;
	}
	.footer2_1 ul,
	.service-info {
		margin-top: 0;
	}
	.footer2_1 {
		margin-bottom: 0 !important;
	}
	.about_Sec2 .services_sec2_content,
	.blog_box,
	.blog_sec2 .classess_sec2 .classess_sec2_content,
	.classess_box,
	.contact_sec2_left,
	.services_sec2_inner2 .services_sec2_content,
	.services_slider,
	.team_profile2_right,
	.team_profile3_left, .team_profile2_rights  {
		padding: 30px 20px !important;
	}
	.contact_banner_section,
	.health_info_banner_section,
	.services_banner_section3 {
		padding: 70px 20px;
	}
	#footer .wrapwidth,
	.classess_form_section {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.contact_sec_form {
		padding: 23px 0 !important;
	}
	.services_banner_section3,
	.services_banner_section3 h2 {
		margin: 40px auto;
	}
	#myBtnContainer button {
		padding: 10px 15px;
	}
	.contact_Sec_inner .contact_sec2_right,
	.services_sec2_inner2 .services_sec2_img,
	.team_profile2_inner .team_profile2_left,
	.team_profile3_inner .team_profile3_right {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.services_sec2_inner2 .services_sec2_img {
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}
	.about_scroll_pills {
		margin-bottom: -20px;
	}
	.services_slider_sec5_inner p {
		margin: 40px auto;
	}
	.staff_image .batch_doc {
		right: auto;
		left: 0;
		bottom: 35px;
		top: auto;
	}
	.team_profile1_right,
	.team_profile1_right img {
		width: 100% !important;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: top;
		object-position: top;
		height: auto;
	}
	.contact_Sec_inner .contact_sec2_right {
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	.gallery-item {
		padding: 30px;
	}
	#playCursor {
		left: 0 !important;
		right: 0 !important;
		top: 35% !important;
		width: 100px;
		margin: auto !important;
		opacity: 1 !important;
	}
	.contact_sec2_left ul li {
		width: 100%;
		margin: 0px 0px 20px;
	}
	.anniversary-video .video-container-vimeo iframe {
		/* 		height: 47vh; */
		width: auto;
	}
	.video-block-sh,
	.anniversary-video {
		border-radius: 15px !important;
		margin-bottom: 7px;
	}
	.team_profile2 img,
	.team_profile3_left {
		border-radius: 15px !important;
	}
	.home_team_images img {
		border-radius: 15px;
	}
	.pre_footer_sec {
		/* 		padding: 0; */
	}
	.services-template-default .classess_banner_section, .services_sec2_img img, .classess_sec2_img img, .blog_sec2 img, :is(.contact_sec2_right, .classess_sec2_img, .services_sec2_img) :is(img) {
		height: auto;
	}
	.play-button{
		max-width: 125px;
	}
}
@media screen and (max-width: 736px) {
	.summer.team_profile1 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.summer.team_profile1 p{
		margin-bottom: 0 !important;
	}
	.blog_play #myModal .modal-content iframe {
		height: 30vh;
	}
	.gallery-item .staff_image .doc_image{
		padding-top: 0;
		margin: auto;
	}
	.services-container1{
		margin-bottom: 40px;
	}
    #footer {
        padding: 0px 20px;
    }

}
@media screen and (max-width: 485px) {
	.anniversary-video .video-container-vimeo iframe {
		/* 		height: 30vh; */
		width: 100%;
	}
	.blog_play #myModal .modal-content iframe {
		height: 20vh;
	}
	.play-button{
		max-width: 100px;
	}
	.services_banner_section3 h2{

	}
}
@media screen and (max-width: 420px) {
	.blog_disease_box ul li h4,
	.blog_disease_date h3,
	.cate_single h3,
	.classes_left_sec h4,
	.gallery-item h3 {
		line-height: 45px;
	}
}
@media screen and (max-width: 390px) {
	.anniversary-video .video-container-vimeo iframe {
		/* 		height: 20vh; */
	}
}























































.video-container {
	position: relative;
	display: block;
}

.video-thumbnail {
	width: 100%;
	height: auto;
	transition: opacity 0.3s;
}

.video-thumbnail:hover {
	opacity: 0.9;
}

.play-button img {
	width: 80px;
	height: 80px;
	transition: transform 0.3s;
}

.play-button:hover img {
	transform: scale(1.1);
}

#videoPlayer {
	width: 100%;
	aspect-ratio: 16/9; /* Maintain video aspect ratio */
}