/*------------------------------------------------------------------
[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 #b4946c;
	border-radius: 5px;
}

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

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

/* Preloader */
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-img {
  width: 400px;       /* Increased from 80px */
  max-width: 5000vw;    /* Ensures it doesn't overflow on small screens */
  height: auto;
  animation: fadeInScale 1.2s ease-in-out infinite;
}

/* Optional subtle animation */
@keyframes fadeInScale {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}

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

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

.header__top {
	background: #b4946c;
}

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

/* Default (desktop) */
.header__logo {
	padding: 42px 0;
}

.header__logo a {
	display: inline-block;
}

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

/* Responsive (small screens) */
@media (max-width: 768px) {
	.header__logo {
		padding: 20px 0;
		text-align: center;
	}

	.header__logo img {
		max-height: 40px;
	}
}

.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:  #b4946c;
	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 {
  padding: 140px 0 200px;
  position: relative;
  z-index: 1;
}

.hero__text span {
font-family: 'Times New Roman', Times, serif !important;  font-size: 16px;
  font-weight: 500;
  color: #d4b28b;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
}

.hero__text h2 {
font-family: 'Times New Roman', Times, serif !important;  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 25px;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.carousel-item {
  min-height: 100vh;
}

.carousel .hero {
  height: 100vh;
}

.btn-light {
  background-color: #b4946c;
  border: none;
  color: #fff;
  font-weight: 600;
}

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

.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: #b4946c;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}

/*---------------------
  Choose Us
-----------------------*/
.chooseus {
    padding: 60px 20px; /* More mobile-friendly padding */
    margin: 40px 0;
    background: linear-gradient(
            rgba(0, 0, 0, 0.5), 
            rgba(0, 0, 0, 0.5)
        ),
        url('../img/gallery/clinic-2.jpg') center/cover no-repeat;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    text-align: center;
}

/* Optional inner container styles */
.chooseus .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Section title styling */
.chooseus .section-title h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.chooseus .section-title p {
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .chooseus {
        padding: 40px 15px;
        margin: 30px 0;
    }

    .chooseus .section-title h2 {
        font-size: 2rem;
    }

    .chooseus .section-title p {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .chooseus .section-title h2 {
        font-size: 1.7rem;
    }

    .chooseus .section-title p {
        font-size: 0.95rem;
    }
}
.section-title {
    text-align: left;
    margin: 0 20px; /* ✅ Slight left/right spacing */
    padding: 0;
}

.section-title h2 {
    font-size: 40px;
    font-family: 'Playfair Display', serif;
    font-weight: 400; /* Slightly bolder for better visibility */
    color: #ffffff;
    margin: 40px 0 20px; 
    padding: 0;
}

.section-title p {
    font-size: 18px;
    color: #ffffff;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.7;
    max-width: 700px; /* Optional: limits text width for better reading */
}


/*---------------------
  choose
-----------------------*/
/* Intro Section Styling */
.choose-intro {
  background: #fcfcfc;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.choose-heading {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  text-align: left;
}

.choose-heading .highlight {
  color: #c49b63;
}

.choose-lead {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
  font-weight: 500;
  text-align: left;
}

.choose-text {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 15px;
  text-align: left;
}

.choose-conclusion {
  font-size: 17px;
  font-weight: 600;
  color: #222;
  text-align: left;
}

.choose-conclusion .underline {
  border-bottom: 2px solid #c49b63;
  padding-bottom: 3px;
}

.intro-image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* Accordion Section Styling */
.choose-section {
  background-color: #fff;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.choose-reasons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.choose-box {
  background-color: #f5f5f5;
  padding: 15px 20px;
  border-left: 4px solid #c49b63;
  font-weight: 600;
  color: #333;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
  position: relative;
  text-align: left;
}

.choose-box:hover {
  background-color: #f0f0f0;
}

.choose-detail {
  display: none;
  font-weight: 400;
  color: #444;
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

.choose-box.active .choose-detail {
  display: block;
}

/* Responsive */
@media (max-width: 768px) {
  .choose-heading {
    font-size: 24px;
  }

  .choose-lead, .choose-text, .choose-conclusion {
    font-size: 15px;
  }

  .choose-box {
    font-size: 15px;
    padding: 12px 16px;
  }

  .choose-detail {
    font-size: 14px;
  }

  .intro-image {
    margin-top: 30px;
  }
}

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

.services {
	padding-bottom: 70px;
}

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

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

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


/*---------------------
  Image Block Section
-----------------------*/
.pics.pico {
  padding: 60px 20px;
  background-color: #f9f9f9;
}

.treatment__section {
  margin-bottom: 60px;
}

.treatment__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #222;
  text-transform: capitalize;
  border-left: 5px solid #b4946c;
  padding-left: 12px;
}

.pics__container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.img__box {
  width: 200px;
  height: 250px;
  overflow: hidden;
  margin: 10px;
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.img__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.img__box:hover {
  transform: scale(1.03);
}

/*---------------------
  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: flex;
    align-items: center;
    justify-content: center;
}

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

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

.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;
    transition: all 0.5s;
    opacity: 0;
}

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

/* Headline (top-left text) */
.gallery__headline {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    z-index: 2;
}

/* View More button (top-right) */
.gallery__link {
    position: absolute;
    top: 15px;
    right: 20px;
    padding: 6px 14px;
    color: #b4946c;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    z-index: 2;
    transition: background-color 0.3s ease;
}

.gallery__link:hover {
color: #161615;
text-underline-position: below;
}
/*---------------------
Clinic Section Begin
-----------------------*/
.clinic-section {
    padding: 60px 0;
    margin: 60px 0;
}

.clinic__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/* Image Column */
.clinic__image {
    padding: 0;
    overflow: hidden;
    height: auto;
}

.clinic__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Text Column */
.clinic__text {
    background-color: #f9f9f9;
    padding: 40px;
    display: flex;
    align-items: center;
}

.clinic__text .content-wrapper {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}


/* -------------------
 Language Switcher Styles 
-------------------- */
.custom-translator-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    background-color: #fff;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 250px;
    transition: all 0.3s ease;
  }

  .translator-toggle-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
    background-color: #007bff;
    color: #fff;
    padding: 10px 16px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  .translator-hidden {
    transform: translateY(200%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  /* Responsive adjustments for tablets */
  @media (max-width: 991px) {
    .custom-translator-wrapper {
      top: 15px;
      right: 15px;
      max-width: 200px;
      padding: 6px;
    }
    .translator-toggle-btn {
      right: 15px;
      bottom: 15px;
      font-size: 13px;
    }
  }

  /* Responsive for mobile */
  @media (max-width: 576px) {
    .custom-translator-wrapper {
      top: auto;
      bottom: 80px;
      right: 15px;
      max-width: 160px;
      padding: 5px;
    }
    .translator-toggle-btn {
      bottom: 15px;
      font-size: 12px;
      padding: 8px 14px;
    }
  }
/* -------------------
   Responsive Fixes
-------------------- */

/* Medium screens (tablets) */
@media (max-width: 991.98px) {
    .clinic__wrapper {
        flex-direction: column;
    }

    .clinic__image,
    .clinic__text {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .clinic__image {
        height: 350px;
    }

    .clinic__text {
        padding: 30px 20px;
    }
}

/* Small screens (phones) */
@media (max-width: 575.98px) {
    .clinic__image {
        height: 250px;
    }

    .clinic__text {
        padding: 20px 15px;
    }

    .clinic__text .content-wrapper {
        max-width: 100%;
    }

    .clinic__text h2 {
        font-size: 24px;
    }

    .clinic__text p {
        font-size: 15px;
        line-height: 1.6;
    }

    .primary-btn {
        font-size: 16px;
        padding: 10px 20px;
    }
}

/*---------------------
  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 #b4946c;
	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: 15px;}

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

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

.footer__map {
	height: 120px;
	margin-bottom: 10px;
}

.footer__map iframe {
  width: 100%;
  height: 100%; /* make sure iframe inherits the container height */

}

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

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

.footer__copyright__text p a {
	color: #b4946c;
}

 .footer__widget ul li a,
  .footer__address ul li,
  .footer__more-link {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
  }

  .footer__social a {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #333;
    border-radius: 50%;
    transition: background 0.3s;
  }

  .footer__social a:hover {
    background-color: #555;
    color: #fff;
  }
/*---------------------
  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: #b4946c;
	display: inline-block;
}

/*---------------------
  Treatment Crumb
-----------------------*/
.treatment-crumb {
  padding-top: 70px;
  padding-bottom: 70px;
}

.treatment__crumb__text h2 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}

.treatment__crumb__links {
  font-size: 15px;
  color: #ffffff;
}

.treatment__crumb__links a {
  color: #ffffff;
  text-decoration: none;
  margin: 0 8px;
  position: relative;
}

.treatment__crumb__links .divider {
  color: #b4946c;
  margin: 0 4px;
}

.treatment__crumb__links .current {
  color: #b4946c;
  font-weight: 600;
}.choose-intro .row {
  display: flex;
  flex-wrap: wrap;
}

.choose-intro .col-lg-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.intro-wrapper {
  flex: 1;
  padding: 20px;
}

.intro-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
}

.intro-image img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

@media (max-width: 991.98px) {
  .choose-intro .col-lg-6 {
    padding: 20px 0;
  }
  .intro-wrapper,
  .intro-image {
    padding: 0;
  }
}

/*---------------------
  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: #b4946c;
	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
-----------------------*/
/* Base Services Section */
.services {
    padding: 80px 0;
}

.services__item {
    background: #fff;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.services__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
}

.services__item__icon span {
    font-size: 42px;
    color: #d19c97;
    margin-bottom: 20px;
    display: inline-block;
}

.services__item__text h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #222;
}

.services__item__text p {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 0;
}

.view-more-btn {
    font-size: 14px;
    color: #d19c97;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
    display: inline-block;
    margin-top: 20px;
}

.view-more-btn:hover {
    color: #b97d7d;
    text-decoration: underline;
}

/* Responsive: Tablets (768px – 991px) */
@media (max-width: 991.98px) {
    .services {
        padding: 60px 40px;
    }

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

    .services .section-title span {
        font-size: 16px;
    }

    .services__item {
        padding: 28px 20px;
    }

    .services__item__icon span {
        font-size: 36px;
    }

    .services__item__text h5 {
        font-size: 18px;
    }

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

    .view-more-btn {
        font-size: 13px;
    }
}

/* Responsive: Phones (<768px) */
@media (max-width: 767.98px) {
    .services {
        padding: 50px 20px;
    }

    .services__item {
        padding: 20px 15px;
        margin-bottom: 25px;
    }

    .services__item__icon span {
        font-size: 32px;
    }

    .services__item__text h5 {
        font-size: 16px;
    }

    .services__item__text p {
        font-size: 13px;
    }

    .view-more-btn {
        font-size: 12px;
    }

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

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

/* Extra Small Devices (≤480px) */
@media (max-width: 480px) {
    .services {
        padding: 40px 15px;
    }

    .services__item__icon span {
        font-size: 28px;
    }

    .services__item__text h5 {
        font-size: 15px;
    }

    .services__item__text p {
        font-size: 12.5px;
    }
}

/*---------------------
  Treatments Section
-----------------------*/
.treatment {
  padding: 80px 0;
}

.treatment-heading-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #111;
}

.treatment-heading-text {
  max-width: 800px;
  margin: 0 auto;
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

.treatment__item {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #eee;
}

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

.treatment__item__pic img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  object-fit: cover;
  transition: transform 0.3s ease;
}

.treatment__item__pic img:hover {
  transform: scale(1.03);
}

.treatment__item__text {
  padding-left: 15px;
  padding-right: 15px;
}

.treatment__item__text h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #111;
}

