/*
  Theme Name: Progery - Cosmetic & Plastic Surgery HTML Template
  Author: bdevs
  Description: Cosmetic & Plastic Surgery HTML Template
  Version: 1.0
*/
/* CSS Index
-----------------------------------
1. variable
2. mixin
3. animation
4. common
5. header
6. about
7. featured
8. info
9. popup
10. pricing
11. slider
12. team
13. service
14. news
15. widget
16. footer
17. portfolio
18. appoint
19. banner
20. testimonial
21. plugin/nice-select
22. counter
23. choose
24. video
25. journy
26. single-news
27. case-details
28. blog
29. faq
30. help-banner
31. contact
32. shop
33. product-details
*/
/****************************************************
1. variable
*****************************************************/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Prata&family=Roboto:wght@300;400;500;700;900&display=swap");
/* font-family: 'Playfair Display', serif;
font-family: 'Prata', serif;
font-family: 'Roboto', sans-serif;*/
/****************************************************
2. mixin
*****************************************************/
/****************************************************
3. animation
*****************************************************/
@keyframes textAnimated {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/****************************************************
4. common
*****************************************************/
body {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #777777;
}

.container {
  max-width: 1430px;
}

.container-3 {
  max-width: 1400px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .container-3 {
    max-width: 95%;
  }
}
@media only screen and (max-width: 1700px) {
  .container-3 {
    max-width: 95%;
  }
}

@media only screen and (max-width: 1700px) {
  .container-fluid-2 {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .container-fluid-2 {
    padding: 0 15px;
  }
}

@media (max-width: 575px) {
  .visible-only-md {
    display: none !important;
  }
}

.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
  color: #9e4b47;
  text-decoration: none;
}

a,
button {
  color: #1696e7;
  outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Prata", serif;
  font-weight: normal;
  color: #000000;
  margin-top: 0px;
  font-style: normal;
  font-weight: 400;
  text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 40px;
  font-weight: 500;
}

h2 {
  font-size: 35px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

p {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 0;
}

hr {
  border-bottom: 1px solid #eceff8;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: #7e7e7e;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

*::-moz-selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

*::-moz-placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}

.theme-overlay {
  position: relative;
}

.theme-overlay::before {
  background: #1696e7 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

.bg-css {
  background-size: cover;
  background-repeat: no-repeat;
}

.separator {
  border-top: 1px solid #f2f2f2;
}

/* button style */
.theme-sm-btn {
  color: #fff;
  line-height: 1;
  background: #9e4b47;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 10px;
  border: 1.5px solid transparent;
}
.theme-sm-btn:hover {
  color: #9e4b47;
  background-color: transparent;
  border-color: #9e4b47;
}

.btn {
  -moz-user-select: none;
  background: #1696e7 none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 13px 25px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

.gray-border-btn {
  border-color: #ececec !important;
  background-color: transparent !important;
  color: #777777;
}
.gray-border-btn:hover {
  background-color: #9e4b47 !important;
  border-color: #9e4b47 !important;
  color: #fff;
}
.gray-border-btn-2 {
  border-color: #ececec !important;
  background-color: transparent !important;
  color: #777777;
}
.gray-border-btn-2:hover {
  background-color: #fff !important;
  color: #9e4b47 !important;
  border-color: transparent;
}

.generic-btn {
  font-size: 14px;
  line-height: 1px;
  padding: 12px 10px;
  line-height: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: inline-block;
  border-radius: 10px;
  font-weight: 700;
  border: 2px solid transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-btn {
    padding: 16 23px;
  }
}
@media only screen and (max-width: 992px) {
  .generic-btn {
    padding: 16 17px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.generic-btn i {
  padding-left: 10px;
}
.generic-btn span {
  margin-left: 5px;
}
.generic-btn-2 {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  padding: 20px 34px;
}
.generic-btn-3 {
  display: inline-block;
  font-size: 16px;
  padding: 20px 50px;
  border-radius: 10px;
}
.generic-btn-3 i {
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 575px) {
  .generic-btn-3 {
    padding: 15px 30px;
  }
}

.white-btn {
  background-color: #fff;
  color: #9e4b47;
}
.white-btn:hover {
  background-color: #9e4b47;
  color: #fff;
}

.transparent-btn-1 {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.transparent-btn-1:hover {
  color: #9e4b47;
  background-color: #fff;
}
.transparent-btn-2 {
  border-color: #5a5a59;
  color: #fff;
  background-color: transparent;
}
.transparent-btn-2:hover {
  border-color: #9e4b47;
  color: #9e4b47;
}

.btn-1 {
  background-color: #9e4b47;
  border: 2px solid transparent !important;
  color: #fff !important;
}
.btn-1:hover {
  color: #9e4b47 !important;
  background-color: #fff;
  border-color: #9e4b47 !important;
}

.btn-2 {
  background-color: #842f2b;
  color: #fff;
}

.btn-black {
  background-color: #000000;
  color: #fff;
}
.btn-black:hover {
  background-color: #9e4b47;
  color: #fff;
}

.plan-btn {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  display: flex;
  align-items: center;
  background-color: #fff;
  width: fit-content;
}
.plan-btn .icon {
  float: left;
  width: 80px;
  overflow: hidden;
  height: 80px;
  background-color: #9e4b47;
  position: relative;
}
.plan-btn .icon i {
  position: absolute;
  left: 50%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
}
.plan-btn .icon i:first-child {
  left: -50%;
}
.plan-btn:hover .icon i:first-child {
  left: 50%;
}
.plan-btn:hover .icon i:last-child {
  left: 150%;
}
.plan-btn:hover .plan-text span {
  color: #9e4b47;
}
.plan-text span {
  font-size: 18px;
  color: #000000;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  padding-left: 20px;
  padding-right: 60px;
}

.breadcrumb > .active {
  color: #888;
}

.owl-carousel .owl-nav div {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  height: 40px;
  left: 20px;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
}

.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}

.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.owl-carousel .owl-nav div:hover {
  background: #2b96cc;
  color: #fff;
}

/* scrollUp */
#scrollUp {
  background: #9e4b47;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 21px;
  border-radius: 5px;
  right: 50px;
  bottom: 77px;
  color: #fff;
  text-align: center;
}

#scrollUp:hover {
  background: #000000;
}

.theme-hover {
  background-color: #f4f4f4 !important;
  color: #777777;
}
.theme-hover:hover {
  background-color: #9e4b47 !important;
  color: #fff;
}

.black-dark-color {
  color: #000 !important;
}

.gray-bg {
  background-color: #f9f9f9;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-dark-theme {
  background-color: #782e2b;
}

.black-bg {
  background-color: #0e0e0e;
}

.bg-1 {
  background-color: #f7f7f7;
}

.slick-slide:focus {
  outline: none;
}

.bg-black {
  background-color: #000000;
}

.bg-red-soft {
  background-color: #fff3f2;
}

.white-bg {
  background-color: #fff;
}

.skinsr-bg {
  background-color: #fff4f3;
}

.right-0 {
  right: 0 !important;
  left: auto !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.header-padding-2 {
  padding: 0 125px;
}
@media only screen and (max-width: 1480px) {
  .header-padding-2 {
    padding: 0 10px;
  }
}

.mb-minus-100 {
  margin-bottom: -100px;
}

.mt-minus-100 {
  margin-top: -100px;
}

.mt-10-important {
  margin-top: 10px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.pl-115 {
  padding-left: 115px;
}

.overflow-hidden {
  overflow: hidden !important;
}

.mt-5-px {
  margin-top: 5px !important;
}

.mr-35 {
  margin-right: 35px;
}

.mr-10 {
  margin-right: 10px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-85 {
  padding-left: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-88 {
  padding-right: 88px;
}

.mr-88 {
  margin-right: 88px;
}

.mt-340 {
  margin-top: 340px;
}

.mt-minus-72 {
  margin-top: -72px;
}

.pb-220 {
  padding-bottom: 220px;
}

.mt-minus-325 {
  margin-top: -325px;
}
@media (max-width: 575px) {
  .mt-minus-325 {
    margin-top: 0px;
    padding-top: 70px;
  }
}

.mt-minus-100 {
  margin-top: -100px;
}

.section-sm-title h5 {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 35px;
}

.generic-title span {
  color: #9e4b47;
  font-size: 18px;
  line-height: 2.3;
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-title span {
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .generic-title span {
    line-height: 1.3;
    margin-bottom: 0;
  }
}
.generic-title h4 {
  font-size: 46px;
  line-height: 1.3;
  margin-bottom: 0;
}
@media only screen and (max-width: 1700px) {
  .generic-title h4 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1250px) {
  .generic-title h4 {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .generic-title h4 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-title h4 {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .generic-title h4 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1480px) {
  .generic-title-4 h4 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .generic-title-4 h4 {
    font-size: 23px;
  }
}
.generic-title-4 h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1400px) {
  .generic-title-4 h2 {
    font-size: 37px;
  }
}
@media (max-width: 575px) {
  .generic-title-4 h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .generic-title-4 h2 br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .generic-title h2 br {
    display: none;
  }
}
@media (max-width: 575px) {
  .generic-title h2 {
    font-size: 30px;
  }
  .generic-title h2 br {
    display: none;
  }
}

.no-after::after {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  .max-lg-transparent {
    background-color: transparent !important;
  }
}

@media (max-width: 575px) {
  .tab__list ul {
    justify-content: flex-start !important;
  }
}
.tab__list ul li a.nav-link {
  padding: 17px 30px;
  color: #777777;
  background: #fff;
  line-height: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
}
.tab__list ul li a.nav-link:hover {
  background-color: #9e4b47;
  color: #fff;
}
@media (max-width: 575px) {
  .tab__list ul li a.nav-link {
    padding: 10px 21px;
  }
}
.tab__list ul li:not(:last-child) a.nav-link {
  margin-right: 10px;
}
.tab__list ul li.active a {
  background-color: #9e4b47;
  color: #fff;
}

.slider-tab__thumb .slick-track {
  display: grid;
  transform: translate3d(0px, 0px, 0px);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
}

.no-shadow {
  box-shadow: none !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.p-static {
  position: static !important;
}

.p-relative {
  position: relative;
}

.mt-210 {
  margin-top: 210px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  display: none;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  display: none;
}

.twentytwenty-handle {
  background-color: #fff;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  background-color: transparent;
}

.twentytwenty-left-arrow {
  border-right-color: #9e4b47;
}

.twentytwenty-right-arrow {
  border-left-color: #9e4b47;
}

.appoint-btn:hover {
  background-color: #fff;
  color: #9e4b47;
}

.no-after::after {
  display: none !important;
}

span.social-text {
  font-size: 14px;
  color: white;
  font-family: "Roboto";
  text-align: left;
  line-height: 2.571;
  margin-top: 10px;
  margin-top: 40px;
}

.breadcrumb {
  justify-content: flex-end;
}
@media only screen and (max-width: 1400px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}

i.glyph-icon {
  font-size: 85px;
  color: #9e4b47;
  font-weight: 400;
}
i.glyph-icon::before {
  line-height: 1;
  font-size: inherit;
}
@media (max-width: 575px) {
  i.glyph-icon::before {
    font-size: 49px;
  }
}
i.glyph-icon.logo-sm::before {
  font-size: 70px;
}

.theme-color {
  color: #9e4b47 !important;
}

.theme-bg {
  background-color: #9e4b47;
}

.w-fit-content {
  width: fit-content !important;
}

.header-nav-2 .submenu {
  left: 50px !important;
}

#loading {
  background-color: #2c3e50;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: loading-center-absolute 1.5s infinite;
  animation: loading-center-absolute 1.5s infinite;
}

.object {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  float: left;
}

#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}

#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
}

#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
}

#object_four {
  -webkit-animation: object_four 1.5s infinite;
  animation: object_four 1.5s infinite;
}

@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
.nice-select:after {
  right: 30px !important;
}

.experience {
  color: #999999;
}

.dark-bg {
  background-color: #782e2b;
}

.appoint__btn {
  background-color: #000000;
}

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

.sticky {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 800;
  right: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  border: none;
  opacity: 1;
  visibility: visible;
}

/****************************************************
5. header
*****************************************************/
.has-border {
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
}
.has-border::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  content: "";
  height: 100px;
  background-color: #fff7ef;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1800px) {
  .has-border::after {
    display: none;
  }
}
@media only screen and (max-width: 1700px) {
  .has-border {
    padding-left: 15px;
    margin-left: 15px;
  }
}

.header__left--2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__left-4 {
  height: 100%;
}
.header__left-4 .emergency {
  height: 60px;
  display: flex;
  justify-content: center;
  background-color: #fff;
}
.header__left-4 .emergency span {
  line-height: 1;
  color: #fff;
  background: #9e4b47;
  display: inline-block;
  padding: 8px 25px;
  height: fit-content;
  border-bottom-left-radius: 7px;
  max-height: 31px;
  border-bottom-right-radius: 7px;
}
.header-right-2 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  .header-right-2 {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.header-top-2 {
  background-color: #9e4b47;
  padding: 0 30px;
}
.header-top-3 {
  padding: 0 125px;
}
.header-top span {
  color: #2b3137;
  font-size: 14px;
  padding-right: 20px;
  line-height: 53px;
}
@media (max-width: 575px) {
  .header-top span {
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top {
    margin-top: 10px;
  }
}
.header-top__inner-4 {
  background-color: transparent;
}
.header-social a {
  color: #9f9387;
  font-size: 14px;
  line-height: 53px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 18px;
}
.header-social a:hover {
  color: #9e4b47;
}
.header-social__2 a {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .header-social__2 a {
    margin-left: 15px;
  }
}
.header-social__3 a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  color: #d0d0d0;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 14px;
  margin-left: 10px;
}
.header-social__3 a:hover {
  color: #fff;
  background-color: #9e4b47;
}
@media only screen and (max-width: 992px) {
  .header-social__3 a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
.header-social__4 a {
  color: #fff;
  font-size: 16px;
  padding-right: 18px;
  display: inline-block;
  line-height: 1;
}
.header-social__4 a:last-child {
  padding-right: 0;
}
.header-wrapper {
  background-color: #fff;
  padding: 0 15px;
  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.header-wrapper-2 {
  background: transparent;
  box-shadow: none;
  padding: 0 30px;
  padding-left: 0;
}
@media only screen and (max-width: 1700px) {
  .header-wrapper {
    padding: 0 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-wrapper {
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 16px;
  }
}
@media (max-width: 575px) {
  .header-wrapper {
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 16px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.header-wrapper__inner {
  padding: 0 15px;
}
.header-wrapper__3 {
  border-radius: 0;
  box-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-wrapper__3 {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
  }
}
.header-wrapper__4 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.header-menu-wrapper {
  float: left;
}
.header-cta > ul > li {
  display: inline-block;
  position: relative;
}
.header-cta > ul > li > a {
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  text-align: center;
  border-radius: 10px;
  color: #9e4b47;
  font-size: 20px;
  margin-left: 5px;
  background: #fff7ef;
}
@media only screen and (max-width: 1700px) {
  .header-cta > ul > li > a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 5px;
  }
}
@media (max-width: 575px) {
  .header-cta > ul > li > a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-left: 5px;
    font-size: 17px;
  }
}
.header-cta > ul > li:hover .minicart {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-cta-2 a {
  font-size: 14px;
  line-height: 53px;
  font-weight: 400;
  color: #a09890;
}
.header-cta-2 a span {
  color: #2b3137;
  overflow: 14px;
  font-size: 14px;
  line-height: 53px;
  font-weight: 700;
}
.header-cta__4 > ul > li > a {
  margin-right: 0;
  font-size: 18px;
  color: #777777;
  background: transparent;
  line-height: 1;
  height: auto;
  width: auto;
}
.header-cta__4 > ul > li:not(:last-child) > a {
  padding-right: 17px;
}
.header-nav ul li {
  display: inline-block;
  position: relative;
}
.header-nav ul li a {
  color: #000000;
  font-size: 14px;
  line-height: 1;
  padding: 45px 0;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .header-nav ul li a {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-nav ul li a {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-nav ul li a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1700px) {
  .header-nav ul li a {
    padding-left: 35px;
  }
}
@media only screen and (max-width: 1250px) {
  .header-nav ul li a {
    padding-left: 24px;
  }
}
.header-nav ul li:hover > a {
  color: #9e4b47;
}
.header-nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: scaleY(1);
}
.header-nav .submenu {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 200px;
  padding: 15px 0;
  background: #fff;
  border-top: 4px solid #9e4b47;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}
.header-nav .submenu li {
  display: block;
  margin-left: 0;
}
.header-nav .submenu li a {
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
  word-spacing: 2px;
  padding: 9px 25px;
}
.header-nav .submenu li .submenu {
  left: 100%;
  top: 0 !important;
}
@media only screen and (max-width: 1700px) {
  .header-nav {
    padding-left: 0;
  }
}
.header-nav__2 ul li a {
  padding: 45px 43px;
  position: relative;
}
.header-nav__2 ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1800px) {
  .header-nav__2 ul li a {
    padding: 30px 19px;
  }
}
@media only screen and (max-width: 1480px) {
  .header-nav__2 ul li a {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-nav__2 ul li a {
    padding: 30px 5px;
  }
}
.header-nav__2 ul li a.active {
  background-color: #fff7ef;
}
@media only screen and (max-width: 1800px) {
  .header-nav__2 ul li a.active {
    background-color: transparent;
  }
}
.header-nav__2 ul li:hover > a {
  background-color: #fff7ef;
  color: #9e4b47;
}
@media only screen and (max-width: 1800px) {
  .header-nav__2 ul li:hover > a {
    background-color: transparent;
  }
}
.header-nav__2 ul li .submenu li:hover a {
  background-color: transparent;
}
.header-nav__3 ul li {
  margin-right: 15px;
}
.header-nav__3 ul li a {
  padding: 0;
  padding: 32px 0px;
}
@media only screen and (max-width: 1480px) {
  .header-nav__3 ul li {
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-nav__3 ul li {
    margin-right: 15px;
  }
}
.header__list ul li {
  display: inline-block;
}
.header__list ul li i {
  font-size: 16px;
  color: #9e4b47;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  margin-right: 17px;
}
.header__list ul li a {
  font-size: 16px;
  color: #777777;
  display: inline-block;
}
@media only screen and (max-width: 1480px) {
  .header__list ul li {
    margin-right: 10px;
  }
}
.header__list-4 {
  padding-left: 40px;
}
.header__list-4 ul li i {
  width: auto;
  height: auto;
  background-color: transparent;
  line-height: 1;
  color: #fff;
}
.header__list-4 ul li a {
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1480px) {
  .header__list-4 {
    padding-left: 15px;
  }
}
.header__bg-3 {
  background-color: #f7f7f7;
}

/* minicart */
.minicart {
  position: absolute;
  right: 0;
  padding: 25px;
  z-index: 9999;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
  min-width: 350px;
  opacity: 0;
  top: 130%;
  transition: all 0.5s;
  background-color: #fff;
  visibility: hidden;
  padding-bottom: 0;
  padding-top: 50px;
}
.minicart-checkout-heading {
  overflow: hidden;
}
.minicart ul li {
  padding-bottom: 15px;
  margin-bottom: 9px;
  line-height: 1;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.minicart ul li i {
  cursor: pointer;
  margin-top: 4px;
}
.minicart ul li i:hover {
  color: #eb2323;
}
.minicart-img {
  float: left;
  width: 21.33%;
}
.minicart-desc {
  width: 65%;
  float: left;
  padding-left: 10px;
  text-align: left;
}
.minicart-desc a {
  display: block;
  color: #222;
  font-size: 14px;
  margin-bottom: 2px;
  line-height: 1.1;
}
.minicart-desc a:hover {
  color: #9e4b47;
}
.minicart-desc strong {
  font-size: 14px;
  line-height: 25px;
  color: #666;
  font-weight: 500;
}
.minicart-checkout-heading {
  margin-bottom: 30px;
}

/* mobile menu */
.mobile-nav {
  position: fixed;
  top: 0;
  background: #152136 none repeat scroll 0 0;
  right: -100%;
  transition: all 0.5s;
  width: 300px;
  z-index: 999;
  height: 100%;
  padding-top: 0;
}
.mobile-nav .nav a.nav-link {
  width: 50%;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 1;
  padding: 10px 0;
}
.mobile-nav .nav a.nav-link.active {
  background-color: #111;
}
.mobile-nav ul li a {
  display: block;
  color: #222;
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 500;
  text-transform: uppercase;
}
.mobile-nav ul li li {
  padding-left: 15px;
}
.mobile-nav ul li li a {
  text-transform: capitalize;
  font-weight: 400;
}

.metismenu li a {
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.mobile-toggle-bar button {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  z-index: 9;
  background-color: transparent;
  line-height: 35px;
  padding: 0;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .mobile-toggle-bar button {
    display: none;
  }
}
.mobile-toggle-bar-2 button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-left: 5px;
  border: 0;
  font-size: 14px;
  transition: 0.3s;
  background: #fff7ef;
  border-radius: 10px;
}
.mobile-toggle-bar-2 button i {
  color: #9e4b47;
}
@media (max-width: 575px) {
  .mobile-toggle-bar-2 button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-left: 5px;
  }
}
.mobile-toggle-bar-2 button:hover {
  background-color: #9e4b47;
}
.mobile-toggle-bar-2 button:hover i {
  color: #fff;
}

.show-nav {
  right: 0;
}

@media (max-width: 575px) {
  .logo img {
    max-width: 100px;
  }
}
.logo-2 {
  position: relative;
  height: 104px;
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  .logo-2 {
    height: 80px;
  }
}
.logo-2 a {
  position: relative;
  z-index: 9999;
  padding-left: 30px;
}
@media only screen and (max-width: 1400px) {
  .logo-2 a {
    padding-left: 0;
  }
}
.logo-2::after {
  position: absolute;
  left: -12px;
  top: 0;
  z-index: 99;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  height: 120px;
  width: 240px;
  background-color: #fff;
  content: "";
}
@media only screen and (max-width: 1250px) {
  .logo-2::after {
    top: -18px;
    height: 90px;
  }
}
@media only screen and (max-width: 992px) {
  .logo-2::after {
    display: none;
  }
}

.nice-select span {
  color: #2b3137;
  font-size: 14px;
  line-height: 41px;
}
.nice-select.lang {
  border: 0;
  background-color: transparent;
}
.nice-select.lang span.current {
  padding-right: 0;
  color: #fff;
}
.nice-select.lang::after {
  border-color: #fff;
}

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

.topbar__meta {
  padding-right: 35px;
}
.topbar__meta a {
  font-size: 14px;
  padding-left: 24px;
  margin-left: 22px;
  color: #fff;
  position: relative;
}
.topbar__meta a:not(:first-child)::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #ab5f5c;
  content: "";
}
@media only screen and (max-width: 1250px) {
  .topbar__meta a {
    margin-left: 0;
  }
}

.pl-60 {
  padding-left: 60px;
}

.pl-30 {
  padding-left: 30px;
}

.responsive-logo {
  padding: 30px 20px;
}

.mean-container .mean-nav {
  background-color: transparent;
}
.mean-container .mean-nav ul li a {
  border: 0;
  color: #fff;
}
.mean-container .mean-nav ul li a.mean-expand {
  border-color: #2a3a57;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  background: transparent;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: #000000;
  background-color: #fff;
}
.mean-container .mean-nav ul li:not(:first-child) a {
  border-top: 1px solid #2a3a57;
}

.mean-nav > ul {
  display: block !important;
}

a.meanmenu-reveal {
  display: none !important;
}

button.mobile-nav-close {
  padding: 0;
  position: absolute;
  right: 25px;
  top: 62px;
  font-size: 27px;
  background-color: transparent;
  line-height: 50px;
  border: 0;
  border-radius: 50%;
}

.responsive-menu-3 {
  padding: 15px 0;
}
.responsive-menu-3 button.toggle-btn {
  background: #fff7ef;
  color: #9e4b47;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 0;
  font-size: 23px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__text {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .breadcrumb__text {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__height {
    min-height: 400px !important;
  }
}
@media (max-width: 575px) {
  .breadcrumb__height {
    min-height: 350px !important;
  }
}

.cta-2 a:hover {
  color: #9e4b47;
}

/* extra info */
.extra-info {
  background: #152136;
  height: 100%;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.7s ease 0s;
  width: 340px;
  z-index: 9999;
  transform: translateX(100%);
  padding-bottom: 40px;
}
.extra-info > p {
  color: #ddd;
  font-size: 15px;
  line-height: 28px;
}

.extra-info.info-open {
  transform: translateX(0);
}

.extra-info-left {
  right: inherit;
  left: 0;
  transform: translateX(-100%);
}

.extra-info.extra-info-left.info-open {
  transform: translateX(0);
}

.close-icon {
  margin-top: -16px;
  text-align: right;
}
.close-icon > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #ff4a57;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
}

.instagram {
  overflow: hidden;
  margin: 0 -4px;
}
.instagram img {
  width: 100%;
}
.instagram > a {
  float: left;
  width: 33.33%;
  padding: 0 4px;
  margin-bottom: 7px;
}

.social-icon-right > a {
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}
.social-icon-right > a:hover {
  color: #ff4a57;
}

.side-info {
  border-top: 1px solid #344159;
  padding: 23px 0;
  padding-bottom: 0;
}

.contact-list h4 {
  color: #fff;
  font-size: 20px;
}
.contact-list h4::after {
  display: none;
}
.contact-list p {
  color: #fff;
  opacity: 0.5;
  margin: 0;
  margin-bottom: 2px;
}

.side-menu ul li:hover a {
  color: #ff4a57;
}

.header-right ul li a {
  color: #9e4b47;
  font-size: 14px;
  transition: 0.3s;
}
.header-right ul li:hover > a {
  background-color: #9e4b47;
  color: #fff;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  z-index: 1030;
  background: #fff;
}

.navbar.navbar-expand-lg {
  padding: 0;
}

.main-menu ul.navbar-nav li a.nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #6b7991;
  padding: 40px 19px;
  line-height: 1;
  position: relative;
  border-radius: 30px;
  transition: 0.3s;
  text-transform: capitalize;
}
.main-menu ul.navbar-nav li:hover a.nav-link {
  color: #152136;
}
.main-menu ul.navbar-nav li.active a.nav-link {
  color: #152136;
}

.offcanvas {
  z-index: -1;
  position: relative;
}

.offcanvas.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.nice-select ul.list {
  position: absolute;
  z-index: 999;
}

.side-info h4 {
  color: #fff;
  font-size: 17px;
}
.side-info p {
  font-size: 14px;
  line-height: 1.3;
}

.mobile-nav .side-info {
  padding: 20px;
}

@media only screen and (max-width: 992px) {
  .mobile-toggle-bar-2 button {
    border-color: #222;
    color: #222;
  }
}
@media only screen and (max-width: 992px) {
  .header-cta-3 {
    margin-right: 64px;
  }
}

.header-left .nice-select::after {
  right: 0 !important;
}

.lang ul li {
  position: relative;
}
.lang ul li a {
  font-size: 14px;
  color: #fff;
}
.lang ul li ul {
  position: absolute;
  left: 0;
  background-color: #fff;
  top: 100%;
  min-width: 100px;
  padding: 9px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 999;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}
.lang ul li ul li a {
  color: #222;
}
.lang ul li ul li:hover a {
  color: #9e4b47;
}
.lang ul li:hover ul {
  transform: scaleY(1);
}

@media only screen and (max-width: 1400px) {
  .logo-2::after {
    display: none;
  }
}

.testimonial__img img {
  position: relative;
  z-index: 9999;
}

.header-menu-2 {
  padding-right: 30px;
}
@media only screen and (max-width: 1400px) {
  .header-menu-2 {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .header-menu-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.logo img {
  width: 140px;
}

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

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

.cta-2 a {
  color: #5b5b5b;
  font-size: 14px;
}
.cta-2 span {
  font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .proheader-nav__3 ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .prodate__widget ul li span:last-child::before {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .prodate__widget ul li {
    font-size: 15px !important;
  }
}

.clinic_logo img {
  width: 100%;
}

.clinic_language ul li {
  display: inline-block;
  margin-right: -5px;
}

.clinic_language ul li:last-child {
  margin-right: -5px;
}

.clinic_language ul li a {
  color: #000;
  font-weight: 500;
  width: 40px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #ddd;
  display: inline-block;
}

.clinic_language-mobile {
  margin-right: 20px;
  text-align: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-left-clinic {
    justify-content: end;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-clinic {
    justify-content: flex-start !important;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .proheader-nav__3 ul li {
    justify-content: flex-start !important;
    margin-right: 7px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 856px) {
  .header-nav-clinic ul li a {
    font-size: 11px !important;
  }
}

.clinic_logo img {
  width: 80% !important;
}

.header-nav ul li a {
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-nav ul li a {
    font-size: 12px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-left-clinic {
    justify-content: start;
  }
}

.header_right_clinic {
  display: flex;
  align-items: center;
  justify-content: end;
}

.clinic_language2 {
  margin-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .header_right_clinic .clinicbtn {
    font-size: 14px;
    padding: 11px 14px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .clinic_language ul li a {
    width: 40px;
    font-size: 13px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .clinic_language2 {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .header_right_clinic {
    margin-left: -20px;
  }
}

.language_dopdown {
  position: relative;
  z-index: 999;
  margin-right: 20px;
}
@media (max-width: 575px) {
  .language_dopdown {
    margin-right: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .language_dopdown {
    margin-right: 10px;
  }
}
.language_dopdown:hover .language_dopdown-list {
  opacity: 1;
  visibility: visible;
}
.language_dopdown span {
  display: inline-block;
  padding: 8px 24px 8px 8px;
  color: #000;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  font-size: 14px;
}
.language_dopdown span::before {
  content: "\f107";
  font-family: "Font Awesome 5 pro";
  position: absolute;
  right: 7px;
  top: 27%;
}
.language_dopdown-list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120%;
  left: 0;
  min-width: 100px;
  background: #fff;
  padding: 20px;
  transition: 0.3s;
}
.language_dopdown-list li a {
  margin-bottom: 10px;
  display: block;
  color: #000;
  transition: 0.3s;
  white-space: nowrap;
}
.language_dopdown-list li a:hover {
  color: #9e4b47;
}

.language_dopdown-list li:last-child a {
  margin-bottom: 0px;
}

.header-nav-doctor ul li {
  margin-bottom: 10px;
}
.header-nav-doctor ul li a {
  border: 1px solid #9e4b47;
  border-radius: 10px;
  color: #fff;
  padding: 30px 30px;
  display: block;
  font-size: 25px;
  background-color: #9e4b47;
}

/****************************************************
6. about
*****************************************************/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__photo img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__photo img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .about__photo img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .about__gallery {
    margin-top: 50px;
    padding-left: 0;
  }
}
.about__img:first-child {
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about__img img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about__img {
    width: 45%;
    float: left;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-area {
    margin-top: 70px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .about-area {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.about-area__wrapper {
  position: relative;
}
.about-area__wrapper::after {
  position: absolute;
  right: -15px;
  bottom: -30px;
  border-radius: 10px;
  z-index: -1;
  width: 440px;
  height: 400px;
  content: "";
  background-color: #9e4b47;
}
@media only screen and (max-width: 1700px) {
  .about-area__wrapper::after {
    left: 270px;
    right: auto;
  }
}
.about-area__wrapper::before {
  content: "20+ Years Experience";
  position: absolute;
  bottom: 65px;
  transform: rotate(-90deg);
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 32px;
  right: -73px;
  font-family: "Roboto";
  font-weight: 300;
}
@media only screen and (max-width: 1700px) {
  .about-area__wrapper::before {
    right: auto;
    left: 605px;
    width: fit-content;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about-area__wrapper::before {
    right: -52px;
    bottom: 93px;
    left: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about-area__wrapper {
    overflow: hidden;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about-area {
    margin-top: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.about-area-2 {
  background-color: #f9f9f9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area-2 {
    margin-top: 65px;
    padding-top: 65px;
    padding-bottom: 60px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .about-area-2 {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .about-area__3 {
    margin-top: 0;
    padding-top: 30px;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area-2 {
    margin-top: 90px;
  }
}
@media (max-width: 575px) {
  .about-area-3 {
    margin-top: 50px;
    padding-top: 50px;
  }
}
.about__info {
  padding-top: 30px;
  margin-top: 35px;
  border-top: 1px solid #e2e2e2;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e2e2e2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__info {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__info {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 25px;
  }
}
.about__info a {
  float: left;
  width: 60px;
  text-align: center;
  line-height: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  flex: 0 0 auto;
  box-shadow: 0px 16px 32px 0px #9e4b4714;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__info a {
    margin-top: -18px;
  }
}
.about__info a i {
  font-size: 14px;
  color: #9e4b47;
}
.about__info p {
  overflow: hidden;
  padding-left: 30px;
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__info p {
    font-size: 16px;
    line-height: 1.3;
    padding-left: 15px;
  }
}
.about__text .desc {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text .desc {
    font-size: 17px;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__text {
    padding-left: 0;
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__text-2 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text-2 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text-4 {
    margin-top: 30px;
  }
}
.about__list ul li {
  display: inline-block;
}
.about__list ul li:not(:last-child) {
  margin-right: 50px;
}
.about__list ul li i {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #9e4b47;
  font-size: 14px;
  border-radius: 50%;
  transition: all 0.5s;
  background: #fff2f1;
  margin-right: 15px;
}
.about__list ul li:hover i {
  color: #fff;
  background-color: #9e4b47;
}
.about__list ul li h6 {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
}
.about__list-1 ul li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.about__list-1 ul li:first-child {
  border: 0 !important;
}
.about__list-2 ul li {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border: 0 !important;
}
.about__meta {
  display: flex;
  align-items: center;
}
.about__meta--text {
  padding-left: 30px;
}
.about__meta--text h5 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
}
.about__meta--text p {
  font-size: 14px;
  line-height: 1;
  margin-top: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__meta-2 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__meta-2 {
    margin-top: 25px;
  }
}
.about__thumb-3 {
  position: relative;
}
.about__thumb-3 .about__meta-3 {
  background-color: #9e4b47;
  position: absolute;
  top: 50%;
  border-radius: 10px;
  left: -150px;
  padding: 30px 50px;
  transform: translateY(-50%);
}
.about__thumb-3 .about__meta-3 i {
  display: inline-block;
  line-height: 1;
}
.about__thumb-3 .about__meta-3 i.glyph-icon::before {
  font-size: 60px;
  line-height: 1;
  color: #fff;
}
.about__thumb-3 .about__meta-3 h5 {
  color: #fff;
  margin-top: 17px;
  line-height: 1;
}
@media only screen and (max-width: 1480px) {
  .about__thumb-3 .about__meta-3 {
    left: -35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-3 .about__meta-3 {
    padding: 10px 31px;
    bottom: 30px;
  }
}
.about__thumb-3 .about__meta-action a {
  position: absolute;
  right: 23px;
  top: 23px;
  line-height: 1;
  font-size: 20px;
  color: #fff;
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-3 img {
    width: 100%;
  }
}
.about__desc-2 {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 40px;
}
.about__box-icon {
  box-shadow: 0px 8px 16px 0px #0000000a;
  border: 2px solid #f2f2f2;
  display: inline-block;
  text-align: center;
  padding: 28px 35px;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  border-radius: 10px;
}
.about__box-icon:not(:last-child) {
  margin-right: 15px;
}
.about__box-icon span {
  display: block;
  line-height: 1;
  color: #999999;
  font-size: 14px;
  margin-top: 15px;
}
.about__box-icon i {
  display: inline-block;
  width: fit-content;
  line-height: 1;
  color: #9e4b47;
  font-size: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__box-icon i::before {
    font-size: 40px;
  }
}
.about__box-icon:hover {
  box-shadow: none;
}
@media only screen and (max-width: 1480px) {
  .about__box-icon-3:not(:last-child) {
    margin-right: 3px;
  }
}
@media (max-width: 575px) {
  .about__box-icon-3 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__box-icon {
    padding: 11px 13px;
  }
}
@media (max-width: 575px) {
  .about__box-icon {
    padding: 21px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__left-3 {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .about__left-3 {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .about__icon-wrapper {
    margin-top: 0;
  }
}

.gallery__img {
  display: inline-block;
  position: relative;
}
.gallery__img a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out;
  line-height: 30px;
  z-index: 9;
}
.gallery__img::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  background-color: black;
  content: "";
  transition: all 0.5s ease-out;
}
.gallery__img:hover::after {
  opacity: 1;
  opacity: 0.702;
  visibility: visible;
}
.gallery__img:hover a {
  opacity: 1;
  visibility: visible;
}

.breadcrumb__height {
  min-height: 220px;
}
.breadcrumb__text {
  position: relative;
  z-index: 99;
}
.breadcrumb__text span {
  font-size: 16px;
  color: #fff;
}
.breadcrumb__text h2 {
  font-size: 36px;
  color: #fff;
  margin-top: 23px;
  line-height: 1;
}
@media (max-width: 575px) {
  .breadcrumb__text h2 {
    font-size: 47px;
    margin-top: 20px;
  }
}
.breadcrumb-item:not(:first-child)::before {
  content: "|" !important;
}
.breadcrumb-item a {
  font-size: 16px;
  color: #d6d6d6;
}

.feed__thumb img {
  width: auto !important;
}

.about__info a i {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.about__info a:hover {
  background-color: #9e4b47 !important;
}
.about__info a:hover i {
  color: #fff !important;
}

span.price {
  color: #9e4b47;
  font-size: 18px;
  font-weight: 700;
}

@media only screen and (max-width: 992px) {
  .about__text-5 {
    padding-left: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .about-area-new {
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 80px;
    padding-top: 30px;
  }
}

@media only screen and (max-width: 1200px) {
  .about-padding {
    margin-bottom: 0;
  }
}

.about__left .about__box-icon {
  margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area-1 {
    padding-bottom: 70px;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about4-content {
    padding-left: 0px;
  }
}
.about4-content h3 {
  font-size: 26px;
  margin: 30px 0px;
}
.about4-content h2 {
  font-size: 36px;
}
.about4-content h2 span {
  color: #9e4b47;
}
@media (max-width: 575px) {
  .about4-content {
    text-align: center;
  }
}
.about4-content .ab-beauty-img {
  text-align: center;
}

/****************************************************
7. featured
*****************************************************/
@media (max-width: 575px) {
  .featured-area {
    margin-top: 50px;
  }
}
.featured__product {
  background-color: #fff;
  padding: 58px 0;
  border-radius: 10px;
}
.featured__product-img {
  position: relative;
  display: flex;
  margin-bottom: 35px;
  justify-content: center;
}
.featured__product-img img {
  transition: all 0.5s ease-out;
}
@media only screen and (max-width: 1480px) {
  .featured__product-img img {
    height: 100%;
    object-fit: cover;
  }
}
.featured__product-img .secondary {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: auto !important;
}
.featured__product-img span.onsale {
  position: absolute;
  right: 50px;
  top: -12px;
  width: 80px;
  height: 80px;
  background: #9e4b47;
  border-radius: 80px;
  line-height: 80px;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.featured__product:hover .featured__product-img img {
  opacity: 0;
  visibility: hidden;
}
.featured__product:hover .featured__product-img img.secondary {
  opacity: 1;
  visibility: visible;
}
.featured__product span .price {
  font-size: 18px;
  font-weight: 700;
  line-height: 58px;
  color: #9e4b47;
}
.featured__product h4 {
  font-size: 18px;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 0;
}
.featured__product h4:hover a {
  color: #9e4b47 !important;
}
.featured__product:hover .product-action__icon {
  opacity: 1;
  visibility: visible;
}

.product-action {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
}
.product-action__icon {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.product-action__icon a {
  width: 50px;
  height: 50px;
  background: #fff;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
  color: #777777;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border-radius: 10px;
}
.product-action__icon a:hover {
  background-color: #9e4b47;
  color: #fff;
}

@media (max-width: 575px) {
  .features__area {
    padding-top: 70px;
  }
}
.features__text {
  background-color: #9e4b47;
  padding: 100px 0px 100px 0px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .features__text {
    margin-top: 30px;
  }
}
.features__area nav {
  padding: 30px 0;
}

.feature__text {
  overflow: hidden;
}
.feature__logo {
  float: left;
  margin-right: 30px;
}
@media (max-width: 575px) {
  .feature__logo {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.feature__text h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
}
.feature__text p {
  font-size: 14px;
  line-height: 24px;
}
.feature__text span {
  display: block;
}
@media only screen and (max-width: 1480px) {
  .feature__img {
    height: 100%;
  }
}
@media only screen and (max-width: 1480px) {
  .feature__img img {
    height: 100%;
    object-fit: cover;
  }
}

.gray-bg {
  background-color: #f9f9f9;
}

.pb-445 {
  padding-bottom: 445px;
}
@media (max-width: 575px) {
  .pb-445 {
    padding-bottom: 70px;
  }
}

a.featured-btn {
  font-size: 16px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  padding-left: 35px;
}
a.featured-btn i {
  padding-left: 10px;
  vertical-align: middel;
  font-size: 14px;
  color: #ddcec0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a.featured-btn span {
  vertical-align: middle;
  font-size: 16px;
  line-height: 32px;
  padding-left: 10px;
  color: #999999;
}
a.featured-btn:hover {
  color: #9e4b47;
}
a.featured-btn:hover i {
  color: #9e4b47;
  padding-left: 15px;
}
@media (max-width: 575px) {
  a.featured-btn {
    padding: 0;
    display: block;
    margin-top: 17px;
  }
}

.features__tab ul li button {
  line-height: 1;
  padding: 24px 94px;
  display: inline-block;
  background: #fff;
  background-color: #fff;
  color: #000000;
  border-radius: 10px;
  margin: 0 10px 10px 10px;
  white-space: nowrap;
}
.features__tab ul li button.nav-link.active {
  background-color: #9e4b47;
  color: #fff;
}
@media only screen and (max-width: 1700px) {
  .features__tab ul li button {
    padding: 21px 56px;
    margin-right: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .features__tab ul li button {
    padding: 18px 36px;
  }
}
@media (max-width: 575px) {
  .features__tab ul li button {
    padding: 16px 17px;
    margin-right: 7px;
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.features__wrapper {
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .features__wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.features__tab ul {
  justify-content: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .features-scroll {
    overflow: scroll !important;
  }
}

.feature-btn-2 {
  color: #777 !important;
}
.feature-btn-2:hover {
  color: #9e4b47 !important;
}

.features__tab ul li button {
  font-size: 16px;
  font-family: "Prata", serif;
  font-weight: 400;
}

@media (max-width: 575px) {
  .features__area .features__tab-clinic .nav {
    flex-wrap: nowrap !important;
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pro-clinic-nav {
    justify-content: flex-start !important;
  }
}

.features__tab-clinic ul li:first-child button {
  margin-left: 0px !important;
}

.features__tab-clinic ul li:last-child button {
  margin-right: 0px !important;
}

/****************************************************
8. info
*****************************************************/
.info__area {
  position: fixed;
  right: -100%;
  opacity: 0;
  visibility: hidden;
  top: 0;
  padding: 30px;
  width: 350px;
  transition: all 0.5s;
  height: 100%;
  z-index: 99;
}
.info__area h4 {
  position: relative;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.info__area h4::after {
  position: absolute;
  left: 0;
  content: "";
  bottom: 0;
  width: 100px;
  height: 2px;
  background-color: #b57751;
}
.info__visible {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.info__close-icon {
  margin-bottom: 30px;
}
.info__close-icon button {
  color: #222;
  font-size: 20px;
  border: 0;
  text-align: center;
  background: transparent;
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  cursor: pointer;
}

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

/* 4. popup */
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  background-color: #fff;
  z-index: 999;
}

.search-popup .search-form {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.search-popup form {
  width: 850px;
  position: relative;
}

.search-popup form input {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  border: 1px solid #ddcec0;
}

.search-popup form button {
  border: 0;
  color: #222;
  background: transparent;
  font-size: 20px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
}

.search-close button {
  position: fixed;
  right: 30px;
  top: 30px;
  border: 0;
  background: transparent;
  color: #222;
  font-size: 27px;
  cursor: pointer;
  font-weight: 600;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
}

.visible {
  opacity: 1;
  visibility: visible;
}

/****************************************************
10. pricing
*****************************************************/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-area {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-area {
    padding-top: 70px;
  }
}
@media (max-width: 575px) {
  .pricing-area {
    padding-top: 50px;
  }
}
@media (max-width: 575px) {
  .pricing-area-4 {
    padding-top: 70px;
  }
}
.pricing__box {
  position: relative;
  padding: 30px 0;
}
.pricing__box::before, .pricing__box::after {
  position: absolute;
  left: 130px;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  right: 0;
  z-index: -1;
  content: "";
  background-color: #f9f9f9;
}
@media (max-width: 575px) {
  .pricing__box::before, .pricing__box::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .pricing__box {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.pricing__box .pricing__text p {
  font-size: 14px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.pricing__box-4::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__box-4 img {
    width: 100%;
  }
}
.pricing__box:hover::after {
  opacity: 1;
  visibility: visible;
}
.pricing__box:hover .pricing__text h4, .pricing__box:hover .pricing__text p {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #fff;
}
.pricing__box .price-bg-img {
  width: calc(100% - 130px);
  background-size: cover;
  height: 0;
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  bottom: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 10px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing__box .price-bg-img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .pricing__box .price-bg-img {
    width: 100%;
  }
}
.pricing__box .price-bg-img::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  content: "";
  opacity: 0.8;
  background-color: #721612;
}
.pricing__box:hover .price-bg-img {
  top: 0;
  bottom: auto;
  height: 100%;
}
.pricing__text {
  color: #777;
  font-size: 14px;
  overflow: hidden;
  padding-left: 40px;
  font-weight: 400;
  position: relative;
  z-index: 9;
}
.pricing__text ul li {
  border-bottom: 0;
  margin-top: 5px;
  padding-bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.pricing__text .appoint__list {
  padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__text .appoint__list ul li p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .pricing__text .appoint__list ul li p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .pricing__text .appoint__list {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__text .appoint__list {
    padding-right: 10px;
  }
}
@media (max-width: 575px) {
  .pricing__text .appoint__list {
    margin-top: 10px;
    padding-right: 0;
  }
}
.pricing__text .appoint__list-4 {
  padding-right: 0;
  margin-top: 15px;
}
.pricing__text .appoint__list-4 ul li p {
  font-size: 14px;
}
.pricing__text h4 {
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__text h4 {
    font-size: 21px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .pricing__text h4 {
    margin-bottom: 0;
  }
}
.pricing__text h4:hover a {
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .pricing__text {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__text {
    padding-left: 20px;
  }
}
@media (max-width: 575px) {
  .pricing__text {
    padding-left: 0;
    margin-top: 30px;
  }
}
.pricing__text-4 {
  padding-left: 0;
  background-color: #fff;
  padding: 35px 40px;
  padding-top: 75px;
  border: 2px solid #eeeeee;
  z-index: -1;
  margin-top: -30px;
  border-radius: 10px;
}
.pricing__text-4 ul li span {
  color: #9e4b47;
}
@media (max-width: 575px) {
  .pricing__text-4 ul li span {
    display: block;
    float: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__text-4 {
    padding: 35px 15px;
  }
}
.pricing__text-4 h4:hover a {
  color: #9e4b47 !important;
}
@media (max-width: 575px) {
  .pricing__text {
    padding-left: 0;
    margin-top: 30px;
    padding: 0 30px;
    padding-bottom: 30px;
  }
}
.pricing__img {
  float: left;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .pricing__img {
    float: none;
  }
}
.pricing__img-4 {
  float: none;
  text-align: center;
  width: fit-content;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
}
.pricing__img-4 img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing__img img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .pricing__img img {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price-area__4 {
    margin-top: 70px;
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .price-area__4 {
    padding-top: 70px;
  }
}

.pricing__box-4 {
  z-index: 3;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.pricing__box-4:hover .pricing__text {
  position: relative;
}
.pricing__box-4:hover .pricing__text h4 {
  color: #000000;
}
.pricing__box-4:hover img {
  transform: scale(1.1);
}
.pricing__box-4:hover p {
  color: #777777 !important;
}

.pricing__text-4 {
  z-index: 2;
}
@media (max-width: 575px) {
  .pricing__text-4 {
    padding-left: 0;
    padding: 56px 14px;
    padding-bottom: 30px;
    margin-top: -10px;
  }
}

.pricing__img.pricing__img-4 img {
  max-width: 356px;
}
@media (max-width: 575px) {
  .pricing__img.pricing__img-4 img {
    width: 100%;
  }
}

/****************************************************
11. slider
*****************************************************/
.header-transparent {
  position: absolute;
  left: 0;
  z-index: 99;
  right: 0;
  top: 0;
}

.slider-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-area {
  background-position: bottom center;
}
.slider-height {
  min-height: 980px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height {
    min-height: 750px;
  }
}
@media (max-width: 575px) {
  .slider-height {
    min-height: 600px;
  }
}
.slider-height-2 {
  min-height: 700px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    min-height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    min-height: 505px;
  }
}
@media (max-width: 575px) {
  .slider-height-2 {
    min-height: 500px;
  }
}
.slider-height-3 {
  min-height: 615px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    min-height: 550px;
  }
}
@media (max-width: 575px) {
  .slider-height-3 {
    min-height: 500px;
  }
}
.slider-height-4 {
  min-height: 1000px;
}
.slider-text {
  position: relative;
  z-index: 99;
}
.slider-text span {
  color: #9e4b47;
  font-size: 18px;
  font-weight: 500;
}
.slider-text h2 {
  font-size: 60px;
  line-height: 1.15;
  margin-top: 18px;
  font-weight: 400;
}
@media (max-width: 575px) {
  .slider-text h2 {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 600px) {
  .slider-text h2 {
    font-size: 25px;
    margin-top: 5px;
  }
}
.slider-text p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 46px;
}
@media (max-width: 575px) {
  .slider-text p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
.slider-text__2 h2 {
  font-size: 140px;
  margin-bottom: 55px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-text__2 h2 {
    font-size: 89px;
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text__2 h2 {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .slider-text__2 h2 {
    font-size: 57px;
    line-height: 1;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-text__2 {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text__2 {
    margin-top: 0 !important;
  }
}
@media (max-width: 575px) {
  .slider-text__2 {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-text {
    margin-top: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text {
    margin-top: 150px;
  }
}
@media (max-width: 575px) {
  .slider-text {
    margin-top: 70px;
  }
}
.slider-text-4 {
  position: relative;
  z-index: 9;
}
.slider-text-4 span {
  font-size: 18px;
  font-weight: 400;
  margin-top: 40px;
}
.slider-text-4 h2 {
  font-size: 60px;
  color: #fff;
  margin-top: 20px;
  line-height: 1.17;
}
@media only screen and (max-width: 1200px) {
  .slider-text-4 h2 {
    font-size: 43px;
  }
}
.slider-text.has-border span {
  display: block;
}
.slider-text.has-border h2 {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 30px;
  display: inline-block;
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .slider-text.has-border h2 {
    padding-bottom: 9px;
    margin-bottom: 6px;
  }
}
.slider-text-5 {
  padding: 0 15px;
  margin-left: 0;
}
@media only screen and (max-width: 1700px) and (min-width: 1480px) {
  .slider-text-5 {
    padding: 0 87px;
  }
}
.slider__box {
  background: #fff;
  padding: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.slider__box--inner {
  padding-top: 59px;
  position: relative;
}
.slider__box--inner h3 {
  margin-bottom: 0;
  font-size: 80px;
  line-height: 50px;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .slider__box--inner h3 {
    font-size: 52px;
    line-height: 36px;
    margin-bottom: 4px;
  }
}
.slider__box--inner::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: #9e4b47;
  content: "";
  clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
}
@media (max-width: 575px) {
  .slider__box {
    padding: 20px;
  }
}
.slider__play a {
  position: absolute;
  width: 100px;
  height: 100px;
  right: -85px;
  top: 0;
  background: #fff;
  font-size: 18px;
  line-height: 100px;
  display: inline-block;
  text-align: center;
  color: #9e4b47;
  border-radius: 50%;
}
.slider__play a::after, .slider__play a::before {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid #c0c2c1;
  content: "";
}
.slider__play a::after, .slider__play a::before {
  animation-name: scaleAnimation;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
@media (max-width: 575px) {
  .slider__play a {
    width: 80px;
    height: 80px;
    right: -46px;
    top: -37px;
    line-height: 80px;
  }
}
.slider__play a:hover {
  background-color: #9e4b47;
  color: #fff;
}
.slider__play-btn-4 a {
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  color: #fff;
  border: 1px solid #a76764;
  border-radius: 50%;
  font-size: 14px;
}
.slider__play-btn-4 a:hover {
  background-color: #fff;
  color: #9e4b47;
}
.slider__item {
  display: inline-block;
  width: 115px;
  height: 130px;
  padding-top: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 10px;
  border: 2px solid #a95854;
  text-align: center;
  margin-right: 10px;
  color: #fff;
}
.slider__item i {
  margin-bottom: 5px;
}
.slider__item i::before {
  color: #fff;
}
.slider__item span {
  display: block;
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  line-height: 1;
}
.slider__item:hover {
  background-color: #fff;
  color: #9e4b47;
}
.slider__item:hover span {
  color: #000000;
}
.slider__item:hover i::before {
  color: #9e4b47;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__left-2 {
    margin-top: 200px;
  }
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.single-slider-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.has-red-overlay {
  position: relative;
}
.has-red-overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #9e4b47;
  opacity: 94%;
  content: "";
}

.slider__item-box {
  padding: 25px 0;
  height: auto;
}
@media (max-width: 575px) {
  .slider__item-box {
    margin-bottom: 15px;
  }
}
.slider__item-box i {
  line-height: 1;
  font-size: 47px;
}

/****************************************************
12. team
*****************************************************/
@media (max-width: 575px) {
  .team-area {
    padding-top: 70px;
  }
}
@media (max-width: 575px) {
  .team-area-4 {
    margin-top: 0px;
  }
}
.team__img img {
  max-width: 100%;
  border-radius: 10px;
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 1480px) {
  .team__img img {
    max-width: 84%;
  }
}
@media (max-width: 575px) {
  .team__img img {
    width: 86%;
    max-width: auto;
  }
}
.team__left p {
  font-size: 18px;
  line-height: 30px;
  margin-top: 25px;
  padding-top: 33px;
  border-top: 1px solid #ddd;
}

.testimonial__text {
  margin-top: 32px;
}
.testimonial__text span {
  font-size: 14px;
  transition: all 0.5s;
  display: block;
  line-height: 30px;
  color: #9e4b47;
  font-weight: 700;
}
.testimonial__text h4 {
  font-size: 24px;
  transition: all 0.5s;
  line-height: 30px;
}
.testimonial__img {
  width: fit-content;
  height: fit-content;
  margin: auto;
  display: inline-block;
  position: relative;
}
.testimonial__img-inner {
  position: absolute;
  left: 0;
  transition: 0.5s ease-out;
  display: flex;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: rgba(158, 75, 71, 0.5);
}
.testimonial-social a {
  color: #fff;
  font-size: 16px;
  padding-left: 8px;
  display: inline-block;
  padding-right: 8px;
}
.testimonial__active.slick-slide {
  position: static;
}

.p-static {
  position: static;
}

.p-rel {
  position: relative;
}

.testimonial__active .slick-dots, .appoint__active .slick-dots {
  position: absolute;
  left: 0;
  bottom: 0;
}
.testimonial__active .slick-dots li, .appoint__active .slick-dots li {
  display: inline-block;
}
@media (max-width: 575px) {
  .testimonial__active .slick-dots li:not(:last-child), .appoint__active .slick-dots li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.testimonial__active .slick-dots button, .appoint__active .slick-dots button {
  margin-right: 10px;
  width: 60px;
  height: 60px;
  transition: all 0.3s ease-out;
  color: #9e4b47;
  border: none;
  background: #fff2f1;
  border-radius: 10px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
}
.testimonial__active .slick-dots button:hover, .appoint__active .slick-dots button:hover {
  background-color: #9e4b47;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .testimonial__active .slick-dots button:hover, .appoint__active .slick-dots button:hover {
    background-color: #ff786e;
    color: #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__active .slick-dots, .appoint__active .slick-dots {
    margin-top: 80px;
    position: static;
  }
}
@media (max-width: 575px) {
  .testimonial__active .slick-dots, .appoint__active .slick-dots {
    margin-top: 80px;
    position: static;
  }
}
.testimonial__active .slick-active button, .appoint__active .slick-active button {
  background-color: #9e4b47;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .testimonial__active .slick-active button, .appoint__active .slick-active button {
    background-color: #ff786e;
  }
}

.single-team {
  position: relative;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .single-team-team {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team-2 {
    margin-top: 59px !important;
  }
}
.single-team .team__img {
  transform: translateY(-60px);
  position: relative;
  z-index: 9;
}
.single-team .team__img--action {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.single-team .team__img--action a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #9e4b47;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.single-team .team__text {
  margin-top: -25px;
  padding-left: 40px;
  padding-left: 30px;
  position: relative;
  z-index: 9;
}
.single-team .team__text h4 {
  font-size: 24px;
  transition: all 0.5s;
  line-height: 30px;
}
.single-team .team__text h4 a:hover {
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-team .team__text h4 {
    font-size: 19px;
  }
}
.single-team .team__text span {
  font-size: 14px;
  line-height: 30px;
  transition: all 0.5s;
  color: #9e4b47;
}
.single-team .team__social {
  position: absolute;
  right: 15px;
  top: 20px;
  z-index: 9;
}
.single-team .team__social a {
  color: #bbbbbb;
  font-size: 14px;
  line-height: 40px;
}
.single-team .team__social a:hover {
  color: #fff;
}
.single-team::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  content: "";
  border-radius: 10px;
  transition: all 0.5s;
}
.single-team:hover::after {
  background-color: #9e4b47;
  opacity: 0.9;
}
.single-team:hover .team__text h4 {
  color: #fff;
}
.single-team:hover .team__text span {
  color: #fff;
}
.single-team:hover .team__img--action {
  opacity: 1;
  visibility: visible;
}

.single__testimonial {
  background-color: #f9f9f9;
  padding: 50px 0;
  transition: all 0.5s ease-out;
}
.single__testimonial:hover {
  background-color: #9e4b47;
}
.single__testimonial:hover .testimonial__text h4 {
  color: #fff;
}
.single__testimonial:hover .testimonial__text span {
  color: #fff;
}
.single__testimonial:hover .testimonial__img-inner {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1480px) {
  .single-team {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .single-team {
    margin-bottom: 100px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team:last-child {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-margin {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor-box__2 {
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 70px;
  }
}

.box__item .user__thumb img {
  border-radius: 50%;
}

.team-area .proteam__content-wrapper .single-team {
  margin-bottom: 30px !important;
  margin-top: 60px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .proteam__gallery {
    position: static;
    height: auto !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .proteam__gallery .row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
  }
  .proteam__gallery .row .proteam__item {
    position: static !important;
  }
}

.tab__list.proteam-menu {
  padding-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pro-team-area {
    padding-top: 0px !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .beauty-team-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .beauty-team__group .row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .probeauty_teams {
    overflow-x: scroll !important;
    height: auto !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .probeauty_teams .row {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .probeauty_teams .row .probeauty_team-item {
    position: static !important;
  }
}

.beauty-team-area .mad-team-member {
  position: relative;
  transition: all 0.5s ease;
  padding-bottom: 30px;
}
.beauty-team-area .mad-team-member img {
  width: 100%;
}
.beauty-team-area .mad-team-member-info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2rem;
  width: calc(100% - 2rem);
  border-radius: 7px;
  border-top-left-radius: 0;
  background: #e9e9e9;
  transition: all 0.5s ease;
}
.beauty-team-area .mad-team-member-info {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2rem;
  width: calc(100% - 2rem);
  border-radius: 7px;
  border-top-left-radius: 0;
  background: #e9e9e9;
  transition: all 0.5s ease;
}

.mad-team-member-info .mad-team-member-name:not(:last-child) {
  margin-bottom: 0.5rem;
  font-size: 24px;
  transition: color 0.3s ease;
}

.mad-team-member-info .mad-member-stat {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 1px;
  color: var(--color-neutral-60);
  transition: color 0.5s ease;
}

.mad-social-icons {
  opacity: 0;
  visibility: hidden;
  margin-top: -30px;
  transition: all 0.5s ease;
}
.mad-social-icons ul li i {
  color: #9e4b47;
}

.beauty-team-area:not(.type-3) .mad-team-member:hover .mad-social-icons {
  opacity: 1;
  visibility: visible;
  margin-top: 1rem;
  color: #fff;
}

.beauty-team-area:not(.type-3) .mad-team-member:hover .mad-team-member-info {
  background: #9e4b47;
  transform: translateX(2rem);
  border-top-left-radius: 7px;
  border-top-right-radius: 0;
  color: #fff;
}

.mad-social-icons ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 1rem;
}

.beauty-team-area:not(.type-3) .mad-team-member:hover .mad-social-icons ul li a i {
  color: #fff;
  transition: all 0.3s ease;
}
.beauty-team-area:not(.type-3) .mad-team-member:hover .mad-social-icons ul li a i:hover {
  color: black;
}

.beauty-team-area:not(.type-3) .mad-team-member:hover .mad-team-member-name {
  color: #fff;
  transition: all 0.3s ease;
}
.beauty-team-area:not(.type-3) .mad-team-member:hover .mad-team-member-name:hover a {
  color: #000;
}

.doctors_form .contact__input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-size: 16px;
  color: #6f6f6f;
  border-radius: 3px;
  margin-bottom: 30px;
  text-transform: capitalize;
}
.doctors_form .contact__input span {
  font-size: 16px;
}

.doctors_form .nice-select::after {
  height: 8px;
  width: 8px;
}

.doctors_form .nice-select .list {
  width: 100%;
}

.doctors_form_btn {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 25px;
  color: #ffffff;
  background: #E48216;
  border-radius: 4px;
  font-weight: 500;
  text-transform: lowercase;
  border: none;
  width: 100%;
  font-size: 20px;
  text-transform: uppercase;
}

/****************************************************
13. service
*****************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area__3 {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .service-area__3 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area {
    padding-top: 80px;
  }
}
@media (max-width: 575px) {
  .service-area {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area-2 {
    margin-top: 90px;
    padding-bottom: 90px;
  }
}
@media (max-width: 575px) {
  .service-area-2 {
    margin-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1250px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
.service__left--img img {
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .service__left--img img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__left--img img {
    width: 100%;
  }
}
.service__text h4 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .service__text h4 {
    margin-top: 0;
  }
}
.service__text p {
  margin-top: 13px;
  font-size: 16px;
}
.service__text-2 h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
}
.service__text-2 p {
  color: #777777;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 575px) {
  .service__text-2 p {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.service__text-2 h4 {
  line-height: 1;
  margin-bottom: 25px;
  font-size: 30px;
}
.service__text-2 p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 25px;
}
.service__text-3 h4 {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 0;
}
.service__box {
  padding: 30px 45px;
  border-right: 1px solid #f1f1f1;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1400px) {
  .service__box {
    border: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .service__box {
    padding: 50px 6px;
  }
}
@media only screen and (max-width: 1200px) {
  .service__box {
    padding: 0 31px !important;
  }
}
@media (max-width: 575px) {
  .service__box {
    padding: 30px 45px;
    border: 0;
  }
}
.service__box-3 {
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  box-shadow: 0px 8px 16px 0px #0000000a;
  padding: 20px 35px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.service__box-3 .service__icon i::before {
  color: #9e4b47;
}
.service__box-3 .service__text {
  overflow: hidden;
  padding-left: 30px;
}
.service__box-3 .service__text h4 {
  font-size: 20px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 10px;
}
.service__box-3 .service__text p {
  margin-top: 0;
  font-size: 14px;
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__box-3 .service__text {
    padding-left: 9px;
  }
}
@media (max-width: 575px) {
  .service__box-3 .service__text {
    padding-left: 15px;
  }
}
.service__box-3 .service__action a {
  font-size: 20px;
  color: #eaeaea;
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 1;
}
.service__box-3:hover {
  box-shadow: none;
}
.service__box-3:hover .service__action a {
  color: #9e4b47;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__box-3 {
    padding: 13px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__box-3 {
    padding: 15px 7px;
  }
}
@media (max-width: 575px) {
  .service__box-3 {
    padding: 0px 11px;
  }
}
.service__box-2 {
  background-color: #fff;
  padding: 50px 20px;
  padding-bottom: 45px;
}
.service__middle {
  font-size: 36px;
  line-height: 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .service__middle {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__middle {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .service__middle {
    margin-top: 30px;
  }
}
.service__middle--text h4 {
  font-size: 36px;
  line-height: 46px;
  margin-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__middle--text h4 {
    font-size: 26px;
    line-height: 1.2;
    margin-top: 22px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .service__middle--text h4 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .service__middle--text h4 br {
    display: none;
  }
}
.service__middle--text p {
  font-size: 18px;
  padding-right: 64px;
  margin-top: 20px;
  padding-right: 92px;
}
@media only screen and (max-width: 1250px) {
  .service__middle--text p {
    padding-right: 40px;
  }
}
.service__middle--text ul li {
  display: block;
  margin-right: 0;
}
.service__middle--img i {
  line-height: 1;
}
.service__middle--img i::before {
  font-size: 80px;
  color: #9e4b47;
}
@media only screen and (max-width: 1700px) {
  .service {
    padding-top: 50px;
  }
}
.service__logo i {
  font-size: 48px;
  line-height: 80px;
}
.service__logo i::before {
  text-align: center;
  line-height: 100px;
  padding-left: 8px;
}
.service__logo-2 {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 8px 16px 0px #0000000f;
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}
.service__logo-2:after, .service__logo-2:before {
  width: 15px;
  height: 15px;
  background-color: #9e4b47;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  z-index: -1;
}
.service__logo-2:before {
  bottom: 17px;
  top: 77%;
  left: 79px;
  right: 0;
}
.service__logo-2 i {
  color: #9e4b47;
  line-height: 100px;
}
.service__tabs .tab__box i::before {
  font-size: 80px;
  color: #9e4b47;
}
.service__tabs button.active {
  background-color: #9e4b47;
}

.tab__1 {
  overflow: hidden;
}
.tab__1 ul {
  flex-direction: column;
  width: fit-content;
  float: left;
}
.tab__1 ul li {
  padding: 0;
}
.tab__1 ul li button.nav-link {
  padding: 0;
  margin-bottom: 25px;
}
.tab__1 ul li button.nav-link i::after {
  color: #9e4b47;
}
.tab__1 ul li button.nav-link.active {
  background-color: #9e4b47;
  position: relative;
}
.tab__1 ul li button.nav-link.active span {
  color: #fff;
}
.tab__1 ul li button.nav-link.active::after {
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  border: 0;
  height: 18px;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 0);
  background-color: #9e4b47;
  content: "";
}
@media (max-width: 575px) {
  .tab__1 ul li button.nav-link.active::after {
    right: auto;
    top: 99%;
    transform: translateY(0);
    clip-path: polygon(0 0, 100% 0, 50% 80%);
    left: 50%;
    transform: translateX(-50%);
  }
}
.tab__1 ul li button.nav-link.active i::before {
  color: #fff !important;
}
.tab__1 ul li button.nav-link.active .tab-box {
  border: 0;
}
@media (max-width: 575px) {
  .tab__1 ul li button {
    margin: 0 10px;
  }
}
@media (max-width: 575px) {
  .tab__1 ul {
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
}
.tab__box {
  border: 1px solid #ddd !important;
  padding: 45px 57px !important;
  text-align: center;
}
@media only screen and (max-width: 1480px) {
  .tab__box {
    padding: 43px 40px;
  }
}
@media (max-width: 575px) {
  .tab__box {
    padding: 25px 40px;
  }
}
.tab__box span {
  display: block;
  font-size: 14px;
  color: #777777;
  margin-top: 0;
  line-height: 1;
}
.tab__box i {
  margin-left: 7px;
  margin-bottom: 15px;
  line-height: 1;
  display: block;
}

blockquote {
  padding-left: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 2px solid #9e4b47;
}
blockquote h6 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
blockquote span {
  font-size: 14px;
  color: #9e4b47;
  line-height: 1;
  margin-top: 15px;
  display: block;
}

.nav-link.active span {
  color: #fff;
}

@media (max-width: 575px) {
  .service__icon i::before {
    font-size: 85px;
  }
}

@media (max-width: 575px) {
  .service__middle--text {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area-1 {
    padding-bottom: 70px;
  }
}

.appointment-item {
  background: #f9f9f9;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 94%;
}
@media (max-width: 575px) {
  .appointment-item {
    width: 100%;
  }
}
.appointment-item:hover {
  background-color: #9e4b47;
}
.appointment-item:hover .appointment-item-content-left h2 {
  color: #fff;
}
.appointment-item:hover .appointment-item-content-left p {
  color: #fff;
}
.appointment-item:hover .appointment-item-content-right h2 {
  color: #fff;
}
.appointment-item:hover .appointment-item-content-right p {
  color: #fff;
}
.appointment-item:hover .appointment-item-content-right .btn-1 {
  background-color: #fff;
  color: #9e4b47 !important;
}
.appointment-item:hover .appointment-item-img img {
  margin-left: 0px;
}
.appointment-item-img img {
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
  width: 100%;
  margin-left: 35px;
  margin-top: -35px;
  border-radius: 7px;
}
.appointment-item-content {
  padding: 50px 50px 40px 50px;
  display: flex;
  column-gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .appointment-item-content {
    padding: 30px;
    column-gap: 15px;
  }
}
@media (max-width: 575px) {
  .appointment-item-content {
    padding: 20px;
    column-gap: 10px;
  }
}
.appointment-item-content-left {
  white-space: nowrap;
}
.appointment-item-content-left h2 {
  font-size: 45px;
  color: #9e4b47;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .appointment-item-content-left h2 {
    font-size: 30px;
  }
}
.appointment-item-content-left h2 span {
  font-size: 25px;
  position: absolute;
  left: -15px;
}
.appointment-item-content-right h2 {
  font-size: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
  .appointment-item-content-right h2 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .appointment-item-content-right p {
    font-size: 14px;
    line-height: 24px;
  }
}

.deauyy-tab__list ul li a.nav-link {
  background-color: #ca625c;
  color: #fff;
  font-size: 20px;
}

.portfolio-top-wrapper .deauyy-tab__list .appointment-menu-list {
  justify-content: center !important;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-top-wrapper .deauyy-tab__list .appointment-menu-list {
    justify-content: flex-start !important;
  }
}

.deauyy-tab__list ul li.active a {
  background-color: #9e4b47;
  color: #fff;
}

.beauty-clinic-items .nav-pills .nav-link.active, .beauty-clinic-items .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #9e4b47;
  font-weight: 500;
  transition: all 0.3s ease-out 0s;
}

.beauty-clinic-items .nav-pills .active {
  position: relative;
}
.beauty-clinic-items .nav-pills .active::before {
  position: absolute;
  content: "\f105";
  right: 15px;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  top: 16px;
}

.beauty-clinic-items .nav-pills .nav-link {
  text-align: left;
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  height: 65px;
  position: relative;
  padding-left: 20px;
  transition: all 0.3s ease-out 0s;
  border: 1px solid #ddd;
  border-radius: 0px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .beauty-clinic-items .nav-pills .nav-link {
    width: 200px;
    flex: 0 0 auto;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .beauty-services-scroll {
    overflow-x: scroll;
  }
}

.beauty-clinic-items .nav-pills .nav-link i {
  color: #9e4b47;
  font-size: 45px;
  vertical-align: middle;
  margin-right: 10px;
}

.beauty-clinic-items .nav-pills .active > i {
  color: #fff !important;
}

.beauty-clinic-items .nav-pills .active {
  border: 1px solid #9e4b47;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .pbeauty-menu-scroll {
    overflow-x: scroll;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .probeauty-clinic-items-content h2 {
    margin-top: 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .probeauty-clinic-items-content h2 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .probeauty-clinic-items-content h2 {
    font-size: 30px;
  }
}

.probeauty-clinic-items-img img {
  width: 100%;
  max-height: 390px;
  object-fit: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .probeauty-clinic-items-img img {
    max-height: auto;
  }
}

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .probeauty_tabs2-menu {
    margin-right: 0px !important;
  }
}

.services__beauty-items {
  border: 1px solid #ddd;
  cursor: pointer;
  padding: 5px 10px 20px;
}
.services__beauty-items-icon i {
  font-size: 60px;
}

.clinic-nav-btn {
  width: 40px;
  height: 40px;
  background: #000;
  border: none;
  color: #fff;
  font-size: 19px;
  z-index: 999;
}

.slider-nav .slick-list {
  margin-right: -4px;
}

.slider-nav .slick-prev {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.slider-nav .slick-next {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.services__beauty-items.slick-slide.slick-current {
  background-color: #9e4b47;
}
.services__beauty-items.slick-slide.slick-current i {
  color: #fff;
}
.services__beauty-items.slick-slide.slick-current span {
  color: #fff;
}

.dr_services-conent {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  display: inline-block;
  position: relative;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  box-shadow: none !important;
  padding: 30px 50px 0 0;
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .dr_services-conent {
    margin-top: 60px;
    float: left;
  }
}

.dr_services-conent .services-title {
  background-color: #9e4b47;
  bottom: 30px;
  left: 40px;
  position: absolute;
  right: 0;
  top: 0;
}

.dr_services-conent *, .dr_services-conent ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.dr_services-conent img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.dr_services-conent h4 {
  font-size: 18px;
  position: absolute;
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  color: #fff;
  left: 100%;
  margin: 0;
  opacity: 0.8;
  padding: 10px 40px 0 0;
  right: 0;
  font-family: "Josefin Sans", sans-serif;
  top: 30px;
  white-space: nowrap;
  font-weight: 500;
}

.dr_services-content-box {
  background: #fff;
  padding: 50px 30px 100px 30px;
  border: 1px solid #000;
  border-radius: 50px;
}

/****************************************************
14. news
*****************************************************/
@media (max-width: 575px) {
  .news__thumb-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-area {
    margin-top: 70px;
  }
}
@media (max-width: 575px) {
  .news-area-3 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-area-2 {
    margin-top: 90px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .news-area-2 {
    margin-top: 90px !important;
  }
}
@media (max-width: 575px) {
  .news-area-2 {
    margin-top: 90px !important;
  }
}
.news__meta {
  margin-top: 25px;
  color: #9e4b47;
  font-size: 14px;
}
.news__meta span {
  color: #a8a8a8;
  font-size: 14px;
  padding-left: 10px;
  margin-left: 7px;
  position: relative;
}
.news__meta span::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background-color: #ededed;
  content: "";
}
.news__meta--2 span {
  padding-left: 0;
  margin-left: 0;
}
.news__meta--2 span::after {
  display: none;
}
.news__meta-3 span i {
  color: #9e4b47;
  font-size: 14px;
  margin-right: 10px;
}
.news__link h4 {
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 0;
}
.news__link h4:hover a {
  color: #9e4b47;
}
@media only screen and (max-width: 1250px) {
  .news__link h4 {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news__link h4 {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__link h4 {
    font-size: 19px;
    line-height: 1.3;
  }
}
@media (max-width: 575px) {
  .news__link h4 {
    font-size: 20px;
    line-height: 1.2;
  }
}
.news__view {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
  margin-top: 18px;
}
.news__view ul li {
  line-height: 30px;
  display: inline-block;
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
}
.news__view ul li:last-child {
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__view ul li:last-child {
    padding-left: 0;
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .news__view ul li:last-child {
    padding-left: 0;
    margin-left: 0;
  }
}
.news__view ul li:last-child::after {
  height: 15px;
  width: 1px;
  background-color: #d7d7d7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__view ul li:last-child::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .news__view ul li:last-child::after {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news__view ul li:last-child {
    padding-left: 5px;
    margin-left: 5px;
  }
}
.news__view ul li i {
  color: #9e4b47;
  font-size: 14px;
  margin-right: 6px;
}
.news__view ul li a {
  color: #9e4b47;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news__view {
    margin-top: 13px;
  }
}
.news__img {
  position: relative;
}
.news__img a {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  background-color: #9e4b47;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  padding: 0 28px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__img-3 {
    display: none;
  }
}
@media (max-width: 575px) {
  .news__img-3 {
    display: none;
  }
}
.news__active .slick-arrow {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -75px;
  width: 60px;
  height: 60px;
  transition: all 0.3s;
  font-size: 16px;
  color: #9e4b47;
  border: 0;
  background: #fff2f1;
  border-radius: 10px;
}
.news__active .slick-arrow:last-child {
  right: 70px;
}
.news__active .slick-arrow:active, .news__active .slick-arrow.nice-select.open, .news__active .slick-arrow:hover {
  background-color: #9e4b47;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__active {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news-text-3 p {
  font-size: 18px;
  border-top: 1px solid #e2e2e2;
  padding-top: 30px;
  margin-top: 40px;
  padding-right: 23px;
}
@media (max-width: 575px) {
  .news-text-3 p {
    padding-right: 0;
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .news-text-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
.news-text-4 {
  padding-left: 70px;
  padding-right: 70px;
}
.news-text-4 span {
  font-size: 18px;
  color: #9e4b47;
  line-height: 1;
  font-weight: 500;
}
.news-text-4 h2 {
  font-size: 48px;
  line-height: 1.2;
  margin-top: 25px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-text-4 h2 {
    font-size: 36px;
    line-height: 1.2;
    margin-top: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-4 h2 {
    font-size: 26px;
    line-height: 1.2;
    margin-top: 4px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .news-text-4 h2 {
    font-size: 28px;
  }
}
.news-text-4 p {
  font-size: 18px;
  color: #777777;
  padding-right: 10px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-text-4 p {
    margin-top: 17px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-4 p {
    margin-top: 12px;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .news-text-4 p {
    padding-right: 12px;
  }
}
.news-text-4 .news-subtitle {
  font-size: 20px;
  color: #777777;
  margin-top: 20px;
  padding-right: 53px;
}
@media (max-width: 575px) {
  .news-text-4 {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}
.news__form {
  position: relative;
}
.news__form::after {
  position: absolute;
  left: 35px;
  top: 50%;
  font-family: "Font awesome 5 pro";
  transform: translateY(-50%);
  color: #9e4b47;
  content: "\f0e0";
  font-size: 18px;
}
.news__form form input {
  width: 100%;
  border-radius: 10px;
  height: 80px;
  background-color: #f3f3f3;
  border: 0;
  outline: 0;
  padding-left: 65px;
  font-size: 18px;
  color: #777777;
}
.news__form form button {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  background-color: transparent;
  align-items: center;
  height: 80px;
  border: 0;
  padding-right: 15px;
}
.news__form form button span {
  color: #9e4b47;
  font-weight: 700;
  font-size: 16px;
  padding-right: 20px;
}
.news__form form button .icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.news__form form button .icon i {
  font-size: 18px;
  color: #9e4b47;
  position: absolute;
  left: 50%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news__form form button .icon i:first-child {
  left: -50%;
}
.news__form form button:hover .icon i:first-child {
  left: 50%;
}
.news__form form button:hover .icon i:last-child {
  left: 150%;
}
.news__img-3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-text-4 {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .news-text-4 {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-4 .generic-btn {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  .news-padding {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .news-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.single__news--2 {
  border-color: 2px solid #f7f7f7;
  border-radius: 14px;
  border: 1px solid #f7f7f7;
  transition: all 0.5s;
  background-color: #fff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.single__news--2:hover {
  box-shadow: none;
}
.single__news .news__text {
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .single__news .news__text {
    padding: 0;
  }
}
@media only screen and (max-width: 1400px) {
  .single__news .news__text {
    padding: 21px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single__news .news__text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.single__news-item-4 {
  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  position: relative;
  z-index: 99;
}
.single__news-item-4.has-radius {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
@media (max-width: 575px) {
  .single__news-item-4 {
    margin-bottom: 30px;
  }
}
.single-news__wrapper {
  position: relative;
}
@media only screen and (max-width: 1480px) {
  .single-news__wrapper {
    padding: 20px 0;
  }
}
@media (max-width: 575px) {
  .single__area-4 {
    margin-top: 0;
  }
}

.news-video-popup a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: #fff;
  display: inline-block;
  line-height: 180px;
  text-align: center;
  border-radius: 50%;
  color: #9e4b47;
  font-size: 20px;
}

.support-widget {
  display: flex;
  align-items: center;
  padding: 65px 100px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: space-between;
  background-color: #9e4b47;
}
.support-widget h3 {
  line-height: 1;
  margin-bottom: 0;
  color: #fff;
  font-size: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-widget h3 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .support-widget h3 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-widget {
    padding: 50px 68px;
  }
}
@media (max-width: 575px) {
  .support-widget {
    padding: 30px 23px;
  }
}

.comment__list ul li li .comment__box {
  padding-left: 130px;
}
@media (max-width: 575px) {
  .comment__list ul li li .comment__box {
    padding-left: 0;
  }
}
.comment__thumb {
  float: left;
}
@media (max-width: 575px) {
  .comment__thumb {
    float: inherit;
  }
}
.comment__text {
  overflow: hidden;
  padding-left: 30px;
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.comment__text h5 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.comment__text .date {
  font-size: 14px;
  color: #777777;
}
.comment__text .date i {
  display: inline-block;
  color: #9e4b47;
  padding-right: 10px;
}
.comment__text p {
  margin-top: 20px;
}
.comment__text a.replay-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.comment__text a.replay-btn i {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.comment__text a.replay-btn:hover {
  background-color: #9e4b47;
  color: #fff;
  border-color: #9e4b47;
}
.comment__text a.replay-btn:hover i {
  color: #fff;
}
@media (max-width: 575px) {
  .comment__text {
    padding-left: 0;
  }
}

a.replay-btn {
  display: inline-block;
  border: 2px solid #f3f3f3;
  line-height: 1;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 14px;
  color: #777777;
}
a.replay-btn i {
  display: inline-block;
  color: #9e4b47;
  padding-right: 5px;
}

/****************************************************
15. widget
*****************************************************/
.subscribe__widget {
  background: #fff;
  text-align: center;
  padding: 55px 0;
}
.subscribe__widget-text h4 {
  font-size: 24px;
  line-height: 58px;
  margin-bottom: 0;
}
.subscribe__widget-text input {
  border: 0;
  height: 60px;
  background: #f9f9f9;
  color: #777777;
  text-align: center;
  font-size: 14px;
  display: block;
  margin: auto;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-left: 45px;
  padding-right: 45px;
}

.pricing__box-2 {
  border-radius: 30px;
  background-color: #fff;
  padding: 65px 70px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing__box-2 {
    padding: 52px 35px;
  }
}
@media (max-width: 575px) {
  .pricing__box-2 {
    padding: 50px 22px;
  }
}
.pricing__box-top {
  overflow: hidden;
}
.pricing__box-middle {
  border-top: 1px solid #f9e4db;
  margin-top: 20px;
  padding-top: 38px;
}
.pricing__count {
  float: left;
}
.pricing__count h3 span {
  font-size: 18px;
}
.pricing__count h3 span.count {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .pricing__count h3 span.count {
    font-size: 57px;
  }
}
.pricing__desc {
  overflow: hidden;
  padding-left: 22px;
}
.pricing__desc span {
  color: #9e4b47;
  font-size: 14px;
  line-height: 1;
}
.pricing__list ul li {
  line-height: 1;
}
.pricing__list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.pricing__list ul li a {
  font-size: 16px;
  color: #777777;
  display: block;
}
.pricing__list ul li a i {
  font-size: 16px;
  color: #9e4b47;
  float: right;
}

.news__widget-list {
  background-color: #fff4f3;
  display: flex;
  align-items: center;
  padding: 20px 30px;
}
.news__widget-icon i {
  color: #9e4b47;
}
.news__widget-text {
  padding-left: 23px;
}
.news__widget-text span {
  font-size: 14px;
  line-height: 1;
  color: #9e4b47;
}
.news__widget-text h3 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1;
  margin-top: 15px;
}
@media (max-width: 575px) {
  .news__widget-text h3 {
    font-size: 20px;
  }
}

.date__widget {
  background: #fff3f2;
  padding: 60px;
  border-radius: 10px;
  padding-bottom: 45px;
}
@media (max-width: 575px) {
  .date__widget {
    padding: 30px 15px;
    padding-bottom: 25px;
  }
}
.date__widget h4 {
  font-size: 24px;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 27px;
}
.date__widget h4::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 83px;
  height: 4px;
  content: "";
  background-color: #9e4b47;
}
.date__widget ul li {
  font-size: 16px;
  line-height: 2.5;
}
.date__widget ul li span {
  display: inline-block;
}
.date__widget ul li span:last-child {
  float: right;
  color: #9e4b47;
  font-weight: 700;
  min-width: 105px;
  position: relative;
}
.date__widget ul li span:last-child::before {
  width: 68px;
  height: 100%;
  content: "- - -";
  left: -92px;
  top: 50%;
  position: absolute;
  font-size: 16px;
  color: #d99f9d;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .date__widget ul li span:last-child::before {
    display: none;
  }
}

.doctor-box__left {
  float: left;
}
@media (max-width: 575px) {
  .doctor-box__left-2 {
    float: none;
  }
}
.doctor-box__right {
  overflow: hidden;
  padding-left: 60px;
}
.doctor-box__right p {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .doctor-box__right-3 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor__text {
    padding-left: 10px;
  }
}
@media (max-width: 575px) {
  .doctor__text {
    padding-left: 0;
  }
}

.service__widget {
  background: #f6f6f6;
  border-radius: 10px;
  padding-top: 50px;
}
.service__widget h4 {
  background: #fff;
  font-size: 22px;
  line-height: 53px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-left: 64px;
  padding-right: 75px;
}
.service__widget h4::after {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-family: "Font awesome 5 pro";
  content: "\f105";
  line-height: 1;
  color: #9e4b47;
}
.service__widget-list {
  padding: 25px 50px;
  padding-bottom: 40px;
}
.service__widget-list ul li a {
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  line-height: 46px;
  display: block;
}
.service__widget-list ul li a:hover {
  color: #9e4b47;
}
.service__widget-list ul li a:hover i, .service__widget-list ul li a:hover span {
  color: #9e4b47;
}
.service__widget-list ul li a i, .service__widget-list ul li a span {
  line-height: 46px;
  font-size: 16px;
  color: #999999;
}
.service__widget-list-2 {
  padding-bottom: 1px;
}
.service__banner {
  position: relative;
}
.service__banner-sm {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.post__meta {
  font-size: 12px;
}
.post__meta .date {
  padding-left: 10px;
  position: relative;
  margin-left: 10px;
}
.post__meta .date::after {
  width: 2px;
  height: 10px;
  background-color: #777777;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
.post__link h3 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
  padding-right: 4px;
}
.post__link h3 a {
  color: #000000;
  display: block;
}
.post__link h3 a:hover {
  color: #9e4b47;
}

.about__widget h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0;
}
.about__widget p {
  margin-top: 20px;
  padding-right: 14px;
}
@media (max-width: 575px) {
  .about__widget {
    padding-left: 0;
  }
}
.about__list {
  margin-top: 32px;
}
.about__list h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
}
.about__list span {
  font-size: 16px;
  color: #777777;
  line-height: 1;
  display: block;
}
.about__list ul li {
  padding-bottom: 24px;
  display: block;
  margin-bottom: 24px;
  margin-right: 0 !important;
}
.about__list ul li:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}

.progress {
  width: 100%;
  background: #e0e0e0;
  border-radius: 0;
  height: 6px;
}
.progress-bar {
  background-color: #9e4b47;
}
.progress__top {
  margin-bottom: 15px;
}
.progress__top span {
  color: #000000;
  font-size: 16px;
  line-height: 1;
}
.progress__count {
  color: #9e4b47;
  float: right;
}
.progress__list {
  line-height: 1;
  margin-top: 35px;
}

.sidebar__widget-2 {
  border: 1px solid #f3f3f3;
  padding: 40px;
}
.sidebar__widget-2 h3 {
  font-size: 20px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f3f3;
}
.sidebar__widget-2 h3 span {
  color: #9e4b47;
}
.sidebar__widget-2 .about__thumb {
  margin-bottom: 22px;
}
.sidebar__widget-2 h5 {
  line-height: 1;
  margin-bottom: 10px;
}
.sidebar__widget-2 p {
  font-size: 14px;
  padding: 0 58px;
}
@media only screen and (max-width: 1480px) {
  .sidebar__widget-2 p {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar__widget-2 {
    padding: 40px 20px;
  }
}
@media (max-width: 575px) {
  .sidebar__widget-2 {
    padding: 20px;
  }
}
.sidebar__form {
  position: relative;
}
.sidebar__form input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #f5f5f5;
  border-radius: 10px;
  padding-left: 30px;
  color: #828282;
  font-size: 12px;
}
.sidebar__form ::-moz-placeholder {
  color: #828282;
  font-size: 12px;
  opacity: 1;
}
.sidebar__form ::placeholder {
  color: #828282;
  font-size: 12px;
  opacity: 1;
}
.sidebar__form button {
  line-height: 1;
  font-size: 14px;
  border: 0;
  background: #9e4b47;
  padding: 0 20px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
}

.author__social a {
  font-size: 14px;
  display: inline-block;
  color: #d4d4d4;
  padding: 0 10px;
}
.author__social a:hover {
  color: #9e4b47;
}

.feed__thumb {
  float: left;
}
.feed__text {
  overflow: hidden;
  padding-left: 22px;
}
.feed__text span {
  font-size: 14px;
  color: #777777;
  line-height: 1;
}
.feed__text span i {
  color: #9e4b47;
  padding-right: 8px;
}
.feed__list ul li {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.feed__list ul li:not(:last-child) {
  border-bottom: 1px solid #efefef;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.category__list ul li {
  position: relative;
  line-height: 1;
}
.category__list ul li a {
  line-height: 1;
  padding: 20px 0;
  padding-left: 33px;
  margin-bottom: 10px;
  background: #f8f8f8;
  display: block;
  font-size: 14px;
  color: #777777;
}
.category__list ul li span.count {
  font-size: 14px;
  color: #777777;
  font-weight: 700;
  position: absolute;
  right: 0;
  line-height: 1;
  height: 100%;
  top: 0;
  display: flex;
  background: #efefef;
  align-items: center;
  padding: 0 15px;
}

.instagram__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width: 575px) {
  .instagram__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.instagram__list {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.instagram__list li a {
  padding: 10px 0;
  text-align: center;
  line-height: 1;
  color: #777777;
  background: #f4f4f4;
  display: block;
  font-size: 12px;
  border-radius: 10px;
}
.instagram__list li a:hover {
  background-color: #9e4b47;
  color: #fff;
}

.sponsored__thumb {
  position: relative;
  overflow: hidden;
}
.sponsored__thumb img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.sponsored__thumb-meta {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sponsored__thumb-meta h4 {
  line-height: 1;
  margin-bottom: 0;
  background-color: #9e4b47;
  color: #fff;
  font-size: 18px;
  border-top-left-radius: 10px;
  padding: 20px 35px;
}
.sponsored__thumb:hover img {
  transform: scale(1.1);
}

.instagram__grid img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram__grid img {
    width: 100%;
  }
}

.faq__form input {
  display: block;
}
.faq__form button {
  font-weight: 700;
}

.doctor__list ul li span {
  color: #000000;
  font-weight: 500;
}

.prodate__widget {
  padding: 34px;
  padding-bottom: 20px;
  margin-top: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .prodate__widget {
    margin-top: 0px;
  }
}
.prodate__widget h4 {
  margin-bottom: 10px !important;
  padding-bottom: 15px;
}

/****************************************************
16. footer
*****************************************************/
.footer {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.footer__left p {
  font-family: "Roboto";
  font-size: 16px;
}
@media only screen and (max-width: 1480px) {
  .footer-widget {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom {
    padding-bottom: 0;
  }
}
.footer .container {
  position: relative;
  z-index: 99;
}
.footer__top {
  padding-top: 100px;
  padding-bottom: 65px;
  position: relative;
}
.footer__top h3 {
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
.footer__top::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  z-index: 99;
  height: 1px;
  color: #3e3e3e;
  background-image: url("../img/bg/line.png");
}
.footer__right {
  overflow: hidden;
}
.footer h4 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 30px;
}
.footer p {
  color: #999999;
}
.footer__list ul {
  overflow: hidden;
}
.footer__list ul li {
  width: 50%;
  float: left;
}
.footer__list ul li a {
  color: #999999;
  font-size: 16px;
  margin-bottom: 32px;
  line-height: 1;
  display: block;
}
.footer__list ul li a:hover {
  color: #9e4b47;
}
.footer__copyright p {
  text-align: center;
  color: #999999;
  font-size: 16px;
  line-height: 24px;
  padding-top: 17px;
  border-top: 1px solid #1b1b1b;
}
.footer__copyright p a {
  color: #fff;
  font-weight: 700;
}
.footer__copyright p a:hover {
  color: #9e4b47;
}
.footer__copyright--2 p {
  border-top: 0;
}
.footer__copyright--2 p a {
  color: #9e4b47;
}
.footer__copyright-3 {
  background-color: #0f0f0f !important;
}
.footer__copyright-4 {
  background-color: #f9f9f9 !important;
}
.footer__copyright-4 p {
  border-color: transparent !important;
}
.footer-2 {
  border-top: 4px solid #9e4b47;
  position: relative;
}
.footer-2 p {
  color: #777777;
}
.footer-2 ul li a {
  color: #777777;
}
.footer-2 ul li a:hover {
  color: #9e4b47;
}
.footer-2 .footer__top h3 {
  color: #000000;
}
.footer-2 .footer__top::after {
  background-image: url("../img/bg/line2.png");
}
.footer-2::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.902;
  content: "";
}
.footer__social a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #777777;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  margin-right: 9px;
  border: 2px solid #181818;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.footer__social a:hover {
  color: #fff;
  background-color: #9e4b47;
}
.footer__social-4 span {
  font-size: 14px;
  line-height: 1;
  display: block;
  margin-bottom: 20px;
  color: #777777;
}
.footer__social-4 a {
  border-color: #f1f1f1;
}
.footer__social-4 a:hover {
  border-color: #9e4b47;
}
.footer-4 p {
  color: #777777;
}

.social__icon a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  background: #212121;
  border-radius: 10px;
  color: #fff;
  margin-right: 10px;
}
.social__icon a:hover {
  background-color: #9e4b47;
  color: #fff;
}
.social__icon--2 a {
  background-color: #fff2f1;
  color: #9e4b47;
}
.social__icon--2 a:hover {
  color: #fff;
  background-color: #9e4b47;
}
.social__icon-3 a {
  background-color: #fff;
  color: #777777;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.06);
}
.social__icon-3 a:hover {
  background-color: #3b5999;
  color: #fff;
  box-shadow: none;
}

.contact__list {
  margin-top: 15px;
}
.contact__list ul li {
  margin-bottom: 10px;
}
.contact__list ul li i {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  border: 1px solid #414141;
  margin-right: 15px;
  color: #fff;
}
.contact__list ul li span {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  color: gray-5;
}
.contact__list ul li span b {
  color: #fff;
}
.contact__list--2 ul li i {
  border-color: #e9e9e9;
  color: #9e4b47;
}
.contact__list--2 ul li span b {
  color: #000;
}

.news__sm--text {
  overflow: hidden;
  padding-left: 16px;
}
.news__sm--text h5 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 3px;
}
.news__sm--text h5:focus a {
  color: #9e4b47;
}
@media only screen and (max-width: 1250px) {
  .news__sm--text h5 {
    font-size: 15px;
    line-height: 1.2;
  }
}
.news__sm--text h5:hover a {
  color: #9e4b47;
}
.news__sm--img {
  float: left;
}
.news__sm--meta {
  margin-top: -6px;
}
.news__sm--meta span {
  font-size: 12px;
  line-height: 1;
  color: #999999;
}
@media only screen and (max-width: 1250px) {
  .news__sm--meta span {
    font-size: 11px;
    line-height: 1;
  }
}
.news__sm--meta-4 span {
  color: #777777;
}
.news__sm--box {
  overflow: hidden;
}

.address__list {
  margin-bottom: 25px;
}
.address__list span {
  font-size: 14px;
  color: #777777;
  line-height: 1;
}
.address__list span.title {
  margin-bottom: 13px;
  color: #fff;
  text-decoration: underline;
}
.address__list-4 span.title {
  font-size: 16px;
  color: #555555;
  font-weight: 700;
}

.footer__list-4 span {
  color: #777777;
}
.footer__list-4 span.title {
  color: #555555;
}
.footer__list-4 ul li a {
  font-weight: 700;
  color: #777777;
}

.footer-item-2 {
  height: 100%;
}

.footer-item-2.has-border-2 {
  position: relative;
}

.has-border-2 {
  position: relative;
}

.footer__bottom .col-xl-3 .has-border-2:before {
  content: "";
  position: absolute;
  border-left: 1px solid #d9e8ff;
  left: 0;
  top: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
@media (max-width: 575px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
.footer__bottom .col-xl-3:nth-child(2) .has-border-2 {
  padding-left: 12px;
}
.footer__bottom .col-xl-3:nth-child(2) .has-border-2:before {
  left: -20px;
}
.footer__bottom .col-xl-3:nth-child(3) .has-border-2 {
  padding-left: 12px;
}
.footer__bottom .col-xl-3:nth-child(3) .has-border-2:before {
  left: -20px;
}
.footer__bottom .col-xl-3:nth-child(4) .has-border-2 {
  padding-left: 12px;
}
.footer__bottom .col-xl-3:nth-child(4) .has-border-2:before {
  left: -20px;
}
.footer__bottom .col-xl-3:nth-child(1) .has-border-2 {
  padding-right: 20px;
}
.footer__bottom .col-xl-3:nth-child(1) .has-border-2:before {
  display: none;
}

.footer__left-4 p {
  font-size: 20px;
}

.copyright-area {
  position: relative;
  z-index: 9;
  padding: 20px 0;
}

.mobile-nav {
  overflow-y: auto;
}

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

.footer__list_single ul li {
  float: none;
}

.footer__location ul li {
  margin-bottom: 15px;
  display: flex;
}
.footer__location ul li i {
  color: #999999;
  margin-right: 10px;
}
.footer__location ul li span b {
  color: #9e4b47;
  margin-right: 10px;
}
.footer__location ul li a {
  color: #999;
}
.footer__location ul li a:hover {
  color: #9e4b47;
}

.profooter-3 {
  padding-left: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .profooter-3 {
    padding-left: 15px;
  }
}

.profooter-list ul li {
  width: inherit;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .profooter-2 {
    margin-right: -60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .profooter-2 {
    margin-right: 0px;
  }
}

@media (max-width: 575px) {
  .profooter-5 {
    margin-left: 15px;
  }
}

.doctor-working_hours {
  background-color: #fff3f2;
  border-radius: 10px;
}

.date__widget_2 {
  background-color: transparent;
}

/****************************************************
17. portfolio
*****************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-menu {
    margin-top: 30px;
  }
  .portfolio-menu ul {
    justify-content: flex-start !important;
  }
}
@media (max-width: 575px) {
  .portfolio-menu {
    margin-top: 30px;
  }
  .portfolio-menu ul {
    justify-content: flex-start !important;
  }
  .portfolio-menu ul a.nav-link {
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .portfolio-menu-2 ul a {
    margin-right: 4px !important;
  }
}
.portfolio-area {
  background-color: #9e4b47;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .portfolio-area {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area-3 {
    padding-top: 70px;
    margin-bottom: 70px;
    margin-top: 70px;
  }
}
@media (max-width: 575px) {
  .portfolio-area-3 {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area-4 {
    padding-top: 0;
  }
}
@media (max-width: 575px) {
  .portfolio-area-4 {
    padding-top: 0;
  }
}
.portfolio__thumb {
  position: relative;
  overflow: hidden;
}
.portfolio__thumb::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  height: 100%;
  opacity: 0.502;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.portfolio__thumb img {
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.portfolio__thumb-text {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 9;
}
.portfolio__thumb-text span {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}
.portfolio__thumb-text h4 {
  margin-bottom: 0;
  line-height: 1;
  margin-top: 15px;
  color: #fff;
}
.portfolio__thumb-text h4 a {
  position: relative;
  display: inline-block;
}
.portfolio__thumb-text h4 a::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 0;
  height: 1px;
  background-color: #fff;
  content: "";
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.portfolio__thumb-text h4 a:hover {
  color: #fff;
}
.portfolio__thumb-text h4 a:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}
.portfolio__thumb-action a {
  position: absolute;
  z-index: 9;
  top: 30px;
  left: 30px;
  display: inline-block;
  background: #fff;
  color: #000000;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
  padding: 22px 22px;
  border-radius: 10px;
}
.portfolio__thumb:hover img {
  transform: scale(1.1);
}
.portfolio__thumb:hover .portfolio__thumb-action a {
  opacity: 1;
  visibility: visible;
}
.portfolio__thumb:hover .portfolio__thumb-action a:hover {
  background-color: #9e4b47;
  color: #fff;
}

.tab__list.portfolio-menu2 {
  padding-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tab__list.portfolio-menu2 {
    overflow: scroll;
  }
}

.overflow-scroll {
  overflow: scroll;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio3 {
    overflow-x: scroll !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio3 .row {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio3 .row .gallery-item {
    position: static !important;
  }
}

@media only screen and (min-width: 992px) {
  .gallery-smiles .col-xl-4 {
    width: 33.33%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gallery-smiles .row {
    flex-wrap: nowrap;
    overflow-x: scroll;
    justify-content: flex-start;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .proteam__gallery {
    position: static;
    height: auto !important;
  }
}

.brand__img img {
  width: inherit !important;
  margin: auto;
}
.brand-area {
  background-size: cover;
}
.brand__active {
  position: relative;
  z-index: 99;
}
.brand__thumb {
  text-align: center;
}
.brand__thumb img {
  width: auto !important;
  display: inline-block;
  margin: 0 auto;
}

.beauty-brands {
  background-color: #fff4f3;
}

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

/****************************************************
18. appoint
*****************************************************/
.appoint__active {
  position: relative;
  z-index: 9999;
}
.appoint__active .slick-dots {
  bottom: -100px;
}
.appoint__content-bg {
  background-color: #9e4b47;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint__content-bg {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .appoint__content-bg {
    width: 100%;
  }
}
.appoint__text-2 {
  position: relative;
  z-index: 999;
}
.appoint-2 {
  position: relative;
}
.appoint-2__img {
  position: relative;
}
.appoint-2__img--shape img {
  position: absolute;
  left: -25px;
  bottom: -25px;
}
.appoint-2__text {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .appoint-2__text a.generic-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint-2__text a.generic-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint-2__text {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .appoint-2__text {
    padding-left: 0;
    margin-top: 60px;
  }
}
.appoint-2__list {
  position: relative;
  z-index: 9;
}
.appoint-2__list img {
  position: absolute;
  right: 0;
  top: 81%;
}
@media only screen and (max-width: 1480px) {
  .appoint-2__list img {
    display: none;
  }
}
.appoint-2__list ul {
  position: relative;
  z-index: 99;
}
.appoint-2__list ul li {
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}
.appoint-2__list ul li h6 {
  display: inline-block;
  margin-bottom: 0;
  font-family: "Roboto";
  font-weight: 700;
  line-height: 36px;
}
.appoint-2__list ul li p {
  font-size: 16px;
  line-height: 36px;
  float: right;
}
.appoint-2__list ul li p span {
  color: #9e4b47;
  font-weight: 700;
}
.appoint-2__list.list-2 ul li {
  border-color: #a9605d;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .appoint-2__list {
    margin-top: 0;
  }
}
.appoint-area {
  position: relative;
}
.appoint-area-2 {
  position: relative;
}
.appoint-area-2::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1120px;
  z-index: -1;
  background-color: #f9f9f9;
  content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint-area-2 {
    margin-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .appoint-area-2 {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}
.appoint__right-2 {
  position: static;
  right: 0;
  top: 50%;
  width: 50%;
  height: fit-content;
  margin-left: 70px;
  margin-top: -32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint__right-2 {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .appoint__right-2 {
    position: static;
    width: 100%;
    height: 100%;
    padding-right: 0;
    margin-top: 45px;
    margin-left: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint__right-2 .testimonial__text-4 h5 {
    color: #fff;
  }
}
@media (max-width: 575px) {
  .appoint__right-2 .testimonial__text-4 h5 {
    color: #fff;
  }
}

.day__name {
  display: block;
  font-size: 18px;
  line-height: 1;
  background: #9e4b47;
  color: #fff;
  padding: 30px 0;
}

.time__count span {
  font-size: 18px;
  color: #9e4b47;
  line-height: 1;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-table {
    overflow-x: auto;
  }
}
@media (max-width: 575px) {
  .time-table {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-table-wrapper {
    min-width: 1000px;
  }
}
@media (max-width: 575px) {
  .time-table-wrapper {
    min-width: 1000px;
  }
}

.box__height {
  height: 230px;
  background-color: #f9f9f9;
}

.user__name h5 {
  font-size: 20px;
  margin-top: 20px;
  line-height: 1;
}
.user__meta span {
  color: #9e4b47;
  font-size: 14px;
  line-height: 1;
}

.table__box-item:nth-child(odd) .box__height {
  background-color: #f7f7f7;
}
.table__box-item:nth-child(even) .box__height {
  background-color: #fff;
}
.table__box-item-2:nth-child(even) .box__height {
  background-color: #f7f7f7;
}
.table__box-item-2:nth-child(odd) .box__height {
  background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appointment-area__4 {
    margin-top: 70px;
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .appointment-area__4 {
    margin-top: 60px;
  }
}
.appointment__form form input {
  border: 0;
  height: 70px;
  width: 100%;
  border-radius: 10px;
  padding-left: 50px;
  font-size: 14px;
  color: #999999;
}
.appointment__form form ::placeholder {
  font-size: 14px;
  text-transform: capitalize;
  color: #999999;
}
.appointment__form form ::-webkit-input-placeholder {
  font-size: 14px;
  color: #999999;
}
.appointment__form form ::-moz-placeholder {
  font-size: 14px;
  color: #999999;
}
.appointment__form form :-ms-input-placeholder {
  font-size: 14px;
  color: #999999;
}
.appointment__form form label {
  color: #9e4b47;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 50px;
  height: 70px;
  padding-left: 29px;
  line-height: 70px;
}
.appointment__form form .nice-select {
  float: none;
  width: 100%;
  height: 70px;
  line-height: 70px;
  border: 0;
  border-radius: 10px;
  padding-left: 54px;
}
.appointment__form form .nice-select span {
  color: #999999;
  font-size: 14px;
}
.appointment__form form button {
  font-size: 16px;
  color: #fff;
  border: 0;
  background: #9e4b47;
  line-height: 1;
  width: 100%;
  height: 70px;
  border-radius: 10px;
}
.appointment__form form ul.list {
  width: 100%;
  z-index: 9999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .appointment-area__4 {
    margin-top: 90px;
    padding-top: 80px;
    padding-bottom: 70px;
  }
}

.form-group {
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 575px) {
  .appoint-area__4 {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .appoint__btn {
    margin-top: 10px;
  }
}
.appoint-logo {
  position: absolute;
  right: -70px;
  bottom: -84px;
}
@media only screen and (max-width: 1480px) {
  .appoint-logo {
    right: 0;
  }
}
@media only screen and (max-width: 1250px) {
  .appoint-logo {
    display: none;
  }
}

.appoint__list ul li span {
  float: right;
}

/****************************************************
19. banner
*****************************************************/
.banner__1 {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.banner__1--content {
  z-index: 9;
  position: relative;
}
.banner__1--content a {
  margin-left: 8px;
  margin-right: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__1 {
    margin-top: 80px;
    padding: 55px 0;
  }
}
@media (max-width: 575px) {
  .banner__1 {
    margin-top: 0;
  }
}
.banner__text {
  position: relative;
  z-index: 9;
}
.banner-area {
  background-size: cover;
  background-position: center center;
}

/****************************************************
20.l testimonial
*****************************************************/
.single__testimonial-2 {
  background-color: #f5f5f5;
  padding: 50px 0;
}

.testimonial__left blockquote {
  font-size: 30px;
  margin-bottom: 0;
  font-style: italic;
  padding-left: 77px;
  text-align: right;
  line-height: 48px;
  font-family: "Playfair Display", serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__left blockquote {
    font-size: 23px;
    margin-bottom: 0;
    padding-left: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__left blockquote {
    padding-left: 20px;
    text-align: left;
    font-size: 26px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .testimonial__left blockquote {
    font-size: 20px;
    margin-bottom: 8px;
    padding-left: 35px;
    text-align: left;
  }
}
.testimonial__right h4 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 22px;
}
.testimonial__right p {
  font-size: 14px;
  line-height: 22px;
}
.testimonial__right p span {
  font-weight: 700;
  color: #9e4b47;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__right {
    padding-left: 28px;
  }
}

.single-testimonial-4 {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 40px 45px;
  padding-right: 60px;
}
.single-testimonial-4.has-after {
  position: relative;
}
.single-testimonial-4.has-after::after {
  position: absolute;
  left: 50px;
  top: 100%;
  width: 25px;
  height: 25px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0);
  content: "";
}
@media (max-width: 575px) {
  .single-testimonial-4.has-after {
    padding: 35px 20px;
  }
}
.single-testimonial-4 h6 {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  color: #9e4b47;
}
.single-testimonial-4 i {
  font-size: 20px;
}
.single-testimonial-4 i.active {
  font-weight: 600;
  color: #ffc000;
}
.single-testimonial-4 .testimonial__text {
  margin-top: 15px;
}
.single-testimonial-4 .testimonial__text p {
  font-size: 20px;
  font-style: italic;
  color: #777777;
}
@media (max-width: 575px) {
  .single-testimonial-4 .testimonial__text p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .single-testimonial-4 {
    padding: 35px 27px;
  }
}
.single-testimonial-item {
  opacity: 0.5;
}
.single-testimonial-item-2 {
  position: relative;
  z-index: 999;
}
.single-testimonial-item.slick-current {
  opacity: 1;
}

.testimonial__thumb-4 {
  float: left;
}
.testimonial__text-4 {
  overflow: hidden;
  padding-left: 20px;
}
.testimonial__text-4 h5 {
  margin-bottom: 0;
  line-height: 1;
  font-size: 20px;
}
.testimonial__text-4 p {
  font-size: 14px;
}
@media (max-width: 575px) {
  .testimonial__text-4 p {
    color: #fff;
  }
}
.testimonial__text-4 p span {
  color: #9e4b47;
  font-weight: 700;
}
@media only screen and (max-width: 992px) {
  .testimonial__text-4 p {
    color: #fff;
  }
}

.team__social ul {
  text-align: center;
}

.has-border-radius {
  border-radius: 10px;
}

.testimonial__tab-4-wrapper .testimonial__text-4 p {
  color: #777;
}

.testimonail__wrapper2 {
  background-color: transparent;
  z-index: 99;
  border: 0;
}

.testimonail__header {
  text-align: center;
}
.testimonail__header__img img {
  width: 100px !important;
}
.testimonail__header__content h4 {
  color: #000;
  font-size: 22px;
  margin-bottom: 10px;
}
.testimonial-2 .owl-carousel .owl-item img {
  margin: 0 auto;
}

.testimonail__body p {
  padding: 0px 195px;
  font-weight: 400;
  font: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonail__body p {
    padding: 0px;
  }
}

.testimonail2-active .owl-carousel .owl-nav div {
  left: 25px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}

.owl-carousel .owl-nav div:hover {
  background: transparent;
  color: #9e4b47 !important;
}

.testimonial-2 .owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 20px;
  font-size: 50px;
}

.testimonial-2 .owl-carousel .owl-nav div.owl-prev {
  font-size: 50px;
}

.testimonial-2 .owl-carousel .owl-item img {
  margin: auto;
  width: inherit;
}

.testimonial-2 .owl-carousel .owl-dots span {
  background: #e9e9e9;
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
}

.testimonial-2 .owl-carousel .owl-dots {
  position: absolute;
  left: 50%;
  bottom: -27px;
  transform: translateX(-50%);
  display: flex;
}

.testimonial-2 .owl-carousel .owl-dots .active span {
  background-color: #9e4b47;
  width: 20px;
  height: 9px;
}

@media (max-width: 575px) {
  .testimonial-2 .owl-carousel:hover .owl-nav div {
    visibility: hidden !important;
  }
}

.section-full {
  position: relative;
  z-index: 1;
}
.section-full:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
  transform: scale(1);
  z-index: -1;
}

.bg-parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-white {
  background-color: #FFF;
}

.form-group {
  margin-bottom: 25px;
}

.form-transparent .form-control {
  background-color: transparent;
  color: #fff;
  border: 0px;
  border-bottom: 2px solid #fff;
  outline: none;
}

.cons-contact-form2 input {
  outline: none;
  border-radius: none;
  color: #fff;
}
.cons-contact-form2 input:focus {
  box-shadow: none;
}
.cons-contact-form2 input::placeholder {
  color: #fff;
}
.cons-contact-form2 textarea {
  outline: none;
  border-radius: none;
}
.cons-contact-form2 textarea:focus {
  box-shadow: none;
}
.cons-contact-form2 textarea::placeholder {
  color: #fff;
}
.cons-contact-form2 .form-control {
  border-radius: 0 !important;
}

.probeauty-form {
  padding: 50px 30px;
  position: relative;
  z-index: 1;
}
.probeauty-form:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(158, 75, 71, 0.5);
}
.probeauty-form h3 {
  color: #fff;
}

.probeauty-form-content h2 {
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 42px;
}
@media (max-width: 575px) {
  .probeauty-form-content h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .probeauty-form-content h2 {
    font-size: 22px;
  }
}
.probeauty-form-content .beauty-opening {
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 500;
  color: #9e4b47;
}
@media (max-width: 575px) {
  .probeauty-form-content .beauty-opening {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .probeauty-form-content .beauty-opening {
    font-size: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .probeauty-form-content {
    padding-top: 78px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .probeauty-form-content {
    padding-top: 30px;
  }
}

.opening-block {
  width: 560px;
  border-left: 0px;
  float: right;
  position: relative;
  padding: 40px;
  border: 5px solid #9e4b47;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .opening-block {
    width: 94%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .opening-block {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .opening-block {
    width: 100%;
    margin-bottom: 40px;
    padding: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .opening-block {
    width: 500px;
  }
}

a.book-now-btn {
  position: absolute;
  left: -87px;
  top: 45.5%;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background: #9e4b47;
  padding: 7px 32px;
  color: #fff;
  font-weight: 500;
}
a.book-now-btn:hover {
  background-color: #000;
}

.opening-block ul {
  width: 300px;
  float: right;
  color: #4a424b;
  font-style: italic;
}
.opening-block ul li {
  font-style: italic;
  font-size: 16px;
}
.opening-block .opening-date {
  width: 120px;
  display: inline-block;
  float: left;
}
.opening-block .opening-time {
  display: inline-block;
  float: right;
}

.testimonial__thumb-4 img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.clinic-testimonial_img img {
  width: 100%;
}

.testimonials-box {
  position: relative;
  background: #f9efe2;
  padding: 60px 45px;
  margin-bottom: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonials-box {
    padding: 40px 30px;
  }
}
.testimonials-box .head-box h6 {
  font-weight: 400;
  color: #000;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
.testimonials-box .head-box h4 {
  font-size: 27px;
  font-weight: 400;
  color: #9e4b47;
  border-bottom: 1px dashed #edd5b7;
  padding-bottom: 15px;
}
.testimonials-box .head-box h4 span {
  color: #000;
}

@media screen and (max-width: 991px) {
  .testimonials-box {
    margin-bottom: 200px;
  }

  .dr3_testimonial a {
    position: absolute;
    top: -150px;
  }
}
.testimonials .item {
  margin-bottom: 30px;
  position: relative;
}
.testimonials .item .quote {
  position: absolute;
  right: 15px;
  top: 60px;
  width: 100px;
  margin: 0 auto 30px;
  opacity: 0.08;
}
.testimonials .item p {
  color: #000;
}
.testimonials .item .info {
  text-align: left;
  margin: 30px 0 15px 0;
}
.testimonials .item .info .author-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
}
.testimonials .item .info .cont {
  margin-left: 80px;
}
.testimonials .item .info h6 {
  font-size: 18px;
  margin-bottom: 10px;
  padding-top: 7px;
  font-weight: 400;
  color: #9e4b47;
}
.testimonials .item .info span {
  font-size: 18px;
  color: #000;
  margin-right: 5px;
  line-height: 1.25em;
  font-style: italic;
}
.testimonials .item .info i {
  color: #613228;
  font-size: 10px;
}
.testimonials .item .info .rate {
  float: right;
}

.testimonials-box .owl-carousel .owl-dots {
  position: absolute;
  left: 50%;
  bottom: -27px;
  transform: translateX(-50%);
  display: flex;
}

.testimonials-box .owl-carousel .owl-dots .active span {
  background-color: #9e4b47;
  width: 9px;
  height: 9px;
}

.testimonials-box .owl-carousel .owl-dots span {
  background: #e9e9e9;
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 50px;
  transition: all 0.3s ease 0s;
}

.clients {
  background-color: #eccba1;
}

.dr3_testimonial a {
  position: relative;
  width: 100px;
  height: 100px;
  background: #fff;
  font-size: 18px;
  line-height: 100px;
  display: inline-block;
  text-align: center;
  color: #9e4b47;
  border-radius: 50%;
  transition: all 0.3s ease-out 0s;
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-fixed {
  background-attachment: fixed;
}

.testimonial-title h2 {
  color: #9e4b47;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-title h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial-title h2 {
    font-size: 25px;
  }
}

/****************************************************
21. plugin/nice-select
*****************************************************/
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/****************************************************
22. counter
*****************************************************/
.counter__box-4 {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  border-radius: 10px;
  padding-top: 60px;
  padding-bottom: 50px;
}
@media (max-width: 575px) {
  .counter__box-4 {
    padding-top: 0;
  }
}
.counter__item {
  color: #9e4b47;
  font-weight: 500;
  line-height: 1;
  font-size: 18px;
  position: relative;
}
.counter__item::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 135px;
  background-color: #e8e8e8;
  content: "";
}
@media (max-width: 575px) {
  .counter__item::after {
    display: none;
  }
}
.counter__item.no-after::after {
  display: none;
}
.counter__item h3 {
  font-size: 48px;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .counter__item h3 {
    font-size: 33px;
    margin-top: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter-area__4 {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .counter-area__4 {
    margin-top: 0;
  }
}

/****************************************************
23. choose
*****************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-area-4 {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-area-4 {
    margin-top: 70px;
  }
}
@media (max-width: 575px) {
  .choose-area-4 {
    margin-top: 70px;
  }
}
.choose__collapse .card {
  border: 0;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 0;
}
.choose__collapse .card h2 {
  line-height: 1;
  margin: 0;
}
.choose__collapse .card-header {
  padding: 0;
  border: 0;
}
.choose__collapse .card-header button {
  line-height: 1;
  color: #000000;
  font-size: 18px;
  text-transform: inherit;
  display: block;
  font-weight: 400;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-decoration: none;
  font-family: "Prata", serif;
  padding: 0;
  width: 100%;
  text-align: left;
  border: 0;
  background-color: #9e4b47;
  padding: 13px 15px;
  transition: all 0.3s;
  color: #fff;
}
.choose__collapse .card-header button.collapsed {
  color: #000000;
  background-color: #f4f4f4;
}
.choose__collapse .card-header button i {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  margin-right: 20px;
  color: #000000;
}
@media (max-width: 575px) {
  .choose__collapse .card-header button i {
    float: left;
    margin-right: 10px;
  }
}
.choose__collapse .card-header button:focus {
  outline: none;
}
.choose__collapse .card-body {
  background-color: #9e4b47;
  color: #fff;
  font-size: 16px;
  padding: 40px;
  padding-top: 0;
}
.choose__thumb {
  position: relative;
}
.choose__thumb-2 {
  position: absolute;
  left: -115px;
  top: 50%;
  transform: translateY(-50%);
}

/****************************************************
25. journy
*****************************************************/
.video__thumb {
  position: relative;
}
.video__thumb-link a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100px;
  height: 100px;
  color: #9e4b47;
  font-size: 20px;
  line-height: 100px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
}
.video__thumb-link a i {
  font-weight: 600;
}
.video__thumb-link a:hover {
  background-color: #9e4b47;
  color: #fff;
}
@media (max-width: 575px) {
  .video__thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-gallery__4 {
    margin-top: 70px;
  }
}
@media (max-width: 575px) {
  .video-gallery__4 {
    margin-top: 70px;
  }
}

.provideo-actiive .slick-slide img {
  width: 100%;
}

.provideo-actiive .slick-slide {
  margin: 0 15px;
}

.clinic-slider__play a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.journy__box {
  position: relative;
  margin-bottom: 250px;
  max-width: 440px;
}
.journy__box::after {
  height: 10px;
  left: -130px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  background-color: #f3f3f3;
  position: absolute;
  content: "";
}
@media only screen and (max-width: 1480px) {
  .journy__box::after {
    display: none;
  }
}
.journy__box-text {
  padding: 40px;
  z-index: 99;
  padding-bottom: 32px;
  position: relative;
  background-color: #9e4b47;
}
.journy__box-text h4 {
  font-size: 24px;
  line-height: 1;
  color: #fff;
}
.journy__box-text h4:hover a {
  color: #fff;
}
.journy__box-text p {
  color: #fff;
}
.journy__box-logo i {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: -1;
  color: #a75b58;
}
.journy__box-logo i::before {
  font-size: 30px;
  font-size: 85px;
}
.journy__box-thumb {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 0%;
  width: 100%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.journy__box:hover .journy__box-thumb {
  opacity: 1;
  bottom: 100%;
  visibility: visible;
}
.journy__list {
  margin: 0 15px;
  position: relative;
}
.journy__list::after {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: -50px;
  z-index: 999;
  content: "";
  width: 10px;
  height: calc(100% + 50px);
  background-color: #f3f3f3;
  transform: translateX(-50%);
}
.journy-col:nth-child(odd) .journy__box {
  margin-top: 250px;
  margin-bottom: 0;
}
.journy-col:nth-child(odd) .journy__box::after {
  right: -130px;
  left: auto;
}
.journy-col:nth-child(odd) .journy__box:first-child {
  margin-top: 215px;
  margin-bottom: 0;
}
.journy-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.journy__plus-box {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
  text-align: center;
  line-height: 80px;
}
.journy__plus-box i {
  font-size: 20px;
  color: #999999;
}

.journy__box-thumb img {
  height: 173px;
  object-fit: cover;
}

/****************************************************
26. single-news
*****************************************************/
.single__news-widget {
  padding: 50px 0;
  border: 2px solid #f3f3f3;
  padding-left: 55px;
  padding-right: 54px;
}
@media (max-width: 575px) {
  .single__news-widget {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.news__title h3 {
  line-height: 1.3;
  font-size: 36px;
  margin-bottom: 0;
  margin-top: 25px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .news__title h3 {
    font-size: 18px;
  }
}
.news__testimonial {
  padding: 0 107px;
  padding-top: 57px;
  margin-bottom: 10px;
  background: #f6f6f6;
  padding-bottom: 45px;
  margin-top: 35px;
  position: relative;
  border-radius: 10px;
}
.news__testimonial::after {
  position: absolute;
  right: 65px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-family: "Font awesome 5 pro";
  content: "\f10d";
  z-index: 1;
  font-size: 220px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .news__testimonial::after {
    font-size: 114px;
  }
}
.news__testimonial h3 {
  line-height: 1.4;
}
@media (max-width: 575px) {
  .news__testimonial h3 {
    font-size: 18px;
  }
}
.news__testimonial span {
  line-height: 1;
  margin-bottom: 23px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #9e4b47;
}
.news__testimonial-text {
  z-index: 9;
  position: relative;
}
@media (max-width: 575px) {
  .news__testimonial {
    padding: 30px;
  }
}
.news__pagination-wrapper {
  border-top: 1px solid #f3f3f3;
  padding: 50px 0;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
}
.news__pagination-text-2 span {
  font-size: 14px;
}
.news__pagination-text-2 h4 {
  font-size: 24px !important;
  margin-top: 10px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-text-3.has-padding {
    padding-left: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .news-text-3.has-padding-2 {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-3.has-padding {
    padding: 0;
  }
}

.news__meta-2 ul li {
  display: inline-block;
  position: relative;
}
.news__meta-2 ul li:not(:first-child) {
  padding-left: 30px;
  margin-left: 30px;
}
.news__meta-2 ul li:not(:first-child)::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #cfcfcf;
  height: 10px;
  width: 2px;
  content: "";
}
@media (max-width: 575px) {
  .news__meta-2 ul li:not(:first-child)::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .news__meta-2 ul li:not(:first-child) {
    padding-left: 0;
    margin-left: 0;
  }
}
.news__meta-2 ul li i {
  color: #9e4b47;
  font-size: 14px;
}
.news__meta-2 ul li span {
  padding-left: 8px;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #777777;
}
@media (max-width: 575px) {
  .news__meta-2 ul li {
    display: block;
  }
}
.news__text-2 p {
  margin-top: 20px;
}
.news__text-2 h4 {
  font-size: 30px;
  margin-bottom: 0;
  line-height: 1;
  margin-top: 45px;
}

.i-news__thumb {
  float: left;
  margin-top: 8px;
}
@media (max-width: 575px) {
  .i-news__thumb {
    float: inherit;
  }
}
.i-news__text {
  overflow: hidden;
  padding-left: 30px;
}
.i-news__text p {
  margin-top: 0;
}
@media (max-width: 575px) {
  .i-news__text {
    padding-left: 0;
    margin-top: 30px;
  }
}
.i-news__list ul {
  margin-top: 15px;
  overflow: hidden;
}
.i-news__list ul li {
  margin-top: 13px;
  width: 50%;
  float: left;
}
.i-news__list ul li i {
  font-size: 16px;
  color: #2d48c3;
  padding-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .i-news__list ul li {
    display: flex;
  }
}
@media (max-width: 575px) {
  .i-news__list ul li {
    display: flex;
    width: 100%;
  }
}
.i-news__wrapper-2 .i-news__text {
  overflow: inherit;
  padding-left: 0;
}

.news__social a {
  line-height: 1;
  font-size: 18px;
  color: #d3d3d3;
  display: inline-block;
}
.news__social a:not(:last-child) {
  padding-right: 20px;
}
.news__social a:hover {
  color: #9e4b47;
}

.pagination-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pagination-icon {
    display: none;
  }
}
@media (max-width: 575px) {
  .pagination-icon {
    display: none;
  }
}

.author__details {
  border: 2px solid #f3f3f3;
  padding: 38px;
  overflow: hidden;
}
.author__thumb {
  float: left;
}
@media (max-width: 575px) {
  .author__thumb {
    float: none;
  }
}
.author__text {
  overflow: hidden;
  padding-left: 40px;
  line-height: 1;
}
.author__text span {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
  display: block;
  color: #9e4b47;
}
.author__text h3 {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .author__text {
    padding-left: 0;
    margin-top: 30px;
  }
}

.post__comment-form {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 50px;
}
.post__comment-form .form-group {
  position: relative;
}
.post__comment-form .form-group label {
  position: absolute;
  right: 30px;
  line-height: 1;
  top: 20px;
  color: #9e4b47;
  font-size: 14px;
}
.post__comment-form textarea {
  border: 0;
  width: 100%;
  padding: 20px 30px;
  height: 160px;
  border-radius: 10px;
  font-size: 14px;
  color: #777777;
}
.post__comment-form input {
  height: 60px;
  width: 100%;
  border-radius: 10px;
  border: 0;
  padding-left: 30px;
  color: #777777;
}
.post__comment-form ::-moz-placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}
.post__comment-form ::placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}
@media (max-width: 575px) {
  .post__comment-form {
    padding: 20px;
  }
}

.news__meta-3 h4 {
  font-size: 20px;
}

/****************************************************
27. case-details
*****************************************************/
.case__thumb-text {
  padding-right: 30px;
  padding-left: 30px;
}
.case__thumb-text-inner {
  padding: 50px;
  width: 100%;
  border-radius: 10px;
  margin-top: -70px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  display: inline-block;
}
.case__thumb-text-inner ul {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.case__thumb-text-inner ul li {
  width: 20%;
  float: left;
}
.case__thumb-text-inner ul li span {
  font-size: 16px;
  line-height: 1;
  color: #000000;
  font-weight: 700;
  display: block;
}
.case__thumb-text-inner ul li p {
  line-height: 1;
  padding-top: 12px;
}
.case__thumb-text-inner ul li a {
  display: inline-block;
}
.case__thumb-text-inner ul li a:not(:first-child) {
  padding-left: 20px;
}
.case__thumb-text-inner ul li a:nth-child(1) {
  color: #3b5999;
}
.case__thumb-text-inner ul li a:nth-child(2) {
  color: #55acee;
}
.case__thumb-text-inner ul li a:nth-child(3) {
  color: #ea4c89;
}
.case__thumb-text-inner ul li a:nth-child(4) {
  color: #cd201f;
}
@media only screen and (max-width: 1250px) {
  .case__thumb-text-inner ul li a {
    padding-left: 5px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case__thumb-sm img {
    width: 100%;
  }
}
@media only screen and (max-width: 1480px) {
  .case__thumb-sm img {
    width: 100%;
  }
}
.case__text {
  padding-right: 38px;
}
.case__text h2 {
  margin-bottom: 18px;
  line-height: 1;
  font-size: 36px;
}
@media (max-width: 575px) {
  .case__text h2 {
    font-size: 26px;
    line-height: 1.5;
  }
}
.case__text h3 {
  line-height: 1;
  margin-bottom: 15px;
}
.case__text p {
  font-size: 18px;
  margin-bottom: 25px;
}
.case__text h4 {
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1;
}
.case__text p {
  margin-bottom: 20px;
}
.case__list ul li {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.case__list ul li i {
  display: inline-block;
  font-weight: 300;
  color: #9e4b47;
  padding-right: 5px;
}

/****************************************************
28. blog
*****************************************************/
.blog__thumb-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
  margin-top: -33px;
}
@media (max-width: 575px) {
  .blog__thumb-bottom {
    display: none;
  }
}
.blog__content {
  border: 2px solid #f3f3f3;
  border-top: 0;
  padding: 50px;
  margin-top: -28px;
  padding-right: 45px;
  padding-top: 60px;
}
@media (max-width: 575px) {
  .blog__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog__text h3 {
  font-size: 36px;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .blog__text h3 {
    font-size: 25px;
  }
}
.blog__text h3:hover a {
  color: #9e4b47;
}
.blog__text p {
  margin-bottom: 15px;
}
.blog__post-meta ul li {
  font-size: 14px;
  line-height: 1;
  border-top: 1px solid #e7e7e7;
  padding-top: 25px;
}
.blog__post-meta ul li span.list-item:not(:first-child) {
  padding-left: 25px;
  margin-left: 25px;
  position: relative;
  display: inline-block;
}
.blog__post-meta ul li span.list-item:not(:first-child)::after {
  position: absolute;
  height: 12px;
  width: 1px;
  background-color: #bdbdbd;
  content: "";
  left: -0.5px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 575px) {
  .blog__post-meta ul li span.list-item:not(:first-child)::after {
    display: none;
  }
}
@media (max-width: 575px) {
  .blog__post-meta ul li span {
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 5px !important;
    margin-bottom: 10px !important;
  }
}
.blog__post-meta ul li i {
  color: #9e4b47;
  padding-right: 10px;
}
@media (max-width: 575px) {
  .blog__post-meta ul {
    text-align: center;
  }
}
.blog__testimonial {
  background: #9e4b47;
  position: relative;
  padding: 60px 150px;
}
.blog__testimonial::after {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f10d";
  font-family: "Font awesome 5 pro";
  font-weight: 600;
  color: #fff;
  font-size: 60px;
}
@media (max-width: 575px) {
  .blog__testimonial::after {
    left: 16px;
    top: 5px;
    transform: translateY(0);
    font-size: 35px;
  }
}
.blog__testimonial h3 {
  font-size: 36px;
  color: #fff;
}
@media (max-width: 575px) {
  .blog__testimonial h3 {
    font-size: 23px;
  }
}
@media (max-width: 575px) {
  .blog__testimonial {
    padding: 60px 35px;
  }
}
.blog__pagination ul li a.page-link {
  border: 0;
  background: #f6f6f6;
  padding: 0;
  width: 50px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #777777;
  margin: 0 10px;
  border-radius: 10px;
}
.blog__pagination ul li a.page-link:hover {
  background-color: #9e4b47;
  color: #fff;
}

.author__box a {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  padding: 10px;
}
.author__name span {
  color: #000;
  display: inline-block;
  padding-left: 15px;
  font-weight: 700;
}

.list-item a {
  color: #777777;
}
.list-item a:hover {
  color: #9e4b47;
}

/****************************************************
29. faq
*****************************************************/
.accordion-item {
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.accordion-button {
  border: 0;
  font-size: 18px;
  line-height: 1;
  display: block;
  text-align: left;
  color: #000000;
  padding: 25px 35px;
  background: #f6f6f6;
  padding-right: 0;
  position: relative;
}
.accordion-button i {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  display: inline-block;
  line-height: 70px;
  border-top-right-radius: 10px;
  text-align: center;
  font-size: 20px;
  height: 70px;
  border-bottom-right-radius: 0;
  background-color: #9e4b47;
  color: #fff;
}
.accordion-button i:last-child {
  display: block;
}
.accordion-button.collapsed {
  border-bottom-right-radius: 10px;
}
.accordion-button.collapsed i {
  background-color: #eaeaea;
  color: #000000;
}
.accordion-button.collapsed i:last-child {
  display: none;
}
.accordion-button.collapsed i:first-child {
  display: block;
}
@media (max-width: 575px) {
  .accordion-button {
    padding-left: 10px;
    padding-right: 57px;
  }
}
.accordion-body {
  line-height: 1;
  background-color: #f6f6f6;
  padding: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.accordion-body p {
  font-size: 18px;
}
@media (max-width: 575px) {
  .accordion-body {
    padding-left: 15px;
  }
}
.accordion-collapse {
  border: 0;
}

.faq__form input {
  height: 47px;
  background: transparent;
  border: 0;
  outline: none;
  font-size: 14px;
  margin-left: 0;
  text-align: left;
  width: 220px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.faq__form button {
  background: #9e4b47;
  font-size: 16px;
  line-height: 1;
  border: 0;
  padding: 23px 40px;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.faq__form button:hover {
  color: #9e4b47;
  background-color: #fff;
  border-color: #9e4b47;
}
.faq__form button i {
  margin-right: 5px;
}

.accordion-2 .accordion-item {
  margin-bottom: 10px;
}
.accordion-2 .accordion-body {
  background-color: #9e4b47;
}
.accordion-2 .accordion-body p {
  color: #fff;
}
.accordion-2 .accordion-button:not(.collapsed) {
  background-color: #9e4b47;
  color: #fff;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: #f4f4f4;
  color: #777777;
}

.faq__form {
  padding-left: 50px;
  margin-top: 23px;
}

/****************************************************
30. help-banner
*****************************************************/
.help__banner-area {
  background: #9e4b47;
}
.help__banner-area i.glyph-icon::before {
  font-size: 75px !important;
  color: #fff;
}
.help__banner-area h2 {
  font-size: 48px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .help__banner-area h2 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help__banner-area h2 {
    font-size: 37px;
  }
}
@media (max-width: 575px) {
  .help__banner-area {
    padding: 35px 0;
  }
}

/****************************************************
32. shop
*****************************************************/
.contact-map {
  line-height: 1;
  margin-bottom: -3px;
}
.contact-map iframe {
  border: 0;
  width: 100%;
  height: 800px;
}
.contact-wrapper {
  border-radius: 10px;
  overflow: hidden;
}
.contact-widget {
  background-color: #fff;
  position: relative;
  z-index: 9;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.04);
}
.contact-social a {
  border: 2px solid #be7370;
  background: transparent;
}
.contact-social a:hover {
  background: #fff;
  color: #9e4b47;
  border-color: transparent;
}
.contact__left {
  padding: 80px 60px;
  background-size: cover;
  margin-right: 55px;
}
.contact__left h4 {
  font-size: 24px;
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
}
.contact__left p {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__left {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .contact__left {
    margin-right: 0;
    padding: 50px 20px;
  }
}
.contact__right h4 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__right {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .contact__right {
    padding: 30px;
  }
}
.contact__list-2 ul {
  margin-top: 40px;
}
.contact__list-2 ul li {
  display: flex;
}
.contact__list-2 ul li:not(:last-child) {
  border-bottom: 1px solid #a55d59;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.contact__icon i {
  font-size: 15px;
  color: #fff;
}
.contact__desc {
  padding-left: 20px;
}
.contact__desc span {
  color: #dcd9d9;
  line-height: 1;
  font-size: 14px;
  display: block;
}
.contact__desc h6 {
  font-size: 20px;
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 10px;
}
.contact__form input, .contact__form textarea, .contact__form .nice-select {
  padding-left: 30px !important;
  background-color: #f5f5f5;
}
.contact__form textarea {
  width: 100%;
  height: 170px;
  border-radius: 10px;
  border: 0;
  padding: 30px;
  color: #999999;
}

.show-text span {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  font-weight: 500;
  display: inline-block;
}

.ch-right .nice-select {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  font-size: 13px;
  color: #000;
  font-weight: 800;
  height: inherit;
  float: inherit;
  line-height: inherit;
  padding-right: 30px;
  background-color: transparent;
}

.page-link-2 {
  background-color: #fff !important;
}
.page-link-2:hover {
  background-color: #9e4b47 !important;
}

.container-space-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
.container-space-wrapper .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

.dr-video__section {
  position: relative;
  z-index: 1;
}
.dr-video__section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000006e;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr-video__section .generic-title h2 {
    font-size: 30px;
  }
}

.white-title span, .white-title h2 {
  color: #fff;
}
.white-title span {
  text-transform: uppercase;
}

.border-area {
  height: 3px;
  background: #000000ab;
  margin-top: 60px;
  margin-bottom: 60px;
}

.video-area-popup a {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.video-area-popup a i {
  margin-right: 20px;
}
.video-area-popup a span {
  position: relative;
}
.video-area-popup a span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.video-area-popup a:hover span::before {
  width: 100%;
}

.doctor__details-text p {
  margin-bottom: 30px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.procedures__section {
  position: relative;
}

.doctor__procedures-img-video {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .doctor__procedures-img-video {
    position: static;
    width: 100%;
  }
}
.doctor__procedures-img-video iframe, .doctor__procedures-img-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor__procedures-img-video iframe, .doctor__procedures-img-video video {
    position: static;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .doctor__procedures-img-video iframe, .doctor__procedures-img-video video {
    position: static;
    height: 400px;
  }
}
@media (max-width: 575px) {
  .doctor__procedures-img-video iframe, .doctor__procedures-img-video video {
    position: static;
    height: 300px;
  }
}

.doctor_procedures-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctor_procedures-img img {
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .portfolio-top-wrapper-details .portfolio-menu {
    overflow-x: scroll;
    margin-top: 0;
  }
  .portfolio-top-wrapper-details .portfolio-menu ul {
    flex-wrap: nowrap !important;
  }
  .portfolio-top-wrapper-details .portfolio-menu::-webkit-scrollbar {
    width: 2em;
    height: 8px;
  }
  .portfolio-top-wrapper-details .portfolio-menu::-webkit-scrollbar-track {
    background: #fff7ef;
    border-radius: 100vw;
  }
  .portfolio-top-wrapper-details .portfolio-menu::-webkit-scrollbar-thumb {
    background: #9e4b47;
    border-radius: 100vw;
  }
  .portfolio-top-wrapper-details .portfolio-menu::-webkit-scrollbar-thumb:hover {
    background: #9e4b47;
  }
}

.procedure__content-wrapper {
  padding: 120px 30px 100px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .procedure__content-wrapper {
    padding: 30px 30px 60px 0px;
  }
}
@media (max-width: 575px) {
  .procedure__content-wrapper {
    padding: 0px 30px 60px 0px;
  }
}

.portfolio-grid-item-size {
  width: 33.33%;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio-grid-item-size {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .portfolio-grid-item-size {
    width: 100%;
  }
}

.dr-details-box .prodate__widget {
  padding: 30px 15px;
}
.dr-details-box .date__widget ul li {
  font-size: 15px;
}
.dr-details-box .date__widget ul li span:last-child::before {
  display: none;
}

.dr-details-tab .nav-item {
  margin: 8px;
}
@media (max-width: 575px) {
  .dr-details-tab .nav-item {
    margin: 2px;
  }
}
.dr-details-tab .nav-item .nav-link-item {
  font-size: 18px;
  padding: 11px 41px;
  text-transform: capitalize;
  background: #ffffff;
  border: 0;
  color: #757575;
  border: 1px solid #9e4b47;
  border-radius: 5px;
}
.dr-details-tab .nav-item .nav-link-item.active {
  background: #C85C12;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dr-details-tab .nav-item .nav-link-item {
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dr-details-tab .nav-item .nav-link-item {
    padding: 10px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dr-details-tab .nav-item .nav-link-item {
    padding: 10px 10px;
  }
}
@media (max-width: 575px) {
  .dr-details-tab .nav-item .nav-link-item {
    padding: 5px 16px;
    font-size: 16px;
  }
}

.tab-content-wrapper .tab-content button {
  border: 1px solid #9e4b47;
  border-radius: 5px;
  color: #fff;
  padding: 20px 30px;
  display: block;
  font-size: 20px;
  background-color: #9e4b47;
  text-transform: uppercase;
  margin-bottom: 14px;
  text-align: start;
}
.tab-content-wrapper .tab-content button:last-child {
  margin-bottom: 0px;
}
.tab-content-wrapper .tab-content button:nth-child(1) {
  background: #FFFFFF;
  color: black;
}
.tab-content-wrapper .tab-content button:nth-child(2) {
  background: #C85C12;
}
.tab-content-wrapper .tab-content button:nth-child(3) {
  background: #FBE5D6;
  color: #C00000;
}
.tab-content-wrapper .tab-content button:nth-child(4) {
  background: #FFF2CC;
  color: #C00000;
}
.tab-content-wrapper .tab-content button:nth-child(5) {
  background: #fff;
  color: #C00000;
}
.tab-content-wrapper .tab-content button:nth-child(6) {
  background: #F2F2F2;
  color: #707070;
}
.tab-content-wrapper .tab-content button.active {
  background: #FBE5D6;
  color: #C00000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tab-content-wrapper .tab-content button {
    padding: 15px 10px;
  }
}

.tab__list.portfolio-menu2 li {
  background: none;
}

.testimonial-before::before {
  content: "";
  bottom: -6px;
  width: 100%;
  height: 90px;
  background: #ECCBA1;
  z-index: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.testimonial-before::after {
  content: "";
  top: 0px;
  width: 100%;
  height: 70px;
  background: #FFF6EB;
  z-index: 1;
  left: 0;
  right: 0;
  position: absolute;
}

.treatment-tab-youtube {
  position: relative;
  width: 100%;
  padding-bottom: 55.25%;
}
.treatment-tab-youtube iframe {
  top: 0;
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.treatment-tab-text {
  position: absolute;
  top: 100px;
  left: 30px;
  background: #fff;
  padding: 18px 30px;
  border-radius: 10px;
}

.treatment-tab-inner-text {
  margin-top: 28px;
}
.treatment-tab-inner-text h3 {
  color: #7A2D00;
}
.treatment-tab-inner-text h4 {
  color: #888888;
}

.contact-tab-content p {
  color: #fff;
}
.contact-tab-content h3 {
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}
.contact-tab-content h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 2px;
  background: #fff;
  right: 0;
  margin: auto;
}

.doctor__details2-left {
  border: 1px solid #eee;
  border-radius: 8px;
}
.doctor__details2-left-img img {
  width: 100%;
}
.doctor__details2-left-info {
  padding: 35px 30px 35px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .doctor__details2-left-info {
    padding: 35px 20px 35px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .doctor__details2-left-info h3 {
    font-size: 25px;
  }
}
.doctor__details2-left-info span {
  color: #9e4b47;
  margin-bottom: 10px;
  display: inline-block;
}
.doctor__details2-right {
  height: 100%;
}
.doctor__details2-right iframe {
  width: 100%;
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .doctor__details2-right {
    margin-top: 60px;
  }
}

.doctor__details-widget {
  padding: 100px 0px;
}

.chemical-items .nav-pills .nav-link.active, .chemical-items .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #9e4b47;
  font-weight: 500;
  border-bottom: 2px dashed transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.chemical-items .nav-pills .nav-link.active i, .chemical-items .nav-pills .show > .nav-link i {
  color: #fff;
  font-size: 45px;
  vertical-align: middle;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1500px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .chemical-items .nav-pills .nav-link.active i, .chemical-items .nav-pills .show > .nav-link i {
    font-size: 35px;
  }
}
.chemical-items .nav-pills .nav-link.active:hover, .chemical-items .nav-pills .show > .nav-link:hover {
  color: #fff;
  background-color: #9e4b47;
  font-weight: 500;
  border-bottom: 2px dashed #9e4b47;
}

.chemical-items {
  max-height: 500px;
  overflow-y: auto;
}
.chemical-items .nav-pills .nav-link {
  text-align: left;
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
  height: 90px;
  position: relative;
  padding-left: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border: none;
  border-bottom: 2px dashed #ddd;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1500px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .chemical-items .nav-pills .nav-link {
    font-size: 15px;
  }
}
.chemical-items .nav-pills .nav-link i {
  color: #9e4b47;
  font-size: 45px;
  vertical-align: middle;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1500px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .chemical-items .nav-pills .nav-link i {
    font-size: 35px;
  }
}
.chemical-items .nav-pills .nav-link:hover {
  color: #fff;
  background-color: #9e4b47;
  font-weight: 500;
  border-bottom: 2px dashed #9e4b47;
}
.chemical-items .nav-pills .nav-link:hover i {
  color: #fff;
}

#ascrail2000 {
  width: 9px !important;
  border-radius: 9px;
}

.fearured2-tabs-menu {
  margin-right: 24px;
}

.dr__chemical-items {
  background: #f7f7f7;
  padding: 55px 45px 25px 45px;
  border-radius: 8px;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dr__chemical-items {
    padding: 55px 45px 55px 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .dr__chemical-items {
    padding: 55px 30px 50px 30px;
  }
}
@media (max-width: 575px) {
  .dr__chemical-items {
    padding: 55px 20px 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__chemical-items {
    margin-top: 60px;
  }
}
.dr__chemical-items-img img {
  width: 100%;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__chemical-items-content {
    padding-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dr__chemical-items-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dr__chemical-items-content h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .chemical-banner-area {
    padding-top: 120px;
  }
}

.dr__banner-area {
  position: relative;
  top: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__banner-area {
    top: 0;
  }
}

.dr-compair-banner {
  min-height: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr-compair-banner {
    padding: 120px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .chemical-banner__tab {
    padding-bottom: 60px;
  }
}

.difference-section h4 {
  color: #fff;
  font-weight: 600;
}
.difference-section p {
  color: #fff;
}

.beforeAfter {
  box-shadow: 0px 0px 70px rgba(15, 38, 71, 0.2);
  border-radius: 10px;
}
.beforeAfter img {
  border: 10px solid #fff;
}

.dr-border {
  border-top: 1px dashed #9e4b47;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__about-details {
    text-align: center;
  }
}

.dr__about-details-left {
  width: 500px;
  height: 500px;
  background-color: #9e4b47;
  border-radius: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .dr__about-details-left {
    width: 450px;
    height: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__about-details-left {
    width: auto;
    height: auto;
  }
}
.dr__about-details-left img {
  width: 100%;
  border-radius: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__about-details-left {
    margin: 0 auto;
  }
}

.dr__about-details-info-title span {
  font-size: 25px;
  color: #9e4b47;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.dr__about-details-info-title h4 {
  font-size: 30px;
}
.dr__about-details-info img {
  padding: 10px 0px 25px 0px;
}
.dr__about-details-info-certificate h4 {
  margin-bottom: 20px;
}
.dr__about-details-info-certificate ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.testimonial-left {
  display: flex;
  align-items: center;
  height: 350px;
  background-size: cover cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.testimonial-left .generic-title {
  margin-left: 100px;
}
.testimonial-left .generic-title h4 {
  font-size: 30px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-left .generic-title {
    text-align: center;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .testimonial-left {
    justify-content: center;
  }
  .testimonial-left h4 br {
    display: none;
  }
}

.dr__single-testimonial-content {
  background-color: #f5f5f5;
  padding: 75px 30px 115px;
  border-radius: 8px 8px 0px 0px;
}
.dr__single-testimonial-content p {
  font: 18px;
  font-style: italic;
}
.dr__single-testimonial-content i {
  font-size: 30px;
  color: #9e4b47;
  margin-bottom: 20px;
}
.dr__single-testimonial-author {
  box-shadow: 0 10px 20px rgba(16, 0, 71, 0.1);
  border-radius: 0px 0px 8px 8px;
}
.dr__single-testimonial-author-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #fff;
  box-shadow: 0 0 2px #9e4b47;
  margin: 0 auto;
  margin-top: -50px;
}
.dr__single-testimonial-author-img img {
  margin-bottom: 30px;
}
.dr__single-testimonial-author-title {
  margin-bottom: 0px;
  font-weight: 700;
}
.dr__single-testimonial-author-subtitle {
  color: #9e4b47;
  font-weight: 700;
}

.dr-testimonial-area div.owl-nav {
  position: absolute;
  left: 50%;
  bottom: -30px;
}
.dr-testimonial-area div.owl-nav div {
  visibility: visible;
  opacity: 1;
  right: 20px;
  left: auto;
}
.dr-testimonial-area div.owl-nav div.owl-next {
  left: 20px;
  right: auto;
}
.dr-testimonial-area div.owl-nav > div {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background-color: #D17E79;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.dr-testimonial-area div.owl-nav > div:hover {
  background-color: #9e4b47;
}

.dr__footer-widget-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #fff;
}
.dr__footer-widget-address .social-icons-list li {
  margin-bottom: 10px;
}
.dr__footer-widget-address .social-icons-list li a {
  font-size: 16px;
  color: #999999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.dr__footer-widget-address .social-icons-list li a:hover {
  color: #9e4b47;
}
.dr__footer-widget-address .social-icons-list li a i {
  margin-right: 10px;
}
.dr__footer-widget-address .social-icons-list li a strong {
  color: #9e4b47;
  margin-right: 10px;
}
.dr__footer-widget__list ul li {
  margin-bottom: 10px;
}
.dr__footer-widget__list ul li a {
  font-size: 16px;
  color: #999999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.dr__footer-widget__list ul li a:hover {
  color: #9e4b47;
}
.dr__footer-widget__service-list ul li {
  float: left;
  width: 50%;
  margin-bottom: 10px;
}
.dr__footer-widget__service-list ul li a {
  color: #999999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.dr__footer-widget__service-list ul li a:hover {
  color: #9e4b47;
}
.dr__footer-widget__language-list ul li {
  width: 50%;
  margin-bottom: 10px;
}
.dr__footer-widget__language-list ul li a {
  color: #999999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.dr__footer-widget__language-list ul li a:hover {
  color: #9e4b47;
}
.dr__footer-widget__language-list ul li img {
  width: 25px;
  height: 25px;
}

.dr__footer-widget {
  display: block;
  overflow: hidden;
}

.dr__footer-widget-2 {
  margin-left: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr__footer-widget-2 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .doctor__details-img {
    margin-bottom: 40px;
  }
}
.doctor__details-img img {
  width: 100%;
}

.beforeAftershadow {
  box-shadow: none;
}

.doctor_procedures-area {
  padding: 50px 20px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .doctor_procedures-area {
    padding: 30px 0px;
  }
}

.doctor_procedures-list ul li {
  margin-bottom: 5px;
  text-transform: capitalize;
  position: relative;
  padding-left: 30px;
}
.doctor_procedures-list ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  font-family: "font awesome 5 pro";
  font-weight: 500;
  font-size: 14px;
  color: #a96c36;
  width: 10px;
  height: 10px;
  background: #a96c36;
  bottom: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .profile-wrapper {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .profile-wrapper {
    padding-left: 0px;
  }
}

.dr-details-mobile-item {
  margin-bottom: 40px;
}

.dr-details-mobile-item-title h3 {
  background: #FBE5D6;
  color: #C00000;
  padding: 14px 10px 14px 30px;
  margin-bottom: 10px;
  line-height: 1;
  border-radius: 5px;
}

.dr-name-mobile-img img {
  width: 100%;
}

.dr-name-mobile-content {
  background: #9e4b47bd;
  padding: 29px 45px;
}
.dr-name-mobile-content h3, .dr-name-mobile-content h4, .dr-name-mobile-content p {
  color: #fff;
}

.dr-details-mobile-youtube {
  position: relative;
}
.dr-details-mobile-youtube h3 {
  position: absolute;
  bottom: 12px;
  background: #fff;
  left: 14px;
  padding: 15px 10px;
  line-height: 1;
  margin-bottom: 0;
  font-size: 16px;
  border-radius: 4px;
  text-transform: capitalize;
}

.doctor_procedures-mobile {
  background: #f7f7f7;
  padding: 30px;
}

.portfoliohorislide img {
  max-height: 330px;
}

@media (min-width: 600px) {
  .dr-details-mobile-view {
    display: none;
  }
}
.dr-details-mobile-youtube {
  padding-bottom: 6px;
  position: relative;
  width: 100%;
  padding-bottom: 55.25%;
}
.dr-details-mobile-youtube iframe {
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.dr-details-mobile-view .nav-link-item {
  border-radius: 4px;
}
.dr-details-mobile-view .nav-link-item.active {
  background: #c85c12;
  color: #fff;
}

.video-content-wrapper {
  z-index: 50;
  position: absolute;
  left: 0;
  right: 0;
  width: 40%;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .video-content-wrapper {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .video-content-wrapper {
    width: 100%;
  }
}

.vid-brand-wrapper.position-relative {
  height: 100%;
}

.doctor__brand-area-wrapper {
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: -90px;
  left: 0;
}

.dr-video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr-video-container iframe {
    height: 100%;
  }
}

.dr-video-container iframe.add__zindex-90 {
  z-index: 90;
}

.dr-video__section {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 750px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .dr-video__section {
    height: 670px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dr-video__section {
    height: 600px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr-video__section {
    height: 400px;
  }
}
@media (max-width:499px) {
  .dr-video__section {
    height: 300px;
  }
}

.dr-video__section-img {
  width: 100%;
  height: 100%;
  z-index: 20;
  position: absolute;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .dr-video__section-img {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dr-video__section-img {
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr-video__section-img {
    height: 400px;
  }
}
@media (max-width:499px) {
  .dr-video__section-img {
    height: 300px;
  }
}
.dr-video__section-img img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .dr-video__section-img img {
    height: 100%;
  }
}

.testimonial-details .container .row {
  padding-top: 60px;
  padding-bottom: 60px;
}

.dr-video__section-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000006e;
}

.play_video_background {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
}

.play_video_background i {
  color: #fff;
  margin-right: 19px;
}

.play_video_background span {
  position: relative;
}

.play_video_background span::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 0%;
  background: #fff;
  transition: all 0.3s;
}

.play_video_background span:hover::before {
  width: 100%;
}

.s-dr-box-shadow {
  margin: 10px 40px 60px 40px;
  border-radius: 6px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .s-dr-box-shadow {
    margin: 0;
  }
}

.doctor__details-widget {
  padding: 60px 0;
}

.dr-video-container.iframe-zindex-video {
  width: 100%;
  height: 100%;
}

#video-player iframe {
  width: 100%;
  height: 375px;
}

.mad-video-wrapper.with-overlay {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  --color: var(--color-neutral-0);
  --color-invert: var(--color-neutral-0);
  --clip-path: circle(15px at left);
  --clip-path-hover: circle(70px at left);
  --clip-path-clicked: circle(100vw at left);
  --duration: 0.4s;
  --timing-function: ease;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* height: 66.5rem; */
  /* padding-top: 14.5rem; */
  overflow: hidden;
}

.mad-video-wrapper.with-overlay {
  /* background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  --color: var(--color-neutral-0); */
  min-height: 100%;
}

.mad-video-wrapper.with-overlay.remove-video-img {
  --color: inherit;
  --color-invert: inherit;
  --clip-path: inherit;
  --clip-path-hover: inherit;
  --clip-path-clicked: inherit;
  --duration: inherit;
  --timing-function: inherit;
}

.mad-video-wrapper .video {
  height: inherit;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  clip-path: var(--clip-path);
  transition: clip-path var(--duration) var(--timing-function);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .mad-video-wrapper .video {
    margin-top: 100px;
  }
}

.mad-video-demo {
  position: relative;
  z-index: 2;
}

.mad-video-wrapper .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.dr-video__section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000006e;
  z-index: 1;
  /* display: none; */
}

.mad-video-wrapper input {
  width: 220px;
  height: 40px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 40px;
  outline: none;
  z-index: 2;
  appearance: none;
  cursor: pointer;
  display: block !important;
}

.mad-video-content {
  text-align: center;
  position: absolute;
  top: 38%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.mad-video-content .mad-pre-title {
  color: #fff;
  z-index: 2;
}

.mad-video-content .mad-title {
  color: #fff;
  z-index: 2;
}
@media (max-width: 575px) {
  .mad-video-content .mad-title {
    font-size: 30px;
  }
}

.mad-title span {
  font-style: italic;
  z-index: 2;
}

.mad-video-wrapper .mad-video-holder {
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0;
  z-index: 2;
}

.vidoe-text span:hover ~ .video,
.mad-video-wrapper input:hover ~ .video {
  clip-path: var(--clip-path-hover);
}

.mad-video-content .vidoe-text span {
  margin-top: 16px;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 230px;
  cursor: pointer;
}

.vidoe-text span {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  z-index: 1;
  position: relative;
  margin-left: 30px;
  text-transform: uppercase;
}

.vidoe-text span::before {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 0%;
  height: 2px;
  background: #fff;
  transition: all 0.3s;
}

.vidoe-text span:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .vidoe-text {
    margin-top: 100px;
  }
}

.doctor__video-area {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 50px;
  background: #202020;
}

.doctor__video-right {
  max-height: 745px;
  overflow-y: scroll;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .doctor__video-right {
    max-height: 617px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .doctor__video-right {
    max-height: 617px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .doctor__video-right {
    max-height: 530px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .doctor__video-right {
    max-height: 450px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .doctor__video-right {
    max-height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .doctor__video-right {
    max-height: 250px;
  }
}
.doctor__video-right::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.doctor__video-right::-webkit-scrollbar-track {
  background: #1c1c1c;
  border-radius: 5px;
}
.doctor__video-right::-webkit-scrollbar-thumb {
  background: linear-gradient(0deg, #b81d03 0%, #b81d03 100%);
  border-radius: 100vw;
}
.doctor__video-right::-webkit-scrollbar-thumb:hover {
  background: #9e4b47;
}

.doctor__vidoe-right-item {
  margin-bottom: 20px;
  cursor: pointer;
}

.doctor__vidoe-right-item img {
  width: 100%;
}

.doctor__video-wrap video {
  height: 100%;
  width: 100%;
}

.doctor__vidoe-right-before {
  position: relative;
}

.doctor__vidoe-right-before::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 0) 100%);
}

.doctor__vidoe-right-item.active .doctor__vidoe-right-before::before {
  background: linear-gradient(0deg, #b81d03 0%, rgba(184, 29, 3, 0) 100%);
}

.doctor__vidoe-right-before span i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #c8c8c8;
  padding: 21px;
  border-radius: 50%;
  font-size: 20px;
  transform: translate(-50%, -50%);
}

.doctor__vidoe-right-item img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .doctor__vidoe-right-item img {
    height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .doctor__vidoe-right-item img {
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor__vidoe-right-item img {
    height: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .doctor__vidoe-right-item img {
    height: 80px;
  }
}

.doctor__gallery-small-img-wrapper .swiper-slide {
  border: 2px solid transparent;
  padding: 1px;
}
.doctor__gallery-small-img-wrapper .swiper-slide.swiper-slide-thumb-active {
  border-color: #9e4b4794;
}

.doctor__gallery-small__img img {
  width: 100%;
}

.doctor__gallery-small__img-item {
  margin-right: 10px;
}
.doctor__gallery-small__img-item:last-child {
  margin-right: 0px;
}
.doctor__gallery-small__img-item.slick-slide {
  border: 2px solid transparent;
  padding: 2px;
}
.doctor__gallery-small__img-item.slick-slide.slick-current {
  border-color: #9e4b47;
}

.bd-product__details-large-img img {
  width: 100%;
  height: 630px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bd-product__details-large-img img {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bd-product__details-large-img img {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .bd-product__details-large-img img {
    height: 380px;
  }
}
@media (max-width:499px) {
  .bd-product__details-large-img img {
    height: 200px;
  }
}

.doctor-gallery-details-active button.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  left: 0;
  background: #9e4b47;
  width: 60px;
  height: 45px;
  border: 0;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.doctor-gallery-details-active button.slick-arrow.slick-next {
  right: 0;
  left: auto;
}
@media (max-width:499px) {
  .doctor-gallery-details-active button.slick-arrow {
    width: 44px;
    height: 34px;
  }
}
.doctor-gallery-details-active:hover button.slick-arrow {
  opacity: 1;
  visibility: visible;
}

/****************************************************
33. product-details
*****************************************************/
/*product details page css start*/
.product-details-menu ul li {
  margin-left: 0px;
  margin-right: 30px;
}

.product-details-menu ul li:last-child {
  margin-right: 0px;
}

.product-details-menu ul li a {
  font-size: 13px;
}

.product-details-logo {
  text-align: center;
}

.pro-details-tab .custom-tab {
  width: 18%;
  float: left;
}

.pro-details-tab .custom-tab .nav-link {
  padding: 0px;
  margin-bottom: 25px;
  position: relative;
}

.pro-details-tab .custom-tab .nav-link::before {
  position: absolute;
  content: "";
  background: #fff;
  opacity: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s;
}

.pro-details-tab .custom-tab .nav-link.active::before {
  opacity: 0.7;
}

.custom-content {
  float: right;
  width: 77%;
}

.custom-content img {
  width: 100%;
}

.pro-details-tab-2 .custom-content {
  width: auto;
  float: none;
  margin: 0;
}

.pro-details-tab .product-d-tab-2 {
  width: 100%;
  float: none;
  display: block;
  margin: 0;
  overflow: hidden;
  margin-left: 0px !important;
  margin-right: -8px;
  margin-top: 16px;
}

.pro-details-tab .product-d-tab-2 li {
  float: left;
  padding: 0 8px;
  width: 25%;
}

.pro-details-tab .product-d-tab-2 li a {
  margin: 0;
}

.product-right-thumb .custom-tab {
  width: 18%;
  float: right;
}

.product-right-thumb .custom-tab .nav-link {
  padding: 0px;
  margin-right: 0;
  margin-left: 20px;
}

.group-pro-name a {
  color: #000;
  font-weight: 700;
}

.grouped-pro-price h5.pro-price del {
  color: #bababa;
  font-size: 16px;
  margin-left: 5px;
}

/* 22. Beradcrumb css */
.breadcrumb-area {
  z-index: 1;
  background-size: cover;
  background-position: center center;
}

.page-title h2 {
  font-size: 36px;
}

.breadcrumb-menu li {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
}

.breadcrumb-menu ul li a {
  font-weight: 500;
  color: #949494;
}

.breadcrumb-menu li:not(:last-child)::after {
  display: inline-block;
  color: #859099;
  content: "\f101";
  position: absolute;
  right: -6px;
  top: 1px;
  font-family: "Font Awesome 5 Pro";
}

.details-rating a {
  font-size: 12px;
  color: #fcd700;
  margin-right: 2px;
}

.details-rating span {
  font-size: 13px;
  color: #6f6f6f;
  padding-left: 8px;
  display: inline-block;
}

span.details-pro-price {
  font-size: 14px;
  font-weight: 800;
  color: #9e4b47;
  display: inline-block;
}

.pro-details-content p {
  color: #6f6f6f;
  line-height: 24px;
  padding-bottom: 25px;
}

.size-wrapper,
.color-wrapper {
  display: flex;
  align-items: center;
}

.size-wrapper .size-text span,
.color-wrapper .color-text span {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 1;
  display: inline-block;
}

.size-wrapper .sizes {
  margin-left: 45px;
}

.size-wrapper .sizes a {
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  text-transform: uppercase;
  margin-right: 16px;
  display: inline-block;
  transition: all linear 0.4s;
  padding: 0px 3px;
  border-bottom: 1px solid transparent;
}

.size-wrapper .sizes a:hover {
  border-color: #565656;
  color: #000;
}

.color-wrapper .colors a {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 20px;
}

.color-wrapper .colors a.one {
  background: #bcbcf8;
}

.color-wrapper .colors a.two {
  background: #f1c5f0;
}

.color-wrapper .colors a.three {
  background: #f8b998;
}

.color-wrapper .colors a.four {
  background: #c4e395;
}

.color-wrapper .colors a.five {
  background: #9bdbdf;
}

.color-wrapper .colors {
  margin-left: 42px;
  margin-top: 4px;
}

.group-pro-name {
  float: left;
}

.pro-quan-area {
  display: flex;
  align-items: center;
}

.cart-plus-minus {
  position: relative;
  display: inline-block;
}

.cart-plus-minus input {
  border: 0px;
  outline: 0px;
  background: none;
  font-weight: 400;
  color: #000;
  font-size: 20px;
  display: inline-block;
  padding: 9px 20px;
  border: 1px solid #222;
  margin-right: 10px;
  width: 110px;
  text-align: center;
}

.cart-plus-minus .qtybutton {
  font-size: 20px;
  color: #000;
  display: inline-block;
  position: absolute;
  top: 14px;
  height: 22px;
  width: 22px;
  background: #fff;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
}

.cart-plus-minus .dec {
  left: 7px;
}

.cart-plus-minus .inc {
  right: 7px;
}

.pro-cart-btn a {
  line-height: 51px;
  padding: 0px 20px;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  background: #000;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}
.pro-cart-btn a:hover {
  color: #fff;
  background-color: #9e4b47;
}

.pro-wish {
  float: left;
}

.pro-cart-btn {
  float: left;
}

.product-quantity {
  float: left;
}

.pro-wish a {
  font-size: 16px;
  margin-left: 20px;
  display: inline-block;
  color: #b5b5b5;
}
.pro-wish a:hover {
  color: #9e4b47;
}

.stock-update {
  display: flex;
  position: relative;
  padding-top: 16px;
}

.stock-update:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 1px;
  width: 65px;
  background: #000;
}

.stock-update .stock-list li {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.stock-update .stock-list li > span {
  width: 100px;
  font-size: 16px;
  display: inline-block;
}

.stock-update .stock-text li {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

.stock-update .stock-list li span.red {
  color: #9e4b47;
  font-weight: 600;
}

.pro-tab-border {
  border-top: 1px solid #dbdbdb;
  padding-top: 50px;
}

.pro-desc-tab {
  position: relative;
}

.pro-desc-tab .nav-link {
  padding: 0px 0px 35px 0px;
  font-size: 13px;
  font-weight: 800;
  margin: 0 18px;
  color: #000;
  display: block;
}

.desc-img-wrapper .desc-img {
  position: relative;
}

.desc-img-wrapper .desc-img h4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 80px;
  color: #333;
}

.pro-desc-img img {
  width: 100%;
}

.desc-img-wrapper .pro-desc-text h4 {
  color: #333;
  padding-right: 225px;
}

.desc-img-wrapper .pro-desc-text p {
  font-size: 13px;
  font-weight: 300;
  color: #222;
  line-height: 28px;
  padding-right: 110px;
  text-align: justify;
}

.desc-img-wrapper .pro-desc-text2 {
  margin-left: 100px;
  padding-top: 240px;
}

.desc-img-wrapper .pro-desc-text.pro-desc-text2 h4 {
  padding-right: 0px;
}

.desc-img-wrapper .pro-desc-text.pro-desc-text2 p {
  padding-right: 0px;
}

.pro-desc-single2 {
  margin-top: -100px;
}

.additional-information {
  background: #f7f7f7;
  overflow: hidden;
  padding: 20px 30px 40px 30px;
}

.additional-information ul li.title {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  width: 100%;
}

.additional-information li {
  font-size: 16px;
  font-weight: 600;
  color: #646464;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  width: 50%;
  float: left;
}

/*shop sidebar page start here*/
.shop-banner-text h2 {
  font-size: 40px;
  margin-bottom: 25px;
}

.shop-banner-text ul li {
  display: inline-block;
  margin: 0px 15px;
}

.shop-banner-text ul li a {
  font-size: 13px;
  font-weight: 800;
  color: #000;
}

.side-cat ul li {
  display: block;
  margin-bottom: 8px;
}

.side-cat ul li a {
  font-size: 13px;
  font-weight: 400;
  color: #333;
}

.side-cat ul li a:hover {
  color: #aaccbb;
}

.cat-title h6 {
  font-size: 14px;
}

.product__details-des p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}

.product__details-des-list ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.product__details-des-list ul li span {
  color: #606060;
}
.product__details-des-list ul li::after {
  position: absolute;
  content: "\f00c";
  left: 0;
  top: 0;
  font-size: 14px;
  color: #606060;
  font-family: "Font Awesome 5 Pro";
}

.nav-item button,
button.active {
  border: 0;
  background: transparent;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  padding: 10px 15px;
}
@media only screen and (max-width: 600px) {
  .nav-item button,
button.active {
    padding: 10px 10px;
  }
}
@media (max-width:499px) {
  .nav-item button,
button.active {
    padding: 10px 6px;
    font-size: 12px;
  }
}

.nav-pills .nav-link.active {
  background-color: transparent;
  color: #9e4b47;
}

.pro-details-content h4 {
  font-size: 30px;
}

/*# sourceMappingURL=main.css.map */