/* @import url(../fonts/MinionPro/font-face.css);
@import url(../fonts/AvenirNextCyr/font-face.css); */
body {
  font: 400 16px/1.6 'Avenir Next Cyr', sans-serif;
  color: #666;
  overflow-x: hidden !important;
  position: relative;
  right: 0;
  transition: right 0.5s ease; }
  body.home-page {
    padding-top: 0 !important; }
  body[id=" wellnes-active "] header .nav-wrapper ul li:nth-child(4) a {
    color: #F9BF37 !important; }

a {
  text-decoration: none !important;
  color: inherit;
  transition: color 0.5s ease; }
  a:hover {
    color: #F0C75E; }
  a.color-green {
    color: #F0C75E; }
    a.color-green:hover {
      color: #639635; }

::-webkit-selection {
  background-color: #F9BF37;
  color: #FFF; }

::-moz-selection {
  background-color: #F9BF37;
  color: #FFF; }

::selection {
  background-color: #F9BF37;
  color: #FFF; }

label,
img {
  -webkit-user-drag: none !important;
  -moz-user-drag: none !important;
  -ms-user-drag: none !important;
  user-drag: none !important;
  user-select: none !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 100px #FFF inset;
  -webkit-transition: background-color 500000s ease-in-out 0s;
  -webkit-text-fill-color: #000; }

input:-moz-autofill,
input:-moz-autofill:hover,
input:-moz-autofill:focus,
input:-moz-autofill:active {
  -moz-box-shadow: 0 0 0 100px #FFF inset;
  -o-transition: background-color 500000s ease-in-out 0s;
  -moz-text-fill-color: #000; }

input:-o-autofill,
input:-o-autofill:hover,
input:-o-autofill:focus,
input:-o-autofill:active {
  -o-box-shadow: 0 0 0 100px #FFF inset;
  transition: background-color 500000s ease-in-out 0s;
  -o-text-fill-color: #000; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.form input::-webkit-input-placeholder {
  color: #000 !important;
  user-select: none !important; }

.form input::-moz-placeholder {
  color: #000 !important;
  user-select: none !important; }

.form input::-ms-input-placeholder {
  color: #000 !important;
  user-select: none !important; }

.form textarea::-webkit-input-placeholder {
  color: #000 !important;
  user-select: none !important; }

.form textarea::-moz-placeholder {
  color: #000 !important;
  user-select: none !important; }

.form textarea::-ms-input-placeholder {
  color: #000 !important;
  user-select: none !important; }

.card {
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.05);
  border: 0;
  overflow: hidden; }

.card[noshade] {
  box-shadow: 0 0 #000;
  border: 1px solid #ececec; }

.min-gutters {
  margin-left: -5px;
  margin-right: -5px; }
  .min-gutters > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px; }

.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

figure {
  margin-bottom: 0; }

.button-green {
  text-align: center;
  transition: 0.4s;
  background-color: #F0C75E;
  padding: 10px 20px;
  font-weight: 500;
  color: #000;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-green:hover {
    color: #000;
    border: 2px solid #edbc3d;
    background-color: rgba(240, 199, 94, 0.1); }
  .button-green:active {
    border: 2px solid #d49e14;
    background-color: rgba(240, 199, 94, 0.5); }

.button-dark-green {
  text-align: center;
  transition: 0.4s;
  background-color: #00663D;
  padding: 10px 20px;
  font-weight: 500;
  color: #FFF;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-dark-green:hover {
    color: #00663D;
    border: 2px solid #004228;
    background-color: rgba(0, 102, 61, 0.1); }
  .button-dark-green:active {
    border: 2px solid black;
    background-color: rgba(0, 102, 61, 0.5); }

.button-dark-green-outline {
  text-align: center;
  transition: 0.4s;
  background-color: transparent;
  padding: 10px 20px;
  font-weight: 500;
  color: #00663D;
  min-width: 140px;
  border: 2px solid #00663D; }
  .button-dark-green-outline:hover {
    color: #FFF;
    background-color: #00663D; }
  .button-dark-green-outline:active {
    background-color: rgba(0, 102, 61, 0.9); }

.button-red-outline {
  text-align: center;
  transition: 0.4s;
  background-color: transparent;
  padding: 10px 20px;
  font-weight: 500;
  color: #DC3545;
  min-width: 140px;
  border: 2px solid #DC3545; }
  .button-red-outline:hover {
    color: #FFF;
    background-color: #DC3545; }
  .button-red-outline:active {
    background-color: rgba(220, 53, 69, 0.9); }

.button-group {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .button-group svg {
    fill: #FFF;
    width: 60px;
    height: 50px;
    padding: 15px 20px; }
    .button-group svg.icon-left {
      border-right: 2px solid #005c37; }
    .button-group svg.icon-right {
      border-left: 2px solid #005c37; }
  .button-group span {
    padding: 0 30px; }
  .button-group.button-dark-green-outline svg {
    fill: #00663D; }
  .button-group.button-dark-green-outline:hover svg {
    fill: #FFF; }
  .button-group.button-dark-green svg {
    fill: #FFF; }
  .button-group.button-dark-green:hover svg {
    fill: #00663D; }

.button-white {
  text-align: center;
  transition: 0.4s;
  background-color: #FFF;
  padding: 10px 20px;
  font-weight: 500;
  color: #000;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-white:hover {
    color: #000;
    border: 2px solid #ededed;
    background-color: rgba(255, 255, 255, 0.1); }
  .button-white:active {
    border: 2px solid #cccccc;
    background-color: rgba(255, 255, 255, 0.5); }

.button-orange {
  text-align: center;
  transition: 0.4s;
  background-color: #F9BF37;
  padding: 10px 20px;
  font-weight: 500;
  color: #000;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-orange:hover {
    border: 2px solid #f8b414;
    background-color: rgba(249, 191, 55, 0.1); }
  .button-orange:active {
    border: 2px solid #c48b06;
    background-color: rgba(249, 191, 55, 0.5); }

.button-black {
  text-align: center;
  transition: 0.4s;
  background-color: #000;
  padding: 10px 20px;
  font-weight: 500;
  color: #FFF;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-black:hover {
    color: #000;
    border: 2px solid black;
    background-color: rgba(0, 0, 0, 0.1); }
  .button-black:active {
    border: 2px solid black;
    background-color: rgba(0, 0, 0, 0.5); }

.button-light {
  text-align: center;
  transition: 0.4s;
  background-color: #F5F6FB;
  padding: 10px 20px;
  font-weight: 500;
  color: #7A7B7D;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-light.active, .button-light:hover {
    color: #FFF;
    border: 2px solid #000;
    background-color: #000; }
  .button-light:active {
    background-color: rgba(0, 0, 0, 0.7); }

.button-grey {
  text-align: center;
  transition: 0.4s;
  background-color: #E4E4E4;
  padding: 10px 20px;
  font-weight: 500;
  color: #000;
  min-width: 140px;
  border: 2px solid transparent; }
  .button-grey.active, .button-grey:hover {
    color: #FFF;
    border: 2px solid #000;
    background-color: #000; }
  .button-grey:active {
    background-color: rgba(0, 0, 0, 0.7); }

.button-grey-outline {
  text-align: center;
  transition: 0.4s;
  background-color: transparent;
  padding: 10px 20px;
  font-weight: 500;
  color: #666;
  min-width: 140px;
  border: 1px solid #666; }
  .button-grey-outline:hover {
    color: #666;
    border: 1px solid #1a1a1a;
    background-color: rgba(102, 102, 102, 0.05); }
  .button-grey-outline:active {
    border: 1px solid black;
    background-color: rgba(102, 102, 102, 0.2); }

.button-round {
  border-radius: 30px; }

.button-block {
  width: 100%; }

.button-lg {
  font-size: 18px;
  padding: 20px 30px; }

.color-green {
  color: #F0C75E; }

.color-dark-green {
  color: #639635; }

.color-black {
  color: #000; }

.color-white {
  color: #FFF; }

.color-grey {
  color: #F6F6F6; }

.background-green {
  background-color: #F0C75E; }

.background-dark-green {
  background-color: #639635; }

.background-black {
  background-color: #000; }

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

.background-grey {
  background-color: #F6F6F6; }

.background-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.hide {
  display: none; }

#search-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 120;
  background-color: #fff;
  display: none; }
  #search-bar form {
    position: relative; }
    #search-bar form .form-control {
      border: 0;
      height: 81px;
      font-size: 40px;
      width: calc(100% - 50px);
      box-shadow: none !important; }
    #search-bar form .close {
      position: absolute;
      top: 20px;
      right: 0;
      width: 40px;
      height: 40px;
      opacity: 0.5;
      transition: 0.5s;
      cursor: pointer; }
      #search-bar form .close:hover {
        opacity: 1; }

#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  transition: 0.5s; }
  #header .header-logo {
    max-width: 200px; }
  #header .menu-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9;
    display: none; }
  #header .navigation > div {
    display: flex;
    align-items: center; }
  #header .nav-wrapper ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center; }
    #header .nav-wrapper ul li {
      list-style: none;
      position: relative; }
      #header .nav-wrapper ul li > a {
        color: #000;
        display: block;
        padding: 10px 20px; }
        #header .nav-wrapper ul li > a:hover {
          color: #F0C75E; }
      #header .nav-wrapper ul li.login a {
        border: 1px solid #000;
        border-radius: 20px;
        padding: 2px 20px; }
        #header .nav-wrapper ul li.login a:hover {
          background-color: #000;
          color: #FFF; }
      #header .nav-wrapper ul li.logged > a {
        border: 1px solid #000;
        border-radius: 20px;
        padding: 2px 20px; }
      #header .nav-wrapper ul li.logged .logged-info {
        position: absolute;
        right: 10px;
        top: calc(100% + 10px);
        width: 300px;
        z-index: 10;
        background-color: #FFF;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 20px;
        transform: scale(0);
        opacity: 0;
        transform-origin: top right;
        transition: 0.4s;
        transition-delay: 0.3s; }
        #header .nav-wrapper ul li.logged .logged-info .profile {
          display: flex;
          align-items: center;
          margin-bottom: 20px; }
          #header .nav-wrapper ul li.logged .logged-info .profile .background-image {
            width: 100px;
            height: 100px;
            max-width: 90px;
            max-height: 90px;
            border-radius: 50%;
            margin-right: 15px; }
          #header .nav-wrapper ul li.logged .logged-info .profile div {
            flex: 1; }
            #header .nav-wrapper ul li.logged .logged-info .profile div a {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-weight: 500;
              font-size: 18px;
              margin-bottom: 5px; }
            #header .nav-wrapper ul li.logged .logged-info .profile div p {
              margin-bottom: 0;
              font-size: 14px;
              line-height: 1.4; }
          #header .nav-wrapper ul li.logged .logged-info .profile:hover a {
            color: #000; }
        #header .nav-wrapper ul li.logged .logged-info .buttons {
          display: flex;
          justify-content: space-between; }
          #header .nav-wrapper ul li.logged .logged-info .buttons a {
            min-width: auto;
            padding: 4px 20px;
            height: auto;
            line-height: 1.6; }
      #header .nav-wrapper ul li.logged:hover .logged-info {
        transform: scale(1);
        opacity: 1;
        transition-delay: 0s; }
      #header .nav-wrapper ul li .hero2-social-icons {
        position: static;
        display: block;
        max-width: 300px;
        margin: auto; }
        #header .nav-wrapper ul li .hero2-social-icons .jssocials-shares {
          display: flex;
          justify-content: space-around;
          padding: 10px 50px; }
      #header .nav-wrapper ul li.logged:hover > a {
        background-color: #000;
        color: #FFF; }
      #header .nav-wrapper ul li.dropdown .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 300px;
        background-color: rgba(255, 255, 255, 0.9);
        display: none; }
        #header .nav-wrapper ul li.dropdown .dropdown-menu ul {
          display: block;
          padding: 20px; }
          #header .nav-wrapper ul li.dropdown .dropdown-menu ul a {
            color: #000; }
            #header .nav-wrapper ul li.dropdown .dropdown-menu ul a:hover {
              color: #639635; }
  #header .wishlist,
  #header .cart {
    position: relative; }
    #header .wishlist .badge,
    #header .cart .badge {
      position: absolute;
      top: 0;
      right: 4px;
      background-color: #F9BF37;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      font-weight: 400;
      line-height: 1.8;
      font-size: 11px;
      color: #FFF; }
    #header .wishlist svg,
    #header .cart svg {
      width: 60px;
      height: 42px;
      padding: 10px 20px; }
  #header .user-info {
    padding: 30px; }
    #header .user-info .profile {
      display: flex;
      flex: 1;
      justify-content: center; }
      #header .user-info .profile .background-image {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 15px; }
      #header .user-info .profile .button {
        font-size: 14px; }
      #header .user-info .profile div a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 5px; }
        #header .user-info .profile div a:first-child {
          margin-right: 10px !important; }
      #header .user-info .profile div p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.4; }
  #header .search-icon {
    width: 50px;
    height: 50px;
    fill: #000;
    padding: 10px; }
  #header .open-menu {
    fill: #000; }
  #header.hovering, #header:not(.home), #header.fixed {
    background-color: rgba(255, 255, 255, 0.95) !important;
    padding: 10px 0; }
  #header.home:not(.fixed) {
    border-bottom: 0; }
    #header.home:not(.fixed) .nav-wrapper ul li a {
      color: #FFF; }
      #header.home:not(.fixed) .nav-wrapper ul li a:hover {
        color: #F0C75E; }
    #header.home:not(.fixed) .nav-wrapper ul li.login a, #header.home:not(.fixed) .nav-wrapper ul li.logged a {
      border: 1px solid #FFF; }
    #header.home:not(.fixed) .search-icon {
      fill: #FFF; }
      #header.home:not(.fixed) .search-icon:hover {
        fill: #F0C75E; }
    #header.home:not(.fixed) .wishlist svg,
    #header.home:not(.fixed) .cart svg,
    #header.home:not(.fixed) .open-menu {
      fill: #FFF; }
  #header.hovering .nav-wrapper ul li a {
    color: #000 !important; }
    #header.hovering .nav-wrapper ul li a:hover {
      color: #F0C75E !important; }
  #header.hovering .nav-wrapper ul li.login a, #header.hovering .nav-wrapper ul li.logged a {
    border: 1px solid #000 !important; }
  #header.hovering .search-icon {
    fill: #000 !important; }
    #header.hovering .search-icon:hover {
      fill: #F0C75E !important; }
  #header.hovering .wishlist svg,
  #header.hovering .cart svg,
  #header.hovering .open-menu {
    fill: #000 !important; }

.custom-dropdown {
  left: 0;
  right: 0;
  position: fixed;
  width: 100%;
  display: none;
  background: #fff;
  box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.1);
  z-index: 99; }
  .custom-dropdown .nav-wrapper {
    text-align: center; }
    .custom-dropdown .nav-wrapper a {
      display: block;
      padding: 15px 0;
      transition: all 0.4s ease;
      font-weight: 600;
      color: #666 !important; }
      .custom-dropdown .nav-wrapper a svg {
        width: 50px;
        font-weight: 600;
        fill: #666 !important;
        height: 42px;
        margin-right: 22px; }
      .custom-dropdown .nav-wrapper a:hover, .custom-dropdown .nav-wrapper a.active {
        background: #f2c249;
        color: #666 !important; }

#header-hero .header-logo {
  position: fixed;
  top: 30px;
  left: 4%;
  z-index: 100;
  max-width: 200px; }
#header-hero .header-icons {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100; }
  #header-hero .header-icons .home {
    display: inline-block;
    background-color: #fff;
    padding: 20px;
    line-height: 0; }
    #header-hero .header-icons .home img {
      max-width: 20px; }
  #header-hero .header-icons ul {
    padding: 10px 0;
    margin: 0;
    float: right;
    list-style: none;
    background-color: #F0C75E; }
    #header-hero .header-icons ul a {
      display: block;
      padding: 15px 20px; }
      #header-hero .header-icons ul a img {
        max-width: 20px; }
      #header-hero .header-icons ul a.wishlist, #header-hero .header-icons ul a.cart {
        position: relative; }
        #header-hero .header-icons ul a.wishlist .badge, #header-hero .header-icons ul a.cart .badge {
          position: absolute;
          top: 2px;
          right: 10px;
          font-weight: 600;
          font-size: 12px;
          color: #fff; }
        #header-hero .header-icons ul a.wishlist svg, #header-hero .header-icons ul a.cart svg {
          width: 20px;
          height: 20px;
          fill: #fff; }
      #header-hero .header-icons ul a.wishlist svg {
        fill: transparent;
        stroke: #fff;
        stroke-width: 18px; }
#header-hero .nav {
  position: fixed;
  right: 30px;
  bottom: 0;
  z-index: 99;
  display: flex;
  justify-content: flex-end;
  text-align: right; }
  #header-hero .nav ul {
    padding: 0;
    margin: 0 0 10vh;
    list-style: none;
    position: relative;
    z-index: 12; }
    #header-hero .nav ul a {
      color: #BCBCBC;
      position: relative;
      display: block;
      padding: 10px 20px 10px 10px;
      transition: 0.4s; }
      #header-hero .nav ul a:after {
        content: '';
        position: absolute;
        top: 18px;
        right: -4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #BCBCBC;
        transition: 0.4s; }
      #header-hero .nav ul a:hover, #header-hero .nav ul a.active {
        color: #fff; }
        #header-hero .nav ul a:hover:after, #header-hero .nav ul a.active:after {
          background-color: #fff; }
  #header-hero .nav:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100vh;
    background-color: #fff; }
  #header-hero .nav:not(.active) {
    display: none; }
#header-hero.active .nav ul a {
  color: #F0C75E; }
  #header-hero.active .nav ul a:after {
    background-color: #F0C75E; }
  #header-hero.active .nav ul a:hover, #header-hero.active .nav ul a.active {
    color: #F9BF37; }
    #header-hero.active .nav ul a:hover:after, #header-hero.active .nav ul a.active:after {
      background-color: #F9BF37; }
#header-hero.active .nav:after {
  background-color: #F0C75E; }

#product-hero h2 {
  font-size: 50px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px; }
#product-hero #banner-hero {
  position: relative; }
  #product-hero #banner-hero .background-image {
    min-height: 100vh; }
  #product-hero #banner-hero .description {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background-color: #fff;
    padding: 60px 50px;
    max-width: 340px; }
    #product-hero #banner-hero .description h3 {
      color: #000;
      margin-bottom: 20px; }
  #product-hero #banner-hero .heading {
    position: absolute;
    top: 30vh;
    left: 30vw;
    max-width: 50vw;
    z-index: 1;
    color: #fff;
    text-align: right; }
    #product-hero #banner-hero .heading h4 {
      font-weight: 300;
      letter-spacing: 5px;
      width: 50vw; }
    #product-hero #banner-hero .heading h1 {
      font-size: 5.6vw;
      font-weight: 600; }
  #product-hero #banner-hero .trending {
    position: absolute;
    left: 41.8vw;
    bottom: 5vh;
    display: flex; }
    #product-hero #banner-hero .trending .button-group .button-dark-green {
      padding: 15px 30px;
      position: relative; }
      #product-hero #banner-hero .trending .button-group .button-dark-green:after {
        content: '';
        position: absolute;
        right: -12px;
        top: 18px;
        height: 10px;
        border-left: 10px solid #00663D;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent; }
    #product-hero #banner-hero .trending .button-group .button-white {
      padding: 7px 10px;
      min-width: auto;
      margin-right: 2px; }
      #product-hero #banner-hero .trending .button-group .button-white svg {
        fill: #000;
        padding: 10px;
        width: 41px;
        height: 41px; }
      #product-hero #banner-hero .trending .button-group .button-white:hover svg {
        fill: #fff; }
    #product-hero #banner-hero .trending h4 {
      color: #fff;
      margin: 0 0 0 7vw; }
#product-hero #about-hero {
  padding: 10px 0 120px; 
 }
  #product-hero #about-hero p {
    margin-bottom: 30px; }
  #product-hero #about-hero .col-first {
    max-width: 360px; }
  #product-hero #about-hero .col-third {
    max-width: 300px; }
  #product-hero #about-hero .button-group {
    justify-content: flex-start; }
    #product-hero #about-hero .button-group .button-dark-green-outline {
      min-width: auto;
      margin-left: 10px; }
      #product-hero #about-hero .button-group .button-dark-green-outline svg {
        fill: #639635;
        width: 18px;
        height: 18px;
        padding: 0; }
      #product-hero #about-hero .button-group .button-dark-green-outline:hover svg {
        fill: #fff; }
#product-hero #features-hero {
  padding: 150px 0; }
  #product-hero #features-hero .fix-col {
    max-width: 480px; }
  #product-hero #features-hero .content {
    background-color: #fff;
    padding: 50px;
    max-width: 360px; }
  #product-hero #features-hero .button-group {
    justify-content: flex-start; }
    #product-hero #features-hero .button-group .button-dark-green-outline {
      min-width: auto;
      margin-left: 10px; }
      #product-hero #features-hero .button-group .button-dark-green-outline svg {
        fill: #639635;
        width: 18px;
        height: 18px;
        padding: 0; }
      #product-hero #features-hero .button-group .button-dark-green-outline:hover svg {
        fill: #fff; }
#product-hero #ingredients-hero {
  padding: 60px 0;
  border-bottom: 1px solid #707070; }
  #product-hero #ingredients-hero h3 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    /* margin-bottom: 30px; */
   }

#product-hero2 .breadcrumb .active {
  color: #F0C75E; }
#product-hero2 h2 {
  font-size: 60px;
  color: #000;
  font-weight: 300;
  margin-bottom: 30px; }
#product-hero2 .product-intro {
  padding-bottom: 40px; }
  #product-hero2 .product-intro h4 {
    color: #F0C75E; }
  #product-hero2 .product-intro h1 {
    font-weight: 300;
    font-size: 60px;
    color: #000;
    margin-bottom: 30px; }
  #product-hero2 .product-intro img {
    display: block;
    margin: 0 auto 40px; }
  #product-hero2 .product-intro .button-group .button-dark-green {
    padding: 15px 30px;
    position: relative; }
    #product-hero2 .product-intro .button-group .button-dark-green:after {
      content: '';
      position: absolute;
      right: -12px;
      top: 18px;
      height: 10px;
      border-left: 10px solid #00663D;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
  #product-hero2 .product-intro .button-group .button-dark-green-outline {
    padding: 7px 10px;
    min-width: auto;
    margin-right: 2px; }
    #product-hero2 .product-intro .button-group .button-dark-green-outline svg {
      fill: #000;
      padding: 10px;
      width: 41px;
      height: 41px; }
    #product-hero2 .product-intro .button-group .button-dark-green-outline:hover svg {
      fill: #fff; }
#product-hero2 .product-about {
  padding-bottom: 60px; }
  #product-hero2 .product-about .about-content {
    position: relative;
    padding: 70px;
    max-width: 600px; }
    #product-hero2 .product-about .about-content:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 40%;
      border: 20px solid #F0C75E;
      z-index: -2; }
    #product-hero2 .product-about .about-content:before {
      content: '';
      position: absolute;
      top: 110px;
      left: 0;
      bottom: 60px;
      right: 40%;
      border-right: 20px solid #fff;
      z-index: -1; }
  #product-hero2 .product-about .button-group .button-dark-green {
    padding: 15px 30px;
    position: relative; }
  #product-hero2 .product-about .button-group .button-dark-green-outline {
    padding: 7px 10px;
    min-width: auto;
    margin-right: 2px; }
    #product-hero2 .product-about .button-group .button-dark-green-outline svg {
      fill: #639635;
      padding: 10px;
      width: 41px;
      height: 41px; }
    #product-hero2 .product-about .button-group .button-dark-green-outline:hover svg {
      fill: #fff; }