.treatment__item__text p {
  font-size: 15px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 20px;
}

.primary-btn.book-btn {
  display: inline-block;
  background: #b4946c;
  color: #fff;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 25px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.primary-btn.book-btn:hover {
  background: #9a7f58;
}

/*---------------------
  Responsive Fixes
-----------------------*/
@media screen and (max-width: 991px) {
  .treatment__item {
    text-align: center;
  }

  .treatment__item__text {
    padding-top: 20px;
  }

  .treatment__item__text h2 {
    font-size: 22px;
  }

  .treatment-heading-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 575px) {
  .primary-btn.book-btn {
    font-size: 13px;
    padding: 9px 20px;
  }

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

  .treatment-heading-title {
    font-size: 24px;
  }

  .treatment-heading-text {
    font-size: 14px;
  }
}

/*---------------------
  pricing
-----------------------*/

/* Pricing Section */
.pricing {
  background: #f9f9f9;
  padding: 60px 0;
  font-family: 'Helvetica Neue', sans-serif;
}

.pricing__item {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 25px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}

.pricing__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.pricing__item__title p {
  color: #b4946c;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
}

.pricing__item__title h3 {
  color: #333;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.pricing__item__title span {
  display: block;
  font-size: 13px;
  color: #777;
  font-weight: 400;
}

