/******************************************************************
	Templater Name: Aesthetic
	Description: Aesthetic medical template
	Author: Colorib
	Author URI: https://colorlib.com/
	Version: 1.0
	Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Consultation Section
6.  Banner Section
7.  Chooseus Section
8.  Team Section
9.  Gallery
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Poppins", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	color: #666666;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

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

.section-title span {
	font-size: 15px;
	color: #888888;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.section-title h2 {
	color: #111111;
	font-weight: 700;
	margin-top: 8px;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	padding: 12px 30px 10px;
	text-transform: uppercase;
	color: #111111;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 2px solid #13a2b7;
	border-radius: 5px;
}

.primary-btn.normal-btn {
	background: #13a2b7;
	color: #ffffff;
	font-weight: 600;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	background: #13a2b7;
	font-weight: 600;
	border: none;
	border-radius: 5px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 14px 30px 12px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header.header--normal {
	border-bottom: 1px solid #f2f2f2;
}

.header__top {
	background: #0c5d69;
}

.header__top__left {
	padding: 12px 0;
}

.header__top__left li {
	font-size: 13px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 25px;
}

.header__top__left li:last-child {
	margin-right: 0;
}

.header__top__left li i {
	font-size: 15px;
	margin-right: 5px;
}

.header__top__right {
	text-align: right;
	padding: 12px 0;
}

.header__top__right a {
	font-size: 16px;
	color: #ffffff;
	display: inline-block;
	margin-right: 20px;
}

.header__top__right a:last-child {
	margin-right: 0;
}

.header__logo {
	padding: 42px 0;
}

.header__logo a {
	display: inline-block;
}

.header__menu__option {
	text-align: right;
	padding: 30px 0;
}

.header__menu {
	display: inline-block;
	margin-right: 45px;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header__menu ul li.active a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header__menu ul li:hover .dropdown {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 52px;
	width: 150px;
	background: #111111;
	text-align: left;
	padding: 2px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 15px;
	color: #111111;
	font-weight: 500;
	display: block;
	padding: 4px 0;
	text-transform: uppercase;
	position: relative;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #13a2b7;
	content: "";
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.header__btn {
	display: inline-block;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding-top: 145px;
	padding-bottom: 215px;
}

.hero__text span {
	font-size: 15px;
	font-weight: 500;
	color: #13a2b7;
	text-transform: uppercase;
	display: block;
}

.hero__text h2 {
	font-size: 48px;
	color: #111111;
	font-weight: 700;
	line-height: 60px;
	margin-top: 10px;
	margin-bottom: 35px;
}

/*---------------------
  Consultation
-----------------------*/

.consultation__form {
	padding: 50px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	margin-top: -70px;
	background: #ffffff;
}

.consultation__form .section-title {
	margin-bottom: 35px;
}

.consultation__form form input {
	font-size: 15px;
	color: #666666;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	margin-bottom: 20px;
}

.consultation__form form input::-webkit-input-placeholder {
	color: #666666;
}

.consultation__form form input::-moz-placeholder {
	color: #666666;
}

.consultation__form form input:-ms-input-placeholder {
	color: #666666;
}

.consultation__form form input::-ms-input-placeholder {
	color: #666666;
}

.consultation__form form input::placeholder {
	color: #666666;
}

.consultation__form form input:focus {
	border-color: #9d9d9d;
}

.consultation__form form .datepicker__item {
	position: relative;
}

.consultation__form form .datepicker__item i {
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 15px;
	color: #666666;
}

.consultation__form form .nice-select {
	float: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.consultation__form form .nice-select:after {
	border-bottom: 1.5px solid #666666;
	border-right: 1.5px solid #666666;
	height: 8px;
	right: 20px;
	top: 46%;
	width: 8px;
}

.consultation__form form .nice-select span {
	font-size: 15px;
	color: #666666;
}

.consultation__form form .nice-select.active,
.consultation__form form .nice-select.open,
.consultation__form form .nice-select:focus {
	border-color: #666666;
}

.consultation__form form .nice-select .list {
	width: 100%;
	margin-top: 0;
	border-radius: 5px;
}

.consultation__form form button {
	width: 100%;
}

.consultation__text {
	padding: 100px 0;
	position: relative;
}

.consultation__text:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #f2f2f2;
	content: "";
}

.consultation__text__item .section-title {
	margin-bottom: 15px;
}

.consultation__text__item .section-title h2 {
	line-height: 47px;
}

.consultation__text__item .section-title h2 b {
	font-weight: 700;
	color: #13a2b7;
}

.consultation__text__item p {
	color: #444444;
	margin-bottom: 0;
}