#product-hero2 .product-benefits {
  padding: 60px 0; }
  #product-hero2 .product-benefits h2 {
    color: #F0C75E; }
  #product-hero2 .product-benefits h4 {
    color: #000;
    height: 100px;
    margin: 0; }
  #product-hero2 .product-benefits .button-group .button-dark-green {
    padding: 15px 30px;
    position: relative; }
  #product-hero2 .product-benefits .button-group .button-dark-green-outline {
    padding: 7px 10px;
    min-width: auto;
    margin-right: 2px; }
    #product-hero2 .product-benefits .button-group .button-dark-green-outline svg {
      fill: #639635;
      padding: 10px;
      width: 41px;
      height: 41px; }
    #product-hero2 .product-benefits .button-group .button-dark-green-outline:hover svg {
      fill: #fff; }
#product-hero2 .product-recommended {
  text-align: center;
  padding: 100px 0;
  background-position: right;
  background-size: calc(100% - 300px); }
  #product-hero2 .product-recommended .content {
    color: #fff;
    background-color: #F0C75E;
    max-width: 560px;
    padding: 80px; }
    #product-hero2 .product-recommended .content h2 {
      color: #fff; }
#product-hero2 .product-ayurvedic-herbs {
  padding: 60px 0; }
  #product-hero2 .product-ayurvedic-herbs h2 {
    color: #F0C75E;
    margin-bottom: 40px; }
  #product-hero2 .product-ayurvedic-herbs h4 {
    color: #000;
    margin-bottom: 20px; }

#social-icons,
.hero2-social-icons {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 2px;
  z-index: 100;
  display: flex;
  align-items: center; }
  #social-icons .jssocials-shares .jssocials-share,
  .hero2-social-icons .jssocials-shares .jssocials-share {
    margin-bottom: 5px; }

#banner {
  position: relative;
  overflow: hidden; }
  #banner .owl-carousel {
    z-index: 5; }
    #banner .owl-carousel .owl-item .banner-slide {
      min-height: 360px; }
      #banner .owl-carousel .owl-item .banner-slide .content {
        position: absolute;
        top: 26%;
        left: 30vw;
        opacity: 0;
        transition: opacity 0.4s ease; }
    #banner .owl-carousel .owl-item.active .content {
      opacity: 1;
      transition-delay: 0.5s; }
    #banner .owl-carousel h3 {
      font-size: 30px;
      color: #FFF;
      margin-bottom: 20px; }
    #banner .owl-carousel a {
      color: #FFF;
      font-size: 20px; }
      #banner .owl-carousel a svg {
        width: 25px;
        height: 25px;
        fill: #FFF;
        margin-left: 10px;
        vertical-align: -6px; }
  #banner .social-icons {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 10%;
    left: 10vw;
    z-index: 10; }
    #banner .social-icons svg {
      padding: 10px;
      fill: #FFF;
      width: 40px;
      height: 40px; }
  #banner .owl-numbering {
    position: absolute;
    top: 28%;
    left: 10vw;
    z-index: 10;
    font-size: 26px;
    line-height: 1;
    color: #FFF; }
    #banner .owl-numbering .current {
      vertical-align: top; }
    #banner .owl-numbering .total {
      font-size: 70px;
      line-height: 0.97;
      margin-left: -10px; }
  #banner .owl-pagination {
    position: absolute;
    bottom: 10%;
    right: 10vw;
    z-index: 10;
    display: flex; }
    #banner .owl-pagination div {
      width: 90px;
      color: #FFF;
      cursor: pointer;
      opacity: 0.4;
      transition: 0.5s; }
      #banner .owl-pagination div.active {
        opacity: 1; }
    #banner .owl-pagination div + div {
      margin-left: 5vw; }
    #banner .owl-pagination p {
      margin: 0; }
      #banner .owl-pagination p svg {
        width: 15px;
        height: 15px;
        margin-left: 10px;
        fill: #FFF;
        vertical-align: -2px; }

#video-modal .modal-dialog {
  max-width: 70vw; }
  #video-modal .modal-dialog .modal-body {
    padding: 0;
    margin-bottom: -7px; }
    #video-modal .modal-dialog .modal-body svg {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 40px;
      height: 40px;
      padding: 5px; }

#services figure {
  overflow: hidden; }
  #services figure figcaption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 120%;
    transition: 0.5s;
    background-color: rgba(0, 0, 0, 0.2); }
    #services figure figcaption .content {
      transition: 0.5s;
      text-align: center;
      padding: 20px; }
      #services figure figcaption .content * {
        color: #fff; }
      #services figure figcaption .content h3, #services figure figcaption .content h6 {
        font-weight: 600;
        transition: 0.3s; }
#services.hovering figure figcaption {
  opacity: 0.3;
  background-color: rgba(0, 0, 0, 0); }
  #services.hovering figure figcaption .content * {
    color: #fff; }
  #services.hovering figure figcaption h3, #services.hovering figure figcaption h6 {
    color: #fff; }
#services figure:hover figcaption {
  background-color: rgba(0, 0, 0, 0);
  opacity: 1; }
  #services figure:hover figcaption .content * {
    text-decoration: underline !important;
    text-decoration-color: #fff !important; }

#featured-products {
  padding-top: 80px;
  overflow: hidden; }
  #featured-products h2 {
    color: #F0C75E; }
  #featured-products .owl-carousel {
    margin: auto;
    overflow: visible; }
    #featured-products .owl-carousel .owl-stage-outer {
      overflow: visible; }
    #featured-products .owl-carousel .owl-item {
      padding: 30px 0;
      transition: 0.5s; }
    #featured-products .owl-carousel .owl-nav {
      display: none !important; }
  #featured-products figure {
    position: relative; }
    #featured-products figure figcaption {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(156, 156, 156, 0) 65%, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=0 ); }
      #featured-products figure figcaption .content {
        color: #FFF;
        transform: scale(0.65);
        transition: 0.5s;
        position: relative;
        bottom: -110px; }
        #featured-products figure figcaption .content h3 {
          font-size: 30px;
          margin-bottom: 60px;
          transition: 0.5s;
          font-weight: 600; }
        #featured-products figure figcaption .content h5 {
          font-size: 24px;
          margin-bottom: 0; }
        #featured-products figure figcaption .content p {
          font-size: 16px;
          margin-bottom: 0px; }
        #featured-products figure figcaption .content a {
          color: #FFF; }
        #featured-products figure figcaption .content ul {
          margin: 0;
          padding: 0;
          list-style: none;
          display: flex;
          font-size: 16px;
          justify-content: center; }
          #featured-products figure figcaption .content ul li button,
          #featured-products figure figcaption .content ul li a {
            padding: 10px 20px;
            display: block; }
            #featured-products figure figcaption .content ul li button:hover,
            #featured-products figure figcaption .content ul li a:hover {
              text-decoration: underline !important; }
          #featured-products figure figcaption .content ul li li a {
            padding: 10px 5px; }
            #featured-products figure figcaption .content ul li li a:hover {
              text-decoration: underline !important; }
          #featured-products figure figcaption .content ul svg {
            width: 12px;
            height: 12px;
            fill: #FFF; }
  #featured-products .active {
    transform: scale(1.2);
    z-index: 20; }
    #featured-products .active:hover .content {
      bottom: 0; }
      #featured-products .active:hover .content h3 {
        margin-bottom: 10px; }
  #featured-products .owl-carousel-wrap {
    position: relative; }
    #featured-products .owl-carousel-wrap .owl-buttom {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 10;
      width: 50px;
      height: 50px;
      margin: auto;
      cursor: pointer;
      fill: #fff;
      padding: 10px; }
      #featured-products .owl-carousel-wrap .owl-buttom.prev {
        left: 0; }
      #featured-products .owl-carousel-wrap .owl-buttom.next {
        right: 0; }

#wellness-centre {
  padding: 80px 0 60px; }
  #wellness-centre h2 {
    color: #F0C75E; }
  #wellness-centre .book-appointment {
    padding: 60px 50px 0 50px; }
    #wellness-centre .book-appointment:after {
      content: '';
      position: absolute;
      top: 30px;
      left: 0;
      width: 120%;
      height: 125px;
      z-index: -1;
      background-color: #F0C75E; }
    #wellness-centre .book-appointment h4 {
      color: #FFF;
      position: relative; }
      #wellness-centre .book-appointment h4:after {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        bottom: 0;
        margin: auto;
        height: 2px;
        width: 50%;
        margin-left: 40px;
        background-color: #FFF; }
    #wellness-centre .book-appointment h3 {
      font-size: 30px;
      color: #000;
      margin-bottom: 40px; }
    #wellness-centre .book-appointment form .form-group {
      width: 80%;
      margin: 0 auto 15px auto;
      position: relative; }
      #wellness-centre .book-appointment form .form-group .form-control {
        padding: 5px 15px;
        font-size: 18px;
        background-color: transparent;
        border-width: 0 0 2px 0;
        border-radius: 0px !important;
        border-color: #000;
        outline: none !important;
        box-shadow: none; }
      #wellness-centre .book-appointment form .form-group .selectric {
        background-color: transparent;
        border-width: 0 0 2px 0;
        border-color: #000; }
        #wellness-centre .book-appointment form .form-group .selectric .label {
          margin: 0 38px 0 15px;
          font-size: 18px;
          color: #000; }
        #wellness-centre .book-appointment form .form-group .selectric .button {
          background-color: transparent; }
          #wellness-centre .book-appointment form .form-group .selectric .button:after {
            border-top-color: #000; }
      #wellness-centre .book-appointment form .form-group label {
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 10; }
        #wellness-centre .book-appointment form .form-group label:after {
          content: '';
          position: absolute;
          background: #fff;
          height: 35px;
          width: 36px;
          bottom: -4px;
          z-index: -1;
          right: -8px; }

.ayurved-camp .banner-content .row {
  padding-bottom: 160px; }
.ayurved-camp .banner-content p {
  color: #000;
  font-size: 17px; }
.ayurved-camp .img-content {
  height: 100%; }
  .ayurved-camp .img-content .img-wrapper {
    display: flex;
    align-items: flex-end;
    z-index: 10;
    width: calc(100% + 120px);
    position: relative;
    padding: 60px 0 30px 0; }
    .ayurved-camp .img-content .img-wrapper img {
      box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); }
.ayurved-camp .wrapper-content {
  background-color: #F9BF37;
  padding: 50px 50px 50px 145px;
  color: #000;
  display: flex;
  align-items: center; }
  .ayurved-camp .wrapper-content h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3; }
  .ayurved-camp .wrapper-content h5 {
    font-size: 21px;
    font-weight: 500; }
.ayurved-camp .doctors-location {
  padding: 60px 0 30px 0; }
  .ayurved-camp .doctors-location h2 span {
    font-size: 19px; }
  .ayurved-camp .doctors-location .navigation .btn {
    min-width: auto;
    padding: 5px 12px; }
    .ayurved-camp .doctors-location .navigation .btn.left-arrow {
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      border-right: 1px solid transparent; }
    .ayurved-camp .doctors-location .navigation .btn.right-arrow {
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
    .ayurved-camp .doctors-location .navigation .btn svg {
      width: 10px;
      height: 15px; }
    .ayurved-camp .doctors-location .navigation .btn:hover {
      background: #F0C75E;
      border: 1px solid #F0C75E; }
      .ayurved-camp .doctors-location .navigation .btn:hover svg {
        fill: #fff; }
  .ayurved-camp .doctors-location .doctor-img img {
    width: 85%;
    margin: auto; }
  .ayurved-camp .doctors-location .background-wrap {
    background: #f1f1f1;
    padding: 20px 40px 0 40px;
    height: calc(100% - 50px); }
  .ayurved-camp .doctors-location .doctor-details {
    left: -15%;
    background: #f9bf37;
    padding: 30px 30px 36px 30px;
    bottom: 0;
    color: #000;
    width: 100%;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); }
    .ayurved-camp .doctors-location .doctor-details h6 {
      font-size: 19px;
      font-weight: 500;
      margin: 0; }
    .ayurved-camp .doctors-location .doctor-details p {
      font-size: 18px;
      font-weight: 600;
      color: #0000009c; }
    .ayurved-camp .doctors-location .doctor-details .details-list ul {
      list-style-image: url(../images/ayurved-camp/arrow.png);
      padding-left: 25px; }
      .ayurved-camp .doctors-location .doctor-details .details-list ul li {
        color: #000;
        font-weight: 400;
        padding-left: 10px; }
    .ayurved-camp .doctors-location .doctor-details .consult-btn {
      background: white;
      padding: 15px 80px;
      position: absolute;
      left: 48%;
      z-index: 9;
      font-size: 17px;
      font-weight: 500;
      box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
      border-radius: 100px; }
.ayurved-camp #sneak-peek-wrapper {
  padding: 60px 0 0 0; }
  .ayurved-camp #sneak-peek-wrapper h2 {
    line-height: 1;
    padding: 0 0 40px 0 !important;
    margin: 0 !important; }
    .ayurved-camp #sneak-peek-wrapper h2 span {
      font-size: 20px; }
  .ayurved-camp #sneak-peek-wrapper h6 {
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin-bottom: 40px; }
  .ayurved-camp #sneak-peek-wrapper .index {
    font-size: 17px;
    font-weight: 600;
    color: #000; }
    .ayurved-camp #sneak-peek-wrapper .index span {
      font-size: 120%; }
  .ayurved-camp #sneak-peek-wrapper .btn {
    border: none; }
    .ayurved-camp #sneak-peek-wrapper .btn:hover {
      background: transparent !important;
      border: none !important; }
      .ayurved-camp #sneak-peek-wrapper .btn:hover svg {
        fill: #000 !important; }
  .ayurved-camp #sneak-peek-wrapper .sneak-peek {
    position: relative;
    right: -200px;
    z-index: 10;
    max-width: 300px;
    background-color: #f9bf37;
    padding: 40px 25px 25px;
    color: #000;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); }
.ayurved-camp .enquiry {
  padding: 80px 0; }
  .ayurved-camp .enquiry .text-wrapper {
    max-width: 300px;
    background: white;
    padding: 30px 30px 0 30px;
    position: relative;
    bottom: -54px;
    left: 5px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: flex-end;
    z-index: 9; }
    .ayurved-camp .enquiry .text-wrapper h6 {
      font-size: 18px;
      font-weight: 600;
      color: #000;
      line-height: 1.5;
      padding-bottom: 30px; }
    .ayurved-camp .enquiry .text-wrapper svg {
      transform: rotate(270deg);
      width: 65px;
      height: 65px;
      margin-left: 28px; }
  .ayurved-camp .enquiry h3 {
    font-size: 29px;
    font-weight: 600;
    color: #000; }
  .ayurved-camp .enquiry .form-wrapper label {
    font-size: 12px;
    font-weight: 600;
    color: #000; }
  .ayurved-camp .enquiry .form-wrapper input, .ayurved-camp .enquiry .form-wrapper textarea {
    border-radius: 3px; }
    .ayurved-camp .enquiry .form-wrapper input::placeholder, .ayurved-camp .enquiry .form-wrapper textarea::placeholder {
      font-size: 13px;
      color: #ced4da; }
  .ayurved-camp .enquiry .form-wrapper .submit-btn {
    color: #fff;
    cursor: pointer; }
    .ayurved-camp .enquiry .form-wrapper .submit-btn:hover {
      color: #000; }
  .ayurved-camp .enquiry #map_canvas {
    min-height: 380px;
    position: relative;
    overflow: hidden; }
.ayurved-camp .review {
  padding-bottom: 60px; }
  .ayurved-camp .review .review-wrapper:nth-child(even) .row {
    justify-content: center; }
  .ayurved-camp .review .review-wrapper .review-content {
    background: #f2f2f2;
    padding: 35px 40px; }
    .ayurved-camp .review .review-wrapper .review-content h6 {
      color: #000;
      font-weight: 600; }
    .ayurved-camp .review .review-wrapper .review-content span {
      font-size: 13px; }
    .ayurved-camp .review .review-wrapper .review-content p {
      font-size: 14px; }
    .ayurved-camp .review .review-wrapper .review-content a {
      font-size: 16px;
      font-weight: 600;
      color: #f9bf37; }
.ayurved-camp .write-review {
  padding-bottom: 60px; }
  .ayurved-camp .write-review .review-form {
    background: #f2f2f2;
    padding: 30px 60px; }
    .ayurved-camp .write-review .review-form .form-control {
      background: #f2f2f2; }
    .ayurved-camp .write-review .review-form label {
      font-size: 14px !important;
      font-weight: 600 !important; }
    .ayurved-camp .write-review .review-form .submit-btn {
      padding: 15px;
      cursor: pointer;
      color: #fff;
      border-radius: 5px;
      width: 100%;
      font-size: 20px;
      letter-spacing: 2.5px; }
      .ayurved-camp .write-review .review-form .submit-btn:hover {
        color: #000; }

.search-sevice {
  margin-top: 60px;
  padding: 60px 0; }
  .search-sevice ul.navigation-wrapper li {
    padding-right: 80px; }
    .search-sevice ul.navigation-wrapper li a {
      font-size: 14px;
      font-weight: 600;
      color: #6f6f6fbd;
      padding: 0px 0 20px;
      border-bottom: 4px solid transparent; }
      .search-sevice ul.navigation-wrapper li a.active {
        color: #000;
        border-bottom: 4px solid #f9bf37; }
  .search-sevice #service h6 {
    font-size: 14px;
    font-weight: 600;
    color: #000; }
  .search-sevice #service .address-wrapper {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    padding: 30px; }
    .search-sevice #service .address-wrapper h5 {
      color: #000;
      font-weight: 600;
      font-size: 15px; }
      .search-sevice #service .address-wrapper h5 .location-img {
        min-width: 35px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: #f9bf37;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        margin-right: 13px;
        border: 1px solid #f9bf37; }
        .search-sevice #service .address-wrapper h5 .location-img img {
          width: 15px;
          height: 15px; }
    .search-sevice #service .address-wrapper address {
      color: #000000e3;
      font-size: 14px;
      font-weight: 500; }
    .search-sevice #service .address-wrapper a {
      color: #000;
      font-weight: 600;
      font-size: 15px;
      transition: all 0.4s ease; }
      .search-sevice #service .address-wrapper a:hover {
        color: #f9bf37; }
  .search-sevice .tab-content h1 {
    font-size: 48px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px; }
  .search-sevice .tab-content p {
    font-size: 18px; }
  .search-sevice .services-wrapper .card {
    box-shadow: 0 0 !important; }
  .search-sevice .services-wrapper .product-wrap span {
    font-size: 12px;
    font-weight: 600;
    color: #000; }
  .search-sevice .services-wrapper .product-wrap span.label {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-left: 0; }
  .search-sevice .services-wrapper .product-wrap h5 {
    color: #f9bf37;
    padding-left: 25px;
    margin: 20px 0;
    font-size: 17px;
    display: flex;
    align-items: center; }
    .search-sevice .services-wrapper .product-wrap h5:before {
      content: '';
      position: absolute;
      width: 11px;
      height: 30px;
      background: #f9bf37;
      margin-left: -25px; }
  .search-sevice .services-wrapper .product-wrap h6 {
    color: #000;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 10px 0 15px 0;
    margin: 8px 0 0 40px; }
    .search-sevice .services-wrapper .product-wrap h6:before {
      content: '';
      position: absolute;
      width: 27px;
      height: 27px;
      margin-left: -40px;
      margin-top: -2px;
      background: #f9bf37; }
  .search-sevice .services-wrapper .product-wrap .selectric {
    background: transparent;
    border: none; }
    .search-sevice .services-wrapper .product-wrap .selectric .button {
      background: transparent; }
  .search-sevice .services-wrapper .product-wrap a.btn {
    color: #fff; }
    .search-sevice .services-wrapper .product-wrap a.btn:hover {
      color: #000; }
  .search-sevice .services-wrapper .relaxation-wrapper {
    padding-bottom: 50px; }
  .search-sevice .services-wrapper #products-list #gender .btn, .search-sevice .services-wrapper #service-list #gender .btn {
    background: #fff;
    color: #fec338;
    border: 2px solid #fec338;
    text-align: center;
    transition: 0.4s;
    padding: 8px 20px;
    font-weight: 500;
    min-width: 100px; }
    .search-sevice .services-wrapper #products-list #gender .btn.active, .search-sevice .services-wrapper #products-list #gender .btn:hover, .search-sevice .services-wrapper #service-list #gender .btn.active, .search-sevice .services-wrapper #service-list #gender .btn:hover {
      background: #fec338;
      color: #fff; }
    .search-sevice .services-wrapper #products-list #gender .btn:first-child, .search-sevice .services-wrapper #service-list #gender .btn:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .search-sevice .services-wrapper #products-list #gender .btn:nth-child(2), .search-sevice .services-wrapper #service-list #gender .btn:nth-child(2) {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .search-sevice .services-wrapper #products-list h5, .search-sevice .services-wrapper #service-list h5 {
    font-size: 16px;
    font-weight: 600; }
  .search-sevice .services-wrapper #products-list .custom-checkbox .custom-control-label, .search-sevice .services-wrapper #service-list .custom-checkbox .custom-control-label {
    color: #000;
    font-size: 15px;
    font-weight: 400; }
  .search-sevice .services-wrapper #products-list .price-range-box, .search-sevice .services-wrapper #products-list .service-range-box, .search-sevice .services-wrapper #service-list .price-range-box, .search-sevice .services-wrapper #service-list .service-range-box {
    font-size: 15px;
    color: #000; }
  .search-sevice .services-wrapper #products-list span.morecontent, .search-sevice .services-wrapper #service-list span.morecontent {
    display: none; }
  .search-sevice .services-wrapper #products-list .doctor-list .img-wrapper, .search-sevice .services-wrapper #service-list .doctor-list .img-wrapper {
    padding: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    max-width: 130px; }
  .search-sevice .services-wrapper #products-list .doctor-list h4, .search-sevice .services-wrapper #service-list .doctor-list h4 {
    font-size: 18px;
    color: #000;
    font-weight: bold; }
  .search-sevice .services-wrapper #products-list .doctor-list .info-wrapper, .search-sevice .services-wrapper #service-list .doctor-list .info-wrapper {
    padding-top: 10px; }
  .search-sevice .services-wrapper #products-list .doctor-list h6, .search-sevice .services-wrapper #service-list .doctor-list h6 {
    font-size: 19px;
    font-weight: 400;
    color: #f9bf37;
    margin: 5px 0 15px 0; }
  .search-sevice .services-wrapper #products-list .doctor-list .button-wrapper .btn, .search-sevice .services-wrapper #service-list .doctor-list .button-wrapper .btn {
    text-align: center;
    transition: 0.4s;
    background-color: transparent;
    padding: 6px 20px;
    font-weight: 500;
    color: #000;
    min-width: 140px;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    font-size: 14px; }
    .search-sevice .services-wrapper #products-list .doctor-list .button-wrapper .btn:hover, .search-sevice .services-wrapper #products-list .doctor-list .button-wrapper .btn.active, .search-sevice .services-wrapper #service-list .doctor-list .button-wrapper .btn:hover, .search-sevice .services-wrapper #service-list .doctor-list .button-wrapper .btn.active {
      background-color: #F0C75E;
      color: #fff; }
  .search-sevice .services-wrapper #products-list .doctor-list p, .search-sevice .services-wrapper #service-list .doctor-list p {
    color: #000;
    font-size: 16px; }
    .search-sevice .services-wrapper #products-list .doctor-list p a, .search-sevice .services-wrapper #service-list .doctor-list p a {
      color: #F0C75E;
      font-weight: 600; }

