/* =======================================================================
Template Name: Dil Hospital
Author:  SmartEye Adminpanel
Author URI: www.smarteyeapps.com
Version: 1.0
coder name:Prabin Raja
Description: This Template is created for web template
======================================================================= */
/* ===================================== Import Less ================================== */
@font-face {
  font-family: 'mouse-300';
  src: url("../fonts/PT_Sans-Web-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'mouse-500';
  src: url("../fonts/PT_Sans-Web-Bold.ttf") format("truetype"); }
/* ===================================== Basic CSS ================================== */
* {
  margin: 0px;
  padding: 0px; 
}

#menu-jk ul {
  list-style: none;
}

img {
  max-width: 100%; }

a {
  text-decoration: none;
  outline: none;
  color: #444; }

a:hover {
  color: #444; }

ul {
  margin-bottom: 0;
  padding-left: 0; }

a:hover,
a:focus,
input,
textarea {
  text-decoration: none;
  outline: none; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.cp {
  cursor: pointer; }

html, body {
  height: 100%; }

p {
  margin-bottom: 0px;
  width: 100%; }

.no-padding {
  padding: 0px; }

.no-margin {
  margin: 0px; }

.hid {
  display: none; }

.top-mar {
  margin-top: 15px; }

.h-100 {
  height: 100%; }

::placeholder {
  color: #747f8a !important;
  font-size: 13px;
  opacity: .5 !important; }

.container-fluid {
  padding: 0px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "mouse-500", Arial, Helvetica, sans-serif; }

strong {
  font-family: "mouse-500", Arial, Helvetica, sans-serif; }

body {
  background-color: #f7f7ff !important;
  /* font-family: "mouse-300", Arial, Helvetica, sans-serif; */
  color: #6A6A6A; 
  font-family: cursive;
}

.session-title {
  padding: 30px;
  margin: 0px; }
  .session-title h2 {
    width: 100%;
    text-align: center; }
  .session-title p {
    max-width: 850px;
    text-align: center;
    float: none;
    margin: auto; }
  .session-title span {
    float: right;
    font-style: italic; }

.inner-title {
  padding: 20px;
  padding-left: 0px;
  margin-bottom: 30px; }
  .inner-title h2 {
    width: 100%;
    text-align: center;
    font-size: 2rem !important;
    font-family: "slab", Arial, Helvetica, sans-serif; }
  .inner-title h3 {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-family: cursive }
  .inner-title p {
    width: 100%;
    text-align: center; }

.page-nav {
  padding: 40px;
  text-align: center;
  padding-top: 160px; }
  .page-nav ul {
    float: none;
    margin: auto; }
  .page-nav h2 {
    font-size: 36px;
    width: 100%;
    color: #444; }
    @media screen and (max-width: 600px) {
      .page-nav h2 {
        font-size: 26px; } }
  .page-nav ul li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px; }
    .page-nav ul li i {
      width: 30px;
      text-align: center;
      color: #444; }
    .page-nav ul li a {
      color: #444; }

.btn-success {
  background-color: #00ab9f;
  border-color: #00ab9f; }
  .btn-success:hover {
    background-color: #00ab9f !important;
    border-color: #00ab9f !important; }
  .btn-success:active {
    background-color: #00ab9f !important;
    border-color: #00ab9f !important; }
  .btn-success:focus {
    background-color: #00ab9f !important;
    border-color: #00ab9f !important;
    box-shadow: none !important; }

.btn-info {
  background-color: #00a8df;
  border-color: #00a8df; }
  .btn-info:hover {
    background-color: #00a8df !important;
    border-color: #00a8df !important; }
  .btn-info:active {
    background-color: #00a8df !important;
    border-color: #00a8df !important; }
  .btn-info:focus {
    background-color: #00a8df !important;
    border-color: #00a8df !important;
    box-shadow: none !important; }

.btn {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px; }

.form-control:focus {
  box-shadow: none !important;
  border: 2px solid  #00a8df; }

.btn-light {
  background-color: #FFF;
  color: #3F3F3F; }

@media screen and (max-width: 1199px) {
  .container {
    max-width: 100%; } }
.collapse.show {
  display: block !important; }

.form-control:focus {
  box-shadow: none;
  border: 2px solid #0d7a40 !important; }

.form-control {
  background-color: #F8F8F8;
  margin-bottom: 20px; }
  .form-control:focus {
    background-color: #FFF;
    border-color: #CCC; }

/* ===================================== Header CSS ================================== */
header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  width: 100%;
  z-index: 999; }
  header .header-nav {
    background-color: #FFF;
    width: 100%; }
    header .header-nav .nav-item ul li {
      float: left;
      font-family: "mouse-500", Arial, Helvetica, sans-serif;
      font-size: 16px;
      padding-top: 28px;
      padding-bottom: 28px;
      padding-left: 23px;
      padding-right: 23px; }
      @media screen and (max-width: 998px) {
        header .header-nav .nav-item ul li {
          padding: 30px 18px; } }
      @media screen and (max-width: 767px) {
        header .header-nav .nav-item ul li {
          float: none;
          padding: 14px;
          border-top: 1px solid #CCC; } }
    header .header-nav .nav-img img {
      width: 200px;
      padding: 0px;
      margin-top: 21px; }
      @media screen and (max-width: 767px) {
        header .header-nav .nav-img img {
          margin-top: 0px;
          padding: 10px; } }
      @media screen and (max-width: 1199px) {
        header .header-nav .nav-img img {
          margin-left: 10px; } }
    header .header-nav .appoint {
      padding-top: 21px; }
  header .scroll-to-fixed-fixed {
    background-color: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.small-menu {
  float: right;
  color: #00ab9f;
  font-size: 32px;
  margin-top: 17px;
  margin-bottom: 17px;
  margin-right: 12px; }
  @media screen and (max-width: 767px) {
    .small-menu {
      margin-top: 11px;
      margin-bottom: 11px; } }

/* ===================================== Slide Style CSS ================================== */
.slider-detail {
  padding-top: 0px; }
  .slider-detail .carousel-cover {
    background-color: rgba(0, 173, 162, 0.53);
    position: absolute;
    left: 0px;
    width: 40%;
    top: 50px;
    height: 100%;
    background-color: rgba(0, 173, 162, 0.53);
    position: absolute;
    left: -30%;
    width: 80%;
    top: -150px;
    height: 140%;
    transform: rotate(15deg); }
    @media screen and (max-width: 1086px) {
      .slider-detail .carousel-cover {
        top: -131px;
        left: -24%;
        transform: rotate(12deg); } }
    @media screen and (max-width: 999px) {
      .slider-detail .carousel-cover {
        transform: rotate(7deg);
        top: -100px; } }
    @media screen and (max-width: 767px) {
      .slider-detail .carousel-cover {
        display: none; } }
  .slider-detail .carousel-caption {
    text-align: left;
    top: 70px;
    left: 10%;
    max-width: 40%; }
    .slider-detail .carousel-caption h5 {
      font-size: 40px; }
    .slider-detail .carousel-caption p {
      font-size: 18px;
      margin-top: 40px;
      margin-bottom: 40px; }
    .slider-detail .carousel-caption .vbh {
      margin: 0px; }
    @media screen and (max-width: 1090px) {
      .slider-detail .carousel-caption {
        top: 30px; }
        .slider-detail .carousel-caption h5 {
          font-size: 28px; }
        .slider-detail .carousel-caption p {
          font-size: 14px; } }
    @media screen and (max-width: 792px) {
      .slider-detail .carousel-caption p {
        margin-bottom: 10px; } }
  .slider-detail .carousel-indicators {
    left: -70%; }
  .slider-detail .btn-default {
    background-color: #FFF;
    color: #444;
    font-weight: 600; }
    @media screen and (max-width: 792px) {
      .slider-detail .btn-default {
        padding: 5px;
        font-size: 13px; } }

/* ===================================== Key Features CSS ================================== */
.key-features .kvxol {
  padding: 0px; }
.key-features .single-key {
  background-color: #FFF;
  margin-bottom: 30px;
  text-align: center;
  padding: 30px; }
  .key-features .single-key i {
    background-color: #FFF;
    padding: 20px;
    font-size: 42px;
    color: #00ab9f;
    margin-bottom: 30px;
    border-radius: 50px; }
  .key-features .single-key p {
    font-family: "mouse-300", Arial, Helvetica, sans-serif;
    font-size: 15px; }
.key-features .ky-1 {
  background-color: #03509e;
  color: #FFF;
  margin-bottom: 0px; }
.key-features .ky-2 {
  background-color: #0085bc;
  color: #FFF;
  margin-bottom: 0px; }

.department {
  padding: 80px 50px;
  background-color: #f7f7ff; }
  @media screen and (max-width: 940px) {
    .department {
      padding: 50px 10px; } }

/* ===================================== Our Blog CSS ================================== */
.our-blog {
  padding: 80px 50px;
  background-color: #FAFAFA;
  padding-bottom: 100px; }
  @media screen and (max-width: 940px) {
    .our-blog {
      padding: 50px 10px; } }
  @media screen and (max-width: 600px) {
    .our-blog {
      padding: 20px 10px; }
      .our-blog .blog-cont {
        padding: 0px; }
      .our-blog .blog-smk {
        padding: 0px; } }
  .our-blog .blog-cont {
    float: none;
    margin: auto; }
  .our-blog .blog-single {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px; }
    .our-blog .blog-single .figure {
      margin-bottom: 0px; }
  .our-blog .blog-single-det {
    margin: auto;
    padding: 20px;
    z-index: 99;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    width: 90%;
    position: relative;
    margin-top: -80px;
    background-color: #FFF; }
    .our-blog .blog-single-det .btn {
      margin-top: 10px;
      margin-bottom: 10px; }
    .our-blog .blog-single-det span {
      font-size: 13px;
      color: #b5316a; }
    .our-blog .blog-single-det h6 {
      font-size: 1.3rem; }
    .our-blog .blog-single-det p {
      margin-top: 15px;
      margin-bottom: 15px;
      font-size: 1rem; }

/* ===================================== Contact US CSS ================================== */
.contact-rooo {
  padding: 80px 50px;
  background-color: #FFF; }
  @media screen and (max-width: 940px) {
    .contact-rooo {
      padding: 50px 10px; } }

.contact-us-single {
  background-color: #f7f7ff; }
  .contact-us-single .cop-ck {
    padding: 10px 30px; }
    .contact-us-single .cop-ck h2 {
      font-size: 22px;
      margin-bottom: 20px; }
  .contact-us-single .cf-ro {
    margin-top: 10px; }

/*====================================== About Us Style ====================================*/
.about-us .image-bg {
  background-image: url(../images/aboutUs-01.jpg);
  background-size: cover; }
.about-us .abut-yoiu {
  padding: 50px;
  background-color: #FFF; }

/* ===================================== Gallery Style  ================================== */
.gallery-filter {
  width: 100%;
  text-align: center; }
  .gallery-filter .btn {
    background-color: #FFF; }

.gallery {
  padding: 50px;
  background-color: #f7f7ff; }
  @media screen and (max-width: 940px) {
    .gallery {
      padding: 50px 10px; } }

.gallery-title {
  font-size: 36px;
  color: #00ab9f;
  text-align: center;
  font-weight: 500;
  margin-bottom: 70px; }

.gallery-title:after {
  content: "";
  position: absolute;
  width: 7.5%;
  left: 46.5%;
  height: 45px;
  border-bottom: 1px solid #00ab9f; }

.filter-button {
  font-size: 18px;
  border: 1px solid #00ab9f;
  border-radius: 5px;
  text-align: center;
  color: #00ab9f;
  margin-bottom: 30px; }

.filter-button:hover {
  font-size: 18px;
  border: 1px solid #00ab9f;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  background-color: #00ab9f; }

.btn-default:active .filter-button:active {
  background-color: #00ab9f;
  color: white; }

.port-image {
  width: 100%; }

.gallery_product {
  margin-bottom: 30px; }

/* ===================================== Fooer CSS ================================== */
.footer {
  padding: 80px 50px;
  padding: 30px;
  padding-bottom: 0px;
  background-color: #444;
  color: #FFF; }
  @media screen and (max-width: 940px) {
    .footer {
      padding: 50px 10px; } }
  .footer h2 {
    font-size: 26px;
    margin-top: 10px; }
  .footer p {
    text-align: justify;
    text-indent: 20px; }
  .footer .link-list li {
    padding: 10px;
    border-bottom: 1px solid #6C6C6C; }
    .footer .link-list li a {
      color: #FFF; }
    .footer .link-list li i {
      float: right; }
  .footer .map-img {
    font-weight: 600;
    font-size: 17px;
    padding-left: 20px; }
  .footer address a {
    color: #FFF; }

.copy {
  padding: 20px;
  background-color: #2E2E2E;
  color: #FFF; }
  .copy a {
    color: #FFF; }
  .copy span {
    float: right; }
    .copy span i {
      margin-right: 20px; }

.kf-2 {
  background-color: #FCFCFC;
  padding: 80px 50px; }
  @media screen and (max-width: 940px) {
    .kf-2 {
      padding: 50px 10px; } }
  .kf-2 .single-key {
    box-shadow: 0 2px 3px 0 rgba(218, 218, 253, 0.35), 0 0px 3px 0 rgba(206, 206, 238, 0.35); }

  /* .dropdown:hover .dropdown-menu {
      display: block;
  } */
  .navbar .nav-item:not(:last-child) {
    margin-right: 35px;
  }
  
  .dropdown-toggle::after {
     transition: transform 0.15s linear; 
  }
  
  .show.dropdown .dropdown-toggle::after {
    transform: translateY(3px);
  }
  
  .dropdown-menu {
    margin-top: 0;
    background-color: #00ab9f;
  }
  .dropdown-menu a {
    color: #ffffff;
    font-family: "mouse-300", Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  .background-img-physio {
    background-image: url("../../assets/images/features/physio-front-page01.jpg");
    background-position: 0;
    /* background-repeat: no-repeat; */
    margin: 10px;
    border-radius: 12px;
  }
  .background-img-ayur {
    background-image: url("../../assets/images/features/ayur01.jpeg");
    background-position: 0;
    /* background-repeat: no-repeat; */
    margin: 10px;
    border-radius: 12px;
  }
  .single-key {
    background: transparent !important;
  }
  .single-key h5 {
    color: #ffffff;
    font-size: 18px !important;
  }

  .img-container {
    position: relative;
    width: 50%;
    margin-bottom: 25px;
  }
  
  .image {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    backface-visibility: hidden;
    border-radius: 12px;
  }
  
  .middle {
    transition: .5s ease;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    background: #ffffff;
  }
  
  .img-container:hover .image {
    opacity: 0.3;
    background-color: #000000 !important;
  }
  
  .img-container:hover .middle {
    opacity: 1;
    background: unset;
  }
  
  .text {
    background-color: transparent;
    color: #043838;
    font-size: 30px;
    padding: 16px 32px;
    font-weight: bold;
    font-family: cursive;
  }

  @media only screen and (max-width: 769px){
    .text {
      font-size: unset;
    }
  }

  .img-container:hover .image {
    opacity: 0.3;
    background-color: #000000 !important;
  }
/*# sourceMappingURL=style.css.map */

#packages h2, #our-teams h2, #our-homestays h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
#packages h2 span, #our-teams h2 span, #our-homestays h2 span {
  background: #fff;
  margin: 0 15px;
}
#packages h2:before,
#packages h2:after, #our-teams h2:before,
#our-teams h2:after, #our-homestays h2:before, #our-homestays h2:after {
  background: black;
  height: 2px;
  flex: 1;
  content: '';
}
#packages h2.left:after, #our-teams h2.left:after, #our-homestays h2.left:after {
  background: none;
}
#packages h2.right:before, #our-teams h2.right:before, #our-homestays h2.right:before {
  background: none;
}
#packages h2.right, #our-teams h2.right, #our-homestays h2.right {
  font-size: 20px;
  font-family: fantasy;
}
.ayurveda-bg-img {
  /* background-image: url("../images/gallery/package-features/gallery-ayur-01.webp") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.ayurveda-bg-img-1 {
  /* background-image: url("../images/gallery/package-features/gallery-ayur-01.webp") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.ayurveda-bg-img-2 {
  /* background-image: url("../images/gallery/package-features/gallery-ayur-04.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.ayurveda-bg-img-3 {
  /* background-image: url("../images/gallery/package-features/gallery-ayur-04.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.fitness-bg-img {
  /* background-image: url("../images/gallery/package-features/gallery-fitness-01.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.fitness-bg-img-1 {
  /* background-image: url("../images/gallery/package-features/gallery-fitness-01.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.fitness-bg-img-2 {
  /* background-image: url("../images/gallery/package-features/gallery-fitness-02.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.fitness-bg-img-3 {
  /* background-image: url("../images/gallery/package-features/gallery-fitness-03.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}

.yoga-bg-img {
  /* background-image: url("../images/gallery/package-features/gallery-yoga-01.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.yoga-bg-img-1 {
  /* background-image: url("../images/gallery/package-features/gallery-yoga-01.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.yoga-bg-img-2 {
  /* background-image: url("../images/gallery/package-features/gallery-yoga-02.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.yoga-bg-img-3 {
  /* background-image: url("../images/gallery/package-features/gallery-yoga-03.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.yoga-bg-img-4 {
  /* background-image: url("../images/gallery/package-features/gallery-yoga-04.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.physiotherapy-bg-img-1 {
  /* background-image: url("../images/gallery/package-features/gallery-physio-05.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.physiotherapy-bg-img-2 {
  /* background-image: url("../images/gallery/package-features/gallery-physio-06.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.physiotherapy-bg-img-3 {
  /* background-image: url("../images/gallery/package-features/gallery-physio-07.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.physiotherapy-bg-img-4 {
  /* background-image: url("../images/gallery/package-features/gallery-physio-03.jpeg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}
.physiotherapy-bg-img-5 {
  /* background-image: url("../images/gallery/package-features/gallery-physio-02.jpg") !important; */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  color: #ffffff;
}

.package-bg-img {
  /* background-image: url("../images/gallery/package-features/common-1.webp"); */
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* opacity: 0.3; */
  /* color: #ffffff; */
}

.content-bg-layer {
  /* background-color: rgba(41, 41, 41, 0.8); */
  /* background-color: #bf6d5529; */
  background-color: #dbcbb8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23efe4d6' fill-opacity='0.42' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  font-size: 18px;
}
.content-bg-layer .text {
  padding: 0px;
  color: #ffffff;
}
.content-bg-layer hr {
  width: 100%;
  background-color: #ffffff;
}
#detox-dataTable {
  /* background-color: #043838; */
}
#destress-dataTable {
  /* background-color: #043838; */
}
#spinal-dataTable {
  /* background-color: #043838; */
}

.ball {
  text-align: center;
  display: inline-table;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: relative;
  color: #ffffff;
  background: radial-gradient(circle at bottom, #81e8f6, #76deef 10%, #055194 80%, #062745 100%); }
  .ball:before {
    content: "";
    position: absolute;
    top: 1%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 100%;
    background: radial-gradient(circle at top, white, rgba(255, 255, 255, 0) 58%);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    z-index: 2; }
  .ball:after {
    content: "";
    position: absolute;
    display: none;
    top: 5%;
    left: 10%;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    z-index: 2;
    -webkit-transform: rotateZ(-30deg);
    transform: rotateZ(-30deg); }
  .ball .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
    -webkit-transform: rotateX(90deg) translateZ(-160px);
    transform: rotateX(90deg) translateZ(-160px);
    z-index: 1; }
  .ball.plain {
    background: black; }
    .ball.plain:before, .ball.plain:after {
      display: none; }
  .ball.bubble {
    /* background: radial-gradient(circle at 50% 55%, rgba(240, 245, 255, 0.9), rgba(240, 245, 255, 0.9) 40%, rgba(225, 238, 255, 0.8) 60%, rgba(43, 130, 255, 0.4)); */
    -webkit-animation: bubble-anim 2s ease-out infinite;
    animation: bubble-anim 2s ease-out infinite; }
    .ball.bubble:before {
      -webkit-filter: blur(0);
      filter: blur(0);
      height: 80%;
      width: 40%;
      background: radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
      -webkit-transform: translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg);
      transform: translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg); }
    .ball.bubble:after {
      display: block;
      background: radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%); }

.stage {
  left: 62%;
  position: absolute;
  width: 2.5%;
  height: 5%;
  display: inline-block;
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

@-webkit-keyframes bubble-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  20% {
    -webkit-transform: scaleY(0.95) scaleX(1.05);
    transform: scaleY(0.95) scaleX(1.05); }

  48% {
    -webkit-transform: scaleY(1.1) scaleX(0.9);
    transform: scaleY(1.1) scaleX(0.9); }

  68% {
    -webkit-transform: scaleY(0.98) scaleX(1.02);
    transform: scaleY(0.98) scaleX(1.02); }

  80% {
    -webkit-transform: scaleY(1.02) scaleX(0.98);
    transform: scaleY(1.02) scaleX(0.98); }

  97%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bubble-anim {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  20% {
    -webkit-transform: scaleY(0.95) scaleX(1.05);
    transform: scaleY(0.95) scaleX(1.05); }

  48% {
    -webkit-transform: scaleY(1.1) scaleX(0.9);
    transform: scaleY(1.1) scaleX(0.9); }

  68% {
    -webkit-transform: scaleY(0.98) scaleX(1.02);
    transform: scaleY(0.98) scaleX(1.02); }

  80% {
    -webkit-transform: scaleY(1.02) scaleX(0.98);
    transform: scaleY(1.02) scaleX(0.98); }

  97%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.profile-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.profile-details {
  flex: 1 1 50%;
}

.profile-picture {
  flex: 1 1 30%;
  display: flex;
  justify-content: center;
}

.profile-picture img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
}

.logo {
  width: 100px;
  height: auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.profile-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.profile-subtitle {
  font-size: 1.2rem;
  color: #777;
}

.profile-description {
  margin-top: 15px;
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
}

@media (max-width: 768px) {
  .profile-card {
      flex-direction: column;
      text-align: center;
  }

  .profile-picture {
      margin-top: 20px;
  }
}
.addMore {
  float: right;
}
.carouselSliderChanges {
  margin: 50px auto;
}
.service-list {
  text-align: center;
}

.service-item {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin: 0 10px;
  font-family: "Raleway", sans-serif;
}

.service-item::before {
  content: "●";
  color: #36b37e; /* Green color for the dots */
  margin-right: 8px;
  font-size: 40px;
}

.more-style {
    width: auto;
    position: relative;
    right: 0;
    bottom: 0;
}

.gallery img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.gallery img:hover {
  transform: scale(1.05);
}

/* Modal navigation buttons */
.modal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 24px;
  border-radius: 50%;
}

.modal-nav:hover {
  background: rgba(0, 0, 0, 0.8);
}

.content-modal {
  background-color: unset !important;
  border: unset;
}

.prev {
  left: 15px;
}

.next {
  right: 15px;
}

.accommodation_img {
  cursor: pointer;
}

.modal-dialog {
  max-width: 750px;
}

.carousel-marker {
  position: absolute;
  z-index: 999;
  color: #ffffff;
  font-size: x-large;
  bottom: 50px;
  left: 75px;
  padding: 5px;
  background: rgba(0, 0, 0, .6);
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  /* width: 120px;
  height: 120px; */
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#toast {
    visibility: hidden;
    min-width: 250px;
    background-color: #00ab9f;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 16px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    font-size: 17px;
}

#toast.show {
    visibility: visible;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.header-nav .appoint .mobile-appt {
  float: right;
}

@media only screen and (max-width: 800px) {
  /* Applies to mobile phones */
  body {
    font-family: "mouse-300", Arial, Helvetica, sans-serif;
  }
  .header-nav .mobile-logo {
    width: 50%;
    float: left;
  }
  .header-nav .mobile-side-menu {
    width: 50%;
    float: right;
  }
  .header-nav .appoint .mobile-appt {
    float: right;
  }
}

@media only screen and (orientation: landscape) and (max-width: 800px) {
  .mobile-logo img {
    width: 50%;
  }
}

.disabled-link {
  pointer-events: none;
  color: gray;
  text-decoration: none;
  cursor: not-allowed;
}

.btn {
  font-family: cursive !important;
  font-size: 1rem;
}

.tox-statusbar {
  display: none !important;
}

.package-modal-tb-even {
  background: linear-gradient(0deg, #fff, #8e8383 100%) no-repeat;
  color: #444;
}

.package-modal-tb-odd {
  background: linear-gradient(0deg, #8e8383, #fff 100%) no-repeat;
  color: #444;
}

.package-bg-even {
  background: linear-gradient(0deg, #bf6d5529, #8e8383 100%) no-repeat !important;
  color: #444;
}

.package-bg-odd {
  background: linear-gradient(0deg, #8e8383, #bf6d5529 100%) no-repeat !important;
  color: #444;
}

.modal-package-details .modal-header {
  border-bottom: none;
}

.package-details-list button {
  background-color: #00ab9f;
  border-color: #00ab9f;
}

.package-details-list .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: #00ab9f;
  border-color: #00ab9f;
}

.popup-package-enquiry {
  color: #ffffff !important;
  cursor: pointer;
}
.popup-package-enquiry:hover {
  color: #000000 !important;
  cursor: pointer;
}

#enquiryBtn {
  position: fixed;
    bottom: 30px;
    right: 30px;
    width: 75px;
    height: 75px;
    font-size: 35px;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px){
  #enquiryBtn {
    width: 60px;
    height: 60px;
    font-size: 25px;
  }
}

.testimony-footer {
  float: left;
}
.btn-o {
    background: none !important;
}
.testimony-footer .btn-primary.btn-o {
    border: 1px solid #007AFF;
    color: #007AFF;
}
.testimony-footer .btn-secondary.btn-o {
  color: #6c757d;
}
.package-section-body {
  background-color: #E0DCCA;
}

@media (max-width: 640px){
    #service-details .package-bg-img img {
        display: none !important;
    }
}

.theme-font-color {
  color: #00ab9f !important;
}

.package-content-bg-layer {
  /* background-color: rgba(41, 41, 41, 0.8); */
  background-color: #bf6d5529;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  font-size: 18px;
}
.package-content-bg-layer .text {
  padding: 0px;
  color: #ffffff;
}
.package-content-bg-layer hr {
  width: 100%;
  background-color: #ffffff;
}