/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Glowix - Plastic Surgery & Beauty Clinic HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. What We Do css
08. Intro Video css
09. Case Study css
10. Why Choose Us css
11. How It Work css
12. Our Testimonial css
13. Our Result css
14. Our Appointment css
15. Our Blog css
16. Footer css
17. About Us Page css
18. Services Page css
19. Services Single css
20. Blog Archive css
21. Blog Single css
22. Case Study Page css
23. Case Study Single css
24. Team Page css
25. Team Single css
26. Testimonials Page css
27. Image Gallery css
28. Video Gallery css
29. FAQs Page css
30. Contact Us Page css
31. Book Appointment css
32. 404 Error Page css
33. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root {
	--primary-color: #222;
	--secondary-color: #2222222e;
	--text-color: #69615D;
	--accent-color: #333333;
	--white-color: #FFFFFF;
	--divider-color: #CD5F371A;
	--dark-divider-color: #FFFFFF1A;
	--error-color: #333333ad;
	--default-font: "Sora", sans-serif;
	--accent-font: "Marcellus", serif;
}


:root {
	--primary-color: #222;
	--secondary-color: #2222222e;

	--green: #025a2f;

	--divider-color: #cd5f371a;
	--dark-divider-color: #ffffff1a;

	--error-color: #333333ad;

	--white: #ffffff;
	--off-white: #fafcfb;

	--card-radius: 16px;

	--card-shadow:
		0 12px 35px rgba(0, 0, 0, 0.07);
}

img,
svg {
	display: block;
	max-width: 100%;
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/

body {
	position: relative;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1em;
	color: var(--text-color);
	background: var(--black-color);

}


html, body {
    width: 100%;
    overflow-x: clip;
}


::selection {
	 background: #025a2f;
         color: #ffffff;
	 filter: invert(1);
}

p {
	line-height: 1.6em;
	margin-bottom: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	
	font-weight: 400;
	line-height: 1.2em;
	color: var(--primary-color);
}

figure {
	margin: 0;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

.mega-title{
    text-transform: capitalize !important;
}


.container {
	max-width: 1300px;
}

.know-more-button{
    display: flex !important;
    justify-content: center !important;
    margin-top: 10px !important;
}

.know-btn{
   margin: 0 auto;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	padding-right: 15px;
	padding-left: 15px;
}

.image-anime {
	position: relative;
	overflow: hidden;
}

.image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, .3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}

.image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

.reveal {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	visibility: hidden;
	overflow: hidden;
}

.reveal img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform-origin: left;
	transform-origin: left;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.row>* {
	padding-right: 15px;
	padding-left: 15px;
}

.row.no-gutters {
	margin-right: 0px;
	margin-left: 0px;
}

.row.no-gutters>* {
	padding-right: 0px;
	padding-left: 0px;
}

.btn-default {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	text-transform: capitalize;
	background: #025a2f;
	color: var(--white-color);
	border-radius: 100px;
	padding: 17px 25px;
	margin-right: 50px;
	border: none;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.btn-default::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -60px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #025a2f;
	background-image: url('../images/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px auto;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}

.btn-default:hover::before {
	transform: translateY(-50%) rotate(45deg);
}

.section-title p a{
color: #025a2f;
font-size: 18px;
font-weight: 700;
}

.btn-default::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	opacity: 0;
	background: var(--primary-color);
	border-radius: 100px;
	transition: all 0.4s ease-in-out;
	z-index: -1;
}

.btn-default:hover::after {
	left: 0;
	right: 0;
	opacity: 1;
}

.btn-default.btn-highlighted:hover {
	background: transparent;
	color: var(--primary-color);
}

.btn-default.btn-highlighted::before {
	background-color: #025a2f;
	background-image: url('../images/arrow-white.svg');
}

.btn-default.btn-highlighted:hover::after {
	background: var(--white-color);
}

.readmore-btn {
	background: #025a2f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover {
	background: var(--primary-color);
}

.readmore-btn img {
	max-width: 14px;
	transition: all 0.3s ease-in-out;
}

.readmore-btn:hover img {
	transform: rotate(45deg);
}

.cb-cursor:before {
	background: var(--accent-color);
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-container,
.loading {
	height: 100px;
	position: relative;
	width: 100px;
	border-radius: 100%;
}

.loading-container {
	margin: 40px auto;
}

.loading {
	border: 1px solid transparent;
	border-color: transparent var(--white-color) transparent var(--white-color);
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
	transition: all 0.5s ease-in-out;
}

#loading-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 66px;
	transform: translate(-50%, -50%);
}

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.bg-section {
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
	background-color: #2222222e;
	border-radius: 30px;
}

.bg-section.dark-section {
	background-color: var(--primary-color);
}

.section-row {
	margin-bottom: 80px;
}

.section-row .section-title {
	margin-bottom: 0;
}

.section-row .section-title.section-title-center {
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
}
  .service-section{
}


.section-title {
	margin-bottom: 40px;
}

.section-title h3 {
	display: inline-block;
	position: relative;
	font-family: var(--default-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--accent-color);
	padding-left: 34px;
	margin-bottom: 10px;
}

.section-title h3::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url('../images/icon-sub-heading\ 1.svg') no-repeat;
	background-position: left center;
	background-size: cover;
	width: 24px;
	height: 24px;
}

.dark-section .section-title h3 {
	color: var(--white-color);
}

.dark-section .section-title h3::before {
	filter: brightness(0) invert(1);
}

.section-title h1 {
	font-size: 60px;
	text-transform: uppercase;
	margin-bottom: 0;
	cursor: none;
}

.section-title h2 {
	font-size: 38px;
	margin-bottom: 0;
	cursor: none;
}

.section-title h1 span,
.section-title h2 span {
	color: var(--white-color);
}

.section-title p {
	margin-top: 20px;
	margin-bottom: 0;
}

.section-title-content p {
	margin: 0;
}

.dark-section .section-title-content p,
.dark-section .section-title p,
.dark-section .section-title h2,
.dark-section .section-title h1 {
	color: var(--white-color);
}

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

.section-content-btn .section-btn {
	text-align: left;
	margin-top: 30px;
}

.help-block.with-errors ul {
	margin: 0;
	text-align: left;
}

.help-block.with-errors ul li {
	color: var(--error-color);
	font-weight: 500;
	font-size: 14px;
}

/************************************/
/**** 	   03. Header css		 ****/
/************************************/

header.main-header {
	position: relative;
	z-index: 100;
}

.main-header .bg-section {
	background: transparent;
	/* max-width: 1720px; */
}

header.main-header .header-sticky {
	position: relative;
	top: 0;
	z-index: 100;
}

header.main-header .header-sticky.hide {
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	border-radius: 0;
}

header.main-header .header-sticky.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
	transform: translateY(0);
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-top: none;
	border-radius: 0 0 20px 20px;
}

.navbar {
	padding: 30px 0;
	align-items: center;
}

.navbar-brand {
	padding: 0;
	margin: 0;
}

.main-menu .nav-menu-wrapper {
	flex: 1;
	text-align: left;
	margin: 0 23px;
}

.main-menu .nav-menu-wrapper>ul {
	align-items: center;
	display: inline-flex;
}

.main-menu ul li {
	margin: 0;
	position: relative;
}

.main-menu ul li a {
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	padding: 15px !important;
	color: var(--text-color);
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

/* .main-menu ul li.submenu>a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
} */

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: var(--accent-color);
}

.main-menu ul ul {
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 235px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	background: #333333bf;
	transition: all 0.3s ease-in-out;
	text-align: left;
}

.main-menu ul li.submenu:first-child ul {
	width: 0;
}

.main-menu ul ul ul {
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
	padding: 2px 0;
}

.main-menu ul li.submenu ul li.submenu>a:after {
	content: '\f105';
	float: right;
}

.main-menu ul ul li {
	margin: 0;
	padding: 0;
}

.main-menu ul ul li a {
	color: var(--white-color);
	padding: 8px 20px !important;
	transition: all 0.3s ease-in-out;
}



.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus {
	color: var(--primary-color);
	background-color: transparent;
	padding: 8px 20px 8px 23px !important;
}

.header-contact-btn {
	display: flex;
	align-items: center;
	gap: 25px;
}

.header-contact-now {
	font-family: var(--accent-font);
	font-size: 20px;
	line-height: normal;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.header-contact-now:hover {
	color: var(--accent-color);
}

.header-contact-now i {
	background-color: #025a2f;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	align-content: center;
	font-size: 18px;
	color: white;
	margin-right: 15px;
}

.header-contact-btn .btn-default {
	margin-right: 0;
}

.header-contact-btn .btn-default::before {
	display: none;
}

.main-menu ul li.highlighted-menu {
	display: none;
}

.responsive-menu,
.navbar-toggle {
	display: none;
}

.responsive-menu {
	top: 0;
	position: relative;
}

.slicknav_btn {
	background: var(--accent-color);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 8px;
}

.slicknav_icon .slicknav_icon-bar {
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: var(--white-color);
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 5px);
	background-color: var(--white-color);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -5px);
	background-color: var(--white-color);
}

.slicknav_menu {
	position: absolute;
	width: 100%;
	padding: 0;
	/* background: var(--accent-color); */
}

.slicknav_menu ul {
	margin: 5px 0;
}