#testimonial {
  padding-top: 100px;
  position: relative; }
  #testimonial:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 100%;
    background-color: #F0C75E; }
  #testimonial .owl-carousel {
    width: calc(100% - 20px); }
    #testimonial .owl-carousel figure figcaption {
      max-width: 430px;
      background-color: #000;
      padding: 30px;
      color: #FFF; }
      #testimonial .owl-carousel figure figcaption p {
        font-size: 14px;
        margin-bottom: 40px; }
      #testimonial .owl-carousel figure figcaption h5 {
        font-weight: 600;
        margin-bottom: 20px; }
      #testimonial .owl-carousel figure figcaption h3 {
        font-size: 26px;
        margin-bottom: 30px; }
      #testimonial .owl-carousel figure figcaption a {
        font-weight: 600;
        font-size: 14px; }
    #testimonial .owl-carousel .owl-nav {
      position: absolute;
      bottom: 0;
      right: 0; }
      #testimonial .owl-carousel .owl-nav button {
        position: relative;
        border: 1px solid transparent;
        outline: none !important; }
        #testimonial .owl-carousel .owl-nav button svg {
          background-color: #FFF;
          width: 50px;
          height: 50px;
          padding: 15px;
          fill: #000; }

#kerala-ayurveda-academy {
  padding-top: 80px; }
  #kerala-ayurveda-academy .academy-wrapper {
    position: relative;
    padding: 80px 0; }
    #kerala-ayurveda-academy .academy-wrapper .background-image {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 54%;
      z-index: 0; }
    #kerala-ayurveda-academy .academy-wrapper .border-box {
      border: 20px solid #F0C75E;
      border-left: 0;
      max-width: 90%;
      position: relative;
      z-index: 10;
      color: #000; }
      #kerala-ayurveda-academy .academy-wrapper .border-box .content {
        max-width: 50%;
        padding: 40px 20px 40px 70px; }
        #kerala-ayurveda-academy .academy-wrapper .border-box .content h4 {
          font-size: 16px;
          position: relative; }
          #kerala-ayurveda-academy .academy-wrapper .border-box .content h4:after {
            content: '';
            position: absolute;
            top: 0;
            left: auto;
            bottom: 0;
            margin: auto;
            height: 1px;
            width: 100%;
            margin-left: 20px;
            background-color: #000; }
        #kerala-ayurveda-academy .academy-wrapper .border-box .content h2 {
          width: 300px;
          position: relative;
          left: -100px;
          padding: 30px 0;
          z-index: 1; }
          #kerala-ayurveda-academy .academy-wrapper .border-box .content h2:after {
            content: '';
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            background-color: #fff;
            width: 30px;
            height: 100%;
            z-index: -1; }
        #kerala-ayurveda-academy .academy-wrapper .border-box .content p {
          margin-bottom: 30px; }
        #kerala-ayurveda-academy .academy-wrapper .border-box .content:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 100%;
          z-index: 0;
          background-color: #F0C75E; }
  #kerala-ayurveda-academy:hover {
    animation: kerala_ayurveda_academy 0.4s forwards; }

@keyframes kerala_ayurveda_academy {
  0% {
    transform: translateX(-1px); }
  25% {
    transform: translateX(2px); }
  50% {
    transform: translateX(-2px); }
  75% {
    transform: translateX(1px); }
  100% {
    transform: translateX(0px); } }
#blog {
  padding-top: 80px; }
  #blog h2 {
    color: #F0C75E;
    text-align: center;
    margin-bottom: 40px; }
  #blog .owl-carousel {
    margin-bottom: 40px; }
    #blog .owl-carousel figure {
      margin: 40px;
      position: relative; }
      #blog .owl-carousel figure:after {
        content: '';
        position: absolute;
        top: -10%;
        right: -40px;
        width: 1px;
        height: 0;
        background-color: #000;
        opacity: 0;
        transition: 0.5s;
        transition-delay: 1s; }
      #blog .owl-carousel figure figcaption {
        position: absolute;
        left: 0;
        bottom: -40px;
        max-width: 70%;
        padding: 40px;
        background-color: #FFF;
        border-bottom: 5px solid #F0C75E; }
        #blog .owl-carousel figure figcaption h6 {
          color: #000; }
        #blog .owl-carousel figure figcaption h3 {
          color: #000;
          margin-bottom: 20px;
          font-size: 24px; }
        #blog .owl-carousel figure figcaption p {
          display: none; }
        #blog .owl-carousel figure figcaption a {
          color: #000;
          font-weight: 600; }
    #blog .owl-carousel .owl-stage .current figure:after {
      height: 40%;
      opacity: 1; }

#awards-and-accolades {
  padding-top: 80px; }
  #awards-and-accolades [class*="col-"] {
    position: static; }
  #awards-and-accolades h2 {
    color: #000;
    text-align: center;
    margin-bottom: 50px; }
  #awards-and-accolades .owl-carousel {
    padding: 0 40px; }
    #awards-and-accolades .owl-carousel figure {
      margin: 1px;
      padding: 40px;
      border: 1px solid #000;
      cursor: pointer; }
  #awards-and-accolades .popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    opacity: 0; }
    #awards-and-accolades .popup .popup-wrapper {
      position: relative;
      max-width: 700px;
      transform: translateY(-50%);
      top: 50%;
      margin: auto; }
      #awards-and-accolades .popup .popup-wrapper .close {
        position: absolute;
        top: 0;
        right: 40px;
        z-index: 10;
        width: 40px;
        height: 40px;
        padding: 10px;
        cursor: pointer; }
    #awards-and-accolades .popup .owl-carousel {
      max-width: 700px; }
      #awards-and-accolades .popup .owl-carousel .owl-nav .owl-next {
        right: 50px; }
      #awards-and-accolades .popup .owl-carousel .owl-nav .owl-prev {
        left: 50px; }
      #awards-and-accolades .popup .owl-carousel .owl-dots .owl-dot span {
        background-color: #fff;
        opacity: 0.6; }
      #awards-and-accolades .popup .owl-carousel .owl-dots .owl-dot.active span {
        opacity: 1; }

#services-block {
  padding-top: 40px;
  padding-bottom: 40px; }
  #services-block .background-image {
    display: flex;
    align-items: flex-start;
    padding: 30px 20px;
    background-size: 100%;
    height: 100%;
    color: #FFF;
    transition: 0.5s;
    background-position: top right; }
    #services-block .background-image h6 {
      margin-bottom: 30px;
      font-weight: 600;
      font-size: 20px; }
    #services-block .background-image h3 {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      font-size: 22px;
      width: 100%;
      margin: 0; }
    #services-block .background-image img {
      max-width: 40px;
      margin-left: 10px;
      margin-bottom: 3px;
      transition: 0.5s; }
    #services-block .background-image:hover {
      background-size: 110%; }
      #services-block .background-image:hover a {
        color: #FFF; }

#newsletter {
  padding: 80px 0;
  text-align: center; }
  #newsletter h2 {
    color: #FFF;
    margin-bottom: 50px;
    font-weight: 600; }
  #newsletter .form-group {
    display: flex; }
    #newsletter .form-group input {
      border-radius: 0;
      padding: 25px;
      border: 0;
      margin-right: 20px;
      font-size: 18px; }
    #newsletter .form-group .btn-reload {
      min-width: auto; }
      #newsletter .form-group .btn-reload svg {
        width: 24px;
        height: 24px;
        fill: #000; }

#footer .footer-wrap {
  padding: 50px 0 20px;
  background-color: #FFF;
  color: #262B42; }
  #footer .footer-wrap .keralaayurveda > img {
    max-width: 200px; }
  #footer .footer-wrap h5 {
    font-size: 22px;
    margin-bottom: 15px; }
  #footer .footer-wrap h4 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    #footer .footer-wrap h4:before, #footer .footer-wrap h4:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      width: 100%;
      background-color: #262B42; }
    #footer .footer-wrap h4:before {
      height: 4px;
      width: 70px;
      background-color: #000; }
  #footer .footer-wrap .form-group {
    display: flex;
    margin-bottom: 40px; }
    #footer .footer-wrap .form-group input {
      border-radius: 0;
      padding: 20px 15px;
      border: 2px solid #262B42;
      border-right-width: 0;
      font-size: 18px; }
    #footer .footer-wrap .form-group .button-black {
      min-width: auto;
      padding: 5px 15px; }
      #footer .footer-wrap .form-group .button-black img {
        max-width: 15px;
        width: 100%; }
  #footer .footer-wrap .social-icons {
    display: flex;
    flex-wrap: wrap; }
    #footer .footer-wrap .social-icons svg {
      padding-right: 20px;
      fill: #000;
      width: 40px;
      height: 20px; }
  #footer .footer-wrap address {
    display: flex; }
    #footer .footer-wrap address span {
      color: #000;
      font-weight: 600;
      min-width: 60px; }
  #footer .footer-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #footer .footer-wrap ul a {
      margin-bottom: 15px;
      display: block; }
  #footer .footer-wrap .keralaayurveda {
    max-width: 340px;
    padding-right: 40px; }
#footer.full-footer .footer-wrap {
  padding: 50px 0 450px 0;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
#footer a:hover {
  color: #639635; }

.shop-banner .background-image {
  padding: 16.6vw; }

.banner-ecommerce {
  min-height: 440px; }

#product-categories {
  text-align: center;
  margin-top: -80px; }
  #product-categories h2 {
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 26px; }
  #product-categories .card-body {
    padding: 30px 20px 20px; }
    #product-categories .card-body .owl-carousel {
      width: calc(100% - 100px);
      padding: 0 40px;
      margin: auto; }
      #product-categories .card-body .owl-carousel figure img {
        max-width: 60px;
        display: block;
        margin: 0 auto 10px auto; }
      #product-categories .card-body .owl-carousel figure h5 {
        font-size: 16px;
        font-weight: 400; }

#popular-product {
  padding-top: 80px; }
  #popular-product .row {
    margin-bottom: 60px; }
  #popular-product .content-col {
    max-width: 460px;
    padding-left: 80px;
    padding-right: 80px; }
    #popular-product .content-col h3 {
      position: relative;
      color: #000;
      padding-bottom: 10px;
      margin-bottom: 20px; }
      #popular-product .content-col h3:after {
        content: '';
        position: absolute;
        top: -20px;
        left: -15px;
        right: 0;
        background-color: #F0C75E;
        width: 200px;
        height: 40px;
        z-index: -1; }
      #popular-product .content-col h3:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: #F0C75E;
        width: 30px;
        height: 2px; }
    #popular-product .content-col p {
      font-size: 14px; }
    #popular-product .content-col h5 {
      font-size: 40px;
      color: #000;
      font-weight: 400; }
  #popular-product .owl-carousel .owl-nav {
    position: absolute;
    bottom: -1px;
    line-height: 0; }
    #popular-product .owl-carousel .owl-nav button {
      position: relative;
      border: 1px solid transparent;
      outline: none !important;
      margin-right: -1px; }
      #popular-product .owl-carousel .owl-nav button svg {
        background-color: #FFF;
        display: block;
        width: 65px;
        height: 60px;
        padding: 17px;
        fill: #000;
        stroke: #fff;
        stroke-width: 4px; }
  #popular-product .owl-carousel#trending .owl-nav {
    left: -1px; }
  #popular-product .owl-carousel#top-sellers .owl-nav {
    left: auto;
    right: -1px; }

#new-arrivals {
  text-align: center; }
  #new-arrivals h2 {
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px; }
    #new-arrivals h2:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0;
      width: 40px;
      height: 2px;
      background-color: #F0C75E; }
  #new-arrivals .product-list-wrapper {
    margin: 0 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #new-arrivals .product-list-wrapper .carousel {
      margin: 0 0px; }
    #new-arrivals .product-list-wrapper svg {
      fill: #F0C75E;
      min-width: 30px;
      height: 30px;
      padding: 5px;
      cursor: pointer; }
      #new-arrivals .product-list-wrapper svg.disabled {
        opacity: 0.4;
        cursor: not-allowed; }
  #new-arrivals .product-list {
    margin: 0 -30px;
    padding: 0px;
    list-style: none;
    font-size: 14px;
    display: flex;
    justify-content: center;
    white-space: nowrap; }
    #new-arrivals .product-list a {
      padding: 5px 30px;
      position: relative;
      transition: 0.5s; }
      #new-arrivals .product-list a:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 3px;
        width: 0;
        height: 2px;
        background-color: #F0C75E;
        transition: 0.5s; }
      #new-arrivals .product-list a.active, #new-arrivals .product-list a:hover {
        color: #639635; }
        #new-arrivals .product-list a.active:after, #new-arrivals .product-list a:hover:after {
          width: 50%; }
  #new-arrivals .product-view p {
    margin-bottom: 0; }
  #new-arrivals .product-view h6 {
    font-weight: 600; }
  #new-arrivals .product-view > div:not(.active) {
    display: none; }

#offers {
  padding: 80px 0 40px 0; }
  #offers h2 {
    color: #000;
    text-align: center;
    margin-bottom: 60px;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
    font-size: 30px; }
    #offers h2:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0;
      width: 40px;
      height: 2px;
      background-color: #F0C75E; }
  #offers .owl-carousel {
    padding: 0 40px; }
    #offers .owl-carousel .owl-prev {
      left: -10px; }
    #offers .owl-carousel .owl-next {
      right: -10px; }
  #offers figure figcaption {
    padding: 50px 20px; }
    #offers figure figcaption h3 {
      position: relative;
      color: #000;
      font-weight: 400;
      padding-bottom: 10px;
      margin-bottom: 20px; }
      #offers figure figcaption h3:after {
        content: '';
        position: absolute;
        top: -20px;
        left: -20px;
        right: 0;
        background-color: #F0C75E;
        width: 200px;
        height: 35px;
        z-index: -1; }
      #offers figure figcaption h3:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: #F0C75E;
        width: 30px;
        height: 2px; }
    #offers figure figcaption p {
      font-size: 14px; }
    #offers figure figcaption button {
      color: #666;
      padding: 5px 20px; }

#products-list .filter-col, #service-list .filter-col {
  max-width: 300px; }
  #products-list .filter-col h5, #service-list .filter-col h5 {
    color: #000;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px; }
    #products-list .filter-col h5:after, #service-list .filter-col h5:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 30px;
      height: 2px;
      background-color: #F9BF37;
      border-right: 3px solid #FFF; }
    #products-list .filter-col h5:before, #service-list .filter-col h5:before {
      content: '';
      position: absolute;
      left: 3px;
      bottom: 0;
      width: 30px;
      height: 2px;
      background-color: #F9BF37; }
  #products-list .filter-col .form-group, #service-list .filter-col .form-group {
    position: relative; }
    #products-list .filter-col .form-group input, #service-list .filter-col .form-group input {
      border: 2px solid #B1B1B1;
      border-radius: 4px; }
    #products-list .filter-col .form-group .search-icon, #service-list .filter-col .form-group .search-icon {
      position: absolute;
      top: 8px;
      right: 10px;
      width: 20px;
      height: 20px;
      fill: #B1B1B1; }
  #products-list .filter-col .form-check, #service-list .filter-col .form-check {
    margin-bottom: 10px; }
    #products-list .filter-col .form-check input, #service-list .filter-col .form-check input {
      margin-left: 0;
      left: 0; }
#products-list .product-list-col .filters, #service-list .product-list-col .filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px; }
  #products-list .product-list-col .filters p, #service-list .product-list-col .filters p {
    font-weight: 600;
    margin: 0 0 0 10px; }
    #products-list .product-list-col .filters p span, #service-list .product-list-col .filters p span {
      color: #000;
      padding: 0 5px; }
  #products-list .product-list-col .filters svg, #service-list .product-list-col .filters svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    cursor: pointer; }
    #products-list .product-list-col .filters svg:not(.active), #service-list .product-list-col .filters svg:not(.active) {
      opacity: 0.4; }
  #products-list .product-list-col .filters .selectric, #service-list .product-list-col .filters .selectric {
    font-weight: 600;
    min-width: 180px; }
#products-list .product-list-col figure, #service-list .product-list-col figure {
  text-align: center;
  margin-bottom: 20px;
  transition: box-shadow 0.5s; }
  #products-list .product-list-col figure .product-head, #service-list .product-list-col figure .product-head {
    display: block;
    position: relative; }
    #products-list .product-list-col figure .product-head img, #service-list .product-list-col figure .product-head img {
      padding: 0 20px 20px;
      display: block;
      margin: auto;
      transition: 0.4s; }
    #products-list .product-list-col figure .product-head .product-badge, #service-list .product-list-col figure .product-head .product-badge {
      position: absolute;
      top: 15px;
      left: 15px;
      height: 24px;
      padding: 0 14px;
      border-radius: 3px;
      color: #ffffff;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: .025em;
      line-height: 24px;
      white-space: nowrap;
      z-index: 10;
      transition: 0.4s; }
    #products-list .product-list-col figure .product-head .icons, #service-list .product-list-col figure .product-head .icons {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 20px;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0;
      transition: 0.4s; }
      #products-list .product-list-col figure .product-head .icons .btn, #service-list .product-list-col figure .product-head .icons .btn {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        padding: 5px;
        min-width: auto;
        margin: 0 5px; }
        #products-list .product-list-col figure .product-head .icons .btn svg, #service-list .product-list-col figure .product-head .icons .btn svg {
          width: 20px;
          height: 20px;
          fill: #fff; }
        #products-list .product-list-col figure .product-head .icons .btn.wishlist svg, #service-list .product-list-col figure .product-head .icons .btn.wishlist svg {
          margin-top: 5px;
          fill: transparent;
          stroke: #fff;
          stroke-width: 26px; }
        #products-list .product-list-col figure .product-head .icons .btn:hover, #service-list .product-list-col figure .product-head .icons .btn:hover {
          background-color: rgba(99, 150, 53, 0.95);
          border-color: rgba(99, 150, 53, 0.95); }
    #products-list .product-list-col figure .product-head:hover > .product-badge, #service-list .product-list-col figure .product-head:hover > .product-badge {
      filter: blur(5px); }
    #products-list .product-list-col figure .product-head:hover > img, #service-list .product-list-col figure .product-head:hover > img {
      filter: blur(5px); }
    #products-list .product-list-col figure .product-head:hover .icons, #service-list .product-list-col figure .product-head:hover .icons {
      top: 0;
      opacity: 1; }
  #products-list .product-list-col figure figcaption, #service-list .product-list-col figure figcaption {
    padding-bottom: 20px; }
  #products-list .product-list-col figure:hover, #service-list .product-list-col figure:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  #products-list .product-list-col figure .wishlist, #service-list .product-list-col figure .wishlist {
    display: block; }
    #products-list .product-list-col figure .wishlist svg, #service-list .product-list-col figure .wishlist svg {
      width: 24px;
      height: 24px;
      transition: 0.5s; }
    #products-list .product-list-col figure .wishlist.active svg, #service-list .product-list-col figure .wishlist.active svg {
      stroke: rgba(99, 150, 53, 0.3);
      fill: #F0C75E; }
  #products-list .product-list-col figure del, #service-list .product-list-col figure del {
    opacity: 0.6;
    margin: 0 5px;
    font-size: 70%; }
  #products-list .product-list-col figure .rating, #service-list .product-list-col figure .rating {
    max-width: 100px; }
  #products-list .product-list-col figure h6, #service-list .product-list-col figure h6 {
    color: #000;
    font-size: 17px;
    margin-bottom: 0px;
    text-transform: uppercase; }
  #products-list .product-list-col figure .price, #service-list .product-list-col figure .price {
    font-weight: 600;
    margin-bottom: 0; }
#products-list .product-list-col .btn-group, #service-list .product-list-col .btn-group {
  display: block;
  text-align: center; }
  #products-list .product-list-col .btn-group .button-light, #service-list .product-list-col .btn-group .button-light {
    padding: 5px 15px;
    margin: 2px;
    min-width: 10px; }
#products-list .product-list-col.block-view .desc, #service-list .product-list-col.block-view .desc {
  display: none; }
#products-list .product-list-col.list-view .wishlist, #service-list .product-list-col.list-view .wishlist {
  right: auto;
  left: 180px; }
#products-list .product-list-col.list-view .row, #service-list .product-list-col.list-view .row {
  padding: 30px 0; }
  #products-list .product-list-col.list-view .row [class*="col"], #service-list .product-list-col.list-view .row [class*="col"] {
    flex: 0 0 100%;
    max-width: 100%; }
#products-list .product-list-col.list-view figure, #service-list .product-list-col.list-view figure {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 20px 0;
  border-bottom: 1px solid #ddd; }
  #products-list .product-list-col.list-view figure a, #service-list .product-list-col.list-view figure a {
    max-width: 200px; }
    #products-list .product-list-col.list-view figure a img, #service-list .product-list-col.list-view figure a img {
      padding: 0;
      margin-right: 20px; }
  #products-list .product-list-col.list-view figure figcaption, #service-list .product-list-col.list-view figure figcaption {
    position: relative;
    flex: 1; }
    #products-list .product-list-col.list-view figure figcaption .price, #service-list .product-list-col.list-view figure figcaption .price {
      position: absolute;
      top: 0px;
      right: 0;
      font-size: 30px;
      color: #989898; }
    #products-list .product-list-col.list-view figure figcaption .rating, #service-list .product-list-col.list-view figure figcaption .rating {
      margin-bottom: 20px; }
    #products-list .product-list-col.list-view figure figcaption h6, #service-list .product-list-col.list-view figure figcaption h6 {
      margin-bottom: 10px; }

#product-view {
  position: relative; }
  #product-view .product-image .background-image {
    max-width: 30vw;
    height: 100%; }
  #product-view .product-image .product-badge {
    z-index: 20;
    top: 20px;
    left: 20px; }
  #product-view .product-detail {
    padding: 50px;
    color: #000; }
    #product-view .product-detail h1 {
      font-size: 55px;
      font-weight: 600;
      margin-bottom: 0px;
      overflow: hidden; }
    #product-view .product-detail h3 {
      font-weight: 400;
      margin-bottom: 10px; }
    #product-view .product-detail small {
      margin-bottom: 10px;
      display: block; }
      #product-view .product-detail small .rating {
        max-width: 100px;
        vertical-align: -2px;
        margin-right: 5px; }
    #product-view .product-detail .price {
      font-size: 38px;
      font-weight: 400;
      margin-bottom: 0;
      line-height: 1;
      line-height: 0.6;
      margin-bottom: 10px; }
      #product-view .product-detail .price del {
        opacity: 0.6;
        margin: 0 5px;
        font-size: 65%;
        vertical-align: 10px; }
    #product-view .product-detail .saved {
      text-align: right;
      color: #639635;
      font-weight: 500; }
    #product-view .product-detail .desc {
      position: relative;
      padding-bottom: 7px;
      margin-bottom: 30px; }
      #product-view .product-detail .desc:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 50px;
        height: 3px;
        background-color: #000; }
      #product-view .product-detail .desc p {
        margin-bottom: 0; }
    #product-view .product-detail .check-delivery {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: 30px; }
      #product-view .product-detail .check-delivery label {
        font-weight: 600;
        margin-right: 15px;
        margin-bottom: 0; }
      #product-view .product-detail .check-delivery input {
        max-width: 200px;
        margin-right: 15px; }
      #product-view .product-detail .check-delivery svg {
        width: 20px;
        height: 20px; }
    #product-view .product-detail .btn-group {
      flex-wrap: wrap;
      justify-content: center; }
      #product-view .product-detail .btn-group .form-control {
        width: 60px;
        border: 0;
        background-color: transparent;
        text-align: center;
        font-size: 20px;
        margin-top: 6px; }
      #product-view .product-detail .btn-group .btn {
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 10px; }
        #product-view .product-detail .btn-group .btn.button-icon {
          min-width: auto;
          padding: 10px 20px; }
        #product-view .product-detail .btn-group .btn svg {
          width: 15px;
          height: 15px;
          fill: #FFF;
          vertical-align: -2px; }
    #product-view .product-detail .wishlist {
      display: block;
      padding: 10px 8px;
      position: absolute;
      top: 10px;
      right: 10px; }
      #product-view .product-detail .wishlist svg {
        width: 24px;
        height: 24px;
        fill: transparent;
        stroke: #639635;
        stroke-width: 26px;
        transition: 0.5s; }
      #product-view .product-detail .wishlist.active svg {
        stroke: rgba(99, 150, 53, 0.3);
        fill: #F0C75E; }
  #product-view .thumbnails {
    margin: 40px 0;
    display: flex; }
    #product-view .thumbnails div {
      max-width: 80px;
      margin-right: 15px;
      position: relative;
      cursor: pointer; }
      #product-view .thumbnails div img {
        padding: 5px;
        border: 2px solid #D4D4D4; }
      #product-view .thumbnails div:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        width: 100%;
        height: 4px;
        background-color: transparent;
        transition: 0.5s; }
      #product-view .thumbnails div.active:after {
        background-color: #F9BF37; }