.pricing__item ul {
  padding-left: 0;
  list-style: none;
  margin: 0 0 25px;
}

.pricing__item ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  font-size: 13px;
}

.pricing__item ul li h6 {
  margin: 0;
  font-weight: 500;
  color: #222;
}

.pricing__item ul li span {
  font-weight: 600;
  color: #b4946c;
  font-size: 13px;
}

.primary-btn {
  display: inline-block;
  padding: 10px 22px;
  background-color: #b4946c;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.3s ease-in-out;
  text-align: center;
}

.primary-btn:hover {
  background-color: #da0303;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .pricing__item {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .pricing__item {
    padding: 20px 15px;
  }

  .pricing__item__title h3 {
    font-size: 16px;
  }

  .pricing__item ul li {
    font-size: 12px;
  }

  .primary-btn {
    font-size: 12px;
    padding: 8px 16px;
  }
}


/*---------------------
  Product Section
-----------------------*/
.product__item {
    padding-bottom: 60px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 60px;
}

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

.product__item__pic {
    text-align: center;
}

.product__item__pic img {
    height: 340px;
    width: 340px;
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 0px 3px 10px rgba(48, 68, 78, 0.2);
    object-fit: cover;
}

.product__item__text {
    padding-top: 20px;
    font-size: 14px;
}