.slicknav_menu ul ul {
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	padding: 8px 20px;
	color: var(--white-color);
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover {
	background-color: transparent;
	    color: white;
	/* color: var(--primary-color); */
}

.slicknav_menu ul ul li a {
	padding: 8px 20px 8px 30px;
}

.slicknav_arrow {
	font-size: 0 !important;
}

.slicknav_arrow:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: var(--white-color);
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open>a .slicknav_arrow:after {
	transform: translateY(-50%) rotate(-180deg);
	color: var(--primary-color);
}

/************************************/
/***        04. Hero css	      ***/
/************************************/

.hero {
	position: relative;
	background-image: url('../images/hero-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 180px 0;
	overflow: clip;
}
.slicknav_menu ul ul {
    margin: 0;
    display: none;
}
.hero.hero-bg-image {
	position: relative;
	background: url('../images/hero-bg.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 200px 0;
}

.hero.hero-bg-image::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero.hero-video .hero-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.hero.hero-video .hero-bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-bg-image.hero-slider-layout {
	background: none;
	padding: 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide {
	position: relative;
	padding: 200px 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	opacity: 60%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination {
	position: absolute;
	bottom: 50px;
	text-align: left;
	left: calc(((1800px - 1300px) / 2) + 15px);
	z-index: 2;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: var(--dark-divider-color);
	opacity: 1;
	transition: all 0.3s ease-in-out;
	margin: 0 5px;
}

.hero.hero-bg-image.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active {
	background-color: var(--accent-color);
}

.hero-content {
	align-content: center;
	position: relative;
	z-index: 2;
}

.hero-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 40px;
}

.hero-body .video-play-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.hero-body .video-play-button p {
	font-weight: 500;
	text-transform: capitalize;
	color: var(--white-color);
	margin: 0;
}

.video-play-button a {
	height: 50px;
	width: 50px;
	border: 2px solid var(--white-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: none;
	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a {
	border-color: var(--accent-color);
}

.video-play-button a i {
	font-size: 18px;
	color: var(--white-color);
	transition: all 0.3s ease-in-out;
}

.video-play-button:hover a i {
	color: var(--accent-color);
}

.hero-review-box {
	margin-top: 40px;
}

.hero-review-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hero-review-box ul li {
	display: inline-block;
	color: var(--secondary-color);
	margin-right: 10px;
}

.hero-review-box ul li:last-child {
	margin: 0;
}

.hero-review-box ul li img {
	max-width: 20px;
}

.hero-review-box ul li i {
	color: #FFD250;
}

.hero-image {
	background: url('../images/hero-image-bg-star.svg') no-repeat;
	background-position: center bottom;
	background-size: contain;
	height: 100%;
	align-content: end;
	text-align: center;
}

.hero-image img {
	margin-bottom: -180px;
	margin-top: -120px;
	max-width: initial;
}

/************************************/
/***       05. About Us css	      ***/
/************************************/

.about-us {
	padding: 100px 0;
}

.about-us-images {
	background: url('../images/about-us-image-bg-shape\ \ 1.svg') no-repeat;
	background-position: top 30px left 70px;
	background-size: 76px auto;
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.about-img-2,
.about-img-1 {
	width: 100%;
}

.about-img-1 {
	position: relative;
	padding-left: 240px;
}

.about-img-2 {
	max-width: 360px;
	margin-top: -312px;
}

.about-img-2 figure,
.about-img-1 figure {
	display: block;
	border-radius: 30px;
}

.about-img-2 img,
.about-img-1 img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.about-img-2 figure img,
.about-img-1 figure img {
	aspect-ratio: 1 / 1.257;
}

.company-experience-circle {
	position: absolute;
	right: 50%;
	bottom: 0;
	transform: translate(100%, 50%);
	border-radius: 50%;
	z-index: 2;
}

.company-experience-circle img {
	width: 100%;
	max-width: 180px;
	border-radius: 50%;
	animation: infiniterotate 25s infinite linear;
}

@keyframes infiniterotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.about-experience-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
}

.about-experience-list,
.about-experience-image {
	width: calc(50% - 15px);
}

.about-experience-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.about-experience-list ul li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 30px;
}

.about-experience-list ul li:last-child {
	margin-bottom: 0;
}

.about-experience-list ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: #025a2f;
}

.about-experience-image figure {
	display: block;
	border-radius: 30px;
}

.about-experience-image img {
	width: 100%;
	aspect-ratio: 1 / 0.596;
	object-fit: cover;
	border-radius: 30px;
}

.about-us-body {
	background: #d7d7d7;
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 30px;
	margin-top: 40px;
}

.about-contact-box {
	display: flex;
	align-items: center;
}

.about-contact-box .icon-box {
	background: #025a2f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.about-contact-box .icon-box i {
	font-size: 22px;
	color: white;
}

/* .about-contact-box-content {
	width: calc(100% - 60px);
} */

.about-contact-box-content p {
	margin-bottom: 5px;
}

.about-contact-box-content h3 {
	font-size: 20px;
}

.about-contact-box-content h3 a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.about-contact-box-content h3:hover a {
	color: var(--accent-color);
}

/************************************/
/***     06. Our Services css	  ***/
/************************************/

.our-services {
	background-image: url(../images/service-bg-shape.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.service-item {
	background-color: var(--white-color);
	border-radius: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px;
}

.service-content {
	margin-bottom: 30px;
}

.service-content-title {
	display: flex;
        flex-wrap: nowrap; 
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 20px;
}

.service-content-title h2 {
	width: calc(100% - 90px);
	font-size: 22px;
	text-transform: capitalize;
	line-height: 1.4em;
}

.service-content-title h2 a {
	color: inherit;
}

.service-content p {
	margin: 0;
}

.service-image a {
	display: block;
	border-radius: 30px;
	cursor: auto;
	overflow: hidden;
}




.case-study-image a {
	display: block !important;
	border-radius: 30px;
	cursor: auto !important;
	overflow: hidden;
}

.service-image img {
	width: 100%;
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 30px;
	transition: all 0.5s ease-out;
}

.service-item:hover .service-image img {
	transform: scale(1.1)
}

.section-footer-text {
	margin-top: 30px;
	text-align: center;
}

.section-footer-text p {
	margin: 0;
}

.section-footer-text p span {
	font-family: var(--accent-font);
	color: var(--white-color);
	background: #025a2f;
	border-radius: 30px;
	padding: 4px 12px;
	margin-right: 10px;
}

.section-footer-text p a {
	color: #025a2f;
	font-weight: 600;
	text-transform: capitalize;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}

.section-footer-text p a:hover {
	color: var(--accent-color);
}

/************************************/
/***      07. What We Do css	  ***/
/************************************/

.what-we-do {
	padding: 100px 0;
}

.what-we-image-1 {
	position: relative;
	margin-right: 10px;
}

.what-we-image-1::before {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background: #d7d7d7;
	border-radius: 999px 999px 0 0;
	width: 100%;
	height: 80%;
}

.what-we-image-1 img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.668;
	object-fit: cover;
	z-index: 1;
}

.what-we-content .about-experience-list {
	width: 100%;
}

.what-we-btn {
	margin-top: 40px;
}

.what-we-image-2 {
	position: relative;
	padding-left: 30px;
}

.what-we-image-2 figure {
	display: block;
	border-radius: 999px;
}

.what-we-image-2 img {
	width: 100%;
	aspect-ratio: 1 / 1.661;
	object-fit: cover;
	border-radius: 999px;
}

.experirnce-box {
	position: absolute;
	bottom: 100px;
	left: 0;
	background: var(--accent-color);
	border-radius: 999px;
	max-width: 130px;
	text-align: center;
	padding: 30px 20px;
	z-index: 1;
}

.experirnce-box h2 {
	position: relative;
	font-size: 46px;
	color: var(--white-color);
	margin-bottom: 5px;
	z-index: 1;
}

.experirnce-box p {
	position: relative;
	color: var(--white-color);
	margin: 0;
	z-index: 1;
}

/************************************/
/***      08. Intro Video css     ***/
/************************************/

.intro-video {
	border-radius: 30px;
	overflow: hidden;
}

.intro-video .container-fluid {
	padding: 0;
}

.intro-video-box {
	position: relative;
	overflow: hidden;
	height: 800px;
}

.intro-bg-video {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.intro-bg-video::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--primary-color);
	border-radius: 30px;
	opacity: 40%;
	width: 100%;
	height: 100%;
}

.intro-bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro-video-box .video-play-button {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.intro-video-box .video-play-button a {
	width: 100px;
	height: 100px;
	font-size: 20px;
	font-weight: 500;
	text-transform: capitalize;
	color: var(--white-color);
}

.intro-video-box .video-play-button:hover a {
	border-color: var(--primary-color);
	color: var(--primary-color);
}

/************************************/
/***      09. Case Study css      ***/
/************************************/

.case-study {
	padding: 100px 0 70px;
}

.case-study-content {
	position: sticky;
	top: 30px;
	margin-bottom: 30px;
}

.case-study-item {
	position: relative;
	border-radius: 12px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.case-study-image a,
.case-study-image figure {
	display: block;
	cursor: none;
}

.case-study-image figure::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgb(220 220 220 / 0%) 77.06%, #333 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.case-study-image img {
	width: 100%;
	aspect-ratio: 1 / 0.967;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.case-study-item:hover .case-study-image img {
	transform: scale(1.1);
}

.case-study-body {
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	z-index: 2;
}

.case-study-item-content {
	width: calc(100% - 90px);
}

.case-study-item-content h3 {
	font-size: 22px;
	line-height: 1.4em;
	color: var(--white-color);
}

.case-study-item-content h3 a {
	color: inherit;
}

/************************************/
/***     10. Why Choose Us css	  ***/
/************************************/

.why-choose-us {
	background-image: url('../images/why-choose-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.why-choose-images {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding: 0 50px 25px 0;
	margin-right: 10px;
}

.why-choose-images::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background: var(--accent-color);
	border-radius: 30px;
	width: 415px;
	height: 345px;
}

.why-choose-image {
	position: relative;
	width: calc(50% - 15px);
	z-index: 1;
}

.why-choose-image.img-2 {
	margin-top: 90px;
}

.why-choose-image figure {
	display: block;
	border-radius: 30px;
}

.why-choose-image img {
	width: 100%;
	aspect-ratio: 1 / 1.546;
	object-fit: cover;
	border-radius: 20px;
}

.years-experience-text {
	position: absolute;
	right: 12px;
	bottom: 35px;
	transform: rotate(-180deg);
	writing-mode: vertical-rl;
}

.years-experience-text p {
	font-family: var(--accent-font);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--white-color);
	margin: 0;
}

.why-choose-contact-box h3 {
	font-size: 22px;
	line-height: 1.4em;
}

.why-choose-contact-item {
	display: flex;
	align-items: center;
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.why-choose-contact-item .icon-box {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.why-choose-contact-item .icon-box img {
	max-width: 60px;
	border-radius: 50%;
}

.why-choose-contact-item .icon-box i {
	position: relative;
	background: #025a2f;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	font-size: 18px;
	color: var(--white-color);
	text-align: center;
	align-content: center;
	margin-left: -18px;
}

.why-choose-contact-item-content p {
	margin: 0;
}

.why-choose-contact-item-content p a {
	font-family: var(--accent-font);
	font-size: 22px;
	color: var(--primary-color);
	margin-left: 5px;
	transition: all 0.3s ease-in-out;
}

.why-choose-contact-item-content p a:hover {
	color: var(--accent-color);
}

/************************************/
/***     11. How It Wwork css	  ***/
/************************************/

.how-it-work {
	padding: 100px 0;
}

.how-work-content {
	position: sticky;
	top: 30px;
	margin-right: 20px;
}

.how-work-step-item {
	position: relative;
	display: flex;
	margin-bottom: 80px;
}

.how-work-step-item:last-child {
	margin-bottom: 0;
}

.how-work-step-item::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(30px, 60px);
	border-left: 1px solid var(--divider-color);
	height: 85%;
	z-index: 0;
}

.how-work-step-item:last-child:before {
	display: none;
}

.how-work-step-item .icon-box {
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.how-work-step-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.how-work-step-item:hover .icon-box::before {
	transform: scale(1);
}

.how-work-step-item .icon-box img {
	position: relative;
	max-width: 34px;
	z-index: 1;
}

.how-work-step-content {
	width: calc(100% - 80px);
}

.how-work-step-content h3 {
	font-size: 22px;
	margin-bottom: 10px;
}

.how-work-step-content p {
	margin: 0;
}

/************************************/
/***    12. Our Testimonial css	  ***/
/************************************/

.our-testimonials {
	background-image: url('../images/testimonials-bg-shape.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 100px 0;
}

.our-testimonial-image {
	margin-right: 15px;
}

.our-testimonial-image figure {
	display: block;
	border-radius: 30px;
}

.our-testimonial-image img {
	width: 100%;
	aspect-ratio: 1 / 0.852;
	object-fit: cover;
	border-radius: 30px;
}

.testimonial-author-details {
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.testimonial-author-details h3 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.testimonial-author-details p {
	color: var(--white-color);
	margin: 0;
}

.testimonial-slider {
	margin-top: 60px;
}

.testimonial-slider .swiper-wrapper {
	cursor: none;
}

.testimonial-item-content {
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.testimonial-item-content p {
	color: var(--white-color);
	margin: 0;
}

.testimonial-author {
	display: flex;
	align-items: center;
}

.testimonial-author .author-image {
	margin-right: 10px;
}

.testimonial-author .author-image figure {
	border-radius: 50%;
}

.testimonial-author .author-image img {
	width: 100%;
	max-width: 50px;
	border-radius: 50%;
}

.testimonial-author .author-content {
	width: calc(100% - 60px);
}

.testimonial-author .author-content h3 {
	font-size: 20px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.testimonial-author .author-content p {
	color: var(--white-color);
	margin: 0;
}

.testimonial-btn {
	position: relative;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	z-index: 2;
}

.testimonial-slider .testimonial-button-next,
.testimonial-slider .testimonial-button-prev {
	position: relative;
	width: 40px;
	height: 40px;
	background: var(--white-color);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-next {
	margin-left: 15px;
}

.testimonial-slider .testimonial-button-next:hover,
.testimonial-slider .testimonial-button-prev:hover {
	background: var(--accent-color);
}

.testimonial-slider .testimonial-button-next::before,
.testimonial-slider .testimonial-button-prev::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('../images/arrow-primary.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(45deg);
	transition: all 0.4s ease-in-out;
}

.testimonial-slider .testimonial-button-prev::before {
	transform: rotate(225deg);
}

/************************************/
/***      13. Our Result css	  ***/
/************************************/

.our-results {
	padding: 100px 0;
}

.transformation-image {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	border-radius: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.transformation-image::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgb(207 206 206 / 0%) 76.37%, #222 103.38%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.transformation-image figure {
	position: relative;
	display: block;
	width: 50%;
}

.transformation-image .transform-img-2::before,
.transformation-image .transform-img-1::before {
	content: 'before';
	position: absolute;
	top: auto;
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	font-family: var(--accent-font);
	font-size: 30px;
	text-transform: capitalize;
	color: var(--white-color);
	z-index: 1;
}

.transformation-image .transform-img-2::before {
	content: 'After';
}

.transformation-image img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.626;
	border-right: 5px solid var(--white-color);
	object-fit: cover;
}

.transformation-image figure:last-child img {
	border: none;
}

.transformation-button {
	text-align: center;
	margin-top: 30px;
}

.facts-counter-box {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	border-top: 1px solid var(--divider-color);
	margin-top: 50px;
	padding-top: 80px;
}

.facts-counter-item {
	position: relative;
	width: calc(25% - 37.5px);
	display: flex;
}

.facts-counter-item::before {
	content: '';
	position: absolute;
	right: -25px;
	background: var(--divider-color);
	width: 1px;
	height: 100%;
}

.facts-counter-item:nth-child(4n + 4):before,
.facts-counter-item:last-child:before {
	display: none;
}

.facts-counter-item .icon-box {
	margin-right: 20px;
}

.facts-counter-item .icon-box img {
	max-width: 50px;
}

.facts-counter-content h3 {
	font-size: 30px;
	margin-bottom: 5px;
}

.facts-counter-content p {
	text-transform: capitalize;
	margin: 0;
}

/************************************/
/***    14. Our Appointment css	  ***/
/************************************/

.our-appointment {
	background-image: url('../images/appointment-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0 0;
}

.our-appointment-image {
	position: relative;
	text-align: center;
	margin-right: 40px;

}

.our-appointment-image::before {
	content: '';
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 999px 999px 0 0;
	width: 100%;
	height: 85%;
}

.our-appointment-image figure {
	position: relative;
	z-index: 1;
}

.our-appointment-image img {
	width: 100%;
        height: 700px;
	aspect-ratio: 1 / 1.538;
	object-fit: cover;
}

.appointment-form form .form-control {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--text-color);
	background-color: var(--white-color);
	border-radius: 100px;
	padding: 17px 20px;
	border: none;
	outline: none;
	box-shadow: none;
}

.appointment-form form .form-control::placeholder {
	text-transform: capitalize;
	color: var(--text-color);
}

.appointment-form form .form-group select {
	padding: 16px 30px 16px 20px;
}

.appointment-form form .form-group select option {
	color: var(--primary-color);
}

.contact-form-btn .btn-default {
	width: 100%;
	margin-right: 0;
}

.contact-form-btn .btn-default::before {
	display: none;
}

/************************************/
/*** 	   15. Our Blog css 	  ***/
/************************************/

.our-blog {
	padding: 100px 0 70px;
}

.post-item {
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.post-featured-image {
	margin-bottom: 20px;
}

.post-featured-image a {
	cursor: auto;
	display: block;
	border-radius: 30px;
	overflow: hidden;
}

.post-featured-image figure {
	display: block;
}

.post-featured-image img {
	aspect-ratio: 1 / 0.967;
	object-fit: cover;
	transition: all 0.5s ease-in-out;
}

.post-item:hover .post-featured-image img {
	transform: scale(1.1);
}

.post-item-body {
	display: flex;
	align-items: center;
	gap: 30px;
	margin: 0 15px;
}

.post-item-content {
	width: calc(100% - 80px);
}

.post-item-content h2 {
	font-size: 22px;
	line-height: 1.4em;
}

.post-item-content h2 a {
	display: inline-block;
	color: inherit;
}

/************************************/
/***         16. Footer css	      ***/
/************************************/

.main-footer {
	background-image: url('../images/footer-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 80px 0 0;
        margin-top: 100px;
}

.footer-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 30px;
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 60px;
	padding-bottom: 60px;
}

.section-title.footer-newsletter-title {
	width: calc(58% - 15px);
	margin: 0;
}

.footer-newsletter-form {
	width: calc(42% - 15px);
}

.footer-newsletter-form .form-group {
	display: flex;
}

.footer-newsletter-form .form-group .form-control {
	width: calc(100% - 50px);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4em;
	color: #222;
	background: white;
	border: none;
	border-radius: 100px;
	outline: none;
	box-shadow: none;
	padding: 14px 20px;
}

.footer-newsletter-form .form-group .form-control::placeholder {
	color: #025a2f;
}

.footer-newsletter-form .form-group .readmore-btn {
	border: none;
	padding: 0;
}

.footer-newsletter-form .form-group .readmore-btn:hover {
	background: var(--white-color);
}

.footer-newsletter-form .form-group .readmore-btn:hover img {
	filter: brightness(1) invert(1);
}

.about-footer {
	margin-right: 70px;
}

.footer-logo {
	margin-bottom: 20px;
}

.footer-logo img {
	width: 150px;
	height: 107px;
}

.about-footer-content {
	margin-bottom: 30px;
}

.about-footer-content p {
	color: var(--white-color);
	margin-bottom: 0;
}

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

.footer-social-links ul li {
	display: inline-block;
	margin-right: 12px;
}

.footer-social-links ul li:last-child {
	margin-right: 0;
}

.footer-social-links ul li a {
	width: 38px;
	height: 38px;
	color: var(--white-color);
	border: 1px solid var(--white-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.footer-social-links ul li a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.footer-social-links ul li a i {
	font-size: 18px;
	color: inherit;
}

.footer-links-box {
	display: flex;
	flex-wrap: wrap;
        justify-content: space-between;
}



.footer-links h3 {
	font-size: 22px;
	color: var(--white-color);
	text-transform: capitalize;
	margin-bottom: 20px;
}

.footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 25px;
}

.arrow-cursor{
  cursor: default !important;
}

.footer-links ul li {
	display: inline-block;
	color: var(--white-color);
	text-transform: capitalize;
	line-height: 1.6em;
}

.footer-links ul li a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.footer-links ul li a:hover {
	color: var(--accent-color);
}

.footer-contact-box {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.footer-contact-item {
	width: auto;
	position: relative;
}

.footer-contact-item::before {
	content: '';
	position: absolute;
	right: -30px;
	top: 0;
	bottom: 0;
	border-right: 1px solid var(--dark-divider-color);
	height: 100%;
}

.footer-contact-item:nth-child(3n + 3):before,
.footer-contact-item:last-child:before {
	display: none;
}

.footer-contact-item ul li i {
	font-size: 16px;
	color: var(--white-color);
	margin-right: 10px;
}

.footer-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 50px;
	padding: 50px 0;
}

.footer-copyright-text p {
	color: var(--white-color) !important;
	margin-bottom: 0;
}



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

.footer-privacy-policy ul li {
	position: relative;
	color: var(--white-color);
	text-transform: capitalize;
	display: inline-block;
	margin-right: 10px;
	padding-right: 16px;
	transition: all 0.3s ease-in-out;
}

.footer-privacy-policy ul li:hover {
	color: var(--accent-color);
}

.footer-privacy-policy ul li::before {
	content: '/';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	color: var(--white-color);
}

.footer-privacy-policy ul li:last-child {
	padding: 0;
	margin: 0;
}

.footer-privacy-policy ul li:last-child:before {
	display: none;
}

.footer-privacy-policy ul li a {
	color: inherit;
}

/************************************/
/***     17. About Us Page css	  ***/
/************************************/

.page-header {
	position: relative;
	background-image: url('../images/page-header-bg.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	padding: 130px 0;
}

.page-header-box {
	text-align: center;
}

.page-header-box h1 {
	display: inline-block;
	color: var(--white-color);
	font-size: 60px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: none;
}

.page-header-box ol {
	margin: 0;
	padding: 0;
	justify-content: center;
}

.page-header-box ol li.breadcrumb-item {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a {
	color: inherit;
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before {
	color: var(--white-color);
}

.our-approach {
	background-image: url('../images/approach-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0;
}

.our-approach-body {
	background-color: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 30px;
	padding: 40px;
}

.mission-vison-item {
	display: flex;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.mission-vison-item:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.mission-vison-item .icon-box {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.mission-vison-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.mission-vison-item:hover .icon-box::before {
	transform: scale(1);
}

.mission-vison-item .icon-box img {
	position: relative;
	width: 100%;
	max-width: 34px;
	z-index: 1;
}

.mission-vison-content {
	width: calc(100% - 80px);
}

.mission-vison-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.mission-vison-content p {
	margin: 0;
}

.approach-image {
	position: relative;
	padding: 55px 6px 35px 70px;
	margin-left: 20px;
}

.approach-img-1 figure {
	display: block;
	border-radius: 30px;
}

.approach-img-1 img {
	width: 100%;
	aspect-ratio: 1 / 1.241;
	object-fit: cover;
	border-radius: 30px;
}

.approach-img-2 {
	max-width: 242px;
	position: absolute;
	bottom: 0;
	left: 0;
	border: 10px solid var(--secondary-color);
	border-radius: 999px;
	overflow: hidden;
	z-index: 1;
}

.approach-img-2 img {
	width: 100%;
	aspect-ratio: 1 / 1.69;
	object-fit: cover;
}

.approach-support-box {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	padding: 20px;
	background-color: var(--primary-color);
	border: 6px solid var(--secondary-color);
	border-radius: 20px 20px 0 20px;
	overflow: hidden;
	z-index: 1;
}

.approach-support-box::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: var(--accent-color);
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.approach-support-box:hover::before {
	right: auto;
	left: 0;
	width: 100%;
}

.approach-support-box .icon-box {
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--dark-divider-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	z-index: 1;
}

.approach-support-box .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--primary-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.approach-support-box:hover .icon-box::before {
	transform: scale(1);
}

.approach-support-box .icon-box img {
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.approach-support-box-content {
	position: relative;
	width: calc(100% - 70px);
	z-index: 1;
}

.approach-support-box-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 5px;
}

.approach-support-box-content p {
	color: var(--white-color);
	margin: 0;
}

.approach-support-box-content p a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.approach-support-box-content p a:hover {
	color: var(--primary-color);
}

.our-journey {
	background-image: url('../images/journey-bg-shape.svg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	padding: 100px 0;
}

.our-journey-image {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.journey-img {
	width: calc(50% - 15px);
}

.journey-img figure {
	display: block;
	border-radius: 30px;
}

.journey-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.journey-img img {
	aspect-ratio: 1 / 0.872;
}

.journey-image-box {
	position: relative;
	width: 100%;
	padding-left: 80px;
}

.journey-image-box .journey-img {
	width: 100%;
}

.journey-image-box .journey-img img {
	aspect-ratio: 1 / 0.591;
}

.journey-experience-circle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.journey-experience-circle img {
	width: 100%;
	max-width: 160px;
	animation: infiniterotate 25s infinite linear;
}

.our-journey-content {
	margin-left: 30px;
}

.our-journey-list {
	border-bottom: 1px solid var(--dark-divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.our-journey-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.our-journey-list ul li {
	position: relative;
	width: calc(50% - 15px);
	color: var(--white-color);
	line-height: 1.5em;
	padding-left: 30px;
}

.our-journey-list ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.our-journey-body {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin-bottom: 40px;
}

.journey-item {
	width: calc(50% - 15px);
	display: flex;
	align-items: center;
}

.journey-item .icon-box {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.journey-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--white-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.journey-item:hover .icon-box::before {
	transform: scale(1);
}

.journey-item .icon-box img {
	position: relative;
	width: 100%;
	max-width: 34px;
	z-index: 1;
	transition: all 0.4s ease-in-out;
}

.journey-item:hover .icon-box img {
	filter: brightness(1) invert(1);
}

.journey-item-content {
	width: calc(100% - 80px);
}

.journey-item-content h3 {
	color: var(--white-color);
	font-size: 20px;
	line-height: 1.4em;
	text-transform: capitalize;
}

.our-team {
	padding: 100px 0 70px;
}

.team-item {
	height: calc(100% - 30px);
	text-align: center;
	margin-bottom: 30px;
}

.team-image {
	margin-bottom: 20px;
}

.team-image a,
.team-image figure {
	display: block;
	cursor: none;
	border-radius: 30px;
}

.team-image img {
	width: 100%;
	aspect-ratio: 1 / 1.187;
	object-fit: cover;
	border-radius: 30px;
	transition: all 0.4s ease-in-out;
}

.team-item:hover .team-image img {
	transform: scale(1.1);
}

.team-content {
	margin-bottom: 20px;
}

.team-content h3 {
	font-size: 22px;
	text-transform: capitalize;
}

.team-content h3 a {
	color: inherit;
}

.team-social-icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.team-social-icons ul li {
	display: inline-block;
	margin-right: 10px;
}

.team-social-icons ul li:last-child {
	margin: 0;
}

.team-social-icons ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: var(--accent-color);
	color: var(--secondary-color);
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.team-social-icons ul li i {
	color: inherit;
	font-size: 18px;
}

.team-social-icons ul li:hover a {
	background: var(--primary-color);
	color: var(--white-color);
}

.our-faqs {
	padding: 100px 0;
}

.our-faqs-images {
	position: relative;
	background: url('../images/faq-dot-img.svg') no-repeat;
	background-position: left 187px bottom 46px;
	background-size: 84px auto;
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
	padding: 0 242px 105px 0;
}

.faqs-img-2 {
	max-width: 353px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.faqs-img-1 figure,
.faqs-img-2 figure {
	display: block;
	border-radius: 30px;
}

.faqs-img-1 img,
.faqs-img-2 img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.faqs-img-1 img {
	aspect-ratio: 1 / 1.514;
}

.faqs-img-2 img {
	aspect-ratio: 1 / 1.155;
}

.faqs-circle {
	position: absolute;
	top: 35px;
	right: 35px;
}

.faqs-circle a {
	display: block;
	border-radius: 50%;
}

.faqs-circle a img {
	width: 100%;
	max-width: 170px;
	border-radius: 50%;
	animation: infiniterotate 25s infinite linear;
}

.faq-accordion .accordion-item {
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.faq-accordion .accordion-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.faq-accordion .accordion-header .accordion-button {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4em;
	color: var(--primary-color);
	padding-right: 30px;
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed) {
	color: var(--accent-color);
	padding-bottom: 10px;
}

.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after {
	content: '\f107';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: 0;
	font-size: 18px;
	color: var(--primary-color);
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
	color: var(--accent-color);
}

.faq-accordion .accordion-item .accordion-body {
	padding-right: 30px;
}

.faq-accordion .accordion-item .accordion-body p {
	color: var(--text-color);
	margin-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-body p:last-child {
	margin-bottom: 0;
}

/************************************/
/***    18. Services Page css	  ***/
/************************************/

.page-services {
	padding: 100px 0 70px;
}

.page-services .service-item {
	background: var(--secondary-color);
}

/************************************/
/***   19. Services Single css    ***/
/************************************/

.page-service-single {
	padding: 100px 0;
}

.page-single-sidebar {
	position: sticky;
	top: 20px;
	margin-right: 20px;
}

.page-single-category-list {
	background: var(--secondary-color);
	border-radius: 20px;
	margin-bottom: 60px;
	overflow: hidden;
}

.page-single-category-list h3 {
	font-size: 22px;
	color: var(--white-color);
	text-transform: uppercase;
	background: var(--primary-color);
	padding: 20px 30px;
}

.page-single-category-list ul {
	list-style: none;
	margin: 0;
	padding: 30px;
}

.page-single-category-list ul li {
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.page-single-category-list ul li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.page-single-category-list ul li a {
	position: relative;
	display: block;
	line-height: 1.4em;
	text-transform: capitalize;
	color: var(--text-color);
	padding-right: 30px;
	transition: all 0.4s ease-in-out;
}

.page-single-category-list ul li:hover a {
	color: var(--primary-color);
}

.page-single-category-list ul li a::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('../images/arrow-text.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 22px;
	height: 22px;
	transition: all 0.4s ease-in-out;
}

.page-single-category-list ul li a:hover::before {
	transform: translateY(-50%) rotate(45deg);
	filter: brightness(0) invert(0);
}

.sidebar-cta-box {
	position: relative;
}

.sidebar-cta-image {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.sidebar-cta-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(179.96deg, rgba(72, 30, 11, 0) 50.09%, rgba(72, 30, 11, 0.9) 99.23%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.sidebar-cta-image figure img {
	width: 100%;
	aspect-ratio: 1 / 1.22;
	object-fit: cover;
	transition: all 0.4s ease-in-out;
}

.sidebar-cta-box:hover .sidebar-cta-image figure img {
	transform: scale(1.05);
}

.sidebar-cta-item {
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	display: flex;
	z-index: 1;
}

.sidebar-cta-item .icon-box {
	margin-right: 20px;
}

.sidebar-cta-item .icon-box img {
	max-width: 40px;
}

.sidebar-cta-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--white-color);
	margin-bottom: 15px;
}

.sidebar-cta-content p {
	color: var(--white-color);
	margin-bottom: 5px;
}

.sidebar-cta-content p:last-child {
	margin-bottom: 0;
}

.page-single-image {
	margin-bottom: 40px;
}

.page-single-image figure {
	display: block;
	border-radius: 30px;
}

.page-single-image img {
	width: 100%;
	aspect-ratio: 1 / 0.598;
	object-fit: cover;
	border-radius: 30px;
}

.service-entry {
	margin-bottom: 60px;
}

.service-entry p {
	margin-bottom: 20px;
}

.service-entry p:last-child {
	margin-bottom: 0;
}

.service-entry h2 {
	font-size: 48px;
	margin-bottom: 20px;
}

.service-entry ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.service-enhance-box,
.service-achieve-box {
	margin-top: 40px;
}

.service-enhance-item-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.service-enhance-item {
	width: calc(33.33% - 20px);
	border: 1px solid var(--divider-color);
	border-radius: 30px;
	padding: 20px;
}

.service-enhance-item .icon-box {
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
}

.service-enhance-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.service-enhance-item:hover .icon-box::before {
	transform: scale(1);
}

.service-enhance-item .icon-box img {
	position: relative;
	max-width: 34px;
	z-index: 1;
}

.service-enhance-item-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.servie-entry-video-image.intro-video-box {
	position: relative;
	height: auto;
	margin: 40px 0;
}

.servie-entry-image figure {
	display: block;
	border-radius: 30px;
}

.servie-entry-image figure::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary-color);
	opacity: 40%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.servie-entry-image img {
	width: 100%;
	aspect-ratio: 1 / 0.457;
	object-fit: cover;
	border-radius: 30px;
}

.service-achieve-list {
	margin-top: 40px;
}

.service-achieve-list .how-work-step-item {
	margin-bottom: 40px;
}

.service-achieve-list .how-work-step-item::before {
	display: none;
}

.errorMessage{
    margin-top: 8px;
    margin-left: 10px;
    color: #dc3545;
    width: 110%;
    font-size: 13px;
}

/************************************/
/***     20. Blog Archive css     ***/
/************************************/

.page-blog {
	padding: 100px 0;
}

.page-pagination {
	margin-top: 30px;
	text-align: center;
}

.page-pagination ul {
	justify-content: center;
	padding: 0;
	margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span {
	display: flex;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	background: var(--secondary-color);
	color: var(--primary-color);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	font-weight: 700;
	line-height: 1em;
	transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a,
.page-pagination ul li a:hover {
	background: var(--accent-color);
	color: var(--white-color);
}

/************************************/
/***     21. Blog Single css	  ***/
/************************************/

.page-single-post {
	padding: 100px 0;
}

.post-single-meta ol li {
	font-size: 18px;
	color: var(--white-color);
	margin-right: 15px;
}

.post-single-meta ol li:last-child {
	margin-right: 0;
}

.post-single-meta ol li i {
	font-size: 18px;
	color: var(--white-color);
	margin-right: 5px;
}

.post-image {
	position: relative;
	margin-bottom: 30px;
}

.post-image figure {
	display: block;
	border-radius: 30px;
	overflow: hidden;
}

.post-image img {
	width: 100%;
	aspect-ratio: 1 / 0.50;
	object-fit: cover;
	border-radius: 30px;
}

.post-content {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.post-entry {
	border-bottom: 1px solid var(--divider-color);
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.post-entry:after {
	content: '';
	display: block;
	clear: both;
}

.post-entry a {
	color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
	font-weight: 400;
	line-height: 1.2em;
	margin: 0 0 0.417em;
}

.post-entry h1 {
	font-size: 60px;
}

.post-entry h2 {
	font-size: 48px;
}

.post-entry h3 {
	font-size: 40px;
}

.post-entry h4 {
	font-size: 30px;
}

.post-entry h5 {
	font-size: 24px;
}

.post-entry h6 {
	font-size: 20px;
}

.post-entry p {
	margin-bottom: 20px;
}

.post-entry p:last-child {
	margin-bottom: 0;
}

.post-entry p strong {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: 600;
}

.post-entry ol {
	margin: 0 0 30px;
}

.post-entry ul {
	padding: 0;
	margin: 20px 0 20px;
	padding-left: 20px;
}

.post-entry ol li,
.post-entry ul li {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
	color: var(--text-color);
	margin-bottom: 15px;
}

.post-entry ul li:last-child {
	margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul {
	margin-top: 20px;
	margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child {
	margin-bottom: 0;
}

.post-entry blockquote {
	background: url('../images/icon-blockquote.svg'), var(--primary-color);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	background-size: 45px;
	border-radius: 20px;
	padding: 30px 30px 30px 90px;
	margin-bottom: 30px;
}

.post-entry blockquote p {
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--white-color);
}

.post-entry blockquote p:last-child {
	margin-bottom: 0;
}

.tag-links {
	font-family: var(--accent-font);
	font-size: 22px;
	font-weight: 400;
	text-transform: capitalize;
	color: var(--primary-color);
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.post-tags .tag-links a {
	display: inline-block;
	font-family: var(--default-font);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1em;
	background: var(--green);
	color: var(--white-color);
	border-radius: 10px;
	padding: 12px 20px;
	transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover {
	background: var(--primary-color);
}

.post-social-sharing {
	text-align: right;
}

.post-social-sharing ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.post-social-sharing ul li {
	display: inline-block;
	margin-right: 10px;
}

.post-social-sharing ul li:last-child {
	margin-right: 0;
}

.post-social-sharing ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--green);
	color: var(--white-color);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a {
	background: var(--primary-color);
}

.post-social-sharing ul li a i {
	font-size: 18px;
	color: inherit;
}

/************************************/
/***    22. Case Study Page css   ***/
/************************************/

.page-case-study {
	padding: 100px 0 70px;
}

/************************************/
/***   23. Case Study Single css  ***/
/************************************/

.page-case-study-single {
	padding: 100px 0;
}

.case-study-detail-list {
	background: var(--secondary-color);
	box-shadow: 0px 4px 30px 0px #0000000A;
	border-radius: 20px;
	margin-bottom: 60px;
	padding: 40px;
}

.case-study-detail-item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.case-study-detail-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.case-study-detail-item .icon-box {
	position: relative;
	background: var(--primary-color);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

.case-study-detail-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.case-study-detail-item:hover .icon-box::before {
	transform: scale(1);
}

.case-study-detail-item .icon-box img {
	position: relative;
	width: 100%;
	max-width: 30px;
	z-index: 1;
}

.case-study-detail-content {
	width: calc(100% - 70px);
}

.case-study-detail-item h3 {
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.case-study-detail-content p {
	text-transform: capitalize;
	margin-bottom: 0;
}

.case-study-detail-item ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-study-detail-item ul li {
	display: inline-block;
	margin-right: 15px;
}

.case-study-detail-item ul li:last-child {
	margin-right: 0;
}

.case-study-detail-item ul li a {
	width: 40px;
	height: 40px;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.case-study-detail-item ul li a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.case-study-detail-item ul li a i {
	font-size: 20px;
	color: inherit;
}

.case-study-entry {
	margin-bottom: 60px;
}

.case-study-entry p {
	margin-bottom: 20px;
}

.case-study-entry p:last-child {
	margin-bottom: 0;
}

.case-study-entry h2 {
	font-size: 48px;
	margin-bottom: 20px;
}

.case-study-entry ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.case-study-entry ul li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 30px;
}

.case-study-entry ul li:last-child {
	margin-bottom: 0;
}

.case-study-entry ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.transformative-beauty-box,
.glow-up-box,
.real-transformation-box {
	margin-top: 40px;
}

.transformative-beauty-list {
	display: flex;
	gap: 40px 30px;
	flex-wrap: wrap;
	margin-top: 40px;
}

.transformative-beauty-list .how-work-step-item {
	width: calc(50% - 15px);
	margin-bottom: 0;
}

.transformative-beauty-list .how-work-step-item::before {
	display: none;
}

.glow-up-box {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
}

.glow-up-image,
.glow-up-content {
	width: calc(50% - 15px);
}

.glow-up-image figure {
	display: block;
	border-radius: 30px;
}

.glow-up-image img {
	width: 100%;
	aspect-ratio: 1 / 1.219;
	object-fit: cover;
	border-radius: 30px;
}

.glow-up-content ul {
	margin: 40px 0;
}

.glow-up-content .how-work-step-item {
	border: 1px solid var(--divider-color);
	box-shadow: 0px 0px 50px 2px #00000008;
	border-radius: 30px;
	padding: 20px;
}

.real-transformation-box ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.real-transformation-box ul li {
	width: calc(50% - 15px);
	border: 1px solid var(--divider-color);
	border-radius: 16px;
	padding: 20px 16px 20px 46px;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	margin-bottom: 0;
	z-index: 0;
}

.real-transformation-box ul li::before {
	top: 20px;
	left: 16px;
	transition: all 0.4s ease-in-out;
}

.real-transformation-box ul li:hover,
.real-transformation-box ul li:hover::before {
	color: var(--white-color);
}

.real-transformation-box ul li::after {
	content: '';
	position: absolute;
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--accent-color);
	height: 100%;
	width: 100%;
	z-index: -1;
	transition: all 0.4s ease-in-out;
}

.real-transformation-box ul li:hover::after {
	top: 0;
}

/************************************/
/***      24. Team Page css       ***/
/************************************/

.page-team {
	padding: 100px 0 70px;
}

/************************************/
/***      25. Team Single css     ***/
/************************************/

.page-team-single {
	padding: 100px 0;
}

.team-member-info-box,
.team-member-about {
	margin-bottom: 80px;
}

.team-member-info-box {
	display: flex;
	gap: 30px 60px;
	align-items: center;
	flex-wrap: wrap;
}

.team-member-image,
.team-member-content {
	width: calc(50% - 30px);
}

.team-member-image figure {
	border-radius: 30px;
	display: block;
}

.team-member-image img {
	width: 100%;
	aspect-ratio: 1 / 0.992;
	object-fit: cover;
	border-radius: 30px;
}

.member-info-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.member-info-list ul li {
	font-family: var(--accent-font);
	font-size: 22px;
	line-height: 1.4em;
	color: var(--primary-color);
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.member-info-list ul li:last-child {
	margin-bottom: 0;
}

.member-info-list ul li span {
	font-family: var(--default-font);
	width: 75%;
	font-size: 16px;
	color: var(--text-color);
}

.member-social-list {
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.member-social-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.member-social-list ul li {
	display: inline-block;
	margin-right: 10px;
}

.member-social-list ul li:last-child {
	margin-right: 0;
}

.member-social-list ul li a {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.member-social-list ul li a:hover {
	color: var(--accent-color);
	border-color: var(--accent-color);
}

.member-social-list ul li a i {
	color: inherit;
	font-size: 18px;
}

.team-member-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.team-member-list ul li {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding-left: 30px;
}

.team-member-list ul li:last-child {
	margin-bottom: 0;
}

.team-member-list ul li::before {
	content: '\f14a';
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	font-weight: 900;
	color: var(--accent-color);
}

.team-member-skills-box {
	display: flex;
	gap: 30px 60px;
	align-items: center;
	flex-wrap: wrap;
}

.team-member-skills-info,
.team-contact-form {
	width: calc(50% - 30px);
}

.skills-progress-bar {
	margin-bottom: 30px;
}

.skills-progress-bar:last-child {
	margin-bottom: 0px;
}

.skills-progress-bar .skill-data {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.skills-progress-bar .skill-data .skill-title {
	font-family: var(--accent-font);
	font-size: 18px;
	line-height: 1.5em;
	text-transform: capitalize;
	color: var(--primary-color);
}

.skills-progress-bar .skill-data .skill-no {
	font-size: 16px;
	line-height: 1.5em;
	color: var(--primary-color);
}

.skills-progress-bar .skillbar .skill-progress {
	position: relative;
	width: 100%;
	height: 16px;
	background: var(--secondary-color);
	border-radius: 100px;
	overflow: hidden;
}

.skills-progress-bar .skillbar .skill-progress .count-bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: var(--accent-color);
	border-radius: 100px;
}

.team-member-skills-info .team-member-list {
	border-top: 1px solid var(--divider-color);
	margin-top: 40px;
	padding-top: 40px;
}

.team-member-skills-info .team-member-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.team-member-skills-info .team-member-list ul li {
	width: calc(50% - 15px);
	margin-bottom: 0;
}

.team-contact-form .contact-form {
	border-radius: 30px;
}

/************************************/
/***  26. Testimonials Page css   ***/
/************************************/

.page-testimonials {
	padding: 100px 0 70px;
}

.page-testimonials .testimonial-item {
	position: relative;
	background: var(--secondary-color);
	border-radius: 30px;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 30px 25px;
	overflow: hidden;
}

.page-testimonials .testimonial-item .testimonial-item-content {
	border-color: var(--divider-color);
}

.page-testimonials .testimonial-item .testimonial-author .author-content p,
.page-testimonials .testimonial-item .testimonial-item-content p {
	color: var(--text-color);
}

.page-testimonials .testimonial-item .testimonial-author .author-content h3 {
	color: var(--primary-color);
}

/************************************/
/***    27.  Image Gallery css    ***/
/************************************/

.page-gallery {
	padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery {
	height: calc(100% - 30px);
	margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a {
	cursor: none;
}

.page-gallery-box .photo-gallery figure {
	display: block;
	border-radius: 20px;
}

.page-gallery-box .photo-gallery img {
	width: 100%;
	aspect-ratio: 1 / 0.794;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/***     28. Video Gallery css    ***/
/************************************/

.page-video-gallery {
	padding: 100px 0 70px;
}

.video-gallery-image {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
}

.video-gallery-image a {
	position: relative;
	display: block;
	cursor: none;
}

.video-gallery-image a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--primary-color);
	border-radius: 20px;
	opacity: 0%;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before {
	opacity: 40%;
	visibility: visible;
	transform: scale(1);
}

.video-gallery-image a::after {
	content: '\f04b';
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	font-size: 20px;
	background: var(--accent-color);
	color: var(--white-color);
	border-radius: 50%;
	height: 60px;
	width: 60px;
	cursor: none;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}

.video-gallery-image:hover a::after {
	opacity: 1;
	visibility: visible;
}

.video-gallery-image img {
	width: 100%;
	aspect-ratio: 1 / 0.794;
	object-fit: cover;
	border-radius: 20px;
}

/************************************/
/***       29. FAQs Page css      ***/
/************************************/

.page-faqs {
	padding: 100px 0;
}

.page-faqs-catagery .page-single-faqs {
	margin-bottom: 60px;
}

.page-faqs-catagery .page-single-faqs:last-child {
	margin-bottom: 0px;
}

/************************************/
/***    30. Contact Us Page css   ***/
/************************************/

.page-contact-us {
	padding: 100px 0 50px;
}

.contact-us-content .section-title {
	margin-bottom: 0;
	text-align: unset !important;
}

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

.contact-info-item {
	width: calc(33.33% - 20px);
	background: var(--secondary-color);
	border-radius: 20px;
	padding: 30px;
}

.contact-info-item .icon-box {
	position: relative;
	background: #025a2f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.contact-info-item .icon-box::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--accent-color);
	border-radius: 50%;
	height: 100%;
	width: 100%;
	transform: scale(0);
	transition: all 0.4s ease-in-out;
}

.contact-info-item:hover .icon-box::before {
	transform: scale(1);
}

.contact-info-item .icon-box img {
	position: relative;
	max-width: 26px;
	z-index: 1;
}

.contact-info-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.contact-info-content p {
	margin-bottom: 5px;
}

.contact-info-content p:last-child {
	margin-bottom: 0;
}

.contact-info-content p a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.contact-info-content p a:hover {
	color: var(--accent-color);
}

.conatct-us-form {
	padding: 50px 0 100px;
}

.contact-form {
	background-color: var(--secondary-color);
	border-radius: 40px 0 0 40px;
	padding: 40px;
}

.message-box{
    line-height: 1.5rem !important;
}

.contact-form form .form-control {
	font-size: 15px;
	font-weight: 400;
	line-height: 0.1em;
	color: var(--text-color);
	background-color: var(--white-color);
	border-radius: 40px;
	padding: 17px 20px;
	border: none;
	outline: none;
	box-shadow: none;
}

.contact-form form .form-control::placeholder {
	color: var(--text-color);
}

.google-map-iframe {
	height: 100%;
	border-radius: 0 40px 40px 0;
	overflow: hidden;
}

.google-map-iframe iframe {
	height: 100%;
	width: 100%;
}

/************************************/
/***   31. Book Appointment css   ***/
/************************************/

.page-book-appointment {
	padding: 100px 0;
}

.appointment-item {
	display: flex;
	border-bottom: 1px solid var(--divider-color);
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.appointment-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.appointment-item .icon-box {
	margin-right: 20px;
}

.appointment-item .icon-box img {
	width: 100%;
	max-width: 40px;
}

.appointment-item-content {
	width: calc(100% - 60px);
}

.appointment-item-content h3 {
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.appointment-item-content p {
	margin: 0;
}

.appointment-item-content p a {
	color: inherit;
	transition: all 0.3s ease-in-out;
}

.appointment-item-content p a:hover {
	color: var(--primary-color);
}

.page-book-appointment .appointment-form {
	background: var(--secondary-color);
	border-radius: 30px;
	padding: 40px;
}

/************************************/
/***    32. 404 Error Page css    ***/
/************************************/

.error-page {
	padding: 100px 0;
}

.error-page-image {
	text-align: center;
	margin-bottom: 30px;
}

.error-page-image img {
	width: 100%;
	max-width: 40%;
}

.error-page-content {
	text-align: center;
}

.error-page-content .section-title,
.error-page-content-body p {
	margin-bottom: 20px;
}


.slicknav_menu.active-menubg {
    background: black;
}

/************************************/
/***      33. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1800px) {

	.bg-section {
		width: calc(100% - 100px);
		margin-left: 50px;
		margin-right: 50px;
		max-width: 100%;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		padding-left: calc(((100vw - 1300px) / 2) - 30px);
		left: 0;
	}

	
}

@media only screen and (max-width: 1560px) {

	.bg-section {
		width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		padding-left: calc(((100vw - 1300px) / 2));
	}

	.main-footer {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 1300px) {

	.header-contact-now {
		display: none;
	}

	.hero {
		padding: 100px 0;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		padding-left: 15px;
	}

	.hero-image img {
		margin-bottom: -100px;
		margin-top: -40px;
		max-width: 100%;
	}
}

@media only screen and (max-width: 991px) {

	.btn-default {
		padding: 15px 20px;
		margin-right: 46px;
	}

	.btn-default::before {
		right: -55px;
		width: 46px;
		height: 46px;
	}

	.navbar {
		padding: 20px 0;
	}

	header.main-header .header-sticky.active {
		border-left: none;
		border-right: none;
		border-radius: 0;
	}


        .footer-logo img{
            width: 140px;
          }

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.header-btn {
		display: none;
	}

	.bg-section {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		border-radius: 0;
	}

	.section-row {
		margin-bottom: 40px;
	}

	.section-row .section-title.section-title-center {
		max-width: 100%;
	}

	.section-title {
		margin-bottom: 30px;
	}

	.section-title h3 {
		padding-left: 30px
	}

	.section-title h3::before {
		width: 20px;
		height: 20px;
	}

	.section-title h1 {
		font-size: 45px;
	}

	.section-title h2 {
		font-size: 38px;
	}

	.section-title p {
		margin-top: 15px;
	}

	.section-title p span {
		font-size: 18px;
	}

	.section-title-content {
		margin-top: 15px;
	}

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

	.section-content-btn .section-btn {
		margin-top: 15px;
	}

	.hero {
		padding: 50px 0;
	}

	.hero.hero-bg-image,
	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		padding: 100px 0;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-pagination {
		bottom: 30px;
	}

	.hero-content {
		margin-bottom: 30px;
	}

	.hero-review-box {
		margin-top: 30px;
	}

	.hero-image {
		max-width: 80%;
		margin: 0 auto;
	}

	.hero-image img {
		margin-bottom: -50px;
		margin-top: 0px;
		max-width: 100%;
	}

	.about-us {
		padding: 50px 0;
	}

	.about-us-images {
		background-size: 60px auto;
		max-width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.about-img-2 figure,
	.about-img-1 figure,
	.about-img-2 img,
	.about-img-1 img {
		border-radius: 20px;
	}

	.company-experience-circle img {
		max-width: 140px;
	}

	.about-experience-image figure,
	.about-experience-image img {
		border-radius: 20px;
	}

	.about-us-body {
		border-radius: 20px;
		padding: 20px;
		margin-top: 30px;
	}

	.our-services {
		padding: 50px 0;
	}

	.service-item {
		border-radius: 20px;
		padding: 30px;
	}

	.service-content-title {
		gap: 10px;
		margin-bottom: 15px;
	}
	.service-content-title h2 {
		width: calc(100% - 60px);
	}

	.service-content {
		margin-bottom: 20px;
	}

	.service-image a,
	.service-image img {
		border-radius: 20px;
	}

	.section-footer-text {
		margin-top: 10px;
	}

	.section-footer-text p span {
		padding: 2px 8px;
		margin-right: 5px;
	}

	.what-we-do {
		padding: 50px 0;
	}

	.what-we-btn {
		margin-top: 30px;
	}

	.what-we-image-2 {
		max-width: 55%;
		margin: 0 auto;
		margin-top: 30px;
	}

	.experirnce-box h2 {
		font-size: 34px;
	}

	.experirnce-box p {
		font-size: 14px;
	}

	.intro-video-box {
		height: 500px;
	}

	.intro-bg-video::before {
		border-radius: 0px;
	}

	.intro-video-box .video-play-button a {
		width: 80px;
		height: 80px;
		font-size: 18px;
	}

	.case-study {
		padding: 50px 0 20px;
	}

	.case-study-image img {
		aspect-ratio: 1 / 0.9;
	}

	.case-study-content {
		position: initial;
		top: 0;
	}

	.case-study-body {
		left: 20px;
		bottom: 20px;
		right: 20px;
	}

	.case-study-item-content h3 {
		font-size: 20px;
	}

	.why-choose-us {
		padding: 50px 0;
	}

	.why-choose-images {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.why-choose-image figure,
	.why-choose-image img {
		border-radius: 20px;
	}

	.why-choose-contact-box h3 {
		font-size: 20px;
	}

	.why-choose-contact-item {
		margin-top: 30px;
		padding-top: 30px;
	}

	.why-choose-contact-item-content p a {
		font-size: 20px;
	}

	.how-it-work {
		padding: 50px 0;
	}

	.how-work-content {
		position: inherit;
		top: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.how-work-step-item {
		margin-bottom: 40px;
	}

	.how-work-step-item::before {
		transform: translate(30px, 32px);
		height: 60%;
	}

	.how-work-step-content h3 {
		font-size: 20px;
	}

	.our-testimonials {
		padding: 50px 0;
	}

	.our-testimonial-image {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.our-testimonial-image figure {
		border-radius: 20px;
	}

	.our-testimonial-image img {
		aspect-ratio: 1 / 0.7;
		border-radius: 20px;
	}

	.our-testimonial-content .section-title {
		margin-bottom: 20px;
	}

	.testimonial-author-details {
		margin-top: 20px;
		padding-top: 20px;
	}

	.testimonial-author-details h3 {
		font-size: 20px;
	}

	.testimonial-slider {
		margin-top: 40px;
	}

	.testimonial-item-content {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.transformation-image {
		border-radius: 20px;
	}

	.transformation-image .transform-img-2::before,
	.transformation-image .transform-img-1::before {
		bottom: 20px;
		font-size: 24px;
	}

	.our-results {
		padding: 50px 0;
	}

	.facts-counter-box {
		gap: 30px;
		margin-top: 10px;
		padding-top: 40px;
	}

	.facts-counter-item {
		display: block;
		width: calc(25% - 22.5px);
	}

	.facts-counter-item::before {
		right: -15px;
	}

	.facts-counter-item .icon-box {
		margin: 0 0 10px 0;
	}

	.facts-counter-item .icon-box img {
		max-width: 40px;
	}

	.facts-counter-content h3 {
		font-size: 26px;
	}

	.facts-counter-content p {
		font-size: 14px;
	}

	.our-appointment {
		padding: 50px 0 0;
	}

	.appointment-form {
		margin-bottom: 30px;
	}

	.appointment-form form .form-control {
		padding: 14px 20px;
	}

	.our-appointment-image {
		max-width: 80%;
		margin-right: 0px;
		margin: 0 auto;
		padding: 0 57px;
	}

	.our-blog {
		padding: 50px 0 20px;
	}

	.post-featured-image {
		margin-bottom: 15px;
	}

	.post-featured-image a {
		border-radius: 20px;
	}

	.post-item-content h2 {
		font-size: 20px;
	}

	.main-footer {
		padding: 40px 0 0;
		margin-bottom: 0px;
	}

	.footer-header {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}

	.about-footer {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.footer-logo {
		margin-bottom: 15px;
	}

	.about-footer-content {
		margin-bottom: 20px;
	}

	.footer-links-box {
		gap: 20px;
	}

	.footer-links {
		width: calc(50% - 10px);
	}

	.footer-links h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.footer-links ul {
		gap: 10px 20px;
	}

	.footer-contact-box {
		gap: 30px 20px;
		margin-top: 30px;
		padding-top: 30px;
	}

	.footer-contact-item {
		width: auto;
	}

	.footer-contact-item::before {
		right: -10px;
	}

	.footer-contact-item ul li i {
		margin-right: 5px;
	}

	.footer-copyright {
		margin-top: 30px;
		padding: 30px 0;
	}

	.page-header {
		padding: 60px 0;
	}

	.page-header-box h1 {
		font-size: 45px;
	}

	.our-approach {
		padding: 50px 0;
	}

	.our-approach-content {
		margin-bottom: 30px;
	}

	.our-approach-body {
		padding: 20px;
		border-radius: 20px;
	}

	.mission-vison-item {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.mission-vison-content h3 {
		font-size: 20px;
	}

	.approach-image {
		max-width: 80%;
		margin: 0 auto;
	}

	.approach-img-1 figure,
	.approach-img-1 img {
		border-radius: 20px;
	}

	.approach-support-box {
		padding: 15px;
	}

	.approach-support-box-content h3 {
		font-size: 20px;
	}

	.our-journey {
		padding: 50px 0;
	}

	.our-journey-image {
		margin-bottom: 30px;
	}

	.journey-img figure,
	.journey-img img {
		border-radius: 20px;
	}

	.journey-image-box {
		padding-left: 60px;
	}

	.journey-experience-circle img {
		max-width: 130px;
	}

	.our-journey-content {
		margin-left: 0;
	}

	.our-journey-list {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.our-journey-body {
		margin-bottom: 30px;
	}

	.our-team {
		padding: 50px 0 20px;
	}

	.team-image {
		margin-bottom: 15px;
	}

	.team-image figure {
		border-radius: 20px;
	}

	.team-image img {
		aspect-ratio: 1 / 1.03;
		border-radius: 20px;
	}

	.team-content {
		margin-bottom: 15px;
	}

	.team-content h3 {
		font-size: 20px;
	}

	.our-faqs {
		padding: 50px 0;
	}

	.our-faqs-images {
		max-width: 75%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.faqs-img-1 figure,
	.faqs-img-2 figure,
	.faqs-img-1 img,
	.faqs-img-2 img {
		border-radius: 20px;
	}

	.faqs-img-2 {
		max-width: 300px;
	}

	.faqs-circle {
		top: 25px;
		right: 25px;
	}

	.faqs-circle a img {
		max-width: 140px;
	}

	.faq-accordion .accordion-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 20px;
		padding-right: 25px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding-right: 25px;
	}

	.page-services {
		padding: 50px 0 20px;
	}

	.page-service-single {
		padding: 50px 0;
	}

	.page-single-sidebar {
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-single-category-list {
		margin-bottom: 30px;
	}

	.page-single-category-list h3 {
		font-size: 20px;
		padding: 15px 20px;
	}

	.page-single-category-list ul {
		padding: 20px;
	}

	.page-single-category-list ul li {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.page-single-category-list ul li a::before {
		width: 20px;
		height: 20px;
	}

	.sidebar-cta-image figure img {
		aspect-ratio: 1 / 0.56;
	}

	.sidebar-cta-item {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.sidebar-cta-content h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.page-single-image {
		margin-bottom: 30px;
	}

	.page-single-image figure,
	.page-single-image img {
		border-radius: 20px;
	}

	.service-entry {
		margin-bottom: 40px;
	}

	.service-entry p {
		margin-bottom: 15px;
	}

	.service-entry h2 {
		font-size: 38px;
		margin-bottom: 15px;
	}

	.service-enhance-box,
	.service-achieve-box {
		margin-top: 30px;
	}

	.service-enhance-item-list {
		margin-top: 30px;
	}

	.service-enhance-item {
		border-radius: 20px;
		padding: 16px;
	}

	.service-enhance-item .icon-box {
		width: 50px;
		height: 50px;
		margin-bottom: 20px;
	}

	.service-enhance-item .icon-box img {
		max-width: 26px;
	}

	.service-enhance-item-content h3 {
		font-size: 20px;
	}

	.service-enhance-item-content p {
		font-size: 14px;
	}

	.servie-entry-video-image.intro-video-box {
		margin: 30px 0;
	}

	.servie-entry-image figure,
	.servie-entry-image img {
		border-radius: 20px;
	}

	.service-achieve-list .how-work-step-item {
		margin-bottom: 30px;
	}

	.page-blog {
		padding: 50px 0;
	}

	.page-pagination {
		margin-top: 10px;
	}

	.page-single-post {
		padding: 50px 0;
	}

	.post-image {
		margin-bottom: 20px;
	}

	.post-entry h1,
	.post-entry h2,
	.post-entry h3,
	.post-entry h4,
	.post-entry h5,
	.post-entry h6 {
		margin: 0 0 0.442em;
	}

	.post-entry h2 {
		font-size: 34px;
	}

	.post-entry p {
		margin-bottom: 15px;
	}

	.post-entry ol li,
	.post-entry ul li {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.post-entry blockquote {
		background-position: 20px 20px;
		background-size: 35px;
		padding: 20px 20px 20px 70px;
		margin-bottom: 20px;
	}

	.post-entry blockquote p {
		font-size: 20px;
	}

	.post-tags {
		margin-bottom: 20px;
	}

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

	.post-tags .tag-links a {
		padding: 12px 15px;
	}

	.post-social-sharing ul {
		text-align: left;
	}

	.page-case-study {
		padding: 50px 0 20px;
	}

	.page-case-study-single {
		padding: 50px 0;
	}

	.case-study-detail-list {
		margin-bottom: 30px;
		padding: 20px;
	}

	.case-study-detail-item {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.case-study-entry {
		margin-bottom: 40px;
	}

	.case-study-entry p {
		margin-bottom: 15px;
	}

	.case-study-entry h2 {
		font-size: 38px;
		margin-bottom: 15px;
	}

	.case-study-entry ul li {
		font-size: 14px;
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.case-study-entry ul li::before {
		font-size: 18px;
	}

	.transformative-beauty-box,
	.glow-up-box,
	.real-transformation-box {
		margin-top: 30px;
	}

	.transformative-beauty-list {
		gap: 30px 20px;
		margin-top: 30px;
	}

	.transformative-beauty-list .how-work-step-item {
		width: calc(50% - 10px);
	}

	.glow-up-image figure {
		border-radius: 20px;
	}

	.glow-up-image img {
		aspect-ratio: 1 / 1.27;
		border-radius: 20px;
	}

	.glow-up-content ul {
		margin: 30px 0;
	}

	.glow-up-content .how-work-step-item {
		border-radius: 20px;
		padding: 15px;
	}

	.real-transformation-box ul {
		gap: 20px;
	}

	.real-transformation-box ul li {
		width: calc(50% - 10px);
		border-radius: 10px;
		padding: 10px 10px 10px 32px;
		margin-bottom: 0;
	}

	.real-transformation-box ul li::before {
		top: 10px;
		left: 10px;
	}

	.page-team {
		padding: 50px 0 20px;
	}

	.page-team-single {
		padding: 50px 0;
	}

	.team-member-info-box,
	.team-member-about {
		margin-bottom: 40px;
	}

	.team-member-image,
	.team-member-content {
		width: 100%;
	}

	.team-member-image figure {
		border-radius: 20px;
	}

	.team-member-image img {
		aspect-ratio: 1 / 0.67;
		border-radius: 20px;
	}

	.member-info-list ul li {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.member-social-list {
		margin-top: 30px;
		padding-top: 30px;
	}

	.team-member-list ul li {
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.team-member-list ul li::before {
		font-size: 18px;
	}

	.team-member-skills-info,
	.team-contact-form {
		width: 100%;
	}

	.skills-progress-bar {
		margin-bottom: 20px;
	}

	.skills-progress-bar .skill-data {
		margin-bottom: 10px;
	}

	.team-member-skills-info .team-member-list {
		margin-top: 30px;
		padding-top: 30px;
	}

	.team-contact-form .contact-form {
		border-radius: 20px;
	}

	.page-testimonials {
		padding: 50px 0 20px;
	}

	.page-testimonials .testimonial-item {
		border-radius: 20px;
		padding: 20px;
	}

	.page-gallery {
		padding: 50px 0 20px;
	}

	.page-video-gallery {
		padding: 50px 0 20px;
	}

	.page-faqs {
		padding: 50px 0;
	}

	.page-faqs-catagery .page-single-faqs {
		margin-bottom: 40px;
	}

	.page-contact-us {
		padding: 50px 0 25px;
	}

	.contact-us-content .section-title {
		margin-bottom: 30px;
	}

	.contact-info-item {
		padding: 20px;
	}

	.contact-info-item .icon-box {
		margin-bottom: 20px;
	}

	.contact-info-content h3 {
		font-size: 20px;
	}

	.conatct-us-form {
		padding: 25px 0 50px;
	}

	.contact-form {
		border-radius: 26px 26px 0 0;
		padding: 30px;
	}

	.contact-form form .form-control {
		border-radius: 24px;
		padding: 14px 20px;
	}

	.google-map-iframe {
		height: auto;
		border-radius: 0 0 26px 26px;
	}

	.google-map-iframe iframe {
		height: 400px;
	}

	.page-book-appointment {
		padding: 50px 0;
	}

	.our-appointment-content {
		margin-bottom: 30px;
	}

	.appointment-item {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.appointment-item-content h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.page-book-appointment .appointment-form {
		padding: 30px;
		border-radius: 20px;
		margin: 0;
	}

	.error-page {
		padding: 50px 0;
	}

	.error-page-image {
		margin-bottom: 20px;
	}

	.error-page-image img {
		max-width: 60%;
	}

	.error-page-content .section-title,
	.error-page-content-body p {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px) {

	.readmore-btn {
		width: 44px;
		height: 44px;
	}

	.readmore-btn img {
		max-width: 12px;
	}

	.section-row {
		margin-bottom: 30px;
	}

	.section-title h1 {
		font-size: 30px;
	}

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

	.section-title p {
		margin-top: 10px;
	}

	.section-title-content {
		margin-top: 10px;
	}

	.hero-body {
		gap: 15px;
	}

	.video-play-button a {
		height: 45px;
		width: 45px;
	}

	.video-play-button a i {
		font-size: 16px;
	}

	.hero-body .video-play-button p {
		font-size: 14px;
	}

	.hero-image {
		max-width: 100%;
	}

	.about-us-images {
		background-position: top 30px left 40px;
		background-size: 40px auto;
		max-width: 100%;
	}

	.about-img-1 {
		padding-left: 145px;
	}

	.about-img-2 {
		max-width: 200px;
		margin-top: -150px;
	}

	.company-experience-circle img {
		max-width: 100px;
	}

	.about-experience-list,
	.about-experience-image {
		width: 100%;
	}

	.about-experience-list ul li {
		margin-bottom: 10px;
		padding-left: 25px;
	}

	.about-experience-list ul li::before {
		top: -1px;
		font-size: 18px;
	}

	.about-contact-box-content h3 {
		font-size: 18px;
	}

	.service-item {
		padding: 20px;
	}

	.service-content-title h2 {
		width: calc(100% - 55px);
		font-size: 20px;
	}

	.section-footer-text p span {
		font-size: 14px;
	}

	.what-we-image-1 {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.what-we-image-2 {
		max-width: 100%;
	}

	.experirnce-box {
		bottom: 100px;
		max-width: 95px;
		padding: 25px 15px;
	}

	.experirnce-box h2 {
		font-size: 26px;
	}

	.experirnce-box p {
		font-size: 12px;
	}

	.intro-video-box {
		height: 350px;
	}

	.why-choose-images {
		gap: 20px;
		padding: 0 30px 15px 0;
	}

	.why-choose-image {
		width: calc(50% - 10px);
	}

	.why-choose-image.img-2 {
		margin-top: 45px;
	}

	.why-choose-images::before {
		border-radius: 20px;
		width: 250px;
		height: 220px;
	}

	.years-experience-text {
		right: 6px;
		bottom: 20px;
	}

	.years-experience-text p {
		font-size: 14px;
	}

	.why-choose-contact-box h3 {
		font-size: 18px;
	}

	.why-choose-contact-item {
		margin-top: 20px;
		padding-top: 20px;
	}

	.why-choose-contact-item .icon-box {
		margin-right: 10px;
	}

	.why-choose-contact-item-content p a {
		font-size: 18px;
	}

	.how-work-step-item::before {
		transform: translate(25px, 30px);
		height: 70%;
	}

	.how-work-step-item .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.how-work-step-item .icon-box img {
		max-width: 28px;
	}

	.how-work-step-content {
		width: calc(100% - 60px);
	}

	.how-work-step-content h3 {
		font-size: 18px;
	}

	.how-work-step-content p {
		font-size: 14px;
	}

	.our-testimonial-image img {
		aspect-ratio: 1 / 0.852;
	}

	.transformation-image .transform-img-2::before,
	.transformation-image .transform-img-1::before {
		font-size: 20px;
	}

	.facts-counter-item {
		width: calc(50% - 15px);
	}

	.facts-counter-item .icon-box img {
		max-width: 30px;
	}

	.facts-counter-content h3 {
		font-size: 22px;
	}

	.our-appointment-image {
		max-width: 100%;
		padding: 0 30px;
	}

	.footer-header {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.footer-newsletter-form,
	.section-title.footer-newsletter-title {
		width: 100%;
	}

	.footer-links {
		width: calc(62% - 10px);
	}

	.footer-links.quick-links {
		width: calc(38% - 10px);
	}

	.footer-links ul li {
		width: 100%;
	}

	.footer-contact-box {
		gap: 25px;
		margin-top: 20px;
		padding-top: 20px;
	}

	.footer-contact-item {
		width: 100%;
	}

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

	.footer-links.footer-contact-item h3 {
		margin-bottom: 10px;
	}

	.footer-copyright {
		flex-direction: column;
		gap: 15px;
		padding: 20px 0;
	}

	.footer-privacy-policy ul li {
		margin-right: 5px;
		padding-right: 12px;
	}

	.page-header-box h1 {
		font-size: 30px;
	}

	.page-header-box ol li.breadcrumb-item {
		font-size: 14px;
	}

	.mission-vison-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.mission-vison-item .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.mission-vison-item .icon-box img {
		max-width: 28px;
	}

	.mission-vison-content {
		width: calc(100% - 60px);
	}

	.mission-vison-content h3 {
		font-size: 18px;
	}

	.mission-vison-content p {
		font-size: 14px;
	}

	.approach-image {
		max-width: 100%;
		padding: 50px 0 35px 50px;
	}

	.approach-img-2 {
		max-width: 170px;
		border-width: 5px;
	}

	.approach-support-box {
		padding: 10px;
	}

	.approach-support-box .icon-box {
		margin-right: 10px;
	}

	.approach-support-box .icon-box img {
		max-width: 26px;
	}

	.approach-support-box-content {
		width: calc(100% - 60px);
	}

	.approach-support-box-content h3 {
		font-size: 18px;
	}

	.approach-support-box-content p {
		font-size: 14px;
	}

	.our-journey-image {
		max-width: 100%;
		gap: 20px;
	}

	.journey-img {
		width: calc(50% - 10px);
	}

	.journey-image-box {
		padding-left: 50px;
	}

	.journey-experience-circle img {
		max-width: 100px;
	}

	.our-journey-list ul {
		gap: 10px;
	}

	.our-journey-list ul li {
		width: 100%;
		padding-left: 25px;
	}

	.our-journey-list ul li::before {
		font-size: 18px;
	}

	.journey-item {
		width: 100%;
	}

	.journey-item .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.journey-item .icon-box img {
		max-width: 26px;
	}

	.journey-item-content {
		width: calc(100% - 60px);
	}

	.journey-item-content h3 {
		font-size: 18px;
	}

	.our-faqs-images {
		max-width: 100%;
		padding: 0 140px 50px 0;
	}

	.faqs-img-2 {
		max-width: 190px;
	}

	.faqs-circle {
		top: 15px;
		right: 15px;
	}

	.faqs-circle a img {
		max-width: 110px;
	}

	.faq-accordion .accordion-item {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 18px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding-right: 0;
	}

	.page-single-category-list h3 {
		font-size: 18px;
	}

	.sidebar-cta-image figure img {
		aspect-ratio: 1 / 0.92;
	}

	.sidebar-cta-item .icon-box {
		margin-right: 15px;
	}

	.sidebar-cta-item .icon-box img {
		max-width: 34px;
	}

	.page-single-image {
		margin-bottom: 20px;
	}

	.page-single-image img {
		aspect-ratio: 1 / 0.7;
	}

	.service-entry h2 {
		font-size: 28px;
	}

	.service-enhance-item-list {
		gap: 20px;
	}

	.service-enhance-item {
		width: 100%;
		display: flex;
	}

	.service-enhance-item .icon-box {
		margin: 0 15px 0 0;
	}

	.service-enhance-item-content {
		width: calc(100% - 65px);
	}

	.servie-entry-image img {
		aspect-ratio: 1 / 0.8;
	}

	.service-achieve-list .how-work-step-item {
		margin-bottom: 20px;
	}

	.post-single-meta ol li {
		font-size: 16px;
	}

	.post-single-meta ol li i {
		font-size: 16px;
	}

	.post-image img {
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote {
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p {
		font-size: 18px;
	}

	.post-entry h2 {
		font-size: 24px;
	}

	.case-study-detail-item .icon-box {
		width: 45px;
		height: 45px;
		margin-right: 15px;
	}

	.case-study-detail-item .icon-box img {
		max-width: 24px;
	}

	.case-study-detail-content {
		width: calc(100% - 60px);
	}

	.case-study-detail-item h3 {
		font-size: 18px;
	}

	.case-study-entry h2 {
		font-size: 28px;
	}

	.transformative-beauty-list {
		gap: 20px;
	}

	.transformative-beauty-list .how-work-step-item {
		width: 100%;
	}

	.glow-up-image,
	.glow-up-content {
		width: 100%;
	}

	.glow-up-image img {
		aspect-ratio: 1 / 0.8;
	}

	.glow-up-content ul {
		margin: 20px 0;
	}

	.real-transformation-box ul {
		gap: 10px;
	}

	.real-transformation-box ul li {
		width: 100%;
	}

	.team-member-image img {
		aspect-ratio: 1 / 0.88;
	}

	.member-info-list ul li {
		font-size: 18px;
	}

	.member-info-list ul li span {
		width: 65%;
	}

	.member-social-list,
	.team-member-skills-info .team-member-list {
		margin-top: 20px;
		padding-top: 20px;
	}

	.skills-progress-bar .skillbar .skill-progress {
		height: 14px;
	}

	.team-member-skills-info .team-member-list ul {
		gap: 10px;
	}

	.team-member-skills-info .team-member-list ul li {
		width: 100%;
	}

	.contact-info-list {
		gap: 20px;
	}

	.contact-info-item {
		width: 100%;
	}

	.contact-info-item .icon-box {
		margin-bottom: 15px;
	}

	.contact-info-content h3 {
		font-size: 18px;
	}

	.contact-form {
		padding: 20px;
	}

	.google-map-iframe iframe {
		height: 300px;
	}

	.appointment-item {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.appointment-item-content h3 {
		font-size: 18px;
	}

	.page-book-appointment .appointment-form {
		padding: 30px 20px;
	}

	.error-page-image img {
		max-width: 80%;
	}
}
.contact-us-content{
.section-title{
    text-align: unset !important;
}
}


.facts-counter-item .icon-box {
	margin-right: 20px;
	width: 51px;
	height: 51px;
	/* display: block; */
}

.img-text-box {
	background-color: #f1f1f1;
	border-radius: 15px;
	height: 96%;
}

.img-div img {
	height: 150px;
	display: block;
	margin: auto;
}

.heading-text-div h4 {
	font-size: 21px;
	font-weight: 700;
	text-align: center;
}

.heading-text-div p {
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	    padding: 0 25px;
}

.img-content-link-div {
	background: linear-gradient(182deg, #333, #c6c4c4);
	background-image: url(../images/810X271\ Banner.png);
	display: flex;
	justify-content: flex-start;
	/* padding-left: 33px; */
	height: 100%;
	justify-content: center;
}

.heading-img-text-div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.heading-img-text-div h4 {
	font-size: 21px;
	font-weight: 700;
	text-align: center;
}

.heading-img-text-div p {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding: 0 43px;
}
.how-work-btn.wow.fadeInUp {
    display: flex;
    justify-content: center;
}
.case-study-btn.wow.fadeInUp {
    display: flex;
    justify-content: center;
}
.HeadingColor {
	color: white;
}
/* 
.link-div-img img {
	max-width: 82%;
} */

.img-content-link-div {
	border-radius: 15px;
}

.heading-img-text-div a {
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	font-weight: 700;
}

.service-trypes-section {
	padding: 100px;
	padding-top: 0px;
}

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

.treatement-age-section {
	background-image: url(../images/Tratement-by-age-bg-banner.png);
        padding : 100px; 
}

.treatemet-img-1 {
	width: auto;
}

.treatemet-img-1 img {
	max-width: 100%;
	height: 515px;
	object-fit: cover;
	object-position: top;
	border-radius: 20px;
}

.treatemet-img-2 img {
	height: 250px;
	width: 100%;
	object-fit: cover;
	object-position: top;
	border-radius: 20px;
}



@media (max-width: 1600px) {

	.main-menu ul li a {
		font-size: 15px;
		font-weight: 400;
		line-height: 1em;
		padding: 15px 9px !important;
		color: #222;
		text-transform: capitalize;
		transition: all 0.3s ease-in-out;
	}

}



@media (max-width: 1366px) {

	.navbar-brand {
		/* width: 250px; */
	}

	.navbar-brand img {
		width: 100%;
	}

	.main-menu ul li a {
		font-size: 14px;
		font-weight: 400;
		line-height: 1em;
		padding: 15px 12px !important;
		color: var(--text-color);
		text-transform: capitalize;
		transition: all 0.3s ease-in-out;
	}

	.header-contact-now {
		font-family: var(--accent-font);
		font-size: 17px;
		line-height: normal;
		color: var(--primary-color);
		transition: all 0.3s ease-in-out;
	}

	.btn-default {
		position: relative;
		display: inline-block;
		font-size: 15px;
		font-weight: 600;
		line-height: 1em;
		text-transform: capitalize;
		background: #025a2f;
		color: var(--white-color);
		border-radius: 100px;
		padding: 17px 25px;
		margin-right: 50px;
		border: none;
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}
}


@media (max-width: 1300px) {
	.main-menu .nav-menu-wrapper {
		flex: 1;
		text-align: left;
		margin: 0 40px;
		justify-content: center;
		display: flex;
	}
}

@media (max-width: 1080px) {
     .contact-form-btn{
       margin-bottom: 30px;
}
  .our-appointment-image img{
      height: 514px;
}

	.navbar-brand {
		width: unset !important;
padding-left:10px; 
	}

	.navbar-brand img {
		width: 90%;
	}

	.main-menu ul li a {
		font-size: 13px;
		font-weight: 400;
		line-height: 1em;
		padding: 15px 10px !important;
		color: var(--text-color);
		text-transform: capitalize;
		transition: all 0.3s ease-in-out;
	}

	.btn-default {
		position: relative;
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		line-height: 1em;
		text-transform: capitalize;
		background: #025a2f;
		color: var(--white-color);
		border-radius: 99px;
		padding: 14px 18px;
		margin-right: 50px;
		border: none;
		transition: all 0.5s ease-in-out;
		z-index: 1;
	}


	.main-menu .nav-menu-wrapper {
		flex: 1;
		text-align: left;
		margin: unset !important;
	}
.our-appointment-image img {
 
    height: 515px;
  
}

}

.navbar-brand img {
	height: 65px;
	
}

.heading-img-text-div button {
	width: 170px;
	height: 45px;
	border-radius: 10px;  
	  margin: 0 auto;

	border: none;
	/* margin-left: 65px; */
	background-color: #025a2f;
}






/* SERVICE SECTION CSS */

.hero-section-div {
	  background-image: url('/frontend/images/banner-about-us.png');
   width: 100%;
   height: 270px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	border-radius: 20px;
}

.hero-heading-div h1 {
	color: white;
	font-size: 45px;
	font-weight: 800;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}


/* .hero-heading-div{
	position: relative;
    background-image: url(../images/hero-bg-shape.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    padding: 180px 0;
    overflow: clip;
} */

.cusFadeContent strong a {
	color: #025a2f !important;
}



/* =========================================
   FAQ SECTION
========================================= */



.faq-row-section {
	margin-bottom: 40px !important;
}

.faq-section {
	padding: 100px 0 !important;
}

.faqSubHeading {
	font-weight: 600;
}

.newfadeInUp {
	margin-bottom: 0px;
}

/* FAQ SECTION */

.faq-section {
	width: 100%;
	padding: 30px 0 80px;
	background: #ffffff;
}

.faq-wrapper {
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
}

.faq-item {
	border-bottom: 1px solid #e5e5e5;
}

/* Question */

.faq-question {
	width: 100%;
	padding: 25px 0;

	display: flex;
	align-items: center;
	justify-content: space-between;

	border: none;
	outline: none;
	background: transparent;

	text-align: left;
	cursor: pointer;

	font-size: 22px;
	font-weight: 400;
	line-height: 1.3;

	color: #111111;
}

/* Plus / Minus */

.faq-icon {
	width: 40px;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: center;

	flex-shrink: 0;

	margin-left: 30px;

	font-size: 32px;
	font-weight: 300;

	transition: transform 0.3s ease;
}

/* Answer */

.faq-answer {
	max-height: 0;
	overflow: hidden;

	opacity: 0;

	transition:
		max-height 0.4s ease,
		opacity 0.3s ease,
		padding 0.4s ease;
}



/* OPEN FAQ */

.faq-item.active .faq-answer {
	max-height: 600px;
	opacity: 1;
	padding-bottom: 30px;
}


}

/* TABLET */

@media (max-width: 991px) {

	.faq-question {
		font-size: 27px;
	}

	.faq-answer p {
		font-size: 21px;
	}

}


/* MOBILE */

@media (max-width: 767px) {

	.faq-section {
		padding: 20px 0 50px;
	}
.service-trypes-section {
    padding: 0px;
    padding-top: 0px;
}
	.faq-question {
		font-size: 21px;
		padding: 20px 0;
	}

	.faq-answer p {
		font-size: 17px;
		line-height: 1.6;
	}

   #faq-section-heading{
     text-align: left !important;
   }

	.faq-icon {
		width: 30px;
		height: 30px;

		margin-left: 15px;

		font-size: 25px;
	}

}



.facelift-info-section {
	width: 100%;
	/* padding: 80px 0; */
	background: #ffffff;
}

.facelift-content {
	max-width: 1540px;
	margin: 0 auto;
}

.facelift-content h2 {
	margin: 0;
	font-size: 38px;
}

.heading-line {
	width: 70px;
	height: 3px;
	margin: 20px 0 35px;
	background: #025a2f;
}

.facelift-content>p {
	max-width: 1500px;
	margin: 0;
	line-height: 1.75;
	color: #171717;
}

.facelift-content a {
	color: #025a2f;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;

	transition: 0.3s ease;
}

.facelift-content a:hover {
	color: #368c68;
}


/* Information Box */

.info-box {
	margin-top: 45px;
	padding: 28px 35px;
	background: #2222222e;
	border-left: 4px solid #222;
	border-radius: 20px;
}

.info-box p {
	margin: 0;
	line-height: 1.75;
	color: #171717;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

	.facelift-info-section {
		padding: 60px 0;
	}

	.facelift-content h2 {
		font-size: 32px;
	}

	.facelift-content>p {
		font-size: 20px;
		line-height: 1.7;
	}

	.info-box {
		margin-top: 35px;
		padding: 25px;
	}

	.info-box p {
		font-size: 19px;
	}
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

	.facelift-info-section {
		padding: 45px 0;
	}

	.facelift-content h2 {
		font-size: 27px;
		line-height: 1.35;
	}

	.heading-line {
		margin: 15px 0 25px;
	}

	.facelift-content>p {
		font-size: 17px;
		line-height: 1.7;
	}

	.info-box {
		margin-top: 30px;
		padding: 20px;
	}

	.info-box p {
		font-size: 16px;
		line-height: 1.7;
	}
}






/* =========================================
   FACELIFT INFORMATION SECTION
========================================= */

.facelift-about {
	padding-top: 100px;
	color: #222;
    background-color:#d7d7d7;
            border-radius: 30px;
}

.facelift-about .container {
	max-width: 1400px;
}


/* =========================================
   INTRO
========================================= */

.facelift-intro {
	max-width: 1100px;
	margin-bottom: 85px;
}

.section-tag {
	display: inline-block;

	margin-bottom: 15px;

	font-size: 14px;
	font-weight: 700;

	letter-spacing: 2px;

	color: #4cae7b;
}

/* .facelift-intro h2 {
	margin: 0;
	font-size: 48px;
	font-weight: 500;
	line-height: 1.2;
} */

.green-line {
	width: 65px;
	height: 3px;

	margin: 22px 0 30px;

	background: #4cae7b;
}

.facelift-intro p {
	margin: 0;
}

.facelift-about a {
	color: #4cae7b;
	font-weight: 700;

	text-decoration: underline;
}


/* =========================================
   CONTENT HEADING
========================================= */

.content-heading {
	display: flex;
	gap: 25px;

	margin-bottom: 40px;
}

.content-heading>span {
	min-width: 50px;
	height: 50px;
	display: flex;
	font-family: var(--accent-font);
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2222222e;
	color: #222;
	font-size: 16px;
	font-weight: 700;
}

/* .content-heading h3 {
	margin: 0 0 12px;
	font-size: 30px;
	font-weight: 600;
} */

/* .content-heading p {
	margin: 0;
	max-width: 900px;
	font-size: 18px;
	line-height: 1.7;
	color: #666;
} */


/* =========================================
   GOAL CARDS
========================================= */

.facelift-goals {
	margin-bottom: 100px;
}

.goal-grid {
	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 25px;
}

.goal-card {
	padding: 35px;
	background: #2222222e;
	border: 1px solid #afafaf;
	border-radius: 12px;
	transition: all 0.3s ease;
}

.goal-card:hover {
	transform: translateY(-5px);

	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.card-number {
	display: block;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: 700;
	color: #025a2f;
}

.goal-card h4 {
	margin: 0 0 15px;
}

/* .goal-card p {
	margin: 0;
	font-size: 17px;
	line-height: 1.7;
	color: #555;
} */


/* =========================================
   PROCEDURE
========================================= */

.procedure-section {
	padding-top: 20px;
}

.procedure-list {
	margin-top: 10px;

	border-top: 1px solid #e5e5e5;
}

.procedure-item {
	display: flex;
	gap: 30px;

	padding: 35px 0;

	border-bottom: 1px solid #e5e5e5;
}

.procedure-number {
	min-width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #222;
	color: #ffffff;
	font-family: var(--accent-font);
	font-size: 15px;
	font-weight: 700;
}

/* .procedure-content h4 {
	margin: 0 0 12px;
	font-size: 21px;
	font-weight: 700;
} */

.procedure-content h4 span {
	color: #025a2f;
}

.procedure-content p {
	max-width: 1000px;

	margin: 0;

	font-size: 17px;
	line-height: 1.75;

	color: #555;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

	.facelift-about {
		padding: 70px 0;
	}

	.facelift-intro h2 {
		font-size: 40px;
	}

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

	.facelift-goals {
		margin-bottom: 70px;
	}

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

	.facelift-about {
		padding: 55px 0;
	}

	.facelift-intro {
		margin-bottom: 60px;
	}

	.facelift-intro h2 {
		font-size: 32px;
	}

	.facelift-intro p {
		font-size: 17px;
		line-height: 1.7;
	}

	.content-heading {
		gap: 15px;
	}

	.content-heading>span {
		min-width: 42px;
		height: 42px;
	}

	.content-heading h3 {
		font-size: 24px;
	}

	.content-heading p {
		font-size: 16px;
	}

	.goal-card {
		padding: 25px;
	}

	.goal-card h4 {
		font-size: 21px;
	}

	.goal-card p {
		font-size: 16px;
	}

	.procedure-item {
		gap: 18px;
		padding: 28px 0;
	}

	.procedure-number {
		min-width: 45px;
		height: 45px;
	}

	.procedure-content h4 {
		font-size: 18px;
	}

	.procedure-content p {
		font-size: 16px;
		line-height: 1.65;
	}
}

.aboutFacelift {
	text-align: left;
}

.faceliftContentSection {
	max-width: 100%;
}

.achievingYourIdeas {
	margin-bottom: 15px;
}

.facelift-age-section {

	width: 100%;

	padding: 100px 20px;

	position: relative;

	overflow: hidden;

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


/* =====================================================
   MAIN CONTAINER
===================================================== */

.facelift-container {

	width: 100%;

	max-width: 1280px;

	margin: 0 auto;

	display: grid;

	grid-template-columns: 58% 42%;

	align-items: center;

	position: relative;

	z-index: 2;
}


/* =====================================================
   LEFT CONTENT
===================================================== */

.facelift-content {

	width: 100%;

	padding-right: 55px;
}


/* =====================================================
   SECTION LABEL
===================================================== */

.facelift-label {

	display: inline-block;

	margin-bottom: 15px;

	font-family: var(--default-font);

	font-size: 14px;

	font-weight: 600;

	letter-spacing: 1.8px;

	text-transform: uppercase;

	color: var(--accent-color);
}


/* =====================================================
   MAIN HEADING
===================================================== */

/* .facelift-title {

    max-width: 700px;

    margin: 0;

    font-family: var(--accent-font);

    font-size: 58px;

    line-height: 1.12;

    font-weight: 400;

    letter-spacing: -1px;

    color: var(--primary-color);
} */

.facelift-title span {
	display: block;
}


/* =====================================================
   HEADING DECORATION
===================================================== */

.heading-decoration {

	width: 230px;

	height: 2px;

	margin: 25px 0 38px;

	position: relative;

	background: var(--color);
}

.heading-decoration span {

	position: absolute;

	left: 0;

	top: 0;

	width: 50px;

	height: 2px;

	background: var(--accent-color);
}

.heading-decoration span::after {

	content: "";

	position: absolute;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: var(--accent-color);

	right: -10px;

	top: -3px;
}


/* =====================================================
   INFORMATION ITEM
===================================================== */

.facelift-item {
	width: 100%;
	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 25px;
	border-bottom: 1px dashed var(--color);
}


/* First item */

.facelift-item:first-of-type {
	padding-top: 0;
}


/* Last item */

.facelift-item.last-item {
	border-bottom: none;
}


/* =====================================================
   ICON
===================================================== */

.facelift-icon {

	width: 72px;

	height: 72px;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--accent-color);

	background: #f7f7f7;

	border: 1px solid var(--color);

	font-size: 25px;

	transition: all 0.3s ease;
}


/* Hover */

.facelift-item:hover .facelift-icon {

	background: var(--accent-color);

	color: var(--white-color);

	transform: translateY(-3px);
}


/* =====================================================
   TEXT
===================================================== */

.facelift-text {

	display: flex;

	align-items: center;
}

/* 
.facelift-text p {

    margin: 0;

    color: var(--primary-color);

    font-size: 15px;

    line-height: 1.85;

    font-weight: 400;
} */


/* =====================================================
   TEXT LINKS
===================================================== */

.facelift-text a {

	color: #025a2f;

	font-weight: 600;

	text-decoration: underline;

	text-decoration-thickness: 1px;

	text-underline-offset: 3px;
}

.facelift-text a:hover {

	color: var(--primary-color);
}


/* =====================================================
   AGE
===================================================== */

.facelift-text strong {

	color: var(--accent-color);

	font-weight: 700;
}


/* =====================================================
   DOCTOR
===================================================== */

.doctor-link {

	font-weight: 700 !important;
}


/* =====================================================
   RIGHT VISUAL
===================================================== */

.facelift-visual {

	min-height: 680px;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;
}


/* =====================================================
   IMAGE BACKGROUND
===================================================== */

.image-decoration {
	position: absolute;
	width: 560px;
	height: 740px;
	right: -80px;
	top: 50%;
	border-radius: 30px;
	transform: translateY(-50%);
	background: #2222222e;
}


/* =====================================================
   IMAGE WRAPPER
===================================================== */

.facelift-image-wrapper {
	width: 500px;
	height: 620px;
	position: relative;
	overflow: hidden;
	/* border-radius: 48% 48% 45% 45%; */
	border-radius: 30px;
	background: #f7f7f7;
	border: 8px solid var(--white-color);
	box-shadow: 0 20px 50px rgba(34, 34, 34, 0.08);
	z-index: 3;
	transition: all 0.5s ease-out;
}

.facelift-image-wrapper::after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, .3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
}

.facelift-image-wrapper:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

/* =====================================================
   IMAGE
===================================================== */

.facelift-image-wrapper img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}


/* =====================================================
   IMAGE OUTLINE
===================================================== */

.image-outline {

	position: absolute;

	width: 510px;

	height: 650px;

	right: 5px;

	top: 50%;

	transform: translateY(-50%) rotate(4deg);

	border: 1px solid var(--color);

	border-radius: 48% 48% 45% 45%;

	z-index: 2;
}


/* =====================================================
   LIFT ARROWS
===================================================== */

.lift-arrow {

	position: absolute;

	width: 105px;

	height: 30px;

	border-top: 2px dashed rgba(255, 255, 255, 0.95);

	transform: rotate(-25deg);

	z-index: 5;
}


/* Arrow head */

.lift-arrow span {

	position: absolute;

	right: -2px;

	top: -6px;

	width: 10px;

	height: 10px;

	border-top: 2px solid var(--white-color);

	border-right: 2px solid var(--white-color);

	transform: rotate(45deg);
}


/* Arrow positions */

.arrow-1 {

	top: 260px;

	right: 95px;
}

.arrow-2 {

	top: 305px;

	right: 85px;
}

.arrow-3 {

	top: 350px;

	right: 75px;
}


/* =====================================================
   CONSULTATION CTA
===================================================== */

.facelift-cta {
	width: 100%;
	max-width: 1280px;
	margin: 60px auto 0;
	padding: 45px 35px;
	display: grid;
	grid-template-columns: 85px 1fr auto;
	align-items: center;
	gap: 25px;
	background: #2222222e;
	border: 1px solid var(--color);
	border-radius: 16px;
	box-shadow: 0 10px 35px rgba(34, 34, 34, 0.05);
	position: relative;
	z-index: 5;
}


/* =====================================================
   CTA ICON
===================================================== */

.cta-icon {

	width: 68px;

	height: 68px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	background: #025a2f;

	color: var(--white-color);

	font-size: 25px;
}


/* =====================================================
   CTA CONTENT
===================================================== */

.cta-content h3 {

	margin: 0 0 6px;

	font-family: var(--accent-font);

	color: var(--primary-color);

	font-size: 24px;

	font-weight: 400;

	line-height: 1.3;
}

.cta-content p {

	margin: 0;

	color: var(--error-color);

	font-size: 14px;

	line-height: 1.6;
}


/* =====================================================
   CTA BUTTON
===================================================== */

.cta-button {

	min-width: 285px;

	min-height: 58px;

	padding: 15px 25px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 18px;

	background: var(--accent-color);

	color: var(--white-color);

	border-radius: 50px;

	font-family: var(--default-font);

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 0.3px;

	transition: all 0.3s ease;
}


/* Button arrow */

.cta-button span {

	display: flex;

	align-items: center;

	justify-content: center;

	transition: transform 0.3s ease;
}


/* Button hover */

.cta-button:hover {

	background: var(--primary-color);

	color: var(--white-color);

	transform: translateY(-2px);
}

.cta-button:hover span {

	transform: translateX(5px);
}


/* =====================================================
   DECORATIVE DOTS
===================================================== */

.facelift-age-section::after {

	content: "";

	position: absolute;

	width: 120px;

	height: 120px;

	right: 20px;

	top: 30px;

	background-image: radial-gradient(var(--color) 2px,
			transparent 2px);

	background-size: 16px 16px;

	opacity: 0.7;
}


/* =====================================================
   LARGE TABLET
===================================================== */

@media (max-width: 1150px) {

	.facelift-container {

		grid-template-columns: 55% 45%;
	}

	.facelift-content {

		padding-right: 30px;
	}

	.facelift-title {

		font-size: 48px;
	}

	.facelift-item {

		grid-template-columns: 80px 1fr;

		gap: 18px;
	}

	.facelift-icon {

		width: 62px;

		height: 62px;

		font-size: 22px;
	}

	.facelift-text p {

		font-size: 14px;
	}

	.facelift-image-wrapper {

		width: 390px;

		height: 540px;
	}

	.image-decoration {

		width: 450px;

		height: 560px;
	}

	.image-outline {

		width: 420px;

		height: 570px;
	}
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

	.facelift-age-section {

		padding: 80px 20px;
	}

	.facelift-container {

		display: block;
	}

	.facelift-content {

		padding-right: 0;
	}

	.facelift-title {

		font-size: 48px;
	}

	.facelift-visual {

		min-height: 600px;

		margin-top: 50px;
	}

	.facelift-cta {

		grid-template-columns: 75px 1fr;
	}

	.cta-button-box {

		grid-column: 1 / -1;

		padding-left: 0;

		border-left: none;

		padding-top: 10px;
	}

	.cta-button {

		width: 100%;
	}
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

	.facelift-age-section {

		padding: 60px 16px;
	}


	/* Heading */

	.facelift-label {

		font-size: 12px;

		letter-spacing: 1.4px;
	}

	.facelift-title {

		font-size: 35px;

		line-height: 1.2;
	}

	.heading-decoration {

		margin: 20px 0 30px;

		width: 180px;
	}


	/* Items */

	.facelift-item {

		grid-template-columns: 55px 1fr;

		gap: 14px;

		padding: 20px 0;
	}

	.facelift-icon {

		width: 48px;

		height: 48px;

		font-size: 18px;
	}

	.facelift-text p {

		font-size: 13px;

		line-height: 1.75;
	}


	/* Visual */

	.facelift-visual {

		min-height: 470px;

		margin-top: 35px;
	}

	.facelift-image-wrapper {

		width: 290px;

		height: 420px;

		border-width: 6px;
	}

	.image-decoration {

		width: 340px;

		height: 440px;

		right: -15px;
	}

	.image-outline {

		width: 315px;

		height: 445px;

		right: 0;
	}


	/* CTA */

	.facelift-cta {

		display: flex;

		flex-direction: column;

		align-items: flex-start;

		gap: 18px;

		margin-top: 40px;

		padding: 25px 20px;
	}

	.cta-icon {

		width: 58px;

		height: 58px;

		font-size: 22px;
	}

	.cta-content h3 {

		font-size: 20px;
	}

	.cta-content p {

		font-size: 13px;
	}

	.cta-button-box {

		width: 100%;

		padding-top: 5px;
	}

	.cta-button {

		width: 100%;

		min-width: 0;

		min-height: 54px;

		font-size: 12px;
	}


	/* Hide decorative dots on mobile */

	.facelift-age-section::after {

		display: none;
	}
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

	.facelift-title {

		font-size: 30px;
	}

	.facelift-item {

		grid-template-columns: 45px 1fr;

		gap: 12px;
	}

	.facelift-icon {

		width: 42px;

		height: 42px;

		font-size: 16px;
	}

	.facelift-text p {

		font-size: 12.5px;
	}

	.facelift-image-wrapper {

		width: 260px;

		height: 380px;
	}
}


.additional-services {
	width: 100%;
	padding: 70px 20px;
	background: var(--white-color);
}


/* =====================================================
   MAIN BOX
===================================================== */

.additional-services__inner {
	width: 100%;
	max-width: 1540px;
	min-height: 690px;

	margin: 0 auto;

	position: relative;
	overflow: hidden;

	display: grid;
	grid-template-columns: 50% 50%;

	border-radius: 15px;

	background: #333333;
}


/* =====================================================
   LEFT IMAGE
===================================================== */

.additional-services__image {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 690px;

	overflow: hidden;

	z-index: 1;
}

.additional-services__image img {
	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	transition: transform 0.6s ease;
}


/* =====================================================
   IMAGE OVERLAY
===================================================== */

.additional-services__image-overlay {
	position: absolute;

	inset: 0;

	background:
		linear-gradient(90deg,
			rgba(255, 255, 255, 0.05) 0%,
			rgba(51, 51, 51, 0.15) 100%);

	z-index: 2;
}


/* =====================================================
   RIGHT CONTENT BACKGROUND
===================================================== */

.additional-services__content {
	position: relative;

	z-index: 5;

	min-height: 690px;

	padding: 70px 70px 60px 55px;

	display: flex;
	flex-direction: column;
	justify-content: center;

	background: var(--accent-color);
}


/* =====================================================
   HEADING
===================================================== */

.additional-services__content h2 {
	margin: 0 0 20px;

	color: var(--white-color);

	font-family: var(--accent-font);

	font-size: 50px;
	line-height: 1.25;

	font-weight: 400;

	letter-spacing: -0.5px;
}

.additional-services__content h2 span {
	display: block;
}


/* =====================================================
   LIST
===================================================== */

.additional-services__list {
	margin: 0;
	padding: 0 0 0 27px;

	display: grid;
	grid-template-columns: 1fr;

	gap: 10px;

	list-style-type: disc;
}


/* =====================================================
   LIST ITEM
===================================================== */

.additional-services__list li {
	padding-left: 3px;

	color: var(--white-color);

	font-size: 20px;
	line-height: 1.4;

	font-weight: 500;
}


/* =====================================================
   LINK
===================================================== */

.additional-services__list li a {
	color: var(--white-color);

	text-decoration: underline;

	text-decoration-thickness: 1.5px;

	text-underline-offset: 3px;

	transition: all 0.3s ease;
}

.additional-services__list li a:hover {
	color: #dddddd;

	text-decoration-thickness: 2px;
}


/* =====================================================
   DECORATIVE PATTERN
===================================================== */

.additional-services__pattern {
	position: absolute;

	left: 28%;
	top: 50%;

	width: 420px;
	height: 420px;

	transform: translate(-50%, -50%);

	z-index: 3;

	opacity: 0.20;

	background-image:
		linear-gradient(45deg,
			transparent 40%,
			rgba(34, 34, 34, 0.55) 40%,
			rgba(34, 34, 34, 0.55) 60%,
			transparent 60%);

	background-size: 85px 85px;

	mask-image: radial-gradient(circle,
			black 0%,
			transparent 70%);

	-webkit-mask-image: radial-gradient(circle,
			black 0%,
			transparent 70%);
}


/* =====================================================
   IMAGE HOVER
===================================================== */

.additional-services__inner:hover .additional-services__image img {
	transform: scale(1.03);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1100px) {

	.additional-services {
		padding: 50px 20px;
	}

	.additional-services__inner {
		min-height: 600px;

		grid-template-columns: 48% 52%;
	}

	.additional-services__image {
		min-height: 600px;
	}

	.additional-services__content {
		min-height: 600px;

		padding: 50px 40px;
	}

	.additional-services__content h2 {
		font-size: 42px;
	}

	.additional-services__list {
		gap: 8px;
	}

	.additional-services__list li {
		font-size: 17px;
	}

	.additional-services__pattern {
		width: 350px;
		height: 350px;

		left: 27%;
	}
}


/* =====================================================
   TABLET / SMALL LAPTOP
===================================================== */

@media (max-width: 850px) {

	.additional-services__inner {
		grid-template-columns: 1fr;

		min-height: auto;
	}

	.additional-services__image {
		height: 450px;
		min-height: 450px;
	}

	.additional-services__content {
		min-height: auto;

		padding: 55px 45px;
	}

	.additional-services__pattern {
		left: 30%;
		top: 220px;

		width: 350px;
		height: 350px;
	}
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

	.additional-services {
		padding: 30px 15px;
	}

	.additional-services__inner {
		border-radius: 12px;
	}

	.additional-services__image {
		height: 360px;
		min-height: 360px;
	}

	.additional-services__content {
		padding: 45px 25px;
	}

	.additional-services__content h2 {
		font-size: 34px;
		line-height: 1.25;

		margin-bottom: 25px;
	}

	.additional-services__list {
		padding-left: 23px;
		gap: 9px;
	}

	.additional-services__list li {
		font-size: 15px;
		line-height: 1.45;
	}

	.additional-services__pattern {
		left: 25%;
		top: 180px;

		width: 280px;
		height: 280px;
	}
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {

	.additional-services {
		padding: 20px 10px;
	}

	.additional-services__image {
		height: 300px;
		min-height: 300px;
	}

	.additional-services__content {
		padding: 38px 20px;
	}

	.additional-services__content h2 {
		font-size: 29px;
	}

	.additional-services__list li {
		font-size: 14px;
	}
}


img:is([sizes=auto i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px;
}

.faceliftImgContent {
	margin: auto;
}

.faceliftImgContentdiv {
	display: flex;
	margin-top: 100px;
}

.about-us-section h3 {
	display: flex !important;
}

.about-section {
	margin: 100px 0;
}

.about-us-para {
	text-align: left;
}

.about-us-img {
	display: flex;
	justify-content: center;
}





/* ================================
   DOCTOR SECTION
================================ */

.doctor-section {
	margin: 0;
	padding: 0 85px;
	gap: 0;
}

.doctor-column {
	padding: 0;
	margin: 0;
}

.doctor-card {
	position: relative;
	width: 100%;
	height: 680px;
	overflow: hidden;
	background: #ddd;
	border-right: 1px solid rgba(255, 255, 255, 0.8);
}

/* Doctor Image */
.doctor-card img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: transform 0.6s ease;
}

/* Bottom Gradient */
.doctor-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;

	background: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 45%,
			rgba(0, 0, 0, 0.05) 55%,
			rgba(0, 0, 0, 0.35) 72%,
			rgba(0, 0, 0, 0.75) 100%);
}

/* Text Area */
.doctor-content {
	width: 100%;
	padding: 0 30px 25px;
	color: #fff;
}

.doctor-content h3 {
	margin: 0 0 5px;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
}

.doctor-content p {
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}


/* ================================
   HOVER EFFECT
================================ */

.doctor-card:hover img {
	transform: scale(1.03);
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

	.doctor-section {
		padding: 0 30px;
	}

	.doctor-card {
		height: 550px;
	}

	.doctor-content {
		padding: 0 25px 25px;
	}

	.doctor-content h3 {
		font-size: 22px;
	}

}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

	.doctor-section {
		padding: 0 15px;
	}

	.doctor-column {
		width: 100%;
	}

	.doctor-card {
		height: 500px;
		border-right: 0;
		border-bottom: 1px solid #fff;
	}

	.doctor-content {
		padding: 0 20px 22px;
	}

	.doctor-content h3 {
		font-size: 21px;
	}

	.doctor-content p {
		font-size: 10px;
		letter-spacing: 1px;
	}

}


.doctor-card {
	height: 500px;
}

.doctor-card-img1 {
	border-radius: 30px 0px 0px 30px;
}

.doctor-card-img2 {
	border-radius: 0px 30px 30px 0px;
}

.doctor-card img {
	height: 500px;
}

.about-bg-section {
	background-color: white !important;
}


.about-service-item {
	background-color: #2222222e;
}

.about-service-content-title {
	gap: 0px !important;
}

.our-services-main-section {
	padding-top: 0px !important;
}






.features-section {
	width: 100%;
	/* padding: 84px 0px; */
}

.features-container {
	width: min(1490px, 100%);
	margin: 0 auto;

	display: grid;
	grid-template-columns: repeat(3, 1fr);

	gap: 32px;
}


/* =========================================================
   CARD
========================================================= */

.feature-card {
	position: relative;

	min-height: 715px;

	background: var(--white);

	border-radius: var(--card-radius);

	overflow: hidden;

	box-shadow: var(--card-shadow);

	display: flex;
	flex-direction: column;
	align-items: center;

	padding: 48px 46px 0;

	isolation: isolate;
        padding-bottom: 25px;
}


/* =========================================================
   NUMBER BADGE
========================================================= */

.number-badge {
	position: absolute;
	top: 0;
	left: 0;
	width: 88px;
	height: 88px;
	background: var(--primary-color);
	color: var(--white);
	border-radius: 0 0 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: -1px;
	z-index: 10;
}


/* =========================================================
   ICON WRAPPER
========================================================= */

.icon-wrapper {
	position: relative;

	
	margin-bottom: 26px;

	display: flex;
	align-items: center;
	justify-content: center;
}


/* =========================================================
   ICON CIRCLE
========================================================= */

.icon-circle {
	position: absolute;
	inset: 10px;
	border-radius: 50%;
	background: #2222222e;
	box-shadow:
		0 7px 18px rgba(0, 0, 0, 0.05),
		inset 0 0 0 1px rgba(2, 90, 47, 0.03);
}


/* =========================================================
   DECORATIVE RING
========================================================= */

.icon-ring {
	position: absolute;

	inset: 0;

	width: 100%;
	height: 100%;

	overflow: visible;

	z-index: 2;
}

.icon-ring-path {
	fill: none;
	stroke: var(--primary-color);
	stroke-width: 3;
	stroke-linecap: round;
	stroke-dasharray: 150 500;
}

.ring-dot {
	fill: var(--primary-color);
}


/* =========================================================
   FACE SVG
========================================================= */

.face-icon {
	position: relative;

	z-index: 3;

	width: 145px;
	height: 145px;
}

.face-icon path,
.face-icon line,
.face-icon ellipse,
.face-icon polyline {
	fill: none;
	stroke: var(--primary-color);
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.face-icon .dashed {
	stroke-dasharray: 5 6;
}


/* =========================================================
   TITLE
========================================================= */

.feature-title {
	position: relative;

	z-index: 3;

	width: 100%;

	margin-bottom: 30px;

	color: #101828;

	text-align: center;

	font-family: var(--default-font) font-size: clamp(30px, 2.2vw, 42px);

	line-height: 1.08;

	font-weight: 400;
}


/* =========================================================
   TITLE DIVIDER
========================================================= */

.title-divider {
	position: relative;

	width: 150px;
	height: 2px;

	margin-bottom: 44px;

	background: var(--divider-color);
}

.title-divider::after {
	content: "";

	position: absolute;

	top: 50%;
	left: 50%;

	width: 8px;
	height: 8px;

	background: var(--green);

	border-radius: 50%;

	transform:
		translate(-50%, -50%);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.feature-description {
	position: relative;

	z-index: 3;

	max-width: 420px;

	margin: 0;

	color: #3f4650;

	text-align: center;

	font-size: 19px;

	line-height: 1.9;

	font-weight: 400;

	font-family: var(--default-font);
}


/* =========================================================
   BOTTOM WAVE
========================================================= */

.wave-area {
	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	height: 155px;

	overflow: hidden;

	z-index: 1;

	pointer-events: none;
}

.wave-svg {
	position: absolute;

	left: -12.5%;
	bottom: 0;

	width: 125%;
	height: 155px;
}

.wave-svg path {
	fill: none;

	stroke: rgba(2, 90, 47, 0.09);

	stroke-width: 1.2;
}


/* =========================================================
   GREEN BOTTOM BORDER
========================================================= */

.card-bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 7px;
	background: var(--primary-color);
	z-index: 5;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

	.features-section {
		padding: 60px 30px 70px;
	}

	.features-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.feature-card {
		min-height: 670px;

		padding-left: 35px;
		padding-right: 35px;
	}

	.feature-title {
		font-size: 34px;
	}

	.feature-description {
		font-size: 17px;
		line-height: 1.8;
	}
}


/* =========================================================
   TABLET / SMALL SCREEN
========================================================= */

@media (max-width: 760px) {

	.features-section {
		padding: 45px 20px 55px;
	}

	.features-container {
		grid-template-columns: 1fr;

		max-width: 580px;

		margin: 0 auto;
	}

	.feature-card {
		min-height: 730px;
	}

	.number-badge {
		width: 76px;
		height: 76px;

		font-size: 30px;

		border-radius: 0 0 26px 0;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

	.features-section {
		padding: 28px 14px 40px;
	}

	.features-container {
		gap: 20px;
	}

	.feature-card {
		min-height: 700px;

		padding: 34px 24px 0;

		border-radius: 13px;
	}

	.number-badge {
		width: 67px;
		height: 67px;

		font-size: 25px;

		border-radius: 0 0 22px 0;
	}

	.icon-wrapper {
		width: 190px;
		height: 190px;

		margin-bottom: 22px;
	}

	.face-icon {
		width: 125px;
		height: 125px;
	}

	.feature-title {
		margin-bottom: 24px;

		font-size: 29px;

		line-height: 1.1;
	}

	.title-divider {
		width: 125px;

		margin-bottom: 35px;
	}

	.feature-description {
		max-width: 330px;

		font-size: 16px;

		line-height: 1.75;
	}

	.wave-area {
		height: 125px;
	}

	.wave-svg {
		height: 125px;
	}

	.card-bottom {
		height: 6px;
	}
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

	.feature-card {
		min-height: 670px;

		padding-left: 18px;
		padding-right: 18px;
	}

	.icon-wrapper {
		width: 170px;
		height: 170px;
	}

	.face-icon {
		width: 112px;
		height: 112px;
	}

	.feature-title {
		font-size: 26px;
	}

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






.additional-services {
	width: 100%;

	padding: 16px 22px 24px;

	background: #ffffff;
}

.services-container {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 44px 42px 50px;
	background:
		linear-gradient(135deg,
			#f7faf8 0%,
			#f9fbfa 50%,
			#f3f8f5 100%);
	border-radius: 16px;
	border: 1px solid rgba(2, 90, 47, 0.025);
}


/* =========================================================
   HEADER
========================================================= */

.services-header {
	display: flex;
	flex-direction: column;
	align-items: center;

	margin-bottom: 12px;
}

.services-header h2 {
	margin: 3px 0;

	color: #111827;

	text-align: center;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: clamp(28px, 3vw, 39px);

	font-weight: 400;

	line-height: 1.15;
}


/* =========================================================
   HEADER DECORATION
========================================================= */

.header-decoration {
	width: 150px;

	display: flex;
	align-items: center;
	justify-content: center;

	gap: 12px;
}

.header-decoration span {
	width: 60px;
	height: 1px;

	background: rgba(2, 90, 47, 0.13);
}

.header-decoration i {
	display: block;

	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: var(--green);
}

.header-decoration-bottom {
	margin-top: 3px;
}


/* =========================================================
   SERVICES GRID
========================================================= */

.services-grid {
	display: grid;

	grid-template-columns:
		repeat(7, minmax(0, 1fr));

	gap: 8px;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.service-card {
	position: relative;

	min-height: 128px;

	padding: 9px 7px 10px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	background: var(--white);

	border: 1px solid var(--card-border);

	border-radius: 12px;

	box-shadow: var(--card-shadow);

	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

.service-card:hover {
	transform: translateY(-4px);

	border-color: rgba(2, 90, 47, 0.18);

	box-shadow: var(--card-shadow-hover);
}


/* =========================================================
   ICON
========================================================= */

.service-icon {
	width: 67px;
	height: 67px;

	margin-bottom: 2px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.service-icon svg {
	width: 100%;
	height: 100%;

	overflow: visible;
}


/* Icon background */

.service-icon .icon-bg {
	fill: #f3f7f4;
	stroke: none;
}


/* Icon lines */

.service-icon path,
.service-icon rect,
.service-icon circle {
	fill: none;

	stroke: var(--green);

	stroke-width: 1.7;

	stroke-linecap: round;
	stroke-linejoin: round;
}


/* Keep icon background filled */

.service-icon .icon-bg {
	fill: #f1f6f3;
	stroke: none;
}


/* =========================================================
   SERVICE NAME
========================================================= */

.service-name {
	min-height: 34px;

	display: flex;
	align-items: center;
	justify-content: center;

	color: #18202b;

	text-align: center;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.05;
}

.footer-links ul li a:hover{
	color: unset !important;
    font-size: 18px;
    font-weight: 700;
}
/* =========================================================
   ARROW
========================================================= */

.service-arrow {
	position: absolute;

	left: 50%;
	bottom: 6px;

	color: var(--green);

	font-family: Arial, sans-serif;

	font-size: 23px;

	font-weight: 300;

	line-height: 1;

	transform:
		translateX(-50%);

	transition:
		transform 0.25s ease;
}

.service-card:hover .service-arrow {
	transform:
		translateX(-50%) translateX(3px);
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

	.services-container {
		max-width: 1280px;
	}

	.services-grid {
		gap: 10px;
	}

	.service-card {
		min-height: 138px;
	}

	.service-icon {
		width: 72px;
		height: 72px;
	}

	.service-name {
		font-size: 17px;
	}
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1100px) {

	.additional-services {
		padding: 18px 20px 30px;
	}

	.services-container {
		padding: 25px 28px 30px;
	}

	.services-grid {
		grid-template-columns:
			repeat(4, minmax(0, 1fr));

		gap: 12px;
	}

	.service-card {
		min-height: 145px;
	}

	.service-icon {
		width: 70px;
		height: 70px;
	}

	.service-name {
		font-size: 17px;
	}
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 768px) {

.our-appointment-image img {
      display:none;
       }

.our-appointment{
    padding-left: 30px;
    padding-right: 20px;
}


	.additional-services {
		padding: 14px;
	}

	.services-container {
		padding: 28px 18px 24px;

		border-radius: 14px;
	}

	.services-header {
		margin-bottom: 20px;
	}

	.services-header h2 {
		font-size: 30px;
	}

	.header-decoration {
		width: 130px;
	}

	.header-decoration span {
		width: 48px;
	}

	.services-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 12px;
	}

	.service-card {
		min-height: 155px;

		padding: 12px 8px 14px;
	}

	.service-icon {
		width: 76px;
		height: 76px;

		margin-bottom: 3px;
	}

	.service-name {
		font-size: 18px;

		line-height: 1.1;
	}

	.service-arrow {
		bottom: 7px;
	}

      .cta-Main-Button{
       margin-top: -50px;
    margin-left: 22px;
}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

	.additional-services {
		padding: 10px;
	}

	.services-container {
		padding: 26px 12px 20px;

		border-radius: 12px;
	}

	.services-header {
		margin-bottom: 18px;
	}

	.services-header h2 {
		max-width: 330px;

		font-size: 28px;

		line-height: 1.12;
	}

	.header-decoration {
		width: 120px;

		gap: 8px;
	}

	.header-decoration span {
		width: 43px;
	}

	.header-decoration i {
		width: 6px;
		height: 6px;
	}

	.services-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 9px;
	}

	.service-card {
		min-height: 145px;

		padding: 9px 5px 12px;

		border-radius: 10px;
	}

	.service-icon {
		width: 67px;
		height: 67px;
	}

	.service-name {
		font-size: 16px;

		line-height: 1.05;
	}

	.service-arrow {
		bottom: 5px;

		font-size: 21px;
	}
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

	.services-container {
		padding-left: 8px;
		padding-right: 8px;
	}

	.services-grid {
		gap: 7px;
	}

	.service-card {
		min-height: 137px;
	}

	.service-icon {
		width: 61px;
		height: 61px;
	}

	.service-name {
		font-size: 15px;
	}

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


.newFaceLift {
	text-align: left;
}

.faceliftheading {
	text-align: left;
}

.CTA-additional-service {
	padding-top: 100px;
	padding-bottom: 100px;
}

.cta-img-section {
	display: flex;
	justify-content: center;
}

.cta-img-section img {
	/* width: 100%; */
	height: 450px;
}

.CtaFacelift {
	text-align: center !important;
}

.cta-img-part {
	display: flex;
	justify-content: center;
}


.cta-img-part{
	position: relative;
}

.cta-Main-Button{
	    position: absolute;
    margin-top: -150px;
    margin-left: 82px;
}


header.main-header {

    position: sticky !important;
    bottom: 0;
    top: 0;
    background: #fff;
    /* padding: 15px 20px; */
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.12);
    z-index: 1000;
}

.hero-review-box ul li {
    display: inline-block;
    color: white !important;
    margin-right: 10px;
}
/* .mega-list{
	display: none;
} */
/* #Set the media query  */

/* ===================================
   Extra Small Devices (Mobile)
   =================================== */
  .hero-content{
	.section-title {
    text-align: left;
}}

  .bps-scope{
    /* background:#faf7f2; */
    color:#22262b;
    /* font-family:'Inter', sans-serif; */
    line-height:1.5;
  }

  .bps-scope h1, .bps-scope h2, .bps-scope .bps-mark{
    /* font-family:'Playfair Display', serif; */
    letter-spacing:-0.01em;
  }

  /* ---------- HEADER ---------- */
  .bps-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:1.7rem 1.8rem 1.5rem;
    border-bottom:1px solid #e4ddd3;
    flex-wrap:wrap;
  }
  .bps-mark{
    font-size:1.3rem;
    font-weight:600;
    color:#1d2b3a;
  }
  .bps-mark span{ color:#1d2b3a; }

  .bps-write-btn{
    background:#1d2b3a;
    color:#faf7f2;
    border:none;
   border-radius: 12px !important;
    padding:.68rem 1.35rem;
    border-radius:3px;
    /* font-family:'Inter', sans-serif; */
    font-size:.88rem;
    font-weight:500;
    transition:background .2s ease;
  }
  .bps-write-btn:hover{ background:#025a2f; color:#fff;  border-radius: 12px;}

  /* ---------- MAIN WRAP ---------- */
  .bps-wrap{
    /* max-width:860px; */
    margin:0 auto;
    padding:2.6rem 1.8rem 4.5rem;
  }

  /* ---------- RATING HERO ---------- */
  .bps-hero{
     display: flex;
     justify-content: center;
    gap:3rem;
    align-items:center;
    padding-bottom:2.4rem;
    margin-bottom:2.2rem;
    border-bottom:1px solid #e4ddd3;
  }
  .bps-hero-score{ text-align:left; }
  .bps-hero-number{
    font-size:3.6rem;
    font-weight:600;
    color:#1d2b3a;
    line-height:1;
  }
  .bps-hero-stars{
    margin:.6rem 0 .5rem;
    font-size:1.15rem;
    color: #e77806;
    letter-spacing:.12em;
  }
  .bps-hero-stars .bps-star-empty{ color:#e4ddd3; }
  .bps-hero-sub{
    font-size:.88rem;
    color:rgba(34,38,43,0.6);
    white-space:nowrap;
  }

  .bps-bars{ display:flex; flex-direction:column; gap:.55rem;  display: none; }
  .bps-bar-row{
    display:grid;
    grid-template-columns:2.6rem 1fr 2.4rem;
    align-items:center;
    gap:.7rem;
    font-size:.82rem;
    color:rgba(34,38,43,0.65);
  }
  .bps-bar-track{
    height:6px;
    background:#2222222e;
    border-radius:3px;
    overflow:hidden;
  }
  .bps-bar-fill{
    height:100%;
    background:#c98a7c;
    border-radius:3px;
  }
  .bps-bar-row span:last-child{ text-align:right; }

  /* ---------- FILTER / SORT ---------- */
  .bps-controls{
    display:flex;
    align-items:center;
    justify-content: end;
    gap:1rem;
    margin-bottom:2rem;
    flex-wrap:wrap;
  }

  .bps-filter-scroll{
    display:flex;
    gap:.5rem;
    overflow:auto;
    flex:1;
    min-width:0;
    padding-bottom:.2rem;
    width: 100%;
  }
  .bps-filter-scroll::-webkit-scrollbar{ display:none; }
  .bps-filter-scroll{ scrollbar-width:none; }

  .bps-filter-pill{
    flex-shrink:0;
    background:transparent;
    border:1px solid #2222222e;
    color:#22262b;
    padding:.42rem .95rem;
    border-radius:999px;
    font-size:.85rem;
    /* font-family:'Inter', sans-serif; */
    transition:background .2s ease, color .2s ease, border-color .2s ease;
  }
  .bps-filter-pill:hover{ border-color:#222; }
  .bps-filter-pill.bps-active{
    background:#1d2b3a;
    border-color:#1d2b3a;
    color:#faf7f2;
  }

  .bps-sort{
    flex-shrink:0;
    background: #2222222e;
    border:1px solid #d8cfc1;
    color:#22262b;
    padding:.45rem .8rem;
    border-radius:4px;
    font-size:.85rem;
    /* font-family:'Inter', sans-serif; */
  }

  /* ---------- REVIEW LIST (editorial rows, not boxed cards) ---------- */
  .bps-review-count{
    font-size:.85rem;
    color:rgba(34,38,43,0.55);
    margin-bottom:1.2rem;
  }

  .bps-review-list{
    display:flex;
    flex-direction:column;
  }

  .bps-review{
    display:grid;
    grid-template-columns:3rem 1fr;
    gap:1.1rem;
    padding:1.7rem 0;
    border-top:1px solid #e4ddd3;
  }
  .bps-review:first-child{ border-top:none; }

  .bps-avatar{
    width:3rem;
    height:3rem;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    /* font-family:'Playfair Display', serif; */
    font-weight:600;
    font-size:1.05rem;
    color:#1d2b3a;
    background:#2222222e;
  }

  .bps-review-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
    margin-bottom:.25rem;
  }
  .bps-review-name{
    font-weight:600;
    font-size:1rem;
  }
  .bps-verified{
    color:#4f7a68;
    font-size:.78rem;
    font-weight:500;
    margin-left:.5rem;
  }
  .bps-review-date{
    font-size:.82rem;
    color:rgba(34,38,43,0.5);
  }

  .bps-review-meta{
    display:flex;
    align-items:center;
    gap:.7rem;
    margin-bottom:.7rem;
    flex-wrap:wrap;
  }
  .bps-stars{
    color:#e77806;
    font-size:.92rem;
    letter-spacing:.1em;
  }
  .bps-stars .bps-star-empty{ color:#e4ddd3; }
  .bps-procedure-tag{
    font-size:.78rem;
    color: white;
    background: #222;
    padding:.2rem .6rem;
    border-radius:3px;
  }

  .bps-review-body{
    color:rgba(34,38,43,0.85);
    max-width:62ch;
    line-height:1.7;
  }

  .bps-reply{
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    background: #2222222e;
    border-left: 2px solid #025a2f;
    border-radius: 0 4px 4px 0;
    max-width: 60ch;
  }
  .bps-reply-label{
    font-size:.78rem;
    font-weight:600;
    color:#1d2b3a;
    margin-bottom:.3rem;
  }
  .bps-reply-text{
    font-size:.92rem;
    color:rgba(34,38,43,0.75);
    line-height:1.6;
  }

  /* ---------- VIEW MORE ---------- */
  .bps-viewmore-row{
    display:flex;
    justify-content:center;
    margin-top:2.2rem;
  }
  .bps-viewmore-btn{
    background:transparent;
    border:1px solid #1d2b3a;
    color:#1d2b3a;
    padding:.65rem 1.7rem;
    border-radius:3px;
    font-size:.9rem;
    font-weight:500;
    transition:background .2s ease, color .2s ease;
  }
  .bps-viewmore-btn:hover{ background:#1d2b3a; color:#faf7f2; }
  .bps-viewmore-row.bps-hidden{ display:none; }

  .bps-empty{
    padding:2.5rem 0;
    color:rgba(34,38,43,0.55);
    font-size:.95rem;
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 720px){
    .bps-header{ padding:1.4rem 1.2rem; }
    .bps-wrap{ padding:2rem 1.2rem 3.5rem; }
    .bps-hero{
      grid-template-columns:1fr;
      gap:1.5rem;
    }
    .bps-hero-number{ font-size:3rem; }
    .bps-controls{ flex-direction:column; align-items:stretch; }
    .bps-sort{ align-self:flex-start; }
    .bps-review{
      grid-template-columns:2.4rem 1fr;
      gap:.8rem;
      padding:1.4rem 0;
    }
    .bps-avatar{ width:2.4rem; height:2.4rem; font-size:.9rem; }
  }

  .bps-scope :focus-visible{ outline:2px solid #c98a7c; outline-offset:2px; }

  @media (prefers-reduced-motion: reduce){
    .bps-scope *{ transition:none !important; }
  }

  .cslpm-page *{
  box-sizing:border-box;
}

.cslpm-page{
  scroll-behavior:smooth;
  margin:0;
  color:#242621;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.cslpm-page h1,
.cslpm-page h2,
.cslpm-page h3{
  color:#2c3b31;
  margin:0;
  font-weight:500;
}


.cslpm-page img{
  max-width:100%;
  display:block;
}

.cslpm-wrap{
  
  margin:0 auto;

}


/* =========================
   Top Identifying Strip
========================= */

.cslpm-topline{
  background:#2c3b31;
  color:#f2efe6;
  font-size:13px;
  letter-spacing:.02em;
}

.cslpm-topline .cslpm-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:10px;
  padding-bottom:10px;
  gap:16px;
  flex-wrap:wrap;
}

.cslpm-topline a{
  color:#f2efe6;
  text-decoration:none;
  opacity:.9;
}

.cslpm-topline a:hover{
  opacity:1;
  text-decoration:underline;
}


/* =========================
   Hero
========================= */

.cslpm-hero{
  padding:64px 0 56px;
  border-bottom:1px solid #e4ddcf;
}

.cslpm-eyebrow-mark{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:22px;
}

.cslpm-eyebrow-mark .cslpm-dash{
  width:36px;
  height:2px;
  background:#b6924f;
}

.cslpm-eyebrow-mark span{
  font-size:14px;
  color:#5f8069;
  font-weight:500;
}

.cslpm-title{
  font-size:clamp(30px,4vw,44px);
  line-height:1.15;
  margin-bottom:22px !important;
}

.cslpm-lede{
  font-size:18px;
  color:#5c6058;
  max-width:62ch;
  margin-bottom:6px;
}

.cslpm-lede a{
  font-weight:600;
  text-decoration-thickness:1.5px;
}


/* =========================
   Main Grid
========================= */

.cslpm-main{
 
}

.cslpm-grid{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:56px;
  align-items:start;
}

.cslpm-fig-wrap{
  position:relative;
}

.cslpm-portrait{
  margin:0;
  position:relative;
}

.cslpm-portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:4/5;
  border-radius:4px;
}

.cslpm-portrait::before{
  content:"";
  position:absolute;
  top:16px;
  left:16px;
  right:-16px;
  bottom:-16px;
  border:1.5px solid #5f8069;
  border-radius:4px;
  z-index:-1;
}


/* =========================
   Payment Methods Panel
========================= */

.cslpm-panel{
  background:#ffffff;
  border:1px solid #e4ddcf;
  border-radius:4px;
  padding:40px;
}

.cslpm-panel h2{
  font-size:22px;
  margin-bottom:24px;
  padding-bottom:18px;
  border-bottom:1px solid #e4ddcf;
}

.cslpm-methods{
  list-style:none;
  margin:0;
  padding:0;
}

.cslpm-methods li{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:16px 0;
  border-bottom:1px solid #e4ddcf;
}

.cslpm-methods li:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.cslpm-methods li:first-child{
  padding-top:0;
}

.cslpm-method-icon{
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#e9efe8;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#456150;
}

.cslpm-method-icon svg{
  width:18px;
  height:18px;
}

.cslpm-method-text strong{
  display:block;
  font-size:15.5px;
  color:#242621;
  font-weight:600;
  margin-bottom:2px;
}

.cslpm-method-text span{
  font-size:14px;
  color:#5c6058;
}


/* =========================
   Location Card
========================= */

.cslpm-location{
  margin-top:40px;
  margin-bottom: 50px;
  background: #2222222e;
  color: #222;
  border-radius:12px;
  padding:32px 40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}

.cslpm-addr-label{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color: #222;
  margin-bottom:6px;
}

.cslpm-addr{
  font-size:19px;
}

.cslpm-btn{
  background:#b6924f;
  color:#2c3b31 !important;
  text-decoration:none;
  font-weight:600;
  font-size:14.5px;
  padding:13px 26px;
  border-radius:4px;
  white-space:nowrap;
  transition:background .18s ease;
}

.cslpm-btn:hover{
  background:#c8a45f;
}


/* =========================
   Footer
========================= */

.cslpm-footer{
  border-top:1px solid #e4ddcf;
  padding:26px 0;
}

.cslpm-footer .cslpm-wrap{
  display:flex;
  justify-content:space-between;
  font-size:13px;
  color:#5c6058;
  flex-wrap:wrap;
  gap:8px;
}

body.menu-open {
    background: black;
}


/* =========================
   Tablet
========================= */

@media (max-width:860px){

our-appointment-image img {
       height: 390px;
}

  .cslpm-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .cslpm-portrait::before{
    display:none;
  }

  .cslpm-panel{
    padding:28px;
  }

  .cslpm-hero{
    padding:48px 0 40px;
  }

  .cslpm-location{
    padding:26px 24px;
    flex-direction:column;
    align-items:flex-start;
  }

}


/* =========================
   Mobile
========================= */

@media (max-width:480px){

  .cslpm-wrap{
    padding:0 20px;
  }

  .cslpm-title{
    font-size:26px;
  }

  .cslpm-lede{
    font-size:16px;
  }

  .cslpm-panel{
    padding:22px;
  }

  .cslpm-topline .cslpm-wrap{
    font-size:12px;
  }

}
/* Small Mobile */
@media (max-width: 480px) {
  /* Your CSS */
}

/* Mobile */
@media (max-width: 992px) {
.mega-list{
	display: none;
}
	.treatement-age-section {
		.row{
			justify-content: center;
		}
	}
	.section-title{
		text-align: left;
	}
  /* Your CSS */
  .hero-content{
	.section-title {
    text-align: left;
}
.hero-review-box ul li img {
  
    position: relative;
    top: 3px;
}
  }
  .about-us-content{
		.section-title {
    text-align: left;
}
  }

.img-content-link-div{
	padding-left: 0px !important;
	.heading-img-text-div h4{
		text-align: left;
	}
	.heading-img-text-div p {

    padding-top: 7px !important;
    text-align: left;
	margin-bottom: 8px !important;
}
.heading-img-text-div button {

    margin-left: 0px !important;
  
}

.heading-img-text-div {
    padding: 14px 0;
}
.link-div-img img{
	max-width: 100% !important;
}
}
.slicknav_menu.active-menubg{
	height: 100vh;
    overflow-y: scroll;
}
}

/* ===================================
   Tablet Devices
   =================================== */

/* Small Tablet */
@media (min-width: 768px) and (max-width: 991px) {


	.slicknav_menu{
    position: absolute;
    width: 100vw;
    left: -16px;
        z-index: 999999;
        overflow-y: scroll;
        height: 100vh;
    }
	   /* Arrow Icon */
    .mega-title::after {
        content: "+";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        transition: 0.3s ease;
    }

    /* Active hone par minus */
    .mega-title.active::after {
        content: "−";
    }
.mega-list{
	display: none;
}
.mega-list.active {
    display: block;
}
	.slicknav_nav .slicknav_row, .slicknav_nav li a{
		font-size: 14px;
	}
		    .mega-title {
   color: white;
   padding: 10px 30px;
   font-size: 14px;
   position: relative;
           text-transform: lowercase;
    }
  /* Your CSS */
.img-content-link-div{
	.heading-img-text-div h4{
		text-align: center;
	}
	.heading-img-text-div p {

    padding-top: 7px !important;
    text-align: center
}
.heading-img-text-div button {

    margin-left: 0px !important;
  
}
}
	.service-trypes-section {
    padding: 0px;
    padding-top: 0px;

  }

            .service-main-button {
             margin-left: 48px !important;
             margin-top: -100px;
}
}

/* Mobile Responsive */
@media (max-width: 767px) {
	.slicknav_menu{
    position: absolute;
    width: 100vw;
    left: -16px;
    z-index: 999999;
	}
	.slicknav_nav .slicknav_row, .slicknav_nav li a{
		font-size: 14px;
	}
		    .mega-title {
   color: white;
   padding: 10px 30px;
   font-size: 14px;
   position: relative;
           text-transform: lowercase;
    }
.mega-title::after{
	right:20px !important ;
}
    .mega-col {
        width: 100%;
    }


  

    /* Arrow Icon */
    .mega-title::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        transition: 0.3s ease;
    }

    /* Active hone par minus */
    .mega-title.active::after {
        content: "−";
    }

    /* Default hidden */
    /* .mega-list {
        display: none;
    } */
        /* padding-top: 10px; */

    /* Click par show */
    .mega-list.active {
        display: block;
    }

    .mega-list li {
        margin-bottom: 10px;
    }

    .mega-list li a {
        display: block;
    }

     .btn-default {
        padding: 12px 15px !important;
        font-size: 10px;
}

.btn-default::before{
        right: -42px !important;
        width: 37px !important;
        height: 36px !important;
}

.hero-section-div {
     height: 140px !important;
}



}
/* ===================================
   Laptop / Small Desktop
   =================================== */

@media (min-width: 992px) and (max-width: 1199px) {
  /* Your CSS */
}


/* ===================================
   Large Desktop
   =================================== */

@media (min-width: 1200px) and (max-width: 1439px) {
  /* Your CSS */
}


/* ===================================
   Extra Large Screens
   =================================== */

@media (min-width: 1440px) {
  /* Your CSS */
}


@media screen and (max-width: 568px) {
	.mega-list{
		display: none;
	}
}

/* service page css */


  .all-service-section{
	padding: 100px 0px 0px;
  }

  .all-service-page{
	padding: 50px 0 70px;
  }

  .service-name{
	    background: #2222222e;
    height: 55px;
    margin-bottom: 35px;
    border-radius: 15px;
    font-size: 35px;
    font-weight: 500;
	font-family: var(--accent-font);
  }

  .service-section-box{
	padding: 0px 0px 100px;
  }

    .service-name{
         background: rgb(34, 34, 34);
    margin-bottom: 35px;
    border-radius: 15px;
    font-size: 38px;
    font-weight: 800;
    font-family: var(--accent-font);
    padding: 5	0px;
    color: white;
  }



/* Alok Responsive Code */

@media (max-width: 440px) {
    .navbar {
        padding: 5px 0 !important;
    }

    .our-appointment-image img{
       display:none;
}

    .navbar-brand img {
        height: 50px !important;
    }
     .header.main-header .header-sticky{
           padding: 8px;
}

   .main-header .bg-section {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
 .contact-form-btn .btn-default{
    width: 100%;
    height: 45px;
}

#homeAppointmentSubmitText{
  font-size: 15px;
  font-weight: 600;
}

#faq-section-heading{
   text-align: left !important;
}

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



.raising-heading{
  text-align: left;
}
 .benefit-illustration-image{
    height: 235px !important;
}

        .btn-default::before {
        right: -53px;
        width: 40px;
        height: 40px;
    }

         .btn-default{
         padding: 15px 25px;
    }

           .img-content-link-div {
        padding-left: 0px !important;
        margin-top: 20px;
    }
          
            .img-content-link-div {
        .heading-img-text-div h4 {
            text-align: center;
            margin-left: 41px;
        }
    }

         .img-content-link-div {
        .heading-img-text-div p {
            padding-top: 7px !important;
            text-align: center;
            margin-bottom: 8px !important;
        }
    }

      .heading-img-text-div button
Specificity: (0,1,1)
 {
    width: 150px;
    height: 40px;
   }

       .img-content-link-div {
        .heading-img-text-div button {
            margin-left: 90px !important;
            margin-top: 15px;
        }
    }

  .img-text-box {
        
   }
  
   .treatement-age-section{
        padding: 50px 0px;
    }
    .doctor-card-img1{
      border-radius: 30px;
      margin-bottom: 10px;
}

       .doctor-card-img2{
      border-radius: 30px;
}

     .all-service-page {
        padding: 20px 0 20px !important;
    }

    .service-name{
           border-radius: 12px;
    font-size: 30px;
    font-weight: 700;
        padding: 30px;
}

         .img-content-link-div {
        .link-div-img img {
            max-width: 100% !important;
            height: 100%;
        }
    }

         .img-text-box {
        margin-top: 40px;
    }


    .about-section {
           margin: 50px 0 !important;
}

    .service-image a,.service-image img {
        border-radius: 20px;
        margin-bottom: 15px !important;
    }

    .btn-default {
        margin-left: 0px !important;
     }

       .service-main-button{
           margin-top: 0px;        
}
    .hero-heading-div h1{
        font-size: 32px;
        padding-top: 50px;
    padding-bottom: 50px;
       font-weight: 700;
}

#hero-div-content h1{
    padding-top: 12px;
}

      .feature-card{
        min-height: 500px;
        padding-bottom: 20px;
} 
  .image-decoration{
     right: 10px !important;
}
   .CTA-additional-services{
      padding-top: 0px !important; 
    padding-bottom: 3rem !important;
     margin-top: 0px !important; 
     margin-bottom: 0px !important;
}

        .toc-mobile .scroller{
             flex-direction: column;
             gap: 5px;
}
         .toc-mobile a{
           padding: 4px 14px;
      }
        .content-shell{
             padding: 0px !important;
} 
     .hero-img{
       aspect-ratio: 8/10 !important;
} 

    .toc-mobile{
      position: relative !important;
        background: #2222222e !important;
        margin: 15px !important;
        border-radius: 12px !important;
}
    section.block{
      padding-bottom: 0px !important;
}

  section#how-it-works {
 padding-bottom: 20px !important;
}
   .closing{
    margin-bottom: 25px; 
}
.img-content-link-div{
flex-wrap: wrap;
}


}


@media (max-width: 704px) {
     .our-faqs-images {
           max-width: 80%;
     }
    .about-section{
           margin: 70px 0;
    }
   .hero-img img{
     margin-top: 0px !important;
   }
   .hero-img{
     max-width: 100% !important;
     border-radius: 15px !important;
}
    .toc-mobile{
        background: #2222222e !important;
        border-radius: 15px !important;
        width: 95% !important;
        margin: 20px auto !important;
}

    .credit-panel img {
        border-radius: 15px;
}
}


.footer-copyright-text{
    display: flex;
    justify-content: center;
    width: 100%;
}

.footer-links ul li span:hover{
    color: unset !important;
    font-size: 18px;
    font-weight: 700;
}

.footer-links ul li span{
    transition: all 0.3s ease-in-out;
}

.service-home-btn{
       display: flex;
    justify-content: center;
    margin-top: 30px;
}

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

.mega-menu-nav-btn{
  background: none;
}


@media (min-width: 441px) and (max-width: 766px) {
    .hero-section-div{
          height: 250px !important;
    }

   .gallery-hero-text h1{
    padding-top: 32px;
}

  .modal{
    max-height: 70vh !important;
}

.img-content-link-div{
	.heading-img-text-div h4{
		text-align: center;
	}
	.heading-img-text-div p {
    text-align: center
}
}

}


#faq-section-heading{
 text-align: center;
}