#product-share-icons {
  position: absolute;
  right: 40px;
  top: 50vh; }
  #product-share-icons .jssocials-share-logo {
    padding: 5px;
    margin-bottom: 10px; }

.zoomContainer {
  z-index: 10; }
  .zoomContainer .zoomWindow {
    border: 2px solid #000 !important; }

#product-detail {
  position: relative; }
  #product-detail .product-header {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 40px; }
    #product-detail .product-header .carousel {
      width: calc(100% - 80px);
      margin: auto; }
      #product-detail .product-header .carousel ul {
        white-space: nowrap;
        margin: auto;
        padding: 0;
        max-width: 1200px;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-size: 18px;
        font-weight: 500;
        color: #000; }
        #product-detail .product-header .carousel ul a {
          padding: 20px 30px;
          display: block;
          border-bottom: 2px solid transparent; }
          #product-detail .product-header .carousel ul a.active {
            border-bottom: 2px solid #000; }
    #product-detail .product-header .product-header-nav {
      position: absolute;
      top: 0;
      width: 35px;
      height: 72px;
      padding: 5px; }
      #product-detail .product-header .product-header-nav.prev {
        left: 0; }
      #product-detail .product-header .product-header-nav.next {
        right: 0; }
  #product-detail .product-detail {
    max-width: 1300px; }
    #product-detail .product-detail h6 {
      color: #000;
      margin-bottom: 15px; }
    #product-detail .product-detail .progress {
      margin-bottom: 20px; }
    #product-detail .product-detail > div:not(.active) {
      display: none; }
  #product-detail .review-list {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 30px; }
    #product-detail .review-list .review-title {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: 10px; }
      #product-detail .review-list .review-title h6 {
        margin-right: 20px; }
        #product-detail .review-list .review-title h6 .date {
          display: block;
          font-size: 12px;
          color: #999;
          font-weight: 600;
          margin-top: 5px; }
      #product-detail .review-list .review-title .rating {
        max-width: 100px; }
      #product-detail .review-list .review-title .verified {
        max-width: 120px;
        margin-right: auto; }
  #product-detail h4 {
    font-weight: 600;
    color: #000;
    margin-bottom: 30px; }
  #product-detail .from-group {
    margin-bottom: 30px; }
    #product-detail .from-group label {
      color: #000;
      font-size: 18px;
      font-weight: 600;
      margin-right: 30px; }
    #product-detail .from-group img {
      max-width: 130px; }
    #product-detail .from-group input.form-control {
      border-width: 0 0 1px;
      padding: 8px 0; }

#recently-viewed-products,
#suggesting-products {
  padding-top: 60px;
  margin-bottom: 40px; }
  #recently-viewed-products h2,
  #suggesting-products h2 {
    color: #000;
    text-align: center;
    margin-bottom: 60px;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px; }
    #recently-viewed-products h2:after,
    #suggesting-products h2:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0;
      width: 40px;
      height: 2px;
      background-color: #F0C75E; }
  #recently-viewed-products figure,
  #suggesting-products figure {
    text-align: center; }
    #recently-viewed-products figure img,
    #suggesting-products figure img {
      max-width: 250px;
      padding: 0 20px;
      display: block;
      margin: auto; }
    #recently-viewed-products figure figcaption .rating,
    #suggesting-products figure figcaption .rating {
      max-width: 100px;
      margin: auto; }
    #recently-viewed-products figure figcaption h6,
    #suggesting-products figure figcaption h6 {
      font-weight: 400;
      color: #000;
      font-size: 20px;
      margin-bottom: 5px !important; }
    #recently-viewed-products figure figcaption .price,
    #suggesting-products figure figcaption .price {
      font-weight: 600;
      margin-bottom: 5px;
      color: #c1c1c1; }

#my-cart {
  padding-bottom: 60px; }
  #my-cart .table-responsive {
    margin-bottom: 20px; }
    #my-cart .table-responsive table th, #my-cart .table-responsive table td {
      padding: 10px 15px;
      vertical-align: middle;
      font-weight: 500;
      color: #000; }
      #my-cart .table-responsive table th.quantity, #my-cart .table-responsive table td.quantity {
        white-space: nowrap; }
    #my-cart .table-responsive table tfoot {
      border-top: 1px solid #efefef; }
      #my-cart .table-responsive table tfoot th {
        padding: 2px 15px; }
    #my-cart .table-responsive table .item-detail {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #my-cart .table-responsive table .item-detail a {
        display: block;
        display: flex;
        align-items: center; }
      #my-cart .table-responsive table .item-detail .item-image {
        padding: 10px;
        max-width: 140px; }
      #my-cart .table-responsive table .item-detail p {
        color: #000;
        margin-left: 20px;
        margin-bottom: 0; }
    #my-cart .table-responsive table .delete {
      width: 20px;
      cursor: pointer; }
    #my-cart .table-responsive table .quantity input {
      width: 50px;
      text-align: center;
      border: 0; }
    #my-cart .table-responsive table .quantity .btn {
      font-size: 30px;
      background-color: transparent;
      padding: 0px 5px;
      height: 30px;
      line-height: 1;
      margin: 0; }
  #my-cart h5 {
    color: #000; }
  #my-cart .mobile-cart {
    color: #000; }
    #my-cart .mobile-cart .delete {
      width: 20px;
      height: 20px; }
    #my-cart .mobile-cart .quantity {
      display: flex; }
      #my-cart .mobile-cart .quantity input {
        width: 40px;
        text-align: center;
        border: 0; }
      #my-cart .mobile-cart .quantity .btn {
        font-size: 30px;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        line-height: 1;
        margin: 0; }
  #my-cart .consultation-wrapper .consultation-content {
    max-width: 300px;
    background-color: #f2f2f2;
    padding: 30px 30px 30px 50px;
    color: #000; }
    #my-cart .consultation-wrapper .consultation-content svg {
      width: 22px;
      min-width: 22px;
      height: 22px;
      min-height: 22px;
      margin: 5px 15px 0 0; }
    #my-cart .consultation-wrapper .consultation-content h5 {
      color: #F9BF37; }
  #my-cart .consultation-wrapper table tr th:first-child {
    font-size: 30px;
    font-weight: 500; }
  #my-cart .consultation-wrapper table tr.checkout-wrapper td {
    padding: 0 15px;
    vertical-align: bottom; }

#checkout {
  padding-bottom: 60px; }
  #checkout h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 30px; }
  #checkout .from-group {
    margin-bottom: 30px; }
    #checkout .from-group label {
      color: #000;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 0; }
    #checkout .from-group .form-control {
      padding: 20px 0px;
      font-size: 18px;
      background-color: transparent;
      border-width: 0 0 1px 0;
      border-color: #000;
      outline: none !important;
      box-shadow: none;
      border-color: #D4D4D4; }
  #checkout .coupons {
    position: relative; }
    #checkout .coupons button {
      position: absolute;
      right: 1px;
      bottom: 1px;
      padding: 4px 10px 6px 10px;
      min-width: auto;
      font-size: 14px; }
  #checkout .card {
    border: 0;
    background-color: #F6F6F6; }
    #checkout .card .card-body {
      padding: 40px; }
      #checkout .card .card-body .margin-bottom {
        margin-bottom: 40px; }
      #checkout .card .card-body h5 {
        color: #000;
        margin-bottom: 0; }
      #checkout .card .card-body h3 {
        font-weight: 500;
        font-size: 40px;
        margin-bottom: 0; }
  #checkout .btn {
    padding: 15px 50px;
    display: inline-block; }

#confirmation {
  padding-bottom: 60px;
  color: #000; }
  #confirmation h3 {
    font-weight: 600;
    margin-bottom: 30px; }
  #confirmation h5 {
    margin-bottom: 5px; }
    #confirmation h5 a {
      color: #F9BF37;
      margin-left: 10px;
      font-size: 80%;
      display: inline-block; }
      #confirmation h5 a:hover {
        color: #639635; }
  #confirmation p {
    margin-bottom: 0;
    padding-bottom: 10px; }
  #confirmation .card {
    border: 0;
    background-color: #F6F6F6; }
    #confirmation .card .card-body {
      padding: 40px; }
      #confirmation .card .card-body .margin-bottom {
        margin-bottom: 40px; }
      #confirmation .card .card-body h5 {
        color: #000;
        margin-bottom: 0; }
      #confirmation .card .card-body h3 {
        font-weight: 500;
        font-size: 40px;
        margin-bottom: 0; }
      #confirmation .card .card-body h4 {
        margin-bottom: 0;
        font-size: 26px; }
      #confirmation .card .card-body hr {
        margin: 20px 0; }
      #confirmation .card .card-body p {
        margin-bottom: 0;
        padding-bottom: 0; }
        #confirmation .card .card-body p.currency {
          font-weight: 500;
          font-size: 18px; }
      #confirmation .card .card-body .total {
        color: #F9BF37; }
  #confirmation .btn {
    padding: 15px 50px;
    display: inline-block; }

.custom-checkbox {
  padding: 0; }
  .custom-checkbox .custom-control-label {
    padding-left: 35px;
    font-weight: 500; }
    .custom-checkbox .custom-control-label:after {
      top: 0px;
      left: 0px;
      width: 22px;
      height: 22px;
      border-radius: 4px;
      box-shadow: none !important; }
    .custom-checkbox .custom-control-label:before {
      top: 0px;
      left: 0px;
      width: 22px;
      height: 22px;
      background-color: transparent;
      border: 2px solid #ddd;
      border-radius: 4px;
      box-shadow: none !important; }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-color: #639635; }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: transparent; }
  .custom-checkbox .custom-control-input:active ~ .custom-control-label:after {
    background-color: #639635; }

.custom-radio {
  padding-left: 0px; }
  .custom-radio .custom-control-label {
    font-weight: 500;
    padding-left: 30px;
    cursor: pointer; }
    .custom-radio .custom-control-label:after {
      top: 0px;
      left: 0px;
      width: 0px;
      height: 0px;
      border-radius: 50%;
      box-shadow: none !important;
      background-color: #FFF !important; }
    .custom-radio .custom-control-label:before {
      left: 0px;
      width: 20px;
      height: 20px;
      background-color: #FFF !important;
      border: 2px solid #555;
      border-radius: 50%;
      box-shadow: none !important; }
  .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#000'/%3E%3C/svg%3E");
    top: 4px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 2px solid #555; }

#authentication .backgroud-image {
  min-height: 800px; }
#authentication .auth-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #000; }
  #authentication .auth-wrapper .auth-content {
    max-width: 440px;
    width: 100%; }
    #authentication .auth-wrapper .auth-content h1 {
      font-weight: 400;
      font-size: 44px;
      text-align: center;
      margin-bottom: 30px; }
#authentication .form-group {
  position: relative;
  padding: 20px 0 0;
  margin-bottom: 20px; }
  #authentication .form-group label:not(.custom-control-input) {
    position: absolute;
    top: 34px;
    left: 0;
    margin: auto;
    font-size: 20px;
    cursor: text;
    color: gray;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
  #authentication .form-group .form-control {
    padding: 15px;
    font-size: 18px;
    border-width: 0 0 2px;
    height: 50px;
    transition: border-color 0.5s; }
    #authentication .form-group .form-control:focus, #authentication .form-group .form-control:not(:placeholder-shown) {
      border-color: #F0C75E; }
    #authentication .form-group .form-control:focus ~ label, #authentication .form-group .form-control:not(:placeholder-shown) ~ label {
      font-size: 16px;
      top: 0px;
      color: #000; }
    #authentication .form-group .form-control::-webkit-input-placeholder {
      color: transparent !important; }
    #authentication .form-group .form-control::-moz-placeholder {
      color: transparent !important; }
    #authentication .form-group .form-control::-ms-input-placeholder {
      color: transparent !important; }
  #authentication .form-group.has-error .form-control {
    border-color: #dc3545; }

.titleSection {
  background-color: #F0C75E;
  padding: 50px 0;
  margin-bottom: 60px;
  color: black;
  font-weight: 600; }
  .titleSection h1 {
    font-size: 3.5rem; }

.kal-subsidiaries h2 {
  margin-bottom: 40px; }
.kal-subsidiaries ol {
  margin-bottom: 60px; }
.kal-subsidiaries .col-auto img {
  max-width: 280px; }

#blog-page {
  padding: 80px 0; }
  #blog-page .categories {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px; }
    #blog-page .categories h1 {
      font-size: 50px;
      font-weight: 300;
      color: #000; }
    #blog-page .categories .selectric-wrapper {
      cursor: pointer; }
      #blog-page .categories .selectric-wrapper .selectric {
        border-color: #000;
        border-width: 0 0 1px;
        padding: 10px 0 20px 0;
        background-color: #fff; }
        #blog-page .categories .selectric-wrapper .selectric .label {
          font-size: 50px;
          line-height: 60px;
          height: 100%;
          font-weight: 300;
          background-color: #fff;
          color: #000;
          transition: 0.4s; }
        #blog-page .categories .selectric-wrapper .selectric .button {
          background-color: #fff;
          border-left: 2px solid #000;
          border-bottom: 2px solid #000;
          width: 15px;
          height: 15px;
          transform: rotate(-45deg);
          transform-origin: bottom;
          margin-top: 30px;
          transition: 0.4s; }
          #blog-page .categories .selectric-wrapper .selectric .button:after {
            display: none; }
      #blog-page .categories .selectric-wrapper.selectric-hover .selectric {
        border-color: #F0C75E; }
        #blog-page .categories .selectric-wrapper.selectric-hover .selectric .label {
          color: #639635; }
        #blog-page .categories .selectric-wrapper.selectric-hover .selectric .button {
          border-left: 2px solid #639635;
          border-bottom: 2px solid #639635; }
  #blog-page .blog-list {
    position: relative; }
    #blog-page .blog-list figure {
      margin-bottom: 60px; }
      #blog-page .blog-list figure img {
        margin-bottom: 30px; }
      #blog-page .blog-list figure figcaption {
        padding-left: 60px;
        position: relative; }
        #blog-page .blog-list figure figcaption .breadcrumb {
          padding: 0 0 20px;
          font-size: 12px;
          font-weight: 600; }
          #blog-page .blog-list figure figcaption .breadcrumb li + li {
            padding-left: 20px; }
            #blog-page .blog-list figure figcaption .breadcrumb li + li:before {
              margin-right: 20px; }
        #blog-page .blog-list figure figcaption h3 {
          color: #000;
          font-size: 24px; }
        #blog-page .blog-list figure figcaption:before {
          content: '';
          position: absolute;
          left: 0;
          top: 8px;
          width: 40px;
          height: 1px;
          background-color: #000; }
        #blog-page .blog-list figure figcaption:after {
          content: '';
          position: absolute;
          left: 25px;
          top: 8px;
          width: 5px;
          height: 1px;
          background-color: #fff; }
    #blog-page .blog-list .col-right {
      margin-top: 160px; }
    #blog-page .blog-list:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 1px;
      height: 100%;
      background-color: #ddd; }

#blog-detail-page .container {
  max-width: 1000px; }
#blog-detail-page .section-heading {
  background-color: #F1F1F1;
  padding: 40px 0; }
  #blog-detail-page .section-heading .breadcrumb {
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 20px; }
  #blog-detail-page .section-heading h1 {
    color: #F0C75E;
    font-size: 46px; }
#blog-detail-page .social-icons {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0; }
  #blog-detail-page .social-icons svg {
    padding: 10px;
    fill: #000;
    width: 40px;
    height: 40px;
    transition: 0.4s; }
    #blog-detail-page .social-icons svg:hover {
      fill: #639635; }
#blog-detail-page h4, #blog-detail-page h3 {
  color: #F9BF37;
  font-size: 30px;
  font-weight: 400;
  margin: 10px 0 30px 0;
  text-align: left !important; }
#blog-detail-page p {
  text-align: justify;
  font-size: 18px; }
#blog-detail-page p a {
  color: #F0C75E; }
  #blog-detail-page p a:hover {
    color: #639635; }
#blog-detail-page .heading {
  font-size: 50px;
  color: #F0C75E;
  font-weight: 300;
  margin-bottom: 20px; }
#blog-detail-page hr {
  margin: 40px auto;
  width: 100%; }
#blog-detail-page .has-tag {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center; }
  #blog-detail-page .has-tag a {
    color: #F0C75E;
    font-weight: 600;
    margin: 0 10px; }
#blog-detail-page .comments .comments-wrapper {
  background-color: #F1F1F1;
  padding: 40px; }
  #blog-detail-page .comments .comments-wrapper h4 {
    color: #000; }

#about-ayurveda h3 {
  font-weight: 300;
  color: #000;
  margin-bottom: 30px; }
  #about-ayurveda h3 b {
    font-weight: 500; }
#about-ayurveda h2 {
  color: #000;
  margin-bottom: 20px; }
#about-ayurveda .about {
  position: relative; }
  #about-ayurveda .about .video-wrapper {
    position: relative; }
    #about-ayurveda .about .video-wrapper #video {
      max-width: 60vw; }
    #about-ayurveda .about .video-wrapper svg {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 30%;
      margin: auto;
      width: 50px;
      height: 50px;
      fill: #fff;
      cursor: pointer;
      z-index: 10; }
  #about-ayurveda .about .about-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(60vw - 150px); }
    #about-ayurveda .about .about-wrapper .content {
      background-color: #FDC125;
      padding: 60px 80px;
      color: #fff;
      max-width: 600px;
      font-weight: 300; }
      #about-ayurveda .about .about-wrapper .content b {
        font-weight: 500; }
      #about-ayurveda .about .about-wrapper .content h2 {
        color: #fff; }
#about-ayurveda .unraveled {
  padding-top: 60px; }
  #about-ayurveda .unraveled .background-image {
    padding: 100px 0;
    margin-top: 60px;
    background-position: right;
    background-size: 60%; }
    #about-ayurveda .unraveled .background-image .content {
      background-color: #F1F1F1;
      padding: 8% 6%;
      max-width: 720px;
      text-align: right; }
#about-ayurveda .used {
  padding-top: 60px; }
#about-ayurveda .classification {
  padding: 60px 0; }
#about-ayurveda .across-the-world .description {
  padding: 60px 0 0;
  background-color: #F1F1F1; }
  #about-ayurveda .across-the-world .description h4 {
    color: #000;
    margin-bottom: 30px; }
#about-ayurveda .reasons {
  padding: 60px 0; }
#about-ayurveda .research .background-image {
  padding: 100px 0;
  margin-top: 60px;
  background-position: right;
  background-size: 60%; }
  #about-ayurveda .research .background-image .content {
    background-color: #F1F1F1;
    padding: 8% 6%;
    max-width: 720px;
    text-align: right; }
#about-ayurveda .toxic-metals {
  padding: 60px 0 0; }
#about-ayurveda .development {
  background-color: #F0C75E;
  color: #000;
  padding: 60px 0; }

#about-kal h2 {
  color: #000;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 600; }
#about-kal .about img {
  border: 20px solid #fff;
  margin-top: -80px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 60px; }
#about-kal .about h2 {
  margin-top: 40px; }
#about-kal .about .description {
  background-color: #F0C75E;
  color: #fff;
  padding: 60px 0 40px; }
#about-kal .about h6 {
  font-size: 14px; }
#about-kal .our-heritage {
  padding: 100px 0; }
#about-kal .our-timeline h2 {
  margin-bottom: 60px; }
#about-kal .our-timeline .timeline {
  padding: 60px 0 0;
  margin: 0;
  list-style: none;
  position: relative; }
  #about-kal .our-timeline .timeline li {
    margin-bottom: 40px;
    position: relative;
    z-index: 10; }
    #about-kal .our-timeline .timeline li h4 {
      color: #000;
      font-weight: 600;
      margin-bottom: 20px; }
    #about-kal .our-timeline .timeline li h4, #about-kal .our-timeline .timeline li p, #about-kal .our-timeline .timeline li img {
      transition: all 0.4s;
      opacity: 0.6; }
    #about-kal .our-timeline .timeline li.active h4, #about-kal .our-timeline .timeline li.active p, #about-kal .our-timeline .timeline li.active img {
      opacity: 1; }
    #about-kal .our-timeline .timeline li .dot {
      margin-top: -15px;
      position: relative;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #about-kal .our-timeline .timeline li .dot span {
        background-color: #707070;
        width: 30px;
        height: 30px;
        display: block;
        border-radius: 50%;
        transition: all 0.4s; }
      #about-kal .our-timeline .timeline li .dot:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        border: 2px solid #707070;
        border-radius: 50%;
        transform: scale(0.5);
        transition: all 0.3s ease-in-out; }
    #about-kal .our-timeline .timeline li.active .dot span {
      background-color: #F0C75E; }
    #about-kal .our-timeline .timeline li.active .dot:after {
      border: 2px solid #F0C75E;
      transform: scale(1); }
  #about-kal .our-timeline .timeline:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    z-index: -1;
    background-color: #707070; }

#about-rd h1 {
  color: #000;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 600; }
#about-rd h2 {
  color: #000;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 600; }
#about-rd h3 {
  color: #000;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600; }
#about-rd .banner {
  padding: 60px 0;
  position: relative; }
  #about-rd .banner:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 55%;
    bottom: 0;
    z-index: -1;
    background-color: #F0C75E; }
#about-rd .rd-center {
  padding: 80px 0;
  margin-bottom: 40px; }
#about-rd .rd-section-1 {
  padding: 60px 0;
  margin-bottom: 40px;
  position: relative; }
  #about-rd .rd-section-1 img {
    display: block;
    margin-left: auto;
    border: 20px solid #fff;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.05); }
  #about-rd .rd-section-1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 60%;
    z-index: -1;
    background-color: #F1F1F1; }
#about-rd .rd-section-2 {
  padding: 60px 0;
  margin-bottom: 40px;
  position: relative; }
  #about-rd .rd-section-2 img {
    display: block;
    border: 20px solid #fff;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.05); }
  #about-rd .rd-section-2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 60%;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-color: #F0C75E; }

#about-news-and-media h1 {
  color: #000;
  margin-bottom: 40px;
  font-size: 50px;
  font-weight: 600; }