.consultation__video {
	height: 262px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.consultation__video .play-btn {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #13a2b7;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}

/*---------------------
  Choose Us
-----------------------*/

.chooseus {
	padding-bottom: 50px;
}

.chooseus__item {
	text-align: center;
	margin-bottom: 30px;
}

.chooseus__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	margin-top: 26px;
	margin-bottom: 16px;
}

.chooseus__item p {
	margin-bottom: 0;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-bottom: 70px;
}

.services .section-title span {
	color: #13a2b7;
}

.services .section-title h2 {
	color: #ffffff;
}

.services__btn {
	text-align: right;
}

.services__btn .primary-btn {
	color: #ffffff;
}

.services__item {
	background: #ffffff;
	padding: 45px 30px 45px 50px;
	margin-bottom: 30px;
	border-radius: 5px;
}

.services__item:hover {
	background: #13a2b7;
}

.services__item:hover .services__item__icon span {
	color: #ffffff;
}

.services__item:hover .services__item__text h5 {
	color: #ffffff;
}

.services__item:hover .services__item__text p {
	color: #ffffff;
}

.services__item__icon {
	float: left;
	margin-right: 40px;
}

.services__item__icon span {
	color: #13a2b7;
	font-size: 40px;
	display: inline-block;
	line-height: 76px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__item__icon span:before {
	font-size: 70px;
}

.services__item__text {
	overflow: hidden;
}

.services__item__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	margin-bottom: 14px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__item__text p {
	margin-bottom: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

/*---------------------
  Team
-----------------------*/

.team {
	padding-bottom: 70px;
}

.team__item {
	text-align: center;
	margin-bottom: 30px;
}

.team__item:hover img {
	border-color: #13a2b7;
}

.team__item img {
	height: 270px;
	width: 270px;
	border-radius: 50%;
	border: 10px solid #ffffff;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
	margin-bottom: 32px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.team__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	margin-bottom: 5px;
}

.team__item span {
	font-size: 15px;
	color: #13a2b7;
	display: block;
	margin-bottom: 12px;
}

.team__item .team__item__social a {
	font-size: 15px;
	color: #666666;
	display: inline-block;
	margin-right: 20px;
}

.team__item .team__item__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Gallery
-----------------------*/

.gallery {
	overflow: hidden;
}

.gallery__container {
	margin-right: -20px;
}

.gallery__container .gc__item {
	height: 338px;
	width: calc(25% - 20px);
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.gallery__container .gc__item:hover:after {
	opacity: 1;
}

.gallery__container .gc__item:hover a {
	opacity: 1;
	visibility: visible;
}

.gallery__container .gc__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(19, 161, 183, 0.5);
	content: "";
	z-index: -1;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	opacity: 0;
}

.gallery__container .gc__item a {
	font-size: 30px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.gallery__container .gc__item.gc__item__large {
	height: 696px;
}

.grid-sizer {
	width: calc(25% - 20px);
}

/*---------------------
  Latest
-----------------------*/

.latest {
	padding-top: 80px;
	padding-bottom: 70px;
}

.latest__btn {
	text-align: right;
}

.latest__item {
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
	padding: 30px;
	margin-bottom: 30px;
}

.latest__item:hover {
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}

.latest__item:hover h5 a {
	text-decoration: underline;
}

.latest__item h5 {
	margin-bottom: 10px;
}

.latest__item h5 a {
	color: #111111;
	font-weight: 600;
	line-height: 24px;
}

.latest__item ul li {
	list-style: none;
	display: inline-block;
	font-size: 13px;
	margin-right: 22px;
	color: #888888;
	position: relative;
	font-weight: 300;
}

.latest__item ul li:after {
	position: absolute;
	right: -16px;
	top: 12px;
	height: 5px;
	width: 5px;
	background: #888888;
	border-radius: 50%;
	content: "";
}

.latest__item ul li img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.latest__item ul li:last-child {
	margin-right: 0;
}

.latest__item ul li:last-child:after {
	display: none;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	background: #121c1d;
	padding-top: 40px;
}

.footer__top {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 65px;
}

.footer__logo {
	line-height: 50px;
}

.footer__logo a {
	display: inline-block;
}

.footer__newslatter form {
	position: relative;
}

.footer__newslatter form input {
	width: 100%;
	height: 50px;
	font-size: 14px;
	color: #ffffff;
	background: transparent;
	border: 1px solid #13a2b7;
	padding-left: 20px;
	border-radius: 50px;
}

.footer__newslatter form input::-webkit-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::-moz-placeholder {
	color: #ffffff;
}

.footer__newslatter form input:-ms-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::-ms-input-placeholder {
	color: #ffffff;
}

.footer__newslatter form input::placeholder {
	color: #ffffff;
}

.footer__newslatter form button {
	border-radius: 0 50px 50px 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.footer__social {
	text-align: right;
}

.footer__social a {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: rgba(255, 255, 255, 0.1);
	font-size: 18px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
}

.footer__social a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h5 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}

.footer__widget ul li {
	list-style: none;
	line-height: 30px;
}

.footer__widget ul li a {
	font-size: 14px;
	color: #c4c4c4;
	font-weight: 300;
}

.footer__address {
	margin-bottom: 30px;
}

.footer__address h5 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}

.footer__address ul li {
	list-style: none;
	font-size: 14px;
	color: #c4c4c4;
	font-weight: 300;
	margin-bottom: 38px;
}

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

.footer__address ul li i {
	font-size: 18px;
	color: #13a2b7;
	margin-right: 15px;
}

.footer__map {
	height: 190px;
	margin-bottom: 30px;
}

.footer__map iframe {
	width: 100%;
}

.footer__copyright {
	background: #12191a;
	padding: 25px 0 20px;
	margin-top: 30px;
}

.footer__copyright ul {
	text-align: right;
}

.footer__copyright ul li {
	list-style: none;
	display: inline-block;
	font-size: 14px;
	color: #c4c4c4;
	margin-right: 25px;
	font-weight: 300;
	position: relative;
}

.footer__copyright ul li:after {
	position: absolute;
	right: -18px;
	top: 9px;
	height: 4px;
	width: 4px;
	background: #c4c4c4;
	content: "";
	border-radius: 50%;
}

.footer__copyright ul li:last-child {
	margin-right: 0;
}

.footer__copyright ul li:last-child:after {
	display: none;
}

.footer__copyright__text p {
	font-size: 14px;
	color: #c4c4c4;
	font-weight: 300;
	margin-bottom: 0;
}

.footer__copyright__text p i {
	color: #13a2b7;
}

.footer__copyright__text p a {
	color: #13a2b7;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top: 70px;
	padding-bottom: 70px;
}

.breadcrumb__text h2 {
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	margin-right: 26px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -18px;
	top: 10px;
	height: 4px;
	width: 4px;
	background: #ffffff;
	content: "";
	border-radius: 50%;
}

.breadcrumb__links span {
	font-size: 15px;
	color: #13a2b7;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-bottom: 0;
}

.about .container {
	padding-bottom: 100px;
	border-bottom: 1px solid #e1e1e1;
}

.about__video {
	height: 366px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.about__video .play-btn {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #13a2b7;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}

.about__text {
	padding-left: 20px;
}

.about__text .section-title {
	margin-bottom: 25px;
}

.about__text p {
	margin-bottom: 25px;
}

.about__text ul {
	margin-bottom: 25px;
}

.about__text ul li {
	list-style: none;
	font-size: 15px;
	color: #666666;
	line-height: 36px;
}

.about__text ul li i {
	color: #13a2b7;
	font-size: 15px;
	margin-right: 6px;
}

/*---------------------
  Testimonials
-----------------------*/

.testimonials {
	overflow: hidden;
	background: #f2f7f8;
	padding-bottom: 90px;
}

.testimonials .section-title {
	margin-bottom: 15px;
}

.testimonial__item {
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 61, 85, 0.1);
	box-shadow: 0px 5px 20px rgba(0, 61, 85, 0.1);
	border-radius: 10px;
	position: relative;
	padding: 40px 40px 30px 40px;
}

.testimonial__item .rating {
	position: absolute;
	right: 40px;
	top: 52px;
}

.testimonial__item .rating i {
	font-size: 13px;
	color: #e4c870;
}

.testimonial__item p {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 0;
}

.testimonial__author {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 20px;
}

.testimonial__author__icon {
	height: 50px;
	width: 50px;
	background: #13a2b7;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}

.testimonial__author__text {
	overflow: hidden;
	padding-top: 4px;
}

.testimonial__author__text h5 {
	color: #111111;
	font-weight: 600;
}

.testimonial__author__text span {
	font-size: 13px;
	color: #888888;
}

.testimonial__slider .col-lg-6 {
	max-width: 100%;
}

.testimonial__slider.owl-carousel .owl-stage-outer {
	padding-top: 30px;
	padding-bottom: 40px;
	overflow: visible;
}

.testimonial__slider .owl-dots {
	text-align: center;
}

.testimonial__slider .owl-dots button {
	height: 10px;
	width: 10px;
	background: #d2d2d2;
	border-radius: 50%;
	margin-right: 6px;
}

.testimonial__slider .owl-dots button.active {
	background: #9c9c9c;
}

.testimonial__slider .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Services
-----------------------*/

.services__title h4 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 25px;
}

.services__title h4 img {
	margin-right: 5px;
}

.services__accordion {
	margin-bottom: 60px;
}

.services__accordion .accordion {
	border: 1px solid #eaf4f6;
	border-radius: 10px;
	padding-bottom: 15px;
}

.services__accordion .card {
	border: none;
}

.services__accordion .card:last-child .card-body {
	padding-bottom: 0;
	margin-bottom: 0;
}

.services__accordion .card:last-child .card-body ul {
	border-bottom: none;
	padding-bottom: 0;
}

.services__accordion .card-heading {
	padding: 10px 30px;
	margin-bottom: -6px;
	cursor: pointer;
	background: transparent;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.services__accordion .card-heading.active {
	background: #f2f7f8;
}

.services__accordion .card-heading.active a {
	color: #111111;
	display: block;
}

.services__accordion .card-heading a {
	color: #666666;
	font-size: 15px;
}

.services__accordion .card-body {
	padding: 0 30px;
	margin-bottom: 12px;
}

.services__accordion .card-body ul {
	border-bottom: 1px solid #e1e1e1;
	padding: 24px 0 18px;
}

.services__accordion .card-body ul li {
	list-style: none;
}

.services__accordion .card-body ul li a {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__accordion .card-body ul li a:hover {
	color: #13a2b7;
}

.services__accordion .card-heading a:after,
.services__accordion .card-heading>a.active[aria-expanded=false]:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	color: #111111;
	position: absolute;
	right: 28px;
	top: 11px;
}

.services__accordion .card-heading.active a:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	color: #111111;
	position: absolute;
	right: 28px;
	top: 8px;
}

.services__accordion .card-heading a[aria-expanded=true]:after,
.services__accordion .card-heading>a.active:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	font-weight: 400;
	color: #111111;
	position: absolute;
	right: 28px;
	top: 11px;
}

.services__appoinment form input {
	font-size: 15px;
	color: #666666;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	margin-bottom: 20px;
}

.services__appoinment form input::-webkit-input-placeholder {
	color: #666666;
}

.services__appoinment form input::-moz-placeholder {
	color: #666666;
}

.services__appoinment form input:-ms-input-placeholder {
	color: #666666;
}

.services__appoinment form input::-ms-input-placeholder {
	color: #666666;
}

.services__appoinment form input::placeholder {
	color: #666666;
}

.services__appoinment form input:focus {
	border-color: #9d9d9d;
}

.services__appoinment form .datepicker__item {
	position: relative;
}

.services__appoinment form .datepicker__item i {
	position: absolute;
	right: 20px;
	top: 18px;
	font-size: 15px;
	color: #666666;
}

.services__appoinment form .nice-select {
	float: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.services__appoinment form .nice-select:after {
	border-bottom: 1.5px solid #666666;
	border-right: 1.5px solid #666666;
	height: 8px;
	right: 20px;
	top: 46%;
	width: 8px;
}

.services__appoinment form .nice-select span {
	font-size: 15px;
	color: #666666;
}

.services__appoinment form .nice-select.active,
.services__appoinment form .nice-select.open,
.services__appoinment form .nice-select:focus {
	border-color: #666666;
}

.services__appoinment form .nice-select .list {
	width: 100%;
	margin-top: 0;
	border-radius: 5px;
}

.services__appoinment form button {
	width: 100%;
}

.services__details {
	padding-left: 30px;
}

.services__details__title span {
	font-size: 15px;
	color: #13a2b7;
}

.services__details__title h3 {
	color: #111111;
	font-weight: 600;
	margin-top: 5px;
}

.services__details__widget {
	text-align: right;
}

.services__details__widget .rating i {
	font-size: 13px;
	color: #e4c870;
}

.services__details__widget h3 {
	color: #13a2b7;
	font-weight: 600;
	margin-top: 10px;
}

.services__details__pic {
	margin-top: 35px;
	margin-bottom: 35px;
}

.services__details__pic img {
	min-width: 100%;
}

.services__details__text {
	margin-bottom: 40px;
}

.services__details__text p {
	margin-bottom: 25px;
}

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

.services__details__item__pic {
	margin-left: -7.5px;
	margin-right: -7.5px;
	margin-bottom: 15px;
}

.services__details__item__pic img {
	min-width: 100%;
}

.services__details__desc {
	margin-top: 12px;
}

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

.services__details__feature {
	margin-bottom: 25px;
}

.services__details__feature li {
	list-style: none;
	font-size: 15px;
	color: #666666;
	line-height: 36px;
}

.services__details__feature li i {
	color: #13a2b7;
	font-size: 15px;
	margin-right: 6px;
}

/*---------------------
  Pricing
-----------------------*/

.pricing {
	padding-bottom: 60px;
}

.pricing__item {
	text-align: center;
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.1);
	box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.1);
	padding: 0 0 50px;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
	border-radius: 10px;
	margin-bottom: 40px;
}

.pricing__item:hover {
	-webkit-box-shadow: 0px 5px 35px rgba(0, 61, 85, 0.15);
	box-shadow: 0px 5px 35px rgba(0, 61, 85, 0.15);
	margin-top: -20px;
	padding-bottom: 70px;
}

.pricing__item:hover .pricing__item__title {
	background: #13a2b7;
	padding-top: 62px;
}

.pricing__item:hover .pricing__item__title p {
	color: #ffffff;
}

.pricing__item:hover .pricing__item__title h3 {
	color: #ffffff;
}

.pricing__item:hover .pricing__item__title h3 span {
	color: #ffffff;
}

.pricing__item:hover .primary-btn {
	background: #13a2b7;
	color: #ffffff;
}

.pricing__item ul {
	margin-bottom: 42px;
	margin-top: 50px;
}

.pricing__item ul li {
	list-style: none;
	margin-bottom: 25px;
}

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

.pricing__item ul li h6 {
	font-size: 15px;
	color: #888888;
	margin-bottom: 5px;
}

.pricing__item ul li span {
	font-size: 15px;
	color: #111111;
	display: block;
}

.pricing__item .primary-btn {
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.pricing__item__title {
	background: #f2f7f8;
	padding: 42px 0;
	border-radius: 10px 10px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.pricing__item__title p {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.pricing__item__title h3 {
	color: #13a2b7;
	font-weight: 700;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.pricing__item__title h3 span {
	color: #111111;
	font-weight: 500;
	display: block;
	font-size: 15px;
	margin-top: 12px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

/*---------------------
  Doctor
-----------------------*/

.doctor__item {
	padding-bottom: 65px;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 65px;
}

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

.doctor__item__pic {
	text-align: center;
}

.doctor__item__pic img {
	height: 470px;
	width: 470px;
	border-radius: 50%;
	border: 10px solid #ffffff;
	-webkit-box-shadow: 0px 3px 10px rgba(48, 68, 78, 0.2);
	box-shadow: 0px 3px 10px rgba(48, 68, 78, 0.2);
}

.doctor__item__text {
	padding-top: 25px;
}

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

.doctor__item__text span {
	color: #13a2b7;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	margin-bottom: 6px;
}

.doctor__item__text h2 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.doctor__item__text ul {
	margin-bottom: 30px;
}

.doctor__item__text ul li {
	list-style: none;
	font-size: 15px;
	color: #666666;
	line-height: 36px;
}

.doctor__item__text ul li i {
	color: #13a2b7;
	font-size: 15px;
	margin-right: 6px;
}

.doctor__item__social a {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #f2f7f8;
	font-size: 18px;
	color: #111111;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
}

.doctor__item__social a:last-child {
	margin-right: 0;
}

/*---------------------
    Blog
-----------------------*/

.blog__item {
	margin-bottom: 40px;
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.07);
	box-shadow: 0px 5px 15px rgba(0, 61, 85, 0.07);
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.blog__item:hover {
	-webkit-box-shadow: 0px 5px 35px rgba(0, 61, 85, 0.15);
	box-shadow: 0px 5px 35px rgba(0, 61, 85, 0.15);
}

.blog__item:hover .blog__item__text h5 a {
	text-decoration: underline;
}

.blog__item__pic img {
	min-width: 100%;
}

.blog__item__text {
	padding: 25px 30px 25px;
}

.blog__item__text h5 {
	margin-bottom: 18px;
}

.blog__item__text h5 a {
	color: #111111;
	font-weight: 600;
	line-height: 24px;
}

.blog__item__text ul li {
	list-style: none;
	display: inline-block;
	font-size: 13px;
	margin-right: 22px;
	color: #888888;
	position: relative;
	font-weight: 300;
}

.blog__item__text ul li:after {
	position: absolute;
	right: -16px;
	top: 12px;
	height: 5px;
	width: 5px;
	background: #888888;
	border-radius: 50%;
	content: "";
}

.blog__item__text ul li img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li:last-child:after {
	display: none;
}

.load__more {
	margin-top: 10px;
}

/*---------------------
  Blog Details
-----------------------*/

.blog__details__hero {
	padding: 200px 0;
	margin-bottom: 60px;
}

.blog__hero__text h2 {
	color: #ffffff;
	font-weight: 600;
	line-height: 47px;
	margin-bottom: 20px;
}

.blog__hero__text ul li {
	list-style: none;
	display: inline-block;
	font-size: 13px;
	margin-right: 22px;
	color: #ffffff;
	position: relative;
	font-weight: 300;
}

.blog__hero__text ul li:after {
	position: absolute;
	right: -16px;
	top: 12px;
	height: 5px;
	width: 5px;
	background: #ffffff;
	border-radius: 50%;
	content: "";
}

.blog__hero__text ul li img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__hero__text ul li:last-child:after {
	display: none;
}

.blog__details__social {
	position: absolute;
	left: -64px;
}

.blog__details__social a {
	display: block;
	height: 40px;
	width: 40px;
	background: #f2f7f8;
	font-size: 16px;
	color: #111111;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 10px;
}

.blog__details__social a:last-child {
	margin-bottom: 0;
}

.blog__details__text {
	margin-bottom: 20px;
}

.blog__details__text__item {
	margin-bottom: 35px;
}

.blog__details__text__item:last-child {
	margin-bottom: 0;
}

.blog__details__text__item h5 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 12px;
}

.blog__details__text__item p {
	color: #444444;
	margin-bottom: 0;
}

.blog__details__desc,
.blog__details__desc__more {
	margin-bottom: 50px;
}

.blog__details__desc p,
.blog__details__desc__more p {
	margin-bottom: 0;
	color: #444444;
}

.blog__details__pic {
	margin-bottom: 10px;
}

.blog__details__pic img {
	min-width: 100%;
	margin-bottom: 30px;
}

.blog__details__desc__more {
	margin-bottom: 30px;
}

.blog__details__tag {
	padding-top: 10px;
	padding-bottom: 60px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 50px;
}

.blog__details__tag p {
	color: #111111;
	margin-bottom: 0;
	display: inline-block;
	margin-right: 20px;
}

.blog__details__tag p i {
	color: #13a2b7;
}

.blog__details__tag a {
	display: inline-block;
	font-size: 15px;
	color: #666666;
	background: #f2f7f8;
	border-radius: 5px;
	padding: 8px 15px;
	margin-right: 11px;
}

.blog__details__tag a:last-child {
	margin-right: 0;
}

.blog__details__btns {
	margin-bottom: 50px;
}

.blog__details__btn__item {
	display: block;
	overflow: hidden;
}

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

.blog__details__btn__item.blog__details__btn__prev .title i {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__btn__item.blog__details__btn__prev .blog__details__btn__pic {
	float: right;
	margin-right: 0;
	margin-left: 25px;
}

.blog__details__btn__item .title {
	font-size: 15px;
	color: #111111;
	font-weight: 600;
	margin-bottom: 25px;
}

.blog__details__btn__item .title i {
	margin-right: 5px;
	font-size: 18px;
	font-weight: 600;
}

.blog__details__btn__pic {
	float: left;
	margin-right: 25px;
}

.blog__details__btn__text {
	overflow: hidden;
}

.blog__details__btn__text h6 {
	color: #111111;
	line-height: 21px;
	font-weight: 600;
	margin-bottom: 4px;
}

.blog__details__btn__text span {
	font-size: 13px;
	color: #878787;
}

.blog__details__related h3 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}

.blog__details__related .blog__item__text {
	padding: 25px 25px 20px;
}

.blog__details__related .blog__item__text h5 {
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 0;
}

.blog__details__related .blog__item__text span {
	font-size: 13px;
	color: #888888;
	font-weight: 300;
}

.blog__details__comment {
	padding-top: 10px;
}

.blog__details__comment h3 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 35px;
	text-align: center;
}

.blog__details__comment form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding-left: 20px;
	font-size: 15px;
	color: #666666;
	margin-bottom: 30px;
}

.blog__details__comment form input::-webkit-input-placeholder {
	color: #666666;
}

.blog__details__comment form input::-moz-placeholder {
	color: #666666;
}

.blog__details__comment form input:-ms-input-placeholder {
	color: #666666;
}

.blog__details__comment form input::-ms-input-placeholder {
	color: #666666;
}

.blog__details__comment form input::placeholder {
	color: #666666;
}

.blog__details__comment form textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding-left: 20px;
	font-size: 15px;
	color: #666666;
	padding-top: 12px;
	resize: none;
	margin-bottom: 24px;
}

.blog__details__comment form textarea::-webkit-input-placeholder {
	color: #666666;
}

.blog__details__comment form textarea::-moz-placeholder {
	color: #666666;
}

.blog__details__comment form textarea:-ms-input-placeholder {
	color: #666666;
}

.blog__details__comment form textarea::-ms-input-placeholder {
	color: #666666;
}

.blog__details__comment form textarea::placeholder {
	color: #666666;
}

.blog__details__comment form button {
	width: 100%;
}

/*---------------------
  Contact
-----------------------*/

.contact__widget {
	margin-bottom: 30px;
}

.contact__widget__icon {
	height: 70px;
	width: 70px;
	background: #f2f7f8;
	border-radius: 50%;
	line-height: 70px;
	text-align: center;
	font-size: 30px;
	color: #13a2b7;
	float: left;
	margin-right: 30px;
}

.contact__widget__text {
	overflow: hidden;
	padding-top: 8px;
}

.contact__widget__text h5 {
	font-size: 20px;
	font-weight: 600;
	color: #111111;
	margin-bottom: 5px;
}

.contact__widget__text p {
	font-weight: 300;
	margin-bottom: 0;
}

.contact__content {
	padding-top: 70px;
}

.contact__pic img {
	min-width: 100%;
	-webkit-box-shadow: 0px 3px 15px rgba(0, 61, 85, 0.1);
	box-shadow: 0px 3px 15px rgba(0, 61, 85, 0.1);
}

.contact__form h3 {
	color: #111111;
	font-weight: 600;
	margin-bottom: 35px;
}

.contact__form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding-left: 20px;
	font-size: 15px;
	color: #666666;
	margin-bottom: 20px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.contact__form form input::-webkit-input-placeholder {
	color: #666666;
}

.contact__form form input::-moz-placeholder {
	color: #666666;
}

.contact__form form input:-ms-input-placeholder {
	color: #666666;
}

.contact__form form input::-ms-input-placeholder {
	color: #666666;
}

.contact__form form input::placeholder {
	color: #666666;
}

.contact__form form input:focus {
	border-color: #9d9d9d;
}

.contact__form form textarea {
	width: 100%;
	height: 110px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding-left: 20px;
	font-size: 15px;
	color: #666666;
	padding-top: 12px;
	resize: none;
	margin-bottom: 14px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #666666;
}

.contact__form form textarea::-moz-placeholder {
	color: #666666;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #666666;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #666666;
}

.contact__form form textarea::placeholder {
	color: #666666;
}

.contact__form form textarea:focus {
	border-color: #9d9d9d;
}

.contact__form form button {
	width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu {
		margin-right: 25px;
	}
	.header__menu ul li {
		margin-right: 25px;
	}
	.header__top__left li {
		margin-right: 10px;
	}
	.consultation__form {
		padding: 40px 25px;
	}
	.footer__newslatter form button {
		padding: 14px 15px 12px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #222;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #323232;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 35px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav {
		display: block !important;
	}
	.slicknav_arrow i {
		font-size: 17px;
		position: relative;
		top: 2px;
	}
	.offcanvas__logo {
		margin-bottom: 25px;
	}
	.offcanvas__btn {
		margin-bottom: 30px;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget li {
		font-size: 15px;
		color: #111111;
		list-style: none;
		line-height: 30px;
	}
	.offcanvas__widget li i {
		color: #13a2b7;
		font-size: 15px;
		margin-right: 5px;
	}
	.offcanvas__social a {
		font-size: 16px;
		color: #111111;
		display: inline-block;
		margin-right: 20px;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.header__top {
		display: none;
	}
	.header__menu__option {
		display: none;
	}
	.header__right {
		display: none;
	}
	.header .container {
		position: relative;
	}
	.header__btn {
		display: none;
	}
	.consultation__text__item {
		margin-bottom: 40px;
	}
	.footer__logo {
		margin-bottom: 30px;
	}
	.footer__newslatter {
		margin-bottom: 30px;
	}
	.footer__social {
		text-align: center;
	}
	.footer__copyright__text p {
		margin-bottom: 10px;
		text-align: center;
	}
	.footer__copyright ul {
		text-align: center;
	}
	.services__item {
		padding: 35px 30px 35px 30px;
	}
	.testimonial__item .rating {
		position: relative;
		right: 0;
		top: 0;
		margin-bottom: 15px;
	}
	.services__sidebar {
		padding-top: 50px;
	}
	.services__details {
		padding-left: 0;
	}
	.doctor__item__text {
		text-align: center;
		padding-top: 40px;
	}
	.doctor__item__text.doctor__item__text--left {
		text-align: center;
	}
	.blog__details__social {
		position: relative;
		left: 0;
		margin-bottom: 30px;
	}
	.blog__details__social a {
		display: inline-block;
		margin-right: 6px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #222;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #323232;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 35px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -280px;
		width: 280px;
		height: 100%;
		background: #ffffff;
		padding: 50px 20px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #111111;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #111111;
	}
	.slicknav_nav {
		display: block !important;
	}
	.slicknav_arrow i {
		font-size: 17px;
		position: relative;
		top: 2px;
	}
	.offcanvas__logo {
		margin-bottom: 25px;
	}
	.offcanvas__btn {
		margin-bottom: 30px;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget li {
		font-size: 15px;
		color: #111111;
		list-style: none;
		line-height: 30px;
	}
	.offcanvas__widget li i {
		color: #13a2b7;
		font-size: 15px;
		margin-right: 5px;
	}
	.offcanvas__social a {
		font-size: 16px;
		color: #111111;
		display: inline-block;
		margin-right: 20px;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.header__top {
		display: none;
	}
	.header__menu__option {
		display: none;
	}
	.header__right {
		display: none;
	}
	.header .container {
		position: relative;
	}
	.header__btn {
		display: none;
	}
	.consultation__text__item {
		margin-bottom: 40px;
	}
	.footer__logo {
		margin-bottom: 30px;
		text-align: center;
	}
	.footer__newslatter {
		margin-bottom: 30px;
	}
	.footer__social {
		text-align: center;
	}
	.footer__copyright__text p {
		margin-bottom: 10px;
		text-align: center;
	}
	.footer__copyright ul {
		text-align: center;
	}
	.about__video {
		margin-bottom: 40px;
	}
	.services__sidebar {
		padding-top: 50px;
	}
	.services__details {
		padding-left: 0;
	}
	.doctor__item__text {
		text-align: center;
		padding-top: 40px;
	}
	.doctor__item__text.doctor__item__text--left {
		text-align: center;
	}
	.services__btn {
		text-align: left;
		margin-bottom: 30px;
	}
	.latest__btn {
		text-align: left;
		margin-bottom: 30px;
	}
	.services__details__widget {
		text-align: left;
		margin-top: 20px;
	}
	.contact__pic {
		margin-bottom: 40px;
	}
	.team__item img {
		height: auto;
		width: auto;
	}
	.doctor__item__pic img {
		height: auto;
		width: auto;
	}
	.gallery__container .gc__item {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.grid-sizer {
		width: 100%;
	}
	.gallery__container {
		margin-right: 0;
	}
	.blog__details__social {
		position: relative;
		left: 0;
		margin-bottom: 30px;
	}
	.blog__details__social a {
		display: inline-block;
		margin-right: 6px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__text h2 {
		font-size: 34px;
		line-height: 46px;
	}
	.consultation__form .section-title h2 {
		font-size: 24px;
	}
	.consultation__form {
		padding: 40px 25px;
	}
	.services__item {
		padding: 45px 25px 45px;
	}
	.services__item__icon {
		float: none;
		margin-bottom: 25px;
	}
	.footer__newslatter form button {
		padding: 14px 15px 12px;
	}
	.testimonial__item .rating {
		position: relative;
		right: 0;
		top: 0;
		margin-bottom: 15px;
	}
	.blog__details__tag a {
		margin-bottom: 10px;
	}
	.blog__details__btn__item.blog__details__btn__prev {
		margin-top: 35px;
	}
	.footer__newslatter form {
		text-align: center;
	}
	.footer__newslatter form input {
		margin-bottom: 15px;
		padding-right: 20px;
	}
	.footer__newslatter form button {
		position: relative;
		border-radius: 50px;
		padding: 14px 30px 12px;
	}
}
/* =========================================================
   SHRI AESTHETICS OVERRIDES
   Homepage refinement - keep original template responsive system
   ========================================================= */
.header__logo {
    padding: 18px 0;
    line-height: 0;
}

.header__logo img {
    display: block;
    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 68px;
    object-fit: contain;
}

.header__menu__option {
    padding: 20px 0;
}

.header__menu ul li {
    margin-right: 28px;
}

.header__menu ul li a {
    font-size: 14px;
}

.header__btn .primary-btn {
    padding: 12px 24px;
}

.hero {
    min-height: 500px;
    display: flex;
    align-items: center;
    padding-top: 90px;
    padding-bottom: 90px;
}

.hero__text {
    max-width: 590px;
}

.hero__text h2 {
    font-size: 46px;
    line-height: 1.18;
    margin-bottom: 22px;
}

.hero__text p {
    max-width: 520px;
    margin-bottom: 28px;
}

.consultation__form {
    margin-top: -55px;
}

.services__item {
    transition: transform .25s ease, box-shadow .25s ease;
}

.services__item:hover {
    transform: translateY(-3px);
}

.footer__logo img {
    width: auto;
    max-width: 150px;
    height: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__menu ul li {
        margin-right: 18px;
    }

    .header__menu ul li a {
        font-size: 13px;
    }

    .header__logo img {
        max-width: 135px;
    }

    .hero__text h2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 991px) {
    .header__logo {
        padding: 18px 0;
    }

    .header__logo img {
        max-width: 135px;
        max-height: 60px;
    }

    .header__menu__option {
        display: none;
    }

    .canvas__open {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        cursor: pointer;
    }

    .hero {
        min-height: 460px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hero__text h2 {
        font-size: 40px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 767px) {
    .header__logo img {
        max-width: 120px;
        max-height: 55px;
    }

    .header__top__left li {
        display: block;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .header__top__right {
        display: none;
    }

    .hero {
        min-height: 440px;
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .hero__text h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    .hero__text p {
        font-size: 14px;
    }

    .consultation__form {
        margin-top: 0;
        padding: 30px 22px;
    }
}

@media only screen and (max-width: 479px) {
    .header__logo img {
        max-width: 108px;
        max-height: 48px;
    }

    .hero__text h2 {
        font-size: 29px;
    }
}


/* =========================================================
   SHRI AESTHETICS - CONTROLLED LAYOUT REFINEMENT
   Step 3: header, logo, hero, spacing and responsive fixes
   ========================================================= */

.header__logo {
    padding: 18px 0 16px;
}

.header__logo img {
    width: 132px;
    max-width: 100%;
    height: auto;
    display: block;
}

.header__menu__option {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__menu ul li {
    margin-right: 30px;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.header__btn .primary-btn {
    padding: 12px 24px;
    white-space: nowrap;
}

.hero {
    min-height: 560px;
    display: flex;
    align-items: center;
}

.hero__text {
    padding: 70px 0;
}

.hero__text span {
    letter-spacing: 1.5px;
}

.hero__text h2 {
    font-size: 46px;
    line-height: 1.16;
    margin-bottom: 24px;
}

.consultation {
    padding-top: 75px;
    padding-bottom: 75px;
}

.consultation__form {
    padding: 34px 32px;
}

.consultation__text {
    padding-left: 25px;
}

.consultation__video {
    min-height: 330px;
}

.chooseus {
    padding-top: 75px;
    padding-bottom: 75px;
}

.chooseus__item {
    padding: 28px 18px 12px;
}

.services {
    padding-top: 78px;
    padding-bottom: 78px;
}

.services__item {
    min-height: 150px;
}

.team {
    padding-top: 75px;
    padding-bottom: 75px;
}

.latest {
    padding-top: 72px;
    padding-bottom: 72px;
}

/* Keep the main content visually compact on large screens */
.section-title {
    margin-bottom: 28px;
}

@media (max-width: 1199px) {
    .header__menu ul li {
        margin-right: 19px;
    }

    .header__logo img {
        width: 124px;
    }

    .hero__text h2 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .header__logo {
        padding: 12px 0;
    }

    .header__logo img {
        width: 118px;
    }

    .header__menu__option {
        min-height: 76px;
    }

    .hero {
        min-height: 500px;
    }

    .hero__text {
        padding: 55px 0;
    }

    .hero__text h2 {
        font-size: 38px;
    }

    .consultation__text {
        padding-left: 0;
        padding-top: 35px;
    }
}

@media (max-width: 767px) {
    .header__logo img {
        width: 110px;
    }

    .hero {
        min-height: 460px;
    }

    .hero__text {
        padding: 45px 0;
    }

    .hero__text h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .consultation,
    .chooseus,
    .services,
    .team {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .consultation__form {
        padding: 26px 22px;
    }

    .services__item {
        min-height: 0;
        margin-bottom: 22px;
    }
}

@media (max-width: 575px) {
    .header__logo img {
        width: 102px;
    }

    .hero {
        min-height: 430px;
    }

    .hero__text h2 {
        font-size: 29px;
    }

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


/* =========================================================
   SHRI AESTHETICS - STEP 4 POLISH
   Focus: header, hero, consultation and treatments
   ========================================================= */

/* ---------- Header ---------- */
.header__top {
    background: #f7f5ef;
    border-bottom: 1px solid #e8e3d7;
}

.header__top__left li {
    color: #66615a;
    font-size: 12px;
}

.header__top__left li i {
    color: #9a8650;
}

.header__top__right a {
    color: #777;
    transition: .2s ease;
}

.header__top__right a:hover {
    color: #9a8650;
}

.header {
    background: #fff;
    position: relative;
    z-index: 100;
}

.header__logo {
    padding: 14px 0;
    display: flex;
    align-items: center;
}

.header__logo img {
    width: 120px;
    height: auto;
    display: block;
}

.header__menu__option {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__menu > ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.header__menu ul li {
    margin-right: 25px;
}

.header__menu ul li a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .1px;
}

.header__btn .primary-btn {
    padding: 11px 22px;
    font-size: 12px;
    letter-spacing: .3px;
}

/* ---------- Hero ---------- */
.hero {
    min-height: 560px;
    display: flex;
    align-items: center;
    background-position: center center;
}

.hero__text {
    max-width: 560px;
    padding: 58px 0;
}

.hero__text span {
    display: block;
    margin-bottom: 12px;
    color: #9a8650;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.hero__text h2 {
    margin-bottom: 22px;
    font-size: 46px;
    line-height: 1.13;
    font-weight: 500;
    letter-spacing: -.5px;
}

.hero__text p {
    max-width: 500px;
    margin-bottom: 27px;
    font-size: 15px;
    line-height: 1.8;
}

.hero__text .primary-btn {
    padding: 13px 26px;
}

/* ---------- Consultation ---------- */
.consultation {
    position: relative;
    padding: 72px 0;
    background: #fff;
}

.consultation__form {
    padding: 32px 30px;
    background: #f7f5ef;
    border: 1px solid #ebe6dc;
}

.consultation__form .section-title {
    margin-bottom: 22px;
}

.consultation__form input,
.consultation__form select {
    height: 48px;
    margin-bottom: 12px;
    border: 1px solid #ddd8ce;
    background: #fff;
}

.consultation__form .site-btn {
    width: 100%;
    margin-top: 4px;
}

.consultation__text {
    padding-left: 30px;
}

.consultation__text__item {
    padding-right: 15px;
}

.consultation__text__item p {
    margin-top: 16px;
    line-height: 1.8;
}

.consultation__video {
    min-height: 315px;
}

/* ---------- Section titles ---------- */
.section-title span {
    color: #9a8650;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.section-title h2 {
    margin-top: 7px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 500;
}

/* ---------- Why choose us ---------- */
.chooseus {
    padding: 70px 0;
    background: #f7f5ef;
}

.chooseus__item {
    height: 100%;
    padding: 28px 22px 24px;
    background: #fff;
    border: 1px solid #ebe6dc;
    text-align: center;
    transition: transform .25s ease, box-shadow .25s ease;
}

.chooseus__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(55,45,30,.08);
}

.chooseus__item img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-bottom: 18px;
}

.chooseus__item h5 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.chooseus__item p {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
}

/* ---------- Treatments ---------- */
.services {
    padding: 74px 0 76px;
    background-position: center center;
}

.services__btn {
    padding-top: 5px;
    text-align: right;
}

.services__item {
    display: flex;
    align-items: flex-start;
    min-height: 145px;
    margin-bottom: 20px;
    padding: 25px 24px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(220,214,202,.9);
    transition: transform .25s ease, box-shadow .25s ease;
}

.services__item:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(55,45,30,.09);
}

.services__item__icon {
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    margin-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1ede3;
    color: #9a8650;
    border-radius: 50%;
    font-size: 25px;
}

.services__item__text h5 {
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 600;
}

.services__item__text p {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
}

/* ---------- Compact desktop spacing ---------- */
.team,
.latest {
    padding-top: 68px;
    padding-bottom: 68px;
}

.gallery {
    margin: 0;
}

/* ---------- Tablet ---------- */
@media (max-width: 991px) {
    .header__logo img {
        width: 112px;
    }

    .header__menu ul li {
        margin-right: 14px;
    }

    .header__menu ul li a {
        font-size: 13px;
    }

    .hero {
        min-height: 500px;
    }

    .hero__text h2 {
        font-size: 40px;
    }

    .consultation__text {
        padding-left: 0;
        padding-top: 35px;
    }

    .services__item {
        min-height: 0;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    .header__top {
        display: none;
    }

    .header__logo {
        padding: 11px 0;
    }

    .header__logo img {
        width: 104px;
    }

    .header__menu__option {
        min-height: 66px;
    }

    .hero {
        min-height: 450px;
    }

    .hero__text {
        padding: 45px 0;
    }

    .hero__text h2 {
        font-size: 32px;
    }

    .consultation,
    .chooseus,
    .services {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .consultation__text {
        padding-top: 30px;
    }

    .services__btn {
        padding-top: 0;
        padding-bottom: 20px;
        text-align: left;
    }

    .services__item {
        padding: 22px 20px;
    }
}

@media (max-width: 575px) {
    .hero {
        min-height: 410px;
    }

    .hero__text h2 {
        font-size: 29px;
    }

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

    .services__item__icon {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        margin-right: 14px;
    }
}


/* =========================================================
   SHRI AESTHETICS - STEP 5
   ICON RENDERING FALLBACK
   ========================================================= */

/* If a supplied Flaticon glyph is unavailable, these simple
   CSS-drawn symbols prevent blank icon boxes. */
.chooseus__item .icon-fallback {
    width: 48px;
    height: 48px;
    margin: 0 auto 18px;
    border: 1px solid #c6b27a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9a8650;
    font-size: 20px;
    line-height: 1;
}

.services__item__icon {
    overflow: hidden;
}

.services__item__icon i,
.services__item__icon span {
    line-height: 1;
}

/* Font Awesome should inherit the correct font even when the
   surrounding template styles are overridden. */
.fa,
.fas,
.far,
.fab {
    font-style: normal;
}

/* Prevent broken/missing icon glyphs from creating odd spacing. */
.header__top__left li i,
.header__top__right a i,
.offcanvas__widget li i,
.offcanvas__social a i,
.footer__address li i,
.footer__social a i {
    display: inline-block;
    width: 1em;
    text-align: center;
}


/* Treatments dropdown indicator */
.header__menu > ul > li:has(> ul.dropdown) > a::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 11px;
    margin-left: 7px;
    position: relative;
    top: -1px;
}

@media (max-width: 991px) {
    .header__menu > ul > li:has(> ul.dropdown) > a::after {
        margin-left: 5px;
    }
}

/* Treatments dropdown indicator */
.header__menu > ul > li:has(> ul.dropdown) > a::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 11px;
    margin-left: 7px;
    position: relative;
    top: -1px;
}

/* Contact & Appointment forms */
.contact-form input,.contact-form textarea,.contact-form select,.appointment-form input,.appointment-form textarea,.appointment-form select{width:100%;}
@media(max-width:767px){.consultation{padding:50px 0!important;}.consultation [style*="padding:32px"]{padding:22px!important;}}


/* FINAL FIX: Shri Aesthetics inner-page breadcrumb */
.breadcrumb-option {
    position: relative !important;
    padding: 0 !important;
    min-height: 300px !important;
    height: 300px !important;
    display: flex !important;
    align-items: center !important;
    background-image: linear-gradient(rgba(35, 39, 31, 0.48), rgba(35, 39, 31, 0.48)), url("../img/breadcrumb-bg.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.breadcrumb-option .breadcrumb__text {
    padding: 0 !important;
    text-align: left !important;
}
.breadcrumb-option .breadcrumb__text > span {
    display: block !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px !important;
    margin-bottom: 10px !important;
}
.breadcrumb-option .breadcrumb__text h2 {
    color: #ffffff !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    margin: 0 0 18px !important;
}
.breadcrumb-option .breadcrumb__links a {
    color: #ffffff !important;
    font-size: 14px !important;
}
.breadcrumb-option .breadcrumb__links a:after {
    background: #ffffff !important;
}
.breadcrumb-option .breadcrumb__links span {
    color: #d7d3a3 !important;
    font-size: 14px !important;
}
@media (max-width: 767px) {
    .breadcrumb-option {
        min-height: 230px !important;
        height: 230px !important;
    }
    .breadcrumb-option .breadcrumb__text h2 {
        font-size: 28px !important;
    }
}


/* =========================================================
   FINAL MOBILE HEADER FIX
   Hide desktop navigation at tablet/mobile widths and use
   the existing off-canvas hamburger menu.
   ========================================================= */
@media only screen and (max-width: 991px) {
    .header .container {
        position: relative;
    }

    .header .row {
        min-height: 78px;
    }

    .header__logo {
        padding: 10px 0 !important;
    }

    .header__logo img {
        width: 112px !important;
        max-width: 112px !important;
        max-height: none !important;
        height: auto !important;
    }

    /* IMPORTANT: the later desktop refinement was overriding
       the original display:none rule. */
    .header__menu__option {
        display: none !important;
        min-height: 0 !important;
    }

    .header__menu,
    .header__btn {
        display: none !important;
    }

    .canvas__open {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 52px;
        height: 52px;
        border: 1px solid #222;
        background: #fff;
        color: #222;
        font-size: 25px;
        line-height: 1;
        cursor: pointer;
        z-index: 999;
    }
}

@media only screen and (max-width: 767px) {
    .header .row {
        min-height: 72px;
    }

    .header__logo {
        padding: 8px 0 !important;
    }

    .header__logo img {
        width: 104px !important;
        max-width: 104px !important;
    }

    .canvas__open {
        width: 46px;
        height: 46px;
        right: 12px !important;
        font-size: 22px;
    }
}

/* Keep the slicknav menu available only inside the off-canvas panel.
   The normal desktop navigation remains hidden on mobile. */
@media only screen and (min-width: 992px) {
    .canvas__open {
        display: none !important;
    }

    .slicknav_menu {
        display: none !important;
    }
}

/* Final Shri Aesthetics navigation */
.header__menu > ul > li.has-dropdown { position: relative; }
.header__menu > ul > li.has-dropdown > a .nav-arrow { color:#159eb2; font-size:14px; margin-left:5px; }
.header__menu > ul > li.has-dropdown > ul.dropdown { min-width:250px; }
.header__menu > ul > li.has-dropdown > ul.dropdown li a { white-space:nowrap; }

/* Male-focused positioning — premium, unisex clinic */
.male-focus-note {
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: 13px;
}

/* Final header refinement */
.header__menu > ul > li:has(> ul.dropdown) > a::after {
    content: none !important;
    display: none !important;
}
.header__menu > ul > li.has-dropdown > a .nav-arrow {
    display: inline-block !important;
    color: #159eb2 !important;
    font-size: 12px !important;
    margin-left: 7px !important;
    vertical-align: middle !important;
}
@media only screen and (min-width: 992px) {
    .header__menu > ul {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
    }
    .header__menu > ul > li {
        white-space: nowrap !important;
    }
    .header__menu > ul > li > a {
        white-space: nowrap !important;
    }
}

@media only screen and (min-width: 992px) {
    .header__btn .primary-btn,
    .header__btn a {
        white-space: nowrap !important;
    }
}

/* FINAL DESKTOP HEADER: compact single-line navigation */
@media only screen and (min-width: 992px) {
    .header .container > .row {
        min-height: 132px !important;
    }
    .header__logo {
        padding: 12px 0 !important;
    }
    .header__logo .shri-logo {
        width: 122px !important;
        max-width: 122px !important;
        height: auto !important;
    }
    .header__menu__option {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 24px !important;
    }
    .header__menu {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .header__menu > ul {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
    .header__menu > ul > li {
        float: none !important;
        margin: 0 11px !important;
        white-space: nowrap !important;
    }
    .header__menu > ul > li > a {
        font-size: 14px !important;
        line-height: 1.2 !important;
        padding: 10px 0 !important;
        white-space: nowrap !important;
    }
    .header__menu > ul > li.has-dropdown > a .nav-arrow {
        font-size: 11px !important;
        margin-left: 5px !important;
    }
    .header__btn {
        flex: 0 0 auto !important;
    }
    .header__btn .primary-btn {
        padding: 14px 22px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

/* Mobile/tablet: keep the header clean and let the hamburger take over. */
@media only screen and (max-width: 991px) {
    .header__top {
        display: none !important;
    }
    .header .container > .row {
        min-height: 74px !important;
    }
}

/* Male-focused hero image */
.hero {
    background-position: center center !important;
}

.hero.set-bg {
    background-image: url("../img/doctor/doctor-4.jpg") !important;
}

/* ==========================================================
   SHRI AESTHETICS — FINAL HEADER + HERO REFINEMENT
   ========================================================== */

/* Top contact strip */
.header {
    background: #f7f5ef !important;
}
.header__top {
    background: #13a2b7 !important;
    min-height: 48px !important;
    height: 48px !important;
}
.header__top__left,
.header__top__right {
    padding: 0 !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
}
.header__top__left {
    gap: 26px !important;
}
.header__top__left li {
    color: #ffffff !important;
    font-size: 13px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
.header__top__left li i {
    color: #ffffff !important;
    margin-right: 7px !important;
}
.header__top__right {
    justify-content: flex-end !important;
    gap: 20px !important;
}
.header__top__right a {
    color: #ffffff !important;
    margin: 0 !important;
}

/* Main navigation strip */
.header > .container {
    background: #f7f5ef !important;
    max-width: 100% !important;
    padding-left: max(24px, calc((100% - 1170px) / 2)) !important;
    padding-right: max(24px, calc((100% - 1170px) / 2)) !important;
}
.header > .container > .row {
    min-height: 96px !important;
    height: 96px !important;
}
.header__logo {
    padding: 10px 0 !important;
}
.header__logo .shri-logo {
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
}
.header__menu__option {
    min-height: 96px !important;
    height: 96px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
}
.header__menu {
    margin: 0 !important;
}
.header__menu > ul {
    gap: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.header__menu > ul > li {
    margin: 0 10px !important;
    white-space: nowrap !important;
}
.header__menu > ul > li > a {
    color: #202020 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 12px 0 !important;
    white-space: nowrap !important;
}
.header__menu > ul > li.has-dropdown > a .nav-arrow {
    color: #13a2b7 !important;
    font-size: 11px !important;
    margin-left: 4px !important;
}
.header__btn {
    margin-left: 8px !important;
}
.header__btn .primary-btn {
    border: 2px solid #13a2b7 !important;
    color: #202020 !important;
    background: transparent !important;
    padding: 13px 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
.header__btn .primary-btn:hover {
    background: #13a2b7 !important;
    color: #ffffff !important;
}

/* Clean dropdowns */
.header__menu ul li .dropdown {
    top: 42px !important;
    width: 245px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.10) !important;
    border-top: 2px solid #13a2b7 !important;
}
.header__menu ul li:hover .dropdown {
    top: 42px !important;
}
.header__menu ul li .dropdown li a {
    color: #333333 !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
}
.header__menu ul li .dropdown li a:hover {
    color: #13a2b7 !important;
    background: #f7f5ef !important;
}

/* New homepage hero */
.shri-hero {
    min-height: 560px;
    display: grid;
    grid-template-columns: 52% 48%;
    background: #f7f5ef;
}
.shri-hero__content {
    display: flex;
    align-items: center;
}
.shri-hero__content > .container {
    width: 100%;
}
.shri-hero__copy {
    max-width: 620px;
    padding: 76px 35px 76px 0;
}
.shri-hero__copy > span {
    display: block;
    margin-bottom: 14px;
    color: #9a8650;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}
.shri-hero__copy h1 {
    margin: 0 0 22px;
    color: #151515;
    font-size: 46px;
    line-height: 1.14;
    font-weight: 500;
    letter-spacing: -.6px;
}
.shri-hero__copy p {
    max-width: 570px;
    margin: 0 0 30px;
    color: #626262;
    font-size: 15px;
    line-height: 1.8;
}
.shri-hero__actions {
    display: flex;
    align-items: center;
    gap: 24px;
}
.shri-hero__actions .primary-btn {
    background: #13a2b7 !important;
    color: #ffffff !important;
    border: 2px solid #13a2b7 !important;
    padding: 14px 23px !important;
}
.shri-hero__link {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    border-bottom: 1px solid #9a8650;
    padding-bottom: 3px;
}
.shri-hero__image {
    min-height: 560px;
    overflow: hidden;
}
.shri-hero__image img {
    width: 100%;
    height: 100%;
    min-height: 560px;
    display: block;
    object-fit: cover;
    object-position: center center;
}

/* Mobile */
@media only screen and (max-width: 991px) {
    .header__top {
        display: none !important;
    }
    .header > .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    .header > .container > .row {
        min-height: 76px !important;
        height: 76px !important;
    }
    .header__menu__option,
    .header__menu,
    .header__btn {
        display: none !important;
    }
    .canvas__open {
        display: flex !important;
        width: 46px !important;
        height: 46px !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #333 !important;
        background: #ffffff !important;
        color: #222 !important;
        z-index: 999 !important;
    }
    .shri-hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .shri-hero__content {
        order: 1;
    }
    .shri-hero__copy {
        max-width: none;
        padding: 58px 0 54px;
    }
    .shri-hero__copy h1 {
        font-size: 36px;
    }
    .shri-hero__image {
        order: 2;
        min-height: 430px;
    }
    .shri-hero__image img {
        min-height: 430px;
        object-position: center top;
    }
}

@media only screen and (max-width: 575px) {
    .header__logo .shri-logo {
        width: 100px !important;
        max-width: 100px !important;
    }
    .shri-hero__copy {
        padding: 48px 0;
    }
    .shri-hero__copy h1 {
        font-size: 31px;
    }
    .shri-hero__copy p {
        font-size: 14px;
    }
    .shri-hero__actions {
        gap: 16px;
        flex-wrap: wrap;
    }
    .shri-hero__image {
        min-height: 360px;
    }
    .shri-hero__image img {
        min-height: 360px;
    }
}

/* ==========================================================
   SHRI AESTHETICS — 3 IMAGE HERO SLIDER
   ========================================================== */
.shri-slider {
    position: relative;
    height: 590px;
    overflow: hidden;
    background: #f7f5ef;
}
.shri-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity .7s ease, visibility .7s ease;
}
.shri-slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.shri-slide__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(10,18,21,.70) 0%, rgba(10,18,21,.48) 43%, rgba(10,18,21,.12) 78%, rgba(10,18,21,.05) 100%);
}
.shri-slide:nth-child(2) .shri-slide__overlay {
    background: linear-gradient(90deg, rgba(12,22,25,.66) 0%, rgba(12,22,25,.40) 45%, rgba(12,22,25,.08) 100%);
}
.shri-slide:nth-child(3) .shri-slide__overlay {
    background: linear-gradient(90deg, rgba(12,22,25,.70) 0%, rgba(12,22,25,.42) 48%, rgba(12,22,25,.10) 100%);
}
.shri-slide__content {
    position: relative;
    z-index: 2;
    width: 56%;
    max-width: 650px;
    padding-top: 145px;
    color: #fff;
}
.shri-slide__content > span {
    display: block;
    margin-bottom: 16px;
    color: #e4d39a;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.2px;
}
.shri-slide__content h1 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 52px;
    line-height: 1.12;
    font-weight: 500;
    letter-spacing: -.5px;
}
.shri-slide__content p {
    max-width: 575px;
    margin: 0 0 30px;
    color: rgba(255,255,255,.90);
    font-size: 15px;
    line-height: 1.8;
}
.shri-slide__content .primary-btn {
    display: inline-block;
    background: #13a2b7 !important;
    border: 2px solid #13a2b7 !important;
    color: #fff !important;
    padding: 14px 24px !important;
}
.shri-slider__arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 50%;
    background: rgba(0,0,0,.18);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.shri-slider__prev { left: 25px; }
.shri-slider__next { right: 25px; }
.shri-slider__arrow:hover {
    background: #13a2b7;
    border-color: #13a2b7;
}
.shri-slider__dots {
    position: absolute;
    left: 50%;
    bottom: 25px;
    z-index: 5;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}
.shri-slider__dots button {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.55);
    cursor: pointer;
}
.shri-slider__dots button.active {
    width: 27px;
    border-radius: 10px;
    background: #13a2b7;
}

@media only screen and (max-width: 991px) {
    .shri-slider {
        height: 540px;
    }
    .shri-slide {
        background-position: center center;
    }
    .shri-slide__content {
        width: 72%;
        padding-top: 120px;
    }
    .shri-slide__content h1 {
        font-size: 42px;
    }
    .shri-slider__prev { left: 15px; }
    .shri-slider__next { right: 15px; }
}
@media only screen and (max-width: 575px) {
    .shri-slider {
        height: 570px;
    }
    .shri-slide {
        background-position: 65% center;
    }
    .shri-slide:nth-child(2) {
        background-position: 70% center;
    }
    .shri-slide__overlay {
        background: linear-gradient(90deg, rgba(10,18,21,.78), rgba(10,18,21,.48));
    }
    .shri-slide__content {
        width: 100%;
        padding: 95px 20px 0;
    }
    .shri-slide__content h1 {
        font-size: 34px;
    }
    .shri-slide__content p {
        font-size: 14px;
    }
    .shri-slider__arrow {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
    .shri-slider__prev { left: 10px; }
    .shri-slider__next { right: 10px; }
}



/* Shri Aesthetics - Treatment Icons */

.services__item__icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(19, 162, 183, 0.35);
    border-radius: 50%;
    background: #f7f5ef;
    margin-right: 22px;
    transition: all 0.3s ease;
}

.services__item__icon i {
    color: #13a2b7;
    font-size: 24px;
    line-height: 1;
    transition: all 0.3s ease;
}

.services__item:hover .services__item__icon {
    background: #13a2b7;
    border-color: #13a2b7;
}

.services__item:hover .services__item__icon i {
    color: #ffffff;
}