.product__item__text--left {
    text-align: right;
    padding-top: 20px;
    font-size: 14px;
}

.product__item__text h2,
.product__item__text--left h2 {
    color: #111;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 22px;
}

.product__item__text p,
.product__item__text--left p {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.product__item__text span,
.product__item__text--left span {
    color: #b4946c;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

/*---------------------
  Product Image Boxes
-----------------------*/
.product__imagebox {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.product__imagebox img {
    width: 100%;
    display: block;
    border-radius: 6px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

.product__text-overlay {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 20px;
    border-radius: 4px;
    max-width: 80%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product__text-overlay h3 {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.product__text-overlay p {
    margin: 0;
    font-size: 13px;
    color: #555;
}

/*---------------------
  Button Style
-----------------------*/
.primary-btn {
    display: inline-block;
    background: #b4946c;
    color: #fff;
    padding: 10px 22px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
    transition: 0.3s;
    font-size: 13px;
    text-decoration: none;
}

.primary-btn:hover {
    background: #1b1b1b;
    color: #fff;
}

   /*---------------------
         Appointment
    -----------------------*/
    .booking-section {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px 20px;
      background: linear-gradient(to right, #f6ede2, #fff);
    }

    .booking-container {
      background: #ffffff;
      padding: 40px 30px;
      border-radius: 16px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
      max-width: 1000px;
      width: 100%;
    }

    h5, h6 {
      font-weight: 600;
      color: #333;
      margin-bottom: 20px;
    }

    .option-card {
      background-color: #f9f9f9;
      padding: 18px;
      border-radius: 10px;
      border: 1px solid #ddd;
      margin-bottom: 15px;
      cursor: pointer;
      transition: 0.25s ease;
    }

    .option-card:hover {
      background-color: #f0eee9;
      transform: scale(1.02);
    }

    .option-card.selected {
      border: 2px solid #b4946c;
      background-color: #fff5e5;
    }

    .step-box {
      background-color: #fffdf9;
      border: 1px solid #e0e0e0;
      border-radius: 10px;
      padding: 25px;
      width: 100%;
      margin-bottom: 20px;
    }

    .form-control {
      height: 44px;
      border-radius: 6px;
      border: 1px solid #ccc;
      width: 100%;
      padding: 10px;
    }

    .form-control:focus {
      border-color: #b4946c;
      outline: none;
      box-shadow: 0 0 0 2px rgba(180, 148, 108, 0.2);
    }

    .form-label {
      display: block;
      font-weight: 500;
      margin-bottom: 6px;
    }

    .btn {
      font-weight: 600;
      padding: 12px;
      border-radius: 8px;
      font-size: 16px;
      transition: 0.3s;
      cursor: pointer;
    }

    .btn-dark {
      background-color: #333;
      color: white;
      border: none;
    }

    .btn-dark:hover {
      background-color: #111;
    }

    .btn-success {
      background-color: #b4946c;
      border: none;
      color: white;
    }

    .btn-success:hover {
      background-color: #9f835b;
    }

    @media (max-width: 768px) {
      .booking-container {
        padding: 25px 20px;
      }

      .step-box {
        padding: 20px;
      }

      .btn {
        font-size: 15px;
        padding: 10px;
      }
    }
	
/*---------------------
  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: #b4946c;
	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: #b4946c;
		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: #111;
    list-style: none;
    line-height: 30px;
}
.offcanvas__widget li i {
    color: #b4946c;
    margin-right: 5px;
}
.offcanvas__phone {
    font-size: 15px;
    color: #111;
    margin-bottom: 10px;
}
.offcanvas__phone i {
    color: #b4946c;
    margin-right: 5px;
}
.offcanvas__social {
    display: flex;
    gap: 20px;
    margin-top: 15px;
}
.offcanvas__social a {
    font-size: 18px;
    color: #111;
    transition: color 0.3s;
}
.offcanvas__social a:hover {
    color: #b4946c;
}
	.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;
	}
}