#about-news-and-media .news-and-media {
  padding: 60px 0; }
  #about-news-and-media .news-and-media h2 {
    text-align: center;
    padding: 0 30px;
    font-size: 50px;
    font-weight: 600;
    color: #000;
    line-height: 32px;
    margin: 0; }
    #about-news-and-media .news-and-media h2 span {
      font-size: 20px;
      display: block; }
  #about-news-and-media .news-and-media figure {
    padding-bottom: 120px; }
    #about-news-and-media .news-and-media figure figcaption {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 0;
      display: flex;
      align-items: flex-end; }
  #about-news-and-media .news-and-media .content {
    background-color: #F1F1F1;
    padding: 40px; }
    #about-news-and-media .news-and-media .content h3 {
      font-weight: 300;
      color: #000;
      margin-bottom: 20px; }
    #about-news-and-media .news-and-media .content h5 {
      color: #000;
      margin-bottom: 20px;
      font-weight: 500; }
    #about-news-and-media .news-and-media .content a {
      display: block;
      color: #000;
      text-align: right; }
      #about-news-and-media .news-and-media .content a img {
        margin-left: 10px; }
  #about-news-and-media .news-and-media .row {
    margin-bottom: 60px; }
    #about-news-and-media .news-and-media .row:nth-child(2n + 1) {
      justify-content: flex-end; }
      #about-news-and-media .news-and-media .row:nth-child(2n + 1) .content {
        background-color: #F0C75E; }

#confirmation-modal .modal-content {
  padding: 40px; }
  #confirmation-modal .modal-content h2 {
    color: #639635;
    font-size: 24px;
    margin: 0; }
  #confirmation-modal .modal-content svg {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
    fill: #F0C75E; }

.resort .resortDetail h5 {
  color: #000; }

.resort .resortDetail h4 {
  color: #000; }

#contact-us {
  padding-top: 100px;
  color: #000; }
  #contact-us h1, #contact-us h2 {
    font-size: 26px;
    font-weight: 700;
    color: #000; }
  #contact-us p {
    margin-bottom: 60px; }
  #contact-us .contect-box {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.05);
    padding: 70px;
    width: 85%;
    margin: 0 auto;
    background: #fff; }
  #contact-us textarea {
    width: 100%;
    margin-top: 20px;
    color: black;
    border: 1px solid #000;
    resize: none;
    padding: 10px; }
  #contact-us .contect-map {
    margin-top: -190px; }
  #contact-us .btn {
    width: 100%;
    padding: 15px 20px;
    margin-top: 20px;
    color: #000;
    background: #F0C75E;
    letter-spacing: 2px;
    transition: all 0.5s ease; }
    #contact-us .btn:hover {
      background: transparent;
      outline: 2px solid #F0C75E; }
  #contact-us .form-group {
    position: relative;
    padding: 20px 0 0;
    margin-bottom: 5px; }
    #contact-us .form-group label:not(.custom-control-input) {
      position: absolute;
      top: 34px;
      left: 0;
      margin: auto;
      font-size: 15px;
      cursor: text;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
    #contact-us .form-group .form-control {
      padding: 15px;
      font-size: 18px;
      border-width: 0 0 1px;
      height: 50px;
      transition: border-color 0.5s;
      border-color: #000;
      box-shadow: 0 0 #000 !important; }
      #contact-us .form-group .form-control:focus, #contact-us .form-group .form-control:not(:placeholder-shown) {
        border-color: #F0C75E; }
      #contact-us .form-group .form-control:focus ~ label, #contact-us .form-group .form-control:not(:placeholder-shown) ~ label {
        font-size: 16px;
        top: 0px;
        color: #000; }
      #contact-us .form-group .form-control::-webkit-input-placeholder {
        color: transparent !important; }
      #contact-us .form-group .form-control::-moz-placeholder {
        color: transparent !important; }
      #contact-us .form-group .form-control::-ms-input-placeholder {
        color: transparent !important; }
    #contact-us .form-group.has-error .form-control {
      border-color: #000; }

#wellness-page {
  padding: 60px 0; }
  #wellness-page p {
    text-align: justify; }

#wellness-center h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px; }
#wellness-center .banner {
  position: relative; }
  #wellness-center .banner img {
    margin-left: auto;
    display: block;
    max-width: 75%; }
  #wellness-center .banner .wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10vw;
    display: flex;
    align-items: center; }
  #wellness-center .banner .content {
    max-width: 400px;
    background-color: #F9BF37;
    padding: 60px;
    color: #fff; }
    #wellness-center .banner .content p {
      font-size: 24px; }
    #wellness-center .banner .content .from-group {
      display: flex;
      align-items: center; }
      #wellness-center .banner .content .from-group .form-control {
        border-width: 0px 0px 2px;
        border-color: #fff;
        background-color: transparent;
        font-size: 30px;
        padding: 10px 5px;
        font-weight: 300;
        margin-right: 30px;
        color: #fff;
        max-width: 120px; }
        #wellness-center .banner .content .from-group .form-control::-webkit-input-placeholder {
          color: #ffeec6 !important; }
        #wellness-center .banner .content .from-group .form-control::-moz-placeholder {
          color: #ffeec6 !important; }
        #wellness-center .banner .content .from-group .form-control::-ms-input-placeholder {
          color: #ffeec6 !important; }
      #wellness-center .banner .content .from-group .btn {
        min-width: auto;
        border-radius: 50%;
        padding: 5px 15px; }
        #wellness-center .banner .content .from-group .btn svg {
          width: 20px;
          height: 40px; }
    #wellness-center .banner .content a {
      font-size: 13px; }
      #wellness-center .banner .content a:hover {
        color: #fff; }
#wellness-center .choose-concern {
  margin-bottom: 60px; }
  #wellness-center .choose-concern .card {
    margin-top: -30px;
    padding: 20px; }
    #wellness-center .choose-concern .card h3 {
      text-align: center;
      font-weight: 400;
      margin-bottom: 40px; }
    #wellness-center .choose-concern .card .wrapper-item {
      max-width: 100%;
      margin: auto;
      min-height: 80px;
      padding: 10px; }
      #wellness-center .choose-concern .card .wrapper-item h5 {
        text-align: center;
        font-weight: 300;
        font-size: 15px;
        color: #000;
        transition: all 0.4s ease; }
      #wellness-center .choose-concern .card .wrapper-item img {
        max-width: 45px;
        display: block;
        margin: 0 auto 10px; }
      #wellness-center .choose-concern .card .wrapper-item:first-child {
        margin-bottom: 40px; }
      #wellness-center .choose-concern .card .wrapper-item:hover, #wellness-center .choose-concern .card .wrapper-item.active {
        cursor: pointer;
        background: #f9bf37; }
#wellness-center .flagship {
  background: linear-gradient(to right, #f1f1f1 40%, #ffffff 40%);
  padding: 50px 0; }
  #wellness-center .flagship h2 {
    margin-bottom: 40px; }
  #wellness-center .flagship .btn {
    min-width: auto;
    border-radius: 50%;
    padding: 8px 12px 8px;
    background: white;
    border: none; }
    #wellness-center .flagship .btn.nav-btn {
      padding: 12px 12px 12px; }
    #wellness-center .flagship .btn svg {
      width: 17px;
      height: 17px;
      fill: #000;
      transition: 0.3s; }
    #wellness-center .flagship .btn:hover {
      background: #F0C75E; }
      #wellness-center .flagship .btn:hover svg {
        fill: #fff; }
  #wellness-center .flagship .button-wrapper a {
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
    padding: 6px 15px;
    font-size: 15px; }
    #wellness-center .flagship .button-wrapper a:hover {
      color: #000; }
  #wellness-center .flagship .button-wrapper a.browse-btn {
    background: #F0C75E; }
  #wellness-center .flagship .col-carousel {
    max-width: calc(100% - 270px); }
  #wellness-center .flagship .owl-carousel figure {
    margin: 10px 10px 20px;
    max-width: 100%;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff; }
    #wellness-center .flagship .owl-carousel figure figcaption {
      padding: 30px;
      position: relative;
      min-height: 180px; }
      #wellness-center .flagship .owl-carousel figure figcaption h4 {
        color: #000;
        font-weight: 600;
        font-size: 19px; }
        #wellness-center .flagship .owl-carousel figure figcaption h4 a {
          color: #000; }
        #wellness-center .flagship .owl-carousel figure figcaption h4:hover a {
          color: #F9BF37; }
      #wellness-center .flagship .owl-carousel figure figcaption .text-right a {
        background-color: #F0C75E;
        display: inline-block;
        max-width: 160px;
        padding: 3px;
        border-radius: 22px;
        transition: 0.4s ease;
        position: absolute;
        right: 50px;
        bottom: -18px; }
        #wellness-center .flagship .owl-carousel figure figcaption .text-right a .text {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1;
          width: 0px;
          height: 36px;
          font-weight: 500;
          font-size: 14px;
          line-height: 36px;
          color: #F0C75E;
          background-color: #F0C75E;
          border-radius: 22px;
          transition: 0.4s 0.2s ease, color 0.4s 0s ease;
          padding-right: 40px;
          overflow: hidden;
          white-space: nowrap;
          transform: scale(0.8); }
        #wellness-center .flagship .owl-carousel figure figcaption .text-right a .button {
          font-size: 30px;
          line-height: 30px;
          width: 30px;
          height: 30px;
          display: block;
          text-align: center;
          color: #000;
          background-color: #fff;
          border-radius: 50%;
          position: relative;
          z-index: 10; }
        #wellness-center .flagship .owl-carousel figure figcaption .text-right a:hover {
          padding: 3px; }
          #wellness-center .flagship .owl-carousel figure figcaption .text-right a:hover .text {
            width: 150px;
            color: #000;
            font-weight: 600;
            transform: scale(1);
            transition: 0.4s ease, color 0.4s 0.6s ease; }
#wellness-center .doctors {
  padding: 60px 0; }
  #wellness-center .doctors .doctor-profile {
    max-width: calc(100% - 330px);
    height: auto; }
    #wellness-center .doctors .doctor-profile .wrapper {
      height: auto !important; }
    #wellness-center .doctors .doctor-profile .media img {
      max-width: 260px;
      margin-right: 30px; }
    #wellness-center .doctors .doctor-profile .media-body h4 {
      color: #000;
      font-size: 30px;
      font-weight: 600; }
      #wellness-center .doctors .doctor-profile .media-body h4 small {
        font-size: 70%;
        font-weight: 500; }
    #wellness-center .doctors .doctor-profile .media-body h6 {
      font-size: 20px; }
    #wellness-center .doctors .doctor-profile .media-body p {
      color: #000;
      font-weight: 500; }
    #wellness-center .doctors .doctor-profile .media-body a.color-green {
      font-weight: 600;
      font-size: 16px;
      text-decoration: underline !important;
      color: #F9BF37; }
    #wellness-center .doctors .doctor-profile .media-body a.button-green {
      border-radius: 100px;
      color: #fff;
      font-weight: 400;
      padding: 6px 15px;
      font-size: 15px; }
      #wellness-center .doctors .doctor-profile .media-body a.button-green:hover {
        color: #000; }
  #wellness-center .doctors .slick-slider-wrapper {
    max-width: 100%;
    overflow: hidden; }
    #wellness-center .doctors .slick-slider-wrapper .slick-slide {
      cursor: pointer; }
      #wellness-center .doctors .slick-slider-wrapper .slick-slide.slick-current h6, #wellness-center .doctors .slick-slider-wrapper .slick-slide.slick-current p {
        color: #F9BF37 !important; }
    #wellness-center .doctors .slick-slider-wrapper .slick-slider {
      max-width: 300px;
      padding: 10px 0;
      transition: all 0.4s ease; }
      #wellness-center .doctors .slick-slider-wrapper .slick-slider .media {
        margin: 10px 0;
        align-items: center; }
        #wellness-center .doctors .slick-slider-wrapper .slick-slider .media img {
          max-width: 100px;
          width: 90px;
          margin-right: 20px; }
        #wellness-center .doctors .slick-slider-wrapper .slick-slider .media-body h6 {
          color: #000;
          font-weight: 700; }
          #wellness-center .doctors .slick-slider-wrapper .slick-slider .media-body h6 small {
            font-weight: 600; }
        #wellness-center .doctors .slick-slider-wrapper .slick-slider .media-body p {
          font-size: 12px;
          font-weight: 600; }
  #wellness-center .doctors .button {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 14px;
    width: 50px;
    height: 50px;
    line-height: 1;
    margin: auto;
    cursor: pointer;
    transition: all 0.4s ease; }
    #wellness-center .doctors .button svg {
      width: 20px;
      height: 20px; }
    #wellness-center .doctors .button:hover {
      background: #F0C75E;
      border: 1px solid #F0C75E; }
      #wellness-center .doctors .button:hover svg {
        fill: #fff; }
#wellness-center .our-wellness-center .item {
  padding-bottom: 60px; }
#wellness-center .our-wellness-center .carousel-wrapper {
  padding-left: 10vw;
  display: flex;
  align-items: center; }
#wellness-center .our-wellness-center h2 {
  padding-left: 10vw;
  margin-left: -15px; }
#wellness-center .our-wellness-center .btn {
  min-width: auto;
  border-radius: 50%;
  padding: 5px 15px; }
  #wellness-center .our-wellness-center .btn svg {
    width: 20px;
    height: 40px; }
  #wellness-center .our-wellness-center .btn:hover {
    background: #F0C75E;
    border: 1px solid #F0C75E; }
    #wellness-center .our-wellness-center .btn:hover svg {
      fill: #fff; }
#wellness-center .our-wellness-center .owl-item p {
  font-size: 13px; }
#wellness-center .our-wellness-center .owl-item a.visit-btn {
  border-radius: 100px;
  color: #fff;
  font-weight: 400;
  padding: 6px 15px;
  font-size: 15px; }
  #wellness-center .our-wellness-center .owl-item a.visit-btn:hover {
    color: #000; }
#wellness-center .our-wellness-center .banner {
  padding-left: 7vw;
  padding-bottom: 3vw; }
#wellness-center .our-wellness-center .mobile-img {
  display: none; }
#wellness-center .our-wellness-center .get-in-touch {
  position: absolute;
  left: -35px;
  z-index: 10;
  margin-top: 10px;
  max-width: 270px;
  background-color: #f9bf37;
  padding: 40px 20px 25px;
  color: #000; }
  #wellness-center .our-wellness-center .get-in-touch svg {
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    margin: 5px 10px 0 0; }
  #wellness-center .our-wellness-center .get-in-touch p {
    font-size: 13px; }
  #wellness-center .our-wellness-center .get-in-touch a:hover {
    color: #000; }
#wellness-center .our-wellness-center #map_canvas {
  height: 100%;
  min-height: 380px;
  position: relative;
  margin-left: -150px;
  width: calc(100% + 150px);
  overflow: hidden; }
#wellness-center .showcase {
  padding: 60px; }
  #wellness-center .showcase h2 {
    margin-bottom: 40px; }
  #wellness-center .showcase .background-image {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    width: 100%;
    cursor: pointer; }
    #wellness-center .showcase .background-image .content {
      position: absolute;
      left: -100%;
      bottom: -100%;
      z-index: 10;
      background-color: #fff;
      padding: 20px 20px 5px;
      color: #000;
      max-width: 220px;
      transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      font-size: 14px; }
    #wellness-center .showcase .background-image:hover .content {
      left: 0px;
      bottom: 0px; }
  #wellness-center .showcase .grid {
    margin: 0 -15px; }
    #wellness-center .showcase .grid-col-1 {
      width: 20%;
      padding: 0 15px;
      float: left; }
    #wellness-center .showcase .grid-col-2 {
      width: 40%;
      padding: 0 15px;
      float: left; }
    #wellness-center .showcase .grid .height-1 {
      height: 240px; }
    #wellness-center .showcase .grid .height-2 {
      height: 510px; }
#wellness-center .ayurveda {
  padding-bottom: 60px;
  margin-bottom: 120px; }
  #wellness-center .ayurveda .background-grey {
    padding: 0 15px; }
    #wellness-center .ayurveda .background-grey h2 {
      position: relative;
      padding-top: 60px;
      margin: 40px 0;
      z-index: 10; }
      #wellness-center .ayurveda .background-grey h2:after {
        content: '';
        position: absolute;
        top: 40px;
        left: 60px;
        width: 220px;
        height: 130px;
        border: 10px solid rgba(0, 0, 0, 0.04);
        z-index: -1; }
    #wellness-center .ayurveda .background-grey .col-image {
      max-width: 450px; }
      #wellness-center .ayurveda .background-grey .col-image img {
        position: relative;
        bottom: -60px; }
#wellness-center .location {
  margin-bottom: 60px;
  background: url("../../../../pages/wellness-center/map.jpg"); }
  #wellness-center .location .card {
    max-width: 380px;
    position: relative;
    top: -60px; }
    #wellness-center .location .card .card-body {
      padding: 60px 40px;
      color: #000; }
      #wellness-center .location .card .card-body h6 {
        font-size: 19px; }
      #wellness-center .location .card .card-body p {
        margin-bottom: 40px; }
      #wellness-center .location .card .card-body svg {
        width: 18px;
        min-width: 18px;
        height: 18px;
        min-height: 18px;
        margin: 5px 15px 0 0; }
      #wellness-center .location .card .card-body a.button-green {
        color: #fff;
        background: #f9bf37; }
        #wellness-center .location .card .card-body a.button-green:hover {
          color: #000;
          background: #fff; }
  #wellness-center .location .selectric {
    border: 0;
    background-color: transparent;
    margin-bottom: 30px; }
    #wellness-center .location .selectric .label {
      margin: 0 38px 0 0px;
      line-height: 18px;
      height: 18px;
      font-size: 18px;
      font-weight: lighter; }
    #wellness-center .location .selectric .button {
      width: 18px;
      height: 18px;
      line-height: 18px;
      background-color: transparent; }
#wellness-center .kerala {
  margin-bottom: 60px; }
  #wellness-center .kerala .media {
    border: 3px solid #000;
    margin: 0 0 20px 20px;
    padding: 40px 40px 0 0;
    transition: 0.4s; }
    #wellness-center .kerala .media img {
      border-top: 20px solid #fff;
      border-right: 20px solid #fff;
      margin: 0 20px -20px -20px;
      max-width: 220px;
      align-self: flex-end; }
    #wellness-center .kerala .media-body {
      flex: 0; }
      #wellness-center .kerala .media-body h2 {
        max-width: 280px; }
      #wellness-center .kerala .media-body a {
        display: block;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        text-align: right;
        margin-bottom: 40px;
        font-weight: 600;
        text-decoration: underline !important; }
        #wellness-center .kerala .media-body a svg {
          width: 40px;
          height: 40px;
          padding: 10px;
          border-radius: 50%;
          border: 1px solid #000;
          vertical-align: -15px;
          margin-left: 10px;
          transition: 0.4s; }
        #wellness-center .kerala .media-body a:hover {
          color: #F0C75E; }
          #wellness-center .kerala .media-body a:hover svg {
            border: 1px solid #F0C75E;
            fill: #F0C75E; }
    #wellness-center .kerala .media:hover {
      border: 3px solid #F0C75E; }
  #wellness-center .kerala .btn {
    min-width: auto;
    border-radius: 50%;
    padding: 5px 15px; }
    #wellness-center .kerala .btn svg {
      width: 20px;
      height: 40px; }
    #wellness-center .kerala .btn:hover {
      background: #F0C75E;
      border: 1px solid #F0C75E; }
      #wellness-center .kerala .btn:hover svg {
        fill: #fff; }
#wellness-center .testimonials-item .container {
  margin: auto;
  max-width: 1100px;
  position: relative; }
#wellness-center .testimonials-item .description {
  padding: 40px 0 10px; }
  #wellness-center .testimonials-item .description img {
    max-width: 80px;
    margin: auto;
    border-radius: 50%; }
#wellness-center .testimonials-item h5 {
  font-weight: 600; }
#wellness-center .testimonials-item h6 {
  font-weight: 400;
  margin-bottom: 20px; }
#wellness-center .testimonials-item iframe {
  border: 15px solid #fff;
  height: 300px; }
#wellness-center .testimonials-item .inner-testimonial {
  position: relative;
  z-index: 9; }
#wellness-center .testimonials-item .background-green {
  padding: 40px 0 20px;
  margin-top: -70px; }
#wellness-center .testimonials-item .d-flex div:last-child {
  display: flex;
  align-items: center; }
#wellness-center .testimonials-item .index {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 10;
  color: #000;
  font-weight: 600; }
  #wellness-center .testimonials-item .index span {
    font-size: 160%; }
#wellness-center .testimonials-item .control {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  cursor: pointer; }
#wellness-center .testimonials-item .owl-item {
  animation-duration: 0.3s !important; }
#wellness-center .testimonials-item.text-center .description {
  padding: 0 0 60px; }
  #wellness-center .testimonials-item.text-center .description h5 {
    margin-bottom: 10px; }
  #wellness-center .testimonials-item.text-center .description h6 {
    margin-bottom: 30px; }

#flagship-center h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px; }
#flagship-center .banner {
  padding: 60px 0 0 0; }
  #flagship-center .banner-background {
    background: url(../images/flagship/flagship-banner.png);
    background-size: cover;
    padding: 120px 0; }
  #flagship-center .banner .background-color {
    background: #f9bf37;
    height: 26px;
    position: relative;
    left: -30%;
    width: 50%;
    display: block;
    top: 21px;
    max-width: 350px; }
  #flagship-center .banner .small-border {
    background: #f9bf37;
    height: 3px;
    display: block;
    max-width: 85px; }
  #flagship-center .banner .big-border {
    background: #f9bf37;
    display: block;
    max-width: 180px;
    height: 50px; }
  #flagship-center .banner h3 {
    font-size: 46px;
    font-weight: 500;
    line-height: 1.3;
    color: #000; }
  #flagship-center .banner h4 {
    color: #000;
    font-size: 25px; }
  #flagship-center .banner p {
    color: #000;
    font-size: 18px;
    font-weight: 400; }
#flagship-center .flagship {
  padding: 50px 0; }
  #flagship-center .flagship figure {
    margin: 10px 10px 20px;
    max-width: 100%;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff; }
    #flagship-center .flagship figure figcaption {
      padding: 40px 40px 30px;
      position: relative;
      min-height: 362px; }
      #flagship-center .flagship figure figcaption h4 {
        color: #000;
        font-weight: 600;
        font-size: 19px; }
      #flagship-center .flagship figure figcaption h5 {
        color: #000;
        font-size: 19px;
        font-weight: 500; }
      #flagship-center .flagship figure figcaption h6 {
        color: #000;
        font-size: 19px;
        font-weight: 500;
        padding: 10px 0 30px 0;
        margin-top: 40px; }
        #flagship-center .flagship figure figcaption h6:before {
          content: '';
          position: absolute;
          width: 45px;
          height: 3px;
          margin-top: -20px;
          background: #f9bf37; }
        #flagship-center .flagship figure figcaption h6:after {
          content: '';
          position: absolute;
          width: 27px;
          height: 27px;
          left: 0;
          margin-top: -2px;
          background: #f9bf37; }
      #flagship-center .flagship figure figcaption span.book-fee {
        color: #f9bf37;
        margin: 20px 0;
        font-size: 17px;
        display: flex;
        align-items: center; }
        #flagship-center .flagship figure figcaption span.book-fee:before {
          content: '';
          position: absolute;
          width: 11px;
          height: 30px;
          background: #f9bf37;
          margin-left: -40px; }
      #flagship-center .flagship figure figcaption a.book-now {
        background-color: #F0C75E;
        display: inline-block;
        max-width: 160px;
        padding: 3px;
        border-radius: 22px;
        transition: 0.4s ease;
        position: absolute;
        right: 50px;
        bottom: -18px; }
        #flagship-center .flagship figure figcaption a.book-now .text {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1;
          width: 0px;
          height: 36px;
          font-weight: 500;
          font-size: 14px;
          line-height: 36px;
          color: #F0C75E;
          background-color: #F0C75E;
          border-radius: 22px;
          transition: 0.4s 0.2s ease, color 0.4s 0s ease;
          padding-right: 40px;
          overflow: hidden;
          white-space: nowrap;
          transform: scale(0.8); }
        #flagship-center .flagship figure figcaption a.book-now .button {
          font-size: 30px;
          line-height: 30px;
          width: 30px;
          height: 30px;
          display: block;
          text-align: center;
          color: #000;
          background-color: #fff;
          border-radius: 50%;
          position: relative;
          z-index: 10; }
        #flagship-center .flagship figure figcaption a.book-now:hover {
          padding: 3px; }
          #flagship-center .flagship figure figcaption a.book-now:hover .text {
            width: 150px;
            color: #000;
            font-weight: 600;
            transform: scale(1);
            transition: 0.4s ease, color 0.4s 0.6s ease; }
#flagship-center .testimonials-item .container {
  margin: auto;
  max-width: 1100px;
  position: relative; }
#flagship-center .testimonials-item .description {
  padding: 40px 0 10px; }
  #flagship-center .testimonials-item .description img {
    max-width: 80px;
    margin: auto;
    border-radius: 50%; }
#flagship-center .testimonials-item h5 {
  font-weight: 600; }
#flagship-center .testimonials-item h6 {
  font-weight: 400;
  margin-bottom: 20px; }
#flagship-center .testimonials-item iframe {
  border: 15px solid #fff;
  height: 300px; }
#flagship-center .testimonials-item .inner-testimonial {
  position: relative;
  z-index: 9; }
#flagship-center .testimonials-item .background-green {
  padding: 40px 0 20px;
  margin-top: -70px; }
#flagship-center .testimonials-item .index {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 10;
  color: #000;
  font-weight: 600; }
  #flagship-center .testimonials-item .index span {
    font-size: 160%; }
#flagship-center .testimonials-item .control {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  cursor: pointer; }
#flagship-center .testimonials-item .owl-item {
  animation-duration: 0.3s !important; }
#flagship-center .testimonials-item.text-center .description {
  padding: 0 0 60px; }
  #flagship-center .testimonials-item.text-center .description h5 {
    margin-bottom: 10px; }
  #flagship-center .testimonials-item.text-center .description h6 {
    margin-bottom: 30px; }

#stress-management .banner a.book-now {
  border-radius: 100px;
  color: #fff;
  font-weight: 400;
  padding: 6px 15px;
  font-size: 15px; }
  #stress-management .banner a.book-now:hover {
    color: #000;
    background: #f9bf37; }

.treatment-page h2 {
  font-size: 40px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px; }
.treatment-page .banner {
  padding: 160px 0 80px 0; }
  .treatment-page .banner h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 500; }
  .treatment-page .banner p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 70px; }
    .treatment-page .banner p:after {
      content: '';
      position: absolute;
      width: 65px;
      height: 2px;
      display: block;
      background: white;
      left: 47%;
      margin-top: 35px; }
  .treatment-page .banner a {
    color: #f9bf37;
    font-size: 17px;
    font-weight: 500; }
.treatment-page .text-content {
  background: #f8f8f8;
  padding: 35px 0; }
.treatment-page .management-block {
  padding: 35px 0; }
  .treatment-page .management-block p {
    font-size: 18px; }
  .treatment-page .management-block .border-width {
    width: 75px;
    height: 3px;
    background: #f9bf37;
    display: block;
    margin: 0 auto; }
.treatment-page .key-features {
  padding: 50px 0 26px 0; }
  .treatment-page .key-features h3 {
    font-size: 40px;
    font-weight: 600;
    color: #000; }
    .treatment-page .key-features h3 span {
      color: #f9bf37; }
    .treatment-page .key-features h3:after {
      content: '';
      position: absolute;
      width: 90px;
      height: 1px;
      background: #000;
      top: 30px;
      margin-left: 40px; }
  .treatment-page .key-features .image-wrapper .feature-img {
    max-width: calc(100% - 15px);
    min-width: calc(100% - 15px); }
  .treatment-page .key-features .image-wrapper .fixed-img {
    position: absolute;
    right: 15px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); }
  .treatment-page .key-features .leaf-wrap img {
    position: relative;
    left: -60px; }
  .treatment-page .key-features p {
    font-size: 18px;
    padding-left: 20px; }
    .treatment-page .key-features p:before {
      content: '';
      position: absolute;
      width: 3px;
      height: 45px;
      margin-top: 7px;
      left: 16px;
      background: #f9bf37; }
.treatment-page .weight-reduction {
  padding: 50px 0 26px 0; }
  .treatment-page .weight-reduction .item {
    background: url(../images/stress-management/img3.jpg) no-repeat;
    background-position: right top;
    background-size: 45%; }
  .treatment-page .weight-reduction h3 {
    color: #000;
    font-weight: 500;
    font-size: 32px; }
  .treatment-page .weight-reduction h6 {
    color: #000;
    font-size: 19px;
    margin-bottom: 20px; }
  .treatment-page .weight-reduction .border-width {
    width: 65px;
    height: 3px;
    background: #f9bf37;
    display: block;
    margin-left: 3px; }
  .treatment-page .weight-reduction .mobile-img {
    display: none; }
  .treatment-page .weight-reduction .list-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
    .treatment-page .weight-reduction .list-wrapper ul li {
      padding-left: 30px;
      font-size: 18px;
      margin-bottom: 20px; }
      .treatment-page .weight-reduction .list-wrapper ul li:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        margin-left: -25px;
        margin-top: 9px;
        border-radius: 50%;
        background: #f9bf37; }
  .treatment-page .weight-reduction .treatment-wrapper {
    max-width: 380px; }
  .treatment-page .weight-reduction .treatment-block {
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 10;
    max-width: 380px;
    min-width: 380px;
    background-color: #f9bf37;
    padding: 40px 55px 40px;
    color: #000; }
    .treatment-page .weight-reduction .treatment-block h4 {
      font-size: 35px;
      font-weight: 600;
      color: #000; }
    .treatment-page .weight-reduction .treatment-block h5 {
      color: #000;
      font-size: 19px;
      margin-bottom: 20px; }
      .treatment-page .weight-reduction .treatment-block h5:after {
        content: '';
        position: absolute;
        width: 45px;
        height: 3px;
        background: #000;
        margin-top: 12px;
        margin-left: 35px; }
    .treatment-page .weight-reduction .treatment-block button {
      min-width: auto;
      border-radius: 50%;
      padding: 12px 12px 12px;
      background: white;
      border: none; }
      .treatment-page .weight-reduction .treatment-block button svg {
        width: 17px;
        height: 17px;
        fill: #000;
        transition: 0.3s; }
      .treatment-page .weight-reduction .treatment-block button:hover {
        background: #f9bf37; }
        .treatment-page .weight-reduction .treatment-block button:hover svg {
          fill: #fff; }
  .treatment-page .weight-reduction .price-wrapper {
    min-width: 250px;
    max-width: 250px;
    background: white;
    padding: 27px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    left: -50px;
    bottom: 80px;
    z-index: 99;
    text-align: center; }
.treatment-page .center-offerings {
  background: #f8f8f8;
  padding: 35px 0 60px 0; }
  .treatment-page .center-offerings .heading {
    margin: 0 20px; }
  .treatment-page .center-offerings h3 {
    color: #000;
    font-weight: 500;
    font-size: 32px; }
  .treatment-page .center-offerings .address-wrapper {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 20px; }
    .treatment-page .center-offerings .address-wrapper h5 {
      color: #000;
      font-weight: 600;
      font-size: 17px;
      display: flex;
      align-items: center; }
      .treatment-page .center-offerings .address-wrapper h5 .location-img {
        min-width: 35px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: #f9bf37;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 13px;
        border: 1px solid #f9bf37; }
        .treatment-page .center-offerings .address-wrapper h5 .location-img img {
          width: 15px;
          height: 15px;
          display: inline-block; }
    .treatment-page .center-offerings .address-wrapper address {
      color: #000000e3;
      font-size: 14px;
      font-weight: 500; }
    .treatment-page .center-offerings .address-wrapper a {
      color: #000;
      font-weight: 600;
      font-size: 15px;
      transition: all 0.4s ease; }
      .treatment-page .center-offerings .address-wrapper a:hover {
        color: #f9bf37; }
  .treatment-page .center-offerings .control {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    cursor: pointer; }
.treatment-page .flagship {
  background: linear-gradient(to left, #f1f1f1 40%, #ffffff 40%);
  margin: 75px 0 60px 0;
  padding: 50px 0; }
  .treatment-page .flagship h2 {
    margin-bottom: 40px; }
  .treatment-page .flagship h3 {
    font-weight: 500;
    font-size: 32px;
    padding-left: 64%;
    color: #000; }
  .treatment-page .flagship h6 {
    color: #000;
    font-size: 18px;
    margin: 10px 0 50px; }
  .treatment-page .flagship .btn {
    min-width: auto;
    border-radius: 50%;
    padding: 8px 12px 8px;
    background: white;
    border: none; }
    .treatment-page .flagship .btn.nav-btn {
      padding: 12px 12px 12px; }
    .treatment-page .flagship .btn svg {
      width: 17px;
      height: 17px;
      fill: #000;
      transition: 0.3s; }
    .treatment-page .flagship .btn:hover {
      background: #F0C75E; }
      .treatment-page .flagship .btn:hover svg {
        fill: #fff; }
  .treatment-page .flagship .col-carousel {
    max-width: calc(100% - 270px); }
  .treatment-page .flagship .owl-carousel figure {
    margin: 10px 10px 20px;
    max-width: 100%;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff; }
    .treatment-page .flagship .owl-carousel figure figcaption {
      padding: 30px 30px 0;
      position: relative;
      min-height: 180px; }
      .treatment-page .flagship .owl-carousel figure figcaption h4 {
        color: #000;
        font-weight: 600;
        font-size: 19px; }
      .treatment-page .flagship .owl-carousel figure figcaption .text-right a {
        background-color: #F0C75E;
        display: inline-block;
        max-width: 160px;
        padding: 3px;
        border-radius: 22px;
        transition: 0.4s ease;
        position: absolute;
        right: 50px;
        bottom: -18px; }
        .treatment-page .flagship .owl-carousel figure figcaption .text-right a .text {
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1;
          width: 0px;
          height: 36px;
          font-weight: 500;
          font-size: 14px;
          line-height: 36px;
          color: #F0C75E;
          background-color: #F0C75E;
          border-radius: 22px;
          transition: 0.4s 0.2s ease, color 0.4s 0s ease;
          padding-right: 40px;
          overflow: hidden;
          white-space: nowrap;
          transform: scale(0.8); }
        .treatment-page .flagship .owl-carousel figure figcaption .text-right a .button {
          font-size: 30px;
          line-height: 30px;
          width: 30px;
          height: 30px;
          display: block;
          text-align: center;
          color: #000;
          background-color: #fff;
          border-radius: 50%;
          position: relative;
          z-index: 10; }
        .treatment-page .flagship .owl-carousel figure figcaption .text-right a:hover {
          padding: 3px; }
          .treatment-page .flagship .owl-carousel figure figcaption .text-right a:hover .text {
            width: 150px;
            color: #000;
            font-weight: 600;
            transform: scale(1);
            transition: 0.4s ease, color 0.4s 0.6s ease; }
.treatment-page .testimonials-item .container {
  margin: auto;
  max-width: 1100px;
  position: relative; }
.treatment-page .testimonials-item .description {
  padding: 40px 0 10px; }
  .treatment-page .testimonials-item .description img {
    max-width: 80px;
    margin: auto;
    border-radius: 50%; }
.treatment-page .testimonials-item h5 {
  font-weight: 600; }
.treatment-page .testimonials-item h6 {
  font-weight: 400;
  margin-bottom: 20px; }
.treatment-page .testimonials-item iframe {
  border: 15px solid #fff;
  height: 300px; }
.treatment-page .testimonials-item .inner-testimonial {
  position: relative;
  z-index: 9; }
.treatment-page .testimonials-item .background-green {
  padding: 40px 0 20px;
  margin-top: -70px; }
.treatment-page .testimonials-item .index {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 10;
  color: #000;
  font-weight: 600; }
  .treatment-page .testimonials-item .index span {
    font-size: 160%; }
.treatment-page .testimonials-item .control {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  cursor: pointer; }
.treatment-page .testimonials-item .owl-item {
  animation-duration: 0.3s !important; }
.treatment-page .testimonials-item.text-center .description {
  padding: 0 0 60px; }
  .treatment-page .testimonials-item.text-center .description h5 {
    margin-bottom: 10px; }
  .treatment-page .testimonials-item.text-center .description h6 {
    margin-bottom: 30px; }

#individual-treatment .individual-banner {
  padding: 50px 0 20px 0; }
  #individual-treatment .individual-banner .banner-text {
    padding-left: 9vw;
    border-bottom: 18px solid #f2c249; }
    #individual-treatment .individual-banner .banner-text h1 {
      color: #000;
      font-size: 48px; }
    #individual-treatment .individual-banner .banner-text a {
      font-size: 17px;
      font-weight: 500;
      text-decoration: underline !important;
      color: #f2c249; }
  #individual-treatment .individual-banner .yellow-block {
    background: #f2c249;
    min-height: 300px;
    max-width: 300px; }
#individual-treatment .procedure {
  margin: 60px 0;
  background: url(../images/face-massage/flower.png) no-repeat, #F8F8F8;
  background-position: calc(100% + 32px) bottom; }
  #individual-treatment .procedure h3 {
    font-size: 40px;
    font-weight: 600;
    color: #000; }
  #individual-treatment .procedure p {
    font-size: 18px; }
  #individual-treatment .procedure .grey-border {
    width: 60px;
    height: 3px;
    background: #C5C5C5;
    display: block; }
#individual-treatment .location-wrapper {
  padding: 50px 0 0 0; }
  #individual-treatment .location-wrapper .quotation {
    background: #f8f8f8;
    padding: 50px 30px; }
    #individual-treatment .location-wrapper .quotation h5 {
      font-size: 35px; }
    #individual-treatment .location-wrapper .quotation p {
      font-size: 19px; }
  #individual-treatment .location-wrapper .location-block {
    position: relative;
    max-width: 300px;
    margin: -53px auto 0 auto;
    background: white;
    padding: 25px 40px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); }
    #individual-treatment .location-wrapper .location-block .selectric {
      background: #fff;
      border: none; }
      #individual-treatment .location-wrapper .location-block .selectric .button {
        background: #fff; }
    #individual-treatment .location-wrapper .location-block h6 {
      font-size: 19px;
      color: #000; }
#individual-treatment .benefits {
  padding: 20px 0; }
  #individual-treatment .benefits .benefits-wrapper {
    padding: 50px 0; }
    #individual-treatment .benefits .benefits-wrapper .benefits-content {
      color: #fff;
      background-color: #f2c249;
      background-size: 15%;
      background-image: url(../images/face-massage/benfits-background.png);
      background-repeat: no-repeat;
      background-position: calc(100% + 18px) bottom;
      padding: 45px 30px 50px 50px; }
      #individual-treatment .benefits .benefits-wrapper .benefits-content h3 {
        font-size: 37px;
        font-weight: 600; }
      #individual-treatment .benefits .benefits-wrapper .benefits-content ul {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        flex-direction: row; }
        #individual-treatment .benefits .benefits-wrapper .benefits-content ul li {
          padding-left: 20px;
          font-size: 18px;
          font-weight: lighter; }
          #individual-treatment .benefits .benefits-wrapper .benefits-content ul li:before {
            content: '';
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            margin: 10px 0 0 -20px; }
      #individual-treatment .benefits .benefits-wrapper .benefits-content .white-border {
        width: 60px;
        height: 3px;
        background: #fff;
        display: block; }
  #individual-treatment .benefits .indication-block h2 {
    border-bottom: 10px solid #f2c249;
    line-height: 1px; }
    #individual-treatment .benefits .indication-block h2 span {
      background: white;
      padding: 0 25px;
      position: relative;
      top: 4px; }
  #individual-treatment .benefits .indication-block .indication-list {
    padding: 60px;
    border-left: 10px solid #f2c249;
    border-right: 10px solid #f2c249;
    border-bottom: 10px solid #f2c249; }
    #individual-treatment .benefits .indication-block .indication-list p {
      display: none; }
    #individual-treatment .benefits .indication-block .indication-list ul {
      display: flex;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      flex-direction: row !important;
      width: 100%; }
      #individual-treatment .benefits .indication-block .indication-list ul li {
        color: #000;
        font-size: 18px;
        padding-left: 30px;
        flex: 0 0 25%;
        max-width: 25%;
        margin-bottom: 15px; }
        #individual-treatment .benefits .indication-block .indication-list ul li:before {
          content: '';
          position: absolute;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #000;
          margin: 11px 0 0 -25px; }
#individual-treatment .visuals {
  padding: 50px 0; }
  #individual-treatment .visuals .container {
    background: url(../images/face-massage/background-flower.png) no-repeat;
    background-size: 40%;
    background-position: left bottom; }
    #individual-treatment .visuals .container .black-border {
      width: 60px;
      height: 3px;
      background: #000;
      display: block; }
    #individual-treatment .visuals .container img {
      border-radius: 12px; }
#individual-treatment #suggesting-products h4 {
  color: #000;
  font-size: 32px;
  font-weight: 400;
  margin-right: 10px; }
#individual-treatment #suggesting-products ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: row; }
  #individual-treatment #suggesting-products ul li {
    margin-right: 50px;
    color: #000;
    padding-left: 20px;
    color: #000; }
    #individual-treatment #suggesting-products ul li:before {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #000;
      margin: 8px 0 0 -20px; }
#individual-treatment #suggesting-products a.button-green {
  color: #fff;
  font-weight: 500;
  margin-top: 50px; }
  #individual-treatment #suggesting-products a.button-green:hover {
    color: #000; }
#individual-treatment #blog {
  padding: 60px 0; }
  #individual-treatment #blog h2 {
    color: #000;
    text-align: center;
    margin-bottom: 60px;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px; }
    #individual-treatment #blog h2:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0;
      width: 40px;
      height: 2px;
      background-color: #F0C75E; }
  #individual-treatment #blog figcaption {
    padding: 40px; }
    #individual-treatment #blog figcaption h6 {
      color: #000;
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 2px; }
    #individual-treatment #blog figcaption h3 {
      font-weight: 600; }
  #individual-treatment #blog a.button-green {
    color: #fff;
    font-weight: 500; }
    #individual-treatment #blog a.button-green:hover {
      color: #000; }

#location-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
  #location-modal .content {
    max-height: calc(100% - 10vh);
    overflow: auto;
    padding: 60px 50px;
    background-color: #ffffff;
    max-width: 85%;
    position: relative;
    margin: 15vh auto;
    border-radius: 10px; }
    #location-modal .content .modal-wrap h3 {
      font-weight: 400;
      font-size: 23px;
      color: #000; }
    #location-modal .content .modal-wrap .location-wrapper {
      text-align: center; }
      #location-modal .content .modal-wrap .location-wrapper .img-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 75px; }
      #location-modal .content .modal-wrap .location-wrapper p {
        font-size: 15px; }
      #location-modal .content .modal-wrap .location-wrapper img {
        min-height: 73px;
        max-width: 82px; }
      #location-modal .content .modal-wrap .location-wrapper svg {
        max-height: 75px;
        fill: #000;
        transition: all 0.3s ease; }
      #location-modal .content .modal-wrap .location-wrapper:hover p, #location-modal .content .modal-wrap .location-wrapper.active p {
        color: #F0C75E; }
      #location-modal .content .modal-wrap .location-wrapper:hover svg, #location-modal .content .modal-wrap .location-wrapper.active svg {
        fill: #F0C75E; }
    #location-modal .content .modal-wrap h4 {
      text-align: center;
      font-size: 18px;
      color: #717070;
      border-bottom: 1px solid #dee2e6;
      line-height: 1px;
      font-weight: 400; }
      #location-modal .content .modal-wrap h4 span {
        background: white;
        padding: 0px 30px;
        margin-bottom: -8px;
        display: inline-block;
        position: relative;
        z-index: 999;
        height: 20px;
        line-height: 20px; }
    #location-modal .content .modal-wrap .button-wrapper a {
      border-radius: 10px;
      padding: 10px 50px 10px 30px;
      display: inline-block; }

.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
  .modal-wrapper .content {
    max-height: 86vh;
    overflow: auto;
    background-color: #ffffff;
    max-width: 60%;
    position: relative;
    margin: 8vh auto;
    border-radius: 10px; }
    .modal-wrapper .content svg {
      float: right;
      margin: 20px 20px 0 0;
      width: 25px;
      height: 25px;
      cursor: pointer;
      position: sticky;
      top: 20px;
      z-index: 999; }
    .modal-wrapper .content .modal-info {
      padding: 50px; }
      .modal-wrapper .content .modal-info h3 {
        font-size: 26px;
        font-weight: 600;
        color: #000; }
      .modal-wrapper .content .modal-info p {
        color: #000;
        font-weight: 500;
        font-size: 17px; }
      .modal-wrapper .content .modal-info label {
        font-size: 14px; }
      .modal-wrapper .content .modal-info .button-wrapper .button-green {
        font-size: 12px;
        color: #fff;
        padding: 9px 25px;
        border-radius: 3px;
        width: 100%;
        background: #f2bf3e;
        display: block;
        font-weight: 400; }
        .modal-wrapper .content .modal-info .button-wrapper .button-green:hover {
          color: #000;
          background: rgba(240, 199, 94, 0.1); }
      .modal-wrapper .content .modal-info .selectric {
        background: #fff; }
        .modal-wrapper .content .modal-info .selectric .button {
          background: #fff; }
        .modal-wrapper .content .modal-info .selectric .label {
          font-size: 12px;
          color: #000;
          font-weight: 600; }
      .modal-wrapper .content .modal-info input[type="text"] {
        font-size: 12px;
        color: #000;
        font-weight: 600; }
      .modal-wrapper .content .modal-info .dropdown-menu {
        background: white;
        z-index: 99;
        position: absolute;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); }
        .modal-wrapper .content .modal-info .dropdown-menu table td, .modal-wrapper .content .modal-info .dropdown-menu table td span, .modal-wrapper .content .modal-info .dropdown-menu table td a span {
          height: 30px;
          line-height: 30px;
          padding: 0px; }
      .modal-wrapper .content .modal-info input#date {
        background: url(../images/dater.png) no-repeat;
        background-position: 92% center; }
      .modal-wrapper .content .modal-info input#time {
        background: url(../images/timer.png) no-repeat;
        background-position: 92% center; }

.modal-wrapper .img-wrapper {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 100px 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

#cart-nav .breadcrumb-item {
  font-size: 25px; }
#cart-nav .breadcrumb-item + .breadcrumb-item:before {
  content: "/"; }

#my-cart .cart-table table.product-table th {
  font-weight: 600;
  font-size: 17px; }
  #my-cart .cart-table table.product-table th:nth-child(2) {
    text-align: left !important; }
  #my-cart .cart-table table.product-table th:last-child {
    text-align: center !important; }
#my-cart .cart-table table.product-table td {
  font-size: 15px; }
  #my-cart .cart-table table.product-table td:nth-child(2) {
    text-align: left !important;
    padding-top: 35px; }
  #my-cart .cart-table table.product-table td:last-child {
    text-align: center !important; }
#my-cart .total-table th {
  font-size: 15px;
  padding: 3px 15px !important; }
#my-cart .button-dark-green-outline {
  font-weight: 600; }
  #my-cart .button-dark-green-outline a {
    transition: 0s ease; }
  #my-cart .button-dark-green-outline:hover {
    color: #fff; }
    #my-cart .button-dark-green-outline:hover a {
      color: #fff !important; }

@media (max-width: 1199px) {
  body #header .navigation {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    height: 100vh;
    width: 300px; }
    body #header .navigation .nav-wrapper {
      height: 100%;
      background-color: #FFF;
      display: flex;
      align-items: center;
      overflow: auto;
      padding: 30px 0; }
      body #header .navigation .nav-wrapper ul {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        body #header .navigation .nav-wrapper ul a {
          color: #639635 !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          width: 100%; }
        body #header .navigation .nav-wrapper ul li.dropdown .dropdown-menu {
          position: static;
          background-color: #f9f0f0; }
          body #header .navigation .nav-wrapper ul li.dropdown .dropdown-menu ul {
            padding: 0px; }
            body #header .navigation .nav-wrapper ul li.dropdown .dropdown-menu ul a {
              color: #000 !important; }
      body #header .navigation .nav-wrapper .close-menu {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        width: 50px;
        height: 50px;
        padding: 10px;
        fill: #639635; }
  body #header .open-menu {
    width: 48px;
    height: 48px;
    padding: 10px; }

  #product-view {
    margin-bottom: 40px; }

  #about-ayurveda .about .video-wrapper {
    margin-bottom: -10px; }
    #about-ayurveda .about .video-wrapper #video {
      max-width: 100%; }
    #about-ayurveda .about .video-wrapper svg {
      left: 0;
      right: 0; }
  #about-ayurveda .about .about-wrapper {
    position: static; }
    #about-ayurveda .about .about-wrapper .content {
      max-width: 100%; }

  #product-hero2 .product-recommended {
    background-size: cover; }

  .banner-ecommerce {
    min-height: 440px !important; }

  #wellness-center .banner img {
    max-width: 80%; }
  #wellness-center .banner .wrapper {
    left: 5%; }
  #wellness-center .banner .content {
    max-width: 340px;
    padding: 40px; }
    #wellness-center .banner .content p {
      font-size: 20px; }
  #wellness-center .showcase .grid-col-1, #wellness-center .showcase .grid-col-2 {
    width: 25%; }
  #wellness-center .showcase .grid .height-1,
  #wellness-center .showcase .grid .height-2 {
    height: 100%;
    padding: 45%; }
  #wellness-center .kerala .media {
    margin: 0 0 40px 40px;
    padding: 80px 80px 0 0; }
    #wellness-center .kerala .media img {
      margin: 0 60px -40px -40px;
      max-width: 300px; }

  .modal-wrapper .content {
    max-width: 90%; } }
@media (max-width: 400px) {
  #header .header-logo {
    max-width: 130px; }

  #search-bar form .form-control {
    height: 70px;
    font-size: 20px; }
  #search-bar form .close {
    top: 20px; }

  #featured-products .owl-carousel figure figcaption .content ul {
    font-size: 10px; }

  #checkout .card .card-body {
    padding: 20px; }
  #checkout .btn {
    padding: 15px 30px;
    display: inline-block; }

  #confirmation .card .card-body {
    padding: 20px; }
  #confirmation .btn {
    padding: 15px 30px;
    display: inline-block; }

  #products-list .product-list-col figure .product-head .icons .btn {
    width: 30px;
    height: 30px; }
    #products-list .product-list-col figure .product-head .icons .btn svg {
      width: 13px;
      height: 13px;
      margin-top: -10px; }
    #products-list .product-list-col figure .product-head .icons .btn.wishlist svg {
      margin-top: -8px; } }
@media (max-width: 449px) {
  #testimonial .owl-carousel figure {
    padding-bottom: 40%;
    background-size: 100%;
    background-position: bottom; }
    #testimonial .owl-carousel figure figcaption h3 {
      font-size: 20px;
      margin-bottom: 20px; }
    #testimonial .owl-carousel figure figcaption p {
      margin-bottom: 10px; }

  #kerala-ayurveda-academy .academy-wrapper .border-box {
    border: 10px solid #F0C75E;
    border-left: 0;
    max-width: 100%; }
  #kerala-ayurveda-academy .academy-wrapper .content {
    padding: 40px 0px 40px 30px; }
    #kerala-ayurveda-academy .academy-wrapper .content h2 {
      font-size: 26px;
      padding: 10px 0; }
    #kerala-ayurveda-academy .academy-wrapper .content:after {
      width: 10px !important; }

  #blog .owl-carousel figure figcaption {
    padding: 20px 0px 10px !important; }
    #blog .owl-carousel figure figcaption h6 {
      font-size: 14px; }
    #blog .owl-carousel figure figcaption h3 {
      font-size: 18px;
      margin-bottom: 10px; }

  #product-categories {
    margin-top: 40px; } }
@media (max-width: 767px) {
  body #header {
    padding: 10px 0; }
    body #header .navigation {
      width: 100%; }

  #individual-treatment .benefits .indication-block .indication-list ul li {
    flex: 0 0 100%;
    max-width: 100%; }

  #wellness-center .choose-concern .card {
    margin-top: 30px; }
  #wellness-center .showcase .grid .height-1, #wellness-center .showcase .grid .height-2 {
    height: auto;
    padding: 30%; }
  #wellness-center.ayurved-camp .flagship .btn.nav-btn {
    padding: 8px 12px 8px; }
  #wellness-center.ayurved-camp .doctors-location .background-wrap {
    padding: 20px 20px 0 20px; }
  #wellness-center.ayurved-camp .review .review-wrapper:nth-child(even) .row {
    padding-left: 30px; }
  #wellness-center.ayurved-camp .write-review .review-form {
    padding: 30px; }

  #location-modal .content {
    max-height: 75vh;
    max-width: 92%;
    padding: 40px 20px; }
    #location-modal .content .modal-wrap .button-wrapper a {
      padding: 10px 20px; }

  .modal-wrapper .content {
    max-width: 92%; }
    .modal-wrapper .content .modal-info {
      padding: 30px; }
    .modal-wrapper .content .img-wrapper {
      display: none; }

  #search-bar form .form-control {
    height: 80px;
    font-size: 24px;
    width: calc(100% - 30px); }
  #search-bar form .close {
    top: 25px;
    width: 30px;
    height: 30px; }

  #footer .footer-wrap .keralaayurveda {
    max-width: 100%;
    padding-right: 0; }

  #banner .owl-carousel .banner-slide video {
    display: none; }
  #banner .owl-carousel .banner-slide .content {
    left: 20vw !important; }
  #banner .owl-pagination {
    bottom: 30px;
    right: 30px; }
    #banner .owl-pagination div {
      width: auto; }
      #banner .owl-pagination div p svg {
        margin-left: 5px; }
      #banner .owl-pagination div p:last-child {
        display: none; }
      #banner .owl-pagination div + div {
        margin-left: 20px; }
  #banner .social-icons {
    bottom: 30px;
    left: 30px; }
    #banner .social-icons svg {
      width: 30px;
      height: 30px;
      padding: 7px; }

  #video-modal .modal-dialog {
    max-width: 100vw; }

  #services figure {
    max-height: 360px; }
    #services figure h6,
    #services figure .content h3 {
      color: #639635 !important; }
  #services img.hide {
    display: none !important; }
  #services img.active {
    display: block !important; }

  #blog,
  #kerala-ayurveda-academy,
  #testimonial,
  #awards-and-accolades,
  #featured-products {
    padding-top: 40px; }

  #featured-products .owl-carousel .owl-item {
    padding: 0; }
  #featured-products figure figcaption .content {
    transform: scale(1);
    bottom: -110px; }
    #featured-products figure figcaption .content h3 {
      font-size: 20px;
      margin-bottom: 60px;
      transition: 0.5s;
      font-weight: 600; }
    #featured-products figure figcaption .content h5 {
      font-size: 18px;
      margin-bottom: 0; }
    #featured-products figure figcaption .content p {
      font-size: 14px;
      margin-bottom: 10px; }
  #featured-products .active {
    transform: scale(1); }
    #featured-products .active:hover .content {
      bottom: 10px; }

  #wellness-centre {
    padding: 40px 0 0px;
    overflow: hidden; }
    #wellness-centre .book-appointment {
      padding: 20px; }
      #wellness-centre .book-appointment:after {
        top: 0px;
        height: 100px; }
      #wellness-centre .book-appointment h3 {
        font-size: 24px;
        margin-bottom: 30px; }
      #wellness-centre .book-appointment form .form-group {
        width: 100%; }

  #kerala-ayurveda-academy .academy-wrapper {
    padding: 40px 0; }
    #kerala-ayurveda-academy .academy-wrapper .background-image {
      width: 90%; }
    #kerala-ayurveda-academy .academy-wrapper .border-box .content {
      max-width: 100%;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 40px 20px 40px 40px; }
      #kerala-ayurveda-academy .academy-wrapper .border-box .content h2 {
        left: -40px; }
        #kerala-ayurveda-academy .academy-wrapper .border-box .content h2:after {
          left: 0; }
      #kerala-ayurveda-academy .academy-wrapper .border-box .content h4:after {
        display: none; }

  .ayurved-camp .banner-content .row {
    padding-bottom: 70px; }
  .ayurved-camp .banner-content p {
    margin-top: 20px; }
  .ayurved-camp .img-content {
    height: auto; }
    .ayurved-camp .img-content .img-wrapper {
      width: 100%;
      position: static;
      height: 100%; }
  .ayurved-camp .wrapper-content {
    padding: 30px; }
  .ayurved-camp #sneak-peek-wrapper .sneak-peek {
    position: static;
    right: 0;
    margin: 0;
    max-width: 250px;
    z-index: 9; }
  .ayurved-camp #sneak-peek-wrapper .img-wrapper {
    z-index: -1;
    position: relative;
    margin-top: 0px; }
  .ayurved-camp .enquiry .text-wrapper {
    position: static;
    margin-bottom: 15px; }
  .ayurved-camp .enquiry h3 {
    margin-bottom: 20px; }

  #blog h2 {
    margin-bottom: 30px; }
  #blog .owl-carousel {
    margin-bottom: 40px; }
    #blog .owl-carousel figure {
      margin: 0px; }
      #blog .owl-carousel figure figcaption {
        position: relative;
        bottom: 0px;
        max-width: 100%;
        padding: 30px 20px 20px; }
    #blog .owl-carousel .owl-nav {
      position: absolute;
      right: 0;
      bottom: 10px; }
      #blog .owl-carousel .owl-nav button {
        position: relative;
        border: 1px solid #639635;
        background-color: #fff;
        padding: 5px 10px 7px 10px !important;
        border-radius: 0;
        margin: auto 5px; }
        #blog .owl-carousel .owl-nav button svg {
          width: 18px;
          height: 18px;
          fill: #639635; }

  #newsletter {
    padding: 40px 0; }
    #newsletter .form-group {
      display: block; }
      #newsletter .form-group input {
        margin-bottom: 20px; }

  #products-list .product-list-col.list-view .wishlist {
    right: 26vw;
    left: auto; }
  #products-list .product-list-col.list-view figure {
    padding: 0 20px;
    display: block; }
    #products-list .product-list-col.list-view figure a {
      margin: auto; }
      #products-list .product-list-col.list-view figure a .product-badge {
        left: -15%;
        top: 20px; }
    #products-list .product-list-col.list-view figure .price {
      position: relative !important;
      display: flex;
      flex-flow: row-reverse;
      justify-content: flex-end;
      align-items: center; }

  #popular-product {
    padding: 80px 20px 0 20px; }
    #popular-product .row {
      margin-bottom: 60px; }
    #popular-product .content-col {
      max-width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
      #popular-product .content-col p {
        font-size: 14px; }
      #popular-product .content-col h5 {
        margin-bottom: 30px; }

  #offers {
    padding: 40px 0; }
    #offers h2 {
      margin-bottom: 30px; }

  #product-view .product-detail {
    padding: 40px 20px 20px; }
    #product-view .product-detail .wishlist {
      top: -5px;
      right: 0; }
    #product-view .product-detail h1 {
      font-size: 25px; }
    #product-view .product-detail .price {
      display: flex;
      flex-direction: row-reverse; }
    #product-view .product-detail .saved {
      text-align: left; }
    #product-view .product-detail small .rating {
      width: 80px; }

  #product-share-icons {
    right: 5px;
    top: 40vh;
    z-index: 10; }
    #product-share-icons .jssocials-share-logo {
      max-width: 30px; }

  #share-icons {
    right: 10px;
    top: 50vh; }

  #my-cart {
    padding-bottom: 30px; }
    #my-cart .btn {
      margin-bottom: 20px;
      width: 100%; }

  #blog-page {
    padding: 30px 0; }
    #blog-page .categories {
      display: block;
      margin-bottom: 40px; }
      #blog-page .categories h1 {
        font-size: 40px; }
    #blog-page .blog-list figure {
      margin-bottom: 40px; }
      #blog-page .blog-list figure img {
        margin-bottom: 20px; }
      #blog-page .blog-list figure figcaption {
        padding-left: 10%; }
        #blog-page .blog-list figure figcaption .breadcrumb {
          font-size: 10px; }
          #blog-page .blog-list figure figcaption .breadcrumb li + li {
            padding-left: 5px; }
            #blog-page .blog-list figure figcaption .breadcrumb li + li:before {
              margin-right: 5px; }
        #blog-page .blog-list figure figcaption:before {
          width: 8%; }
        #blog-page .blog-list figure figcaption:after {
          top: 8px;
          left: 4%; }

  #product-categories .card-body {
    padding: 30px 20px 0 20px; }
    #product-categories .card-body .owl-carousel {
      width: 100%; }
    #product-categories .card-body h2 {
      margin-bottom: 20px; }

  #about-ayurveda .about .about-wrapper .content {
    padding: 40px 30px; }

  #about-kal .our-timeline h2 {
    margin-bottom: 60px; }
  #about-kal .our-timeline .timeline {
    padding: 60px 0 0;
    margin: 0;
    list-style: none;
    position: relative; }
    #about-kal .our-timeline .timeline li {
      padding-left: 60px;
      position: relative; }
      #about-kal .our-timeline .timeline li > div {
        position: static; }
      #about-kal .our-timeline .timeline li .dot {
        position: absolute;
        margin-top: 0;
        top: 0;
        left: 10px;
        width: 40px;
        height: 40px; }
        #about-kal .our-timeline .timeline li .dot span {
          width: 20px;
          height: 20px; }
    #about-kal .our-timeline .timeline:after {
      left: 14px; }

  #about-rd .rd-center {
    padding: 60px 0 30px;
    margin-bottom: 0px; }
  #about-rd .rd-section-1 {
    padding: 40px 0;
    margin-bottom: 20px;
    position: relative; }
    #about-rd .rd-section-1 img {
      display: block;
      margin-bottom: 40px; }
    #about-rd .rd-section-1:after {
      right: 98%; }
  #about-rd .rd-section-2 {
    padding: 40px 0;
    margin-bottom: 20px;
    position: relative; }
    #about-rd .rd-section-2 img {
      margin-bottom: 40px; }
    #about-rd .rd-section-2:after {
      left: 98%; }

  #about-news-and-media h1 {
    font-size: 40px; }
  #about-news-and-media .news-and-media h2 {
    font-size: 30px;
    line-height: 22px;
    align-self: flex-start;
    margin-top: 20px;
    padding: 0 10px; }
    #about-news-and-media .news-and-media h2 span {
      font-size: 16px; }
  #about-news-and-media .news-and-media figure {
    padding-bottom: 0px; }
    #about-news-and-media .news-and-media figure figcaption {
      position: static;
      left: 15px;
      right: 15px;
      bottom: 0;
      display: flex;
      align-items: flex-end; }
  #about-news-and-media .news-and-media .content {
    padding: 20px;
    margin-top: -50px; }
    #about-news-and-media .news-and-media .content h3 {
      font-size: 16px;
      margin-bottom: 10px; }
    #about-news-and-media .news-and-media .content h5 {
      font-size: 14px;
      margin-bottom: 10px; }
    #about-news-and-media .news-and-media .content a {
      font-size: 14px; }
      #about-news-and-media .news-and-media .content a img {
        margin-left: 10px;
        max-width: 40px; }

  #product-hero h1 {
    font-size: 38px; }
  #product-hero h2 {
    font-size: 34px; }
  #product-hero .background-image {
    min-height: 400px !important; }
  #product-hero .heading {
    max-width: 60vw !important;
    top: 80px !important;
    left: 20vw !important; }
    #product-hero .heading h1 {
      font-size: 32px !important; }
    #product-hero .heading h4 {
      font-size: 14px;
      letter-spacing: 0 !important; }
  #product-hero .trending {
    top: 310px !important;
    left: 13vw !important; }
    #product-hero .trending h4 {
      margin: 4px 0 0 5vw !important;
      font-size: 14px; }
    #product-hero .trending .button-group {
      justify-content: center;
      margin-bottom: 10px; }
      #product-hero .trending .button-group .button-dark-green {
        padding: 7px 15px !important;
        min-width: auto !important;
        font-size: 13px; }
      #product-hero .trending .button-group .button-white {
        padding: 0 3px !important; }
        #product-hero .trending .button-group .button-white svg {
          width: 34px !important;
          height: 34px !important; }
        #product-hero .trending .button-group .button-white:after {
          top: 11px !important;
          border-width: 7px !important; }
  #product-hero #features-hero .content {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    color: #353535; }

  #about-hero .button-group {
    justify-content: center !important; }

  #header-hero .header-logo {
    top: 10px;
    max-width: 160px; }
  #header-hero .nav {
    transform: scale(0) translateX(200px);
    transform-origin: right;
    transition: 0.5s ease; }
  #header-hero .header-icons {
    transform: scale(0);
    transform-origin: top right;
    transition: 0.5s ease; }
  #header-hero .header-icons ul {
    margin-top: 45px; }
  #header-hero .open-hero-menu {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    padding: 10px;
    fill: #000;
    padding: 10px;
    background-color: #fff; }
    #header-hero .open-hero-menu .close {
      display: none; }
  #header-hero.show-header .nav {
    transform: scale(1) translateX(0px); }
  #header-hero.show-header .header-icons {
    transform: scale(1); }
  #header-hero.show-header .open-hero-menu use {
    display: block; }
    #header-hero.show-header .open-hero-menu use.menu {
      display: none; }

  #product-hero2 h2 {
    font-size: 30px !important; }
  #product-hero2 .product-intro {
    padding-bottom: 40px; }
    #product-hero2 .product-intro h1 {
      font-size: 50px; }
  #product-hero2 .product-about .about-content {
    padding: 50px 0px 50px 40px !important; }
    #product-hero2 .product-about .about-content h2 {
      margin-bottom: 10px; }
    #product-hero2 .product-about .about-content:before {
      top: 60px !important; }
  #product-hero2 .product-recommended {
    padding: 40px 0; }
    #product-hero2 .product-recommended .content {
      padding: 30px !important; }
  #product-hero2 .product-benefits h4 {
    height: auto;
    margin-bottom: 20px; }

  #contact-us p {
    margin-bottom: 30px; }
  #contact-us .contect-box {
    margin-top: 40px; }
  #contact-us textarea {
    width: 100%;
    margin-top: 20px;
    color: black;
    border: 1px solid #000;
    resize: none;
    padding: 10px; }
  #contact-us .contect-map {
    margin-top: -100px; }

  .banner-ecommerce {
    min-height: 220px !important; }

  body #wellness-center .banner img {
    max-width: 100%; }
  body #wellness-center .banner .wrapper {
    position: static; }
  body #wellness-center .banner .content {
    max-width: 340px;
    padding: 40px;
    margin: -50px auto 30px; }
    body #wellness-center .banner .content p {
      font-size: 20px; }
  body #wellness-center .flagship {
    background: linear-gradient(to right, #f1f1f1 100%, #ffffff 100%); }
    body #wellness-center .flagship h2 {
      margin-bottom: 20px; }
    body #wellness-center .flagship .col-carousel {
      margin-top: 30px;
      max-width: 100%; }
      body #wellness-center .flagship .col-carousel .owl-carousel figure p {
        display: none; }
    body #wellness-center .flagship .owl-carousel figure {
      max-width: 270px; }
      body #wellness-center .flagship .owl-carousel figure figcaption {
        min-height: 105px; }
  body #wellness-center .doctors .doctor-profile .media img {
    max-width: 150px;
    margin: 0 0 20px; }
  body #wellness-center .our-wellness-center .banner {
    padding: 0; }
  body #wellness-center .our-wellness-center .get-in-touch {
    position: static;
    max-width: 100%;
    width: 100%;
    padding: 25px; }
  body #wellness-center .our-wellness-center .carousel-wrapper {
    padding-left: 15px; }
  body #wellness-center .our-wellness-center h2 {
    padding: 0;
    margin: 0; }
  body #wellness-center .location {
    margin-bottom: 40px; }
  body #wellness-center .showcase {
    padding: 60px 0; }
    body #wellness-center .showcase .grid {
      margin: 0; }
      body #wellness-center .showcase .grid-col-1, body #wellness-center .showcase .grid-col-2 {
        width: 100%; }
  body #wellness-center .kerala {
    margin-bottom: 40px; }
    body #wellness-center .kerala .media {
      margin: 0 0 30px 30px;
      padding: 30px 30px 0 0; }
      body #wellness-center .kerala .media img {
        margin: 0 0px -30px -30px;
        width: 55%;
        max-width: 170px; }
      body #wellness-center .kerala .media-body h2 {
        font-size: 24px; }
  body #wellness-center .testimonials-item h6 {
    margin-bottom: 0px; }
  body #wellness-center .testimonials-item .control {
    width: 30px;
    height: 30px;
    margin-left: 10px; }
  body #wellness-center .testimonials-item iframe {
    border: 10px solid #fff;
    max-height: 100%;
    min-height: 230px;
    height: auto; }
  body #wellness-center .testimonials-item .background-green {
    padding: 30px 0 20px;
    margin: 0; }
  body #wellness-center .testimonials-item.text-center .background-green {
    padding: 30px 0 30px; }

  .treatment-page .testimonials-item h6 {
    margin-bottom: 0px; }
  .treatment-page .testimonials-item .control {
    width: 30px;
    height: 30px;
    margin-left: 10px; }
  .treatment-page .testimonials-item iframe {
    border: 10px solid #fff;
    max-height: 100%;
    min-height: 230px;
    height: auto; }
  .treatment-page .testimonials-item .background-green {
    padding: 30px 0 20px;
    margin: 0; }
  .treatment-page .testimonials-item.text-center .background-green {
    padding: 30px 0 30px; }
  .treatment-page .flagship {
    background: linear-gradient(to right, #f1f1f1 100%, #ffffff 100%); }
    .treatment-page .flagship h2 {
      margin-bottom: 20px; }
    .treatment-page .flagship .col-carousel {
      margin-top: 30px;
      max-width: 100%; }
      .treatment-page .flagship .col-carousel .owl-carousel figure p {
        display: none; }
    .treatment-page .flagship .owl-carousel figure {
      max-width: 270px; }
      .treatment-page .flagship .owl-carousel figure figcaption {
        min-height: 240px; }

  #individual-treatment .benefits .benefits-wrapper {
    padding: 0; }

  #flagship-center .testimonials-item h6 {
    margin-bottom: 0px; }
  #flagship-center .testimonials-item .control {
    width: 30px;
    height: 30px;
    margin-left: 10px; }
  #flagship-center .testimonials-item iframe {
    border: 10px solid #fff;
    max-height: 100%;
    min-height: 230px;
    height: auto; }
  #flagship-center .testimonials-item .background-green {
    padding: 30px 0 20px;
    margin: 0; }
  #flagship-center .testimonials-item.text-center .background-green {
    padding: 30px 0 30px; } }
@media (max-width: 991px) {
  /*04-2-2020*/
  html body .dasan div{
    float:none;
    width:auto;
  }
  html body .dasan1 div{
    float:none;
    width:auto;
  }
  html body .dasan.para div {
    float:none;
    width: auto;
    min-height: auto;
}
html body .lakshdi div, .gandharvahastadi div  {
  float:none !important;
  width: auto !important;
}
html body .gandha div {
  float: none;
  width: auto;
}
html body .gan1 ul li{
  width: auto;

}
html body .Anu ul li {
  width: auto;
}
html body .Anu1 div {
  float: none;
  width: auto;
}
html body .Anu div {
  float: none;
  width: auto;
}
html body .nisakathakadi div {
  float: none;
  width: auto;
}
    /*04-2-2020*/
  #products-list {
    padding: 30px 0; }

  .open-filterbar {
    position: fixed;
    left: 0;
    bottom: 30%;
    z-index: 10;
    background-color: #fff;
    padding: 15px;
    width: 45px;
    height: 45px;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); }

  .filterbar-backdrop {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: none;
    background-color: rgba(0, 0, 0, 0.2); }

  .filter-wrapper {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: -400px;
    right: 0;
    overflow: auto;
    z-index: 102;
    width: 300px;
    padding: 40px 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.5s cubic-bezier(0, 0.75, 0.05, 1); }
    .filter-wrapper .close-filterbar {
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 5px;
      width: 30px;
      height: 30px;
      fill: #639635;
      cursor: pointer; }

  .filterbar-active {
    overflow: hidden !important; }
    .filterbar-active .filter-wrapper {
      left: 0; }

  #authentication .auth-wrapper {
    padding: 60px 20px; }
    #authentication .auth-wrapper .auth-content {
      max-width: 380px; }
      #authentication .auth-wrapper .auth-content h1 {
        font-weight: 400;
        font-size: 38px;
        text-align: center;
        margin-bottom: 10px; }
      #authentication .auth-wrapper .auth-content .btn {
        min-width: 110px;
        padding: 10px; }
      #authentication .auth-wrapper .auth-content [for="remember-me"] {
        margin-bottom: 10px; }

  .titleSection h1 {
    font-size: 2.5rem; }

  .blog-list .col-right {
    margin-top: 0px !important; }
  .blog-list:after {
    display: none; }

  #about-ayurveda .unraveled .background-image {
    padding: 60px 0;
    background-size: cover; }
    #about-ayurveda .unraveled .background-image .content {
      text-align: center; }
  #about-ayurveda .classification {
    padding: 60px 0; }
    #about-ayurveda .classification .border-left {
      border-left: 0 !important; }
  #about-ayurveda .reasons {
    padding: 60px 0; }
  #about-ayurveda .research .background-image {
    padding: 60px 0;
    background-size: cover;
    margin-top: 0; }
    #about-ayurveda .research .background-image .content {
      text-align: center; }

  #about-kal .about img {
    margin-top: -60px; }
  #about-kal .about h2 {
    margin-top: 0; }
  #about-kal .our-heritage {
    padding: 60px 0; }

  #about-rd h1 {
    font-size: 36px; }
  #about-rd h2 {
    font-size: 28px; }
  #about-rd h3 {
    font-size: 24px; }
  #about-rd .banner {
    padding: 40px 0; }
    #about-rd .banner img {
      display: block;
      max-width: 80%;
      margin: auto; }
    #about-rd .banner:after {
      top: 75%;
      left: 0; }

  #about-news-and-media .news-and-media {
    padding: 40px 0 0; }

  #product-hero #banner-hero {
    position: relative; }
    #product-hero #banner-hero .background-image {
      min-height: 500px; }
    #product-hero #banner-hero .description {
      position: static;
      max-width: 100%;
      padding: 40px 40px 20px;
      border-bottom: 1px solid #e9e9e9; }
    #product-hero #banner-hero .heading {
      top: 120px;
      left: 20vw; }
    #product-hero #banner-hero .trending {
      left: 0 !important;
      top: 360px;
      right: 0;
      bottom: auto;
      justify-content: center; }
  #product-hero #about-hero {
    padding: 40px 0 60px; }
    #product-hero #about-hero .col-first {
      max-width: 100%; }
    #product-hero #about-hero .col-third {
      max-width: 100%; }
  #product-hero #features-hero {
    padding: 60px 0; }
    #product-hero #features-hero .fix-col {
      max-width: 100%; }

  #header-hero .header-icons .home {
    padding: 16px 15px 15px; }
    #header-hero .header-icons .home img {
      max-width: 15px; }
  #header-hero .header-icons ul {
    padding: 0; }
    #header-hero .header-icons ul a {
      padding: 10px 15px; }
      #header-hero .header-icons ul a img {
        max-width: 15px; }
  #header-hero .nav {
    right: 20px; }
    #header-hero .nav ul {
      padding: 0;
      font-size: 12px; }
      #header-hero .nav ul a {
        padding: 10px; }
        #header-hero .nav ul a:after {
          top: 14px; }

  #product-hero2 h2 {
    font-size: 40px; }
  #product-hero2 .product-intro {
    padding-bottom: 40px; }
    #product-hero2 .product-intro h1 {
      font-size: 50px; }
  #product-hero2 .product-about {
    padding-bottom: 0px; }
    #product-hero2 .product-about .about-content {
      max-width: 100%;
      padding-right: 0; }
  #product-hero2 .product-recommended .content {
    padding: 40px; }

  #contact-us {
    padding-top: 60px; }
    #contact-us .contect-box {
      padding: 40px;
      width: 100%; }

  #wellness-center .flagship {
    background: linear-gradient(to right, #f1f1f1 50%, #ffffff 50%); }
  #wellness-center .doctors .doctor-profile {
    max-width: 100%;
    margin-bottom: 20px; }
  #wellness-center .doctors .slick-slider {
    max-width: 100%; }
  #wellness-center .doctors .slick-slider-wrapper {
    display: none; }
  #wellness-center .showcase .grid-col-1, #wellness-center .showcase .grid-col-2 {
    width: 50%; }
  #wellness-center .ayurveda .background-grey {
    padding: 30px 20px 20px; }
    #wellness-center .ayurveda .background-grey h2 {
      margin: 0 0 40px 0; }
      #wellness-center .ayurveda .background-grey h2:after {
        left: 40px; }
    #wellness-center .ayurveda .background-grey .col-image {
      max-width: 100%; }
      #wellness-center .ayurveda .background-grey .col-image img {
        bottom: 0px; }

  .ayurved-camp .doctors-location .doctor-details .consult-btn {
    left: 40px; }

  .treatment-page .testimonials-item .background-green {
    margin-top: 0px; }

  #wellness-center .our-wellness-center #map_canvas {
    margin-left: 0;
    width: 100%;
    min-height: 250px; } }
@media (min-width: 450px) {
  #testimonial .owl-carousel {
    width: calc(100% - 60px); }
    #testimonial .owl-carousel figure {
      min-height: 600px; }
      #testimonial .owl-carousel figure figcaption {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px; } }
@media (max-width: 576px) {
  #individual-treatment .benefits .indication-block h2 {
    font-size: 30px; }
    #individual-treatment .benefits .indication-block h2 span {
      padding: 0 5px; } }
@media (max-width: 1600px) {
  #header .nav-wrapper ul li > a {
    padding: 10px 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #services figure figcaption .content {
    transform: scale(0.65); } }
@media (min-width: 768px) {

 
  .container-xl {
    max-width: calc(100vw - 100px); }

  #banner .owl-carousel h3 {
    font-size: 40px; }
  #banner .owl-carousel .owl-item .banner-slide {
    height: 430px; }

  #featured-products .owl-carousel {
    max-width: 600px;
    width: 65vw; }

  #testimonial .owl-carousel figure figcaption {
    padding: 40px; }

  #product-view .owl-carousel img {
    max-width: 45vw;
    margin: auto;
    display: block; }

  #product-detail .product-header .carousel ul {
    transform: none !important;
    width: 100% !important; }

  #services-block .background-image {
    padding: 20px 20px; }
    #services-block .background-image h6 {
      margin-bottom: 30px;
      font-size: 16px; }
    #services-block .background-image h3 {
      font-size: 15px; } }
@media (min-width: 992px) {
  #blog-detail-page .container {
    max-width: 50%; }

  #banner .owl-carousel h3 {
    font-size: 70px; }
  #banner .owl-carousel .owl-item .banner-slide {
    height: 550px; }

  #featured-products .owl-carousel {
    max-width: 600px;
    width: 50vw; }

  #blog .owl-carousel figure figcaption {
    position: relative;
    bottom: 0px;
    max-width: 100%;
    padding: 20px; }

  #services-block .background-image {
    padding: 30px 40px; }
    #services-block .background-image h6 {
      margin-bottom: 40px;
      font-size: 20px; }
    #services-block .background-image h3 {
      font-size: 20px; } }
@media (min-width: 1200px) {
  .extra-gutters {
    margin-left: -50px;
    margin-right: -50px; }
    .extra-gutters > [class*="col"] {
      padding-left: 50px;
      padding-right: 50px; }

  .ayurved-camp .doctors-location .doctor-details {
    position: absolute; }
  .ayurved-camp .enquiry .text-wrapper {
    left: 30px; }

  #banner h3 {
    font-size: 40px; }
  #banner .owl-carousel h3 {
    font-size: 80px; }
  #banner .owl-carousel .owl-item .banner-slide {
    min-height: 670px; }
    #banner .owl-carousel .owl-item .banner-slide .content {
      top: 30%; }
  #banner .social-icons {
    bottom: 15%; }
  #banner .owl-numbering {
    top: 32%; }
  #banner .owl-pagination {
    bottom: 15%; }

  #featured-products .owl-carousel {
    max-width: 560px;
    width: 40vw; }

  #testimonial .owl-carousel figure {
    min-height: calc(95vh - 90px); }

  #popular-product .content-col h5 {
    font-size: 60px; }

  #blog .owl-carousel figure figcaption {
    position: absolute;
    bottom: -40px;
    max-width: 80%;
    padding: 20px; } }
@media (min-width: 1400px) {
  #blog {
    max-width: 1560px; }
    #blog .owl-carousel figure figcaption {
      max-width: 70%;
      padding: 40px; } }
@media (min-width: 1600px) {
  .container {
    max-width: 1440px; }

  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }

  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }

  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }

  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }

  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }

  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }

  #product-detail .product-detail {
    max-width: 1300px; }

  #services-block .background-image {
    padding: 50px 60px; }
    #services-block .background-image h6 {
      margin-bottom: 60px; }
    #services-block .background-image h3 {
      font-size: 32px; }

  #kerala-ayurveda-academy .academy-wrapper .background-image {
    width: 70%; }
  #kerala-ayurveda-academy .academy-wrapper .border-box .content {
    max-width: 30%; }

  .banner-ecommerce {
    min-height: 640px; } }
@media (max-width: 992px) {
  #wellness-center .our-wellness-center .item {
    background: none; }
  #wellness-center .our-wellness-center .get-in-touch {
    position: static; }
  #wellness-center .our-wellness-center .mobile-img {
    display: block; } }
@media (max-width: 991px) {
  .treatment-page .key-features .leaf-wrap {
    text-align: center; }
    .treatment-page .key-features .leaf-wrap img {
      left: 0; }
  .treatment-page .flagship h3 {
    padding-left: 0; }
  .treatment-page .weight-reduction .item {
    background: transparent; }
  .treatment-page .weight-reduction .treatment-block {
    position: static; }
  .treatment-page .weight-reduction .mobile-img {
    display: block; } }
@media (max-width: 599px) {
  .treatment-page .weight-reduction .treatment-block, .treatment-page .weight-reduction .price-wrapper {
    max-width: 100%; }
  .treatment-page .weight-reduction .price-wrapper {
    margin: 54px 0 0 20px;
    left: 0; }
  .treatment-page .key-features h3:after {
    max-width: 20px;
    margin-left: 10px; }

  .ayurved-camp .doctors-location .doctor-details .consult-btn {
    left: 40px;
    padding: 10px 30px; } }

/*# sourceMappingURL=style.css.map */
/* 16/10/2019 */

html body #footer.full-footer .footer-wrap{padding:50px 0 20px 0;background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%)}
#header.home:not(.fixed) .nav-wrapper ul li a{color:#fff;font-weight:500;text-shadow:2px 2px 4px #000}
#header .nav-wrapper ul li.dropdown .dropdown-menu ul a{color:#000;text-shadow:none}
html body #header.hovering .nav-wrapper ul li a {color:#000; text-shadow:none !important;}
.banner-slide h3{text-shadow:2px 2px 4px #000}
@media only screen and (max-width: 1439px)  {html body #header.home:not(.fixed) .nav-wrapper ul li a{color:#fff;font-weight:500;text-shadow:none; }}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {#product-view .product-detail h1 {font-size: 40px;}}

#footer .footer-wrap .no-gutters div.quick-links:nth-child(3) ul li:last-child {display: none;}
#footer .footer-wrap .no-gutters div.quick-links:nth-child(4) ul li:last-child {display: none;}
#footer .footer-wrap ul a {
  /* text-shadow: 1px 1px 2px #b7b1b1; */
  text-shadow: 1px 1px 7px #212529;
}

/* 16/10/2019 */

header .dropdown-menu .badge{
  display: none!important;
}

/* 8-11-2019 */
.product-ayurvedic-herbs img.img-fluid.mt-5 {
  margin-top: 10em !important;
  }
  p{color: #000000;}
li{color: #000000;}

@media only screen and (min-width:1200px)  and (max-width:1599px){
  #product-hero2 .product-benefits h4 {
    height:120px;
  }
}
/*7-`2-2019*/
.childklist,.msgoillist, .msgoillist1, .msgoillist2, .saraswathlist, .karpoorlist, .punarlist, .aravindlist2, .chirulist, .chirulist2, .choornamlist, .prashlist {
  float:left;
  width:50%;
}
.childklist1 {
  float:left;
  width:33.4%;
  margin:0px 23px 0px 0px;
}
.childklist2 {
  float:left;
  width:35.7%;
  margin:0px 23px 0px 0px;
}
.diabetelist {
  float:left;
  width:50%;
  margin: 0px 36px 0px 0px;
}

@media only screen and (min-width:0px)  and (max-width:768px) {
  .childklist, .msgoillist,  .varunadilist, .saraswathlist, .karpoorlist, .aravindlist, .aravindlist2, .chirulist, .choornamlist {
    float:none!important;
    width:100%!important;
  }
  .msglm, .danmar{
    margin-left:0px!important;
  }
  .varmar {
    margin-bottom:0px;
  }
}
@media only screen and (min-width:1016px)  and (max-width:1212px){
  .diabetemar {
    margin: 0px 0px 0px 332px!important;
  }
}
@media only screen and (min-width:0px)  and (max-width:1015px) {
  .childklist1 , .childklist2 , .msgoillist1, .diabetelist {
    float:none;
    width:100%;
    margin:0px 0px 0px 0px!important;
  }
  .msgbmar {
    margin-bottom:0px!important;
  }
  .msgmm {
    margin-left:0px!important;
  }
}
/*12-12-19*/
.msgmlist {
  margin-bottom: 44px;
}
.msgbmar {
  margin-bottom:44px;
}
.msgmm {
  margin-left:400px;
}
.msglm {
  margin-left:297px;
}

@media only screen and (min-width:1016px)  and (max-width:1568px){
  .msgmar {
    margin-left: 410px;
    }
}
@media only screen and (min-width:1192px) {
  .msgmar1 {
    margin-bottom:72px!important;
  }
}
@media only screen and (min-width:1015px)  and (max-width:1204px) {
.childmar {
  margin-bottom:128px;
}
}
h3 {
  font-weight:600;
}
.gtlist, .punarlist, .amruthlist {
  float:left;
  width:56%;
}
.mhbtm {
margin-bottom:190px;
}
.mhmar {
margin-left:549px;
}
.gtmar {
  margin-bottom: 75px;
}
.mhbmar2 {
  margin-bottom: 45px; 
}
.gtheight {
  height:230px;
}
.mhheight {
  height:315px;
}
.mhheight1 {
  height:228px;
}
.mhheight2 {
  height:175px;
}
@media only screen and (max-width:1024px) {
  .mhgithamlist, .punarlist, .aravindlist, .amruthlist, .chirulist2, .prashlist  {
    float:none!important;
    width:100%!important;
  }
  .mhbtm {
    margin-bottom:0px;
    }
    .mhmar, .aravindmar, .amruthmar, .prashmar, .clearmar {
    margin-left:0px!important;
    }
    .mhbmar2 {
      margin-bottom: 0px;
    }
    .mhheight, .mhheight1, .mhheight2 {
      height:auto;
    }
}
@media only screen and (min-width:0px)  and (max-width:680px){
  .gtlist{
    float:none;
    width:100%;
  }
  .gtheight {
    height:auto;
  }
  .gtmar {
    margin-bottom: 0px;
  }
}
.varunadilist, .mhgithamlist  {
  float:left;
  width:60%;
}
.varmar {
  margin-bottom:45px;
}
.align-items-center {
  align-items: normal!important;
}
/*22-1-20*/
.aravindht2 {
  min-height: 212px;
}
.aravindht {
  min-height: 304px;
}
.aravindmar {
  margin-left: 506px;
}
.aravindlist {
  float:left;
  width:53%;
}
.amruthmar {
  margin-left: 519px;
}
.chirumar {
  min-height: 247px;
}
@media only screen and (max-width:1124px) {
  .chirumar1 {
    min-height: 304px;
  }
}
/*23-1-20*/
.chooramht {
  min-height: 184px;
}
.prashht {
  min-height: 166px;
}
.prashmar {
  margin-left: 454px;
}
.clearht {
  min-height: 275px;
}
.clearmar {
  margin-left: 477px;
}
.min{
  min-height: 979px;
}
.page1 ul li {
  width: 97%;
}
@media only screen and (max-width:1130px) {
  .clearht {
    min-height: 305px;
  }
}
.danmar {
  margin-left: 368px;
}
.dasan.para div {
  float: left;
  width: 50%;
  min-height: 278px;
}
.dasan1 div {
  float: left;
  width: 50%;
}
.dasan1 {
  min-height: 362px;
}
.page-li li {
  width: 75%;
}
.page-li {
  width: 75%;
}
html body .lakshdi div, .gandharvahastadi div, .Anu div, .Anu1 div, .nisakathakadi div   {
  float: left;
  width: 50%;
}
.gandha div {
  float: left;
  width: 50%;
}
.gan1 ul li {
  width: 85%;
}
.Anu ul li {
  width: 84%;
}

@media screen and (min-width:993px) and (max-width:1024px){
  html body .elaneer div {
    float:none;
    width: auto;
  }
  html body .elaneer2 div {
    float:none;
    width: auto;
  }
  html body .elneer3 div {
    float:none;
    width: auto;
    min-height: auto;
  }
  html body .elneer4 div {
    float:none;
    width: auto;
    min-height: auto;
  }
  html body .elneer5 div {
    float:none;
    width: auto;
    min-height: auto;
  }
  html body .elneer6 div {
    float:none;
    width: auto;
  }
  html body .elneer7 div {
    float:none;
    width: auto;
    min-height: auto;
  }
  html body .elneer8 div {
    float:none;
    width: auto;
    min-height: auto;
  }
  html body .elaneer div ul li {
    width:auto;
  }
  html body .div3 ul li {
    width:auto;
  }
  html body .elneer8 div ul {
    width:auto;
  }
  html body .elneer8 div ul {
    min-height: 62px;
}
  html body .elneer8 div ul li {
    width:auto;
  }
  .dasan1 {
    min-height: 513px;
}
html body .gandha-thanlin{
  min-height: 291px;
}
}
/*13-02-2020*/
.elaneer div {
  float: left;
  width: 50%;
}
.elaneer2 div {
  float: left;
  width: 50%;
}
.elneer3 div {
  float: left;
  width: 50%;
  min-height: 174px;
}
.elneer4 div {
  float: left;
  width: 50%;
  min-height: 194px;
}
.elneer5 div {
  float: left;
  width: 50%;
  min-height: 147px;
}
.elneer6 div {
  float: left;
  width: 50%;
}
.elneer7 div {
  float: left;
  width: 50%;
  min-height: 127px;
}
.elneer8 div {
  float: left;
  width: 50%;
  min-height: 236px;
}
.elaneer div ul li {
  width: 84%;
}
.div3 ul li {
  width: 88%;
}
.elneer8 div ul {
  min-height: 217px;
}
.elneer8 div ul li {
  width: 87%;
}
@media screen and (min-width:320px) and (max-width:768px){
     /*13-02-2020*/
     html body .elaneer div {
      float:none;
      width: auto;
    }
    html body .elaneer2 div {
      float:none;
      width: auto;
    }
    html body .elneer3 div {
      float:none;
      width: auto;
      min-height: 174px;
    }
    html body .elneer4 div {
      float:none;
      width: auto;
      min-height: 194px;
    }
    html body .elneer5 div {
      float:none;
      width: auto;
      min-height: 147px;
    }
    html body .elneer6 div {
      float:none;
      width: auto;
    }
    html body .elneer7 div {
      float:none;
      width: auto;
      min-height: 127px;
    }
    html body .elneer8 div {
      float:none;
      width: auto;
      min-height: 236px;
    }
    html body .elaneer div ul li {
      width:auto;
    }
    html body .div3 ul li {
      width:auto;
    }
    html body .elneer8 div ul {
      width:auto;
    }
    html body .elneer8 div ul li {
      width:auto;
    }
    /*13-02-2020*/
}
/*13-02-2020*/
.min1 {
  min-height: 285px;
}
.min2 {
  min-height: 556px;
}
.row.justify-content-center.mb-5 {
    display: none;
}
.min11 {
  min-height: 114px;
}
.min12 {
  min-height: 243px;
}
.min13 {
  min-height: 209px;
}
.min14 {
  min-height: 149px;
}
.min15 {
  min-height: 219px;
}
.min16 {
  min-height: 417px;
}
.min17 {
  min-height: 170px;
}
.min18 {
  min-height: 329px;
}
.min19 {
  min-height: 298px;
}
.min20 {
  min-height: 188px;
}
.min21 {
  min-height: 398px;
}
@media screen and (min-width:769px) and (max-width:1024px){
  html body .lakshdi-1 div{
    float:none;
    width:auto;
   
  }
  html body .min21{
    min-height: auto;
  }
}
.lakshdi-1 div{
  float:left;
  width:50%; 
}

input#coupons {
  width: 100%;
 padding: 5px 5px 5px 14px;
  border: 1px solid #99999999;
}
button.btn.button-white {
  background: transparent;
  padding: 7px 10px 7px 5px !important;
  border: none;
}
.apply_sect.button-white:hover {
 border: none;
  background-color: none;
}
.apply_sect .button-white:hover {
  border: none !important;
}
.pay_ment {
  display: none;
}