@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

body {

  color: #304846;

  font-family: "Lato", sans-serif;

}



.section {

  padding: 60px 0;

  background: #f6f6f6;

}



p {

  line-height: 29px;

  font-size: 16px;

}



h1, h2, h3, h4 {

  font-family: "Playfair Display", serif;

}



h5, h6 {

  font-family: "Lato", sans-serif;

}



h3 {

  font-size: 16px;

}



a {

  color: #304846;

  text-decoration: none;

}

a:hover {

  color: #1B6A63;

}



.welcome-title {

  font-size: 36px;

  text-transform: capitalize;

  color: #304846;

  margin-bottom: 16px;

  font-weight: 500;

  font-family: "Playfair Display", serif;

  line-height: 50px;

}

.welcome-title span {

  color: #1B6A63;

}



.sub-title {

  border: #777777 1px solid;

  padding: 8px 20px;

  border-radius: 20px;

  display: inline-block;

  margin-bottom: 16px;

}



.sec-title {

  font-size: 32px;

  text-transform: normal;

  color: #304846;

  margin-bottom: 16px;

  font-weight: 700;

  font-family: "Playfair Display", serif;

  line-height: 50px;

}

.sec-title span {

  color: #1B6A63;

}



.h2-title {

  font-size: 28px;

  color: #304846;

  margin-bottom: 16px;

  font-weight: 600;

  font-family: "Playfair Display", serif;

  line-height: 42px;

}



.h3-title {

  font-size: 24px;

  text-transform: capitalize;

  line-height: 42px;

  color: #304846;

  margin-bottom: 24px;

  font-weight: 600;

}



.h4-title {

  font-size: 22px;

  color: #304846;

  margin-bottom: 16px;

  font-weight: 500;

  font-family: "Playfair Display", serif;

}



.h5-title {

  font-size: 20px;

  color: #304846;

  font-weight: 500;

  font-family: "Lato", sans-serif;

}



.headingfont {

  font-family: "Playfair Display", serif;

}



.bodyfont {

  font-family: "Lato", sans-serif;

}



.btn-primary {

  position: relative;

  background: #1B6A63;

  color: #f4f4f4;

  letter-spacing: 0.5px;

  padding: 10px 20px;

  border-radius: 20px;

  border: none;

  text-transform: capitalize;

  font-weight: 400;

  box-shadow: none !important;

  font-size: 15px;

  overflow: hidden;

  cursor: pointer;

  z-index: 1;

  -webkit-transition: border-color 0.45s ease, background 0.45s ease;

  transition: border-color 0.45s ease, background 0.45s ease;

}

.btn-primary::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 120%;

  height: 0;

  background: #A48B6B;

  border-top-left-radius: 100% 200%;

  border-top-right-radius: 100% 200%;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  transition: height 0.5s ease;

  z-index: -1;

}

.btn-primary:hover::before {

  height: 300%;

}

.btn-primary img {

  width: 15px;

}

.btn-primary:hover {

  background: transparent !important;

}

.btn-primary:focus {

  background: #1B6A63 !important;

  color: #f4f4f4;

}



.btn-secondary {

  color: #f4f4f4;

  background: #A48B6B;

  padding: 11px 24px;

  border-radius: 5px;

  border: #A48B6B 1px solid;

  font-weight: 500;

  box-shadow: none !important;

  font-size: 16px;

  text-transform: capitalize;

  letter-spacing: 0.5px;

}

.btn-secondary span {

  display: inline-block;

  padding: 8px 5px;

  border-radius: 2px;

}

.btn-secondary:hover {

  background: #1B6A63;

  color: #f4f4f4;

  border: #1B6A63 1px solid;

}

.btn-secondary:hover .svg-white {

  filter: brightness(0) saturate(100%) invert(37%) sepia(41%) saturate(413%) hue-rotate(350deg) brightness(92%) contrast(89%);

}

.btn-secondary:focus {

  background: #1B6A63;

  color: #f4f4f4;

  border: #1B6A63 1px solid;

}



@media screen and (min-width: 576px) and (max-width: 991px) {

  .section {

    padding: 30px 0;

  }

  .sec-title {

    font-size: 26px;

    margin-bottom: 16px;

    line-height: 38px;

  }

  .h2-title {

    font-size: 24px;

  }

  .h3-title {

    font-size: 20px;

  }

  .h4-title {

    font-size: 18px;

  }

  .sub-title {

    font-size: 13px;

    margin-bottom: 16px;

    font-weight: 500;

    letter-spacing: 0px;

    display: inline-block;

    padding: 5px 45px 5px 45px;

    border-radius: 23px;

    border-radius: 23px;

  }

  .btn-primary {

    font-size: 14px;

    letter-spacing: 1px;

    padding: 10px 16px;

  }

  .more-link {

    font-size: 14px !important;

    padding: 6px 10px;

  }

}

@media screen and (max-width: 575px) {

  .sec-title {

    font-size: 24px;

    margin-bottom: 16px;

    line-height: 38px;

  }

  .more-link {

    font-size: 13px !important;

    padding: 6px 6px;

  }

}

.more-link {

  display: block;

  background: #fff;

  padding: 8px 16px;

  margin: 0;

  color: #304846;

  text-transform: capitalize;

  font-size: 15px;

  font-weight: 500;

  border: #D1D1D1 1px solid;

  border-radius: 20px;

}

.more-link:hover {

  color: #fffff;

  text-decoration: underline;

}



.svg {

  width: 18px;

}



.svg-white {

  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(7500%) hue-rotate(173deg) brightness(98%) contrast(99%);

}



.svg-primary {

  filter: brightness(0) saturate(100%) invert(22%) sepia(84%) saturate(692%) hue-rotate(175deg) brightness(91%) contrast(94%);

}



.light-bg {

  background: #A48B6B;

}



.des-text {

  border-left: #1B6A63 3px solid;

  padding: 0 0 0 10px;

  margin: 0 0 16px 10px;

}



@media screen and (min-width: 1500px) {

  .container-xl {

    max-width: 1440px;

  }

}

/** forms **/

.form-control {

  font-size: 16px;

  border: #BBBBBB 1px solid;

  color: #304846;

  padding: 10px 16px;

  box-shadow: none !important;

  margin-bottom: 20px;

}

.form-control::placeholder {

  color: #304846;

  font-weight: 400;

  font-size: 15px;

}



.input-group-text {

  padding: 10px 16px !important;

}



.form-select {

  border: #BBBBBB 1px solid;

  border-radius: 0 !important;

  color: #304846;

  padding: 10px 16px;

  box-shadow: none !important;

  margin-bottom: 20px;

}

.form-select option {

  display: inline-block;

  padding: 5px !important;

  background: #f6f6f6 !important;

  color: #545455;

}

.form-select::placeholder {

  color: #8A8A8A;

  font-weight: 400;

  font-size: 15px;

}



.nav-tabs {

  margin: 16px 0 0 0;

  padding-bottom: 16px;

  justify-content: start;

}

.nav-tabs .nav-item {

  margin-right: 10px;

}

.nav-tabs .nav-item .nav-link {

  background: #EFEDE5;

  padding: 10px 30px;

  border-radius: 1px;

  color: #1B6A63;

  font-weight: 500;

  display: inline-block;

  border: none;

}

.nav-tabs .nav-item .active {

  background: #1B6A63;

  color: #f4f4f4;

}



.banner-sec {

  padding: 0px 0 0px 0;

  position: relative;

  background: #F1F8FE;

}

.banner-sec::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.banner-sec .banner-content {

  position: absolute;

  top: 50%;

  width: 100%;

  height: 20dvh;

  margin-top: -15vh;

  left: 0%;

  right: 0;

  z-index: 2;

}

.banner-sec .banner-content .highlight-text {

  font-size: 20px;

}

.banner-sec .banner-content .btn-primary {

  padding: 12px 30px;

  border-radius: 25px;

  font-size: 20px;

  -webkit-transition: border-color 0.45s ease, background 0.45s ease;

  transition: border-color 0.45s ease, background 0.45s ease;

}

.banner-sec .banner-content .btn-primary::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 120%;

  height: 0;

  background: #FFFFFF;

  color: #304846 !important;

  border-top-left-radius: 100% 200%;

  border-top-right-radius: 100% 200%;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  transition: height 0.5s ease;

  z-index: -1;

}

.banner-sec .banner-content .btn-primary::after {

  color: #304846;

}

.banner-sec .banner-content .btn-primary:hover::before {

  height: 300%;

}

.banner-sec .banner-content .btn-primary:hover {

  background: #FFFFFF;

  color: #304846 !important;

}

.banner-sec .banner-content .btn-primary:hover img {

  filter: brightness(0) saturate(100%) invert(22%) sepia(84%) saturate(692%) hue-rotate(175deg) brightness(91%) contrast(94%);

}

.banner-sec .banner-content .btn-primary:focus {

  background: #1B6A63 !important;

  color: #f4f4f4 !important;

}

.banner-sec .banner-content .btn-primary:focus img {

  filter: brightness(0) saturate(100%) invert(22%) sepia(84%) saturate(692%) hue-rotate(175deg) brightness(91%) contrast(94%);

}

.banner-sec .sec-title {

  font-weight: 600;

  line-height: 60px;

  color: #304846;

  font-size: 45px;

  font-family: "Lato", sans-serif;

}

@media screen and (max-width: 767px) {

  .banner-sec .sec-title {

    font-size: 22px;

    line-height: 32px;

  }

  .banner-sec .banner-content {

    top: 50%;

    width: 100%;

    height: 20dvh;

    margin-top: -20vh;

    left: 0%;

    right: 0;

    z-index: 2;

  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .banner-sec .sec-title {

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 10px;

  }

  .banner-sec .banner-content {

    top: 50%;

    width: 100%;

    height: 20dvh;

    margin-top: -20vh;

    left: 0%;

    right: 0;

    z-index: 2;

  }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {

  .banner-sec .sec-title {

    font-size: 28px;

    line-height: 42px;

  }

}



.owl-carousel {

  margin-bottom: 30px;

}

.owl-carousel .owl-nav {

  position: absolute;

  top: -60px;

  right: 0;

  display: flex;

  max-width: 260px;

  justify-content: space-between;

}

.owl-carousel .owl-nav .owl-prev {

  padding: 0 !important;

  border: #D1D1D1 1px solid;

  border-radius: 20px;

  background: #fff;

  width: 70px;

  height: 36px;

  text-align: center;

  line-height: 36px;

  margin-right: 10px;

}

.owl-carousel .owl-nav .owl-prev .svg {

  width: 20px;

  margin: 0 0 5px !important;

}

.owl-carousel .owl-nav .owl-next {

  padding: 0;

  border: #D1D1D1 1px solid;

  border-radius: 20px;

  background: #fff;

  width: 70px;

  height: 36px;

  text-align: center;

  line-height: 36px;

}

.owl-carousel .owl-nav .owl-next .svg {

  width: 20px;

  margin: 0 0 5px !important;

}

@media screen and (max-width: 575.98px) {

  .owl-carousel {

    margin-bottom: 10px;

  }

  .owl-carousel .owl-nav {

    top: -50px;

  }

  .owl-carousel .owl-nav .owl-prev {

    width: 42px;

    height: 24px;

    padding: 0px 0px;

    line-height: 22px;

  }

  .owl-carousel .owl-nav .owl-prev .svg {

    width: 16px;

  }

  .owl-carousel .owl-nav .owl-next {

    width: 42px;

    height: 24px;

    padding: 0px;

    line-height: 22px;

    margin-left: 4px;

  }

  .owl-carousel .owl-nav .owl-next .svg {

    width: 16px;

    margin-top: 0;

  }

}



.how-sec {

  background: #F6F6F6;

}

.how-sec .how-bx {

  background: #EFEDE5;

  padding: 20px;

  border-radius: 15px;

  margin-bottom: 20px;

}



.suppliment-bg {

  background: #EFEDE5;

}



.icon-sec {

  background: #EFEDE5;

}

.icon-sec .icon-bx {

  padding: 16px;

  margin-bottom: 16px;

  text-align: center;

}

.icon-sec .icon-bx .h5-title {

  font-family: "Lato", sans-serif !important;

  font-size: 18px;

}



.review-sec .review-box {

  position: relative;

  padding: 20px 20px 30px 20px;

  border-radius: 15px;

}

.review-sec .review-box .usericon {

  width: 64px;

}

.review-sec .review-box .svg {

  width: 16px !important;

  display: inline-block;

}

.review-sec .review-box .h5-title {

  font-size: 18px;

  color: #000;

  margin-bottom: 16px;

}

.review-sec .review-box .qoute {

  margin-bottom: 20px !important;

  width: 24px;

}

.review-sec .review-box .g-icon {

  margin-top: -20px;

}

.review-sec .review-box.review-bg1 {

  background: #EFEDE5;

}

.review-sec .review-box.review-bg2 {

  background: #E7E7E7;

}

.Reviews-carousel .owl-nav{

  display:block !important;

}

.blog-sec .blog-bx {

  padding: 10px;

  margin-bottom: 16px;

}

.blog-sec .blog-bx .h4-title {

  font-size: 20px;

  font-family: "Lato", sans-serif;

  font-weight: 500;

}



.about-sec {

  background: #f6f6f6;

}



.doctor-sec {

  background: #1B202F;

}

.doctor-sec .doc-bx {

  position: relative;

  transition: 2s;

}

.doctor-sec .doc-bx img {

  width: 100%;

}

.doctor-sec .doc-bx .doc-content-bx {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: #C4EBFF;

  padding: 30px 20px;

  display: none;

  transition: 7s;

}

.doctor-sec .doc-bx:hover .doc-content-bx {

  display: block;

  transition-delay: 0.9s;

  transition-duration: 0.9s;

}



.services-sec {

  background: #f6f6f6;

}

.services-sec .service-bx {

  position: relative;

  margin-bottom: 36px;

  padding: 10px;

}

.services-sec .service-bx img {

  width: 98%;

  border-radius: 20px;

}

.services-sec .service-bx .service-title {

  background: #FFFFFF;

  color: #1B6A63;

  position: absolute;

  width: 60%;

  height: 48px;

  bottom: 7%;

  left: 5%;

  z-index: 2;

  border-radius: 40px;

  padding: 0px 10px 0 24px;

  line-height: 48px;

  font-size: 18px;

}

.services-sec .service-bx .service-title a {

  color: #1B6A63;

}

.services-sec .service-bx .service-title a:hover {

  color: #A48B6B;

}

@media screen and (max-width: 575px) {

  .services-sec .service-bx {

    margin-bottom: 20px;

  }

  .services-sec .service-bx .service-title {

    width: 90%;

    font-size: 16px;

    padding: 0px 6px 0 16px;

    height: 40px;

    line-height: 40px;

    left: 5%;

  }

  .services-sec .service-bx .service-title span img {

    width: 24px;

  }

}

@media screen and (min-width: 576px) and (max-width: 767px) {

  .services-sec .service-bx {

    margin-bottom: 20px;

  }

  .services-sec .service-bx img {

    width: 100%;

  }

  .services-sec .service-bx .service-title {

    width: 90%;

    font-size: 16px;

    padding: 0px 6px 0 16px;

    height: 40px;

    line-height: 40px;

    left: 5%;

  }

  .services-sec .service-bx .service-title span img {

    width: 24px;

  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .services-sec .service-bx .service-title {

    width: 90%;

    font-size: 17px;

    padding: 0px 10px 0 16px;

  }

}

@media screen and (min-width: 992px) and (max-width: 1400px) {

  .services-sec .service-bx .service-title {

    width: 70%;

    font-size: 17px;

    padding: 0px 10px 0 16px;

  }

}



.service-dark-bg {

  background: #1B202F;

  border-radius: 24px;

  padding: 0 30px;

  height: 96%;

}

.service-dark-bg .service-img {

  margin-top: -5%;

}

@media screen and (max-width: 767px) {

  .service-dark-bg {

    padding: 0 16px;

  }

  .service-dark-bg .service-img {

    margin-top: 0%;

    text-align: center;

  }

}

.built-bx {

  position: relative;

  margin-bottom: 16px;

}

.built-bx img {

  width: 100%;

  border-radius: 16px;

}

.built-bx .built-title {

  position: absolute;

  width: 100%;

  height: 100%;

  bottom: 0;

  left: 0;

  padding: 20px;

  align-items: end;

  display: flex;

}



.aft-bx h6 {

  min-height: 45px;

}



.aft-bg1 {

  background: #C4EBFF;

}



.aft-bg2 {

  background: #DCE2FF;

}



.aft-bg3 {

  background: #D8ECE3;

}



.aft-bg4 {

  background: #F6E3DB;

}



.contact-sec {

  background: #f6f6f6;

  padding-bottom: 15%;

}



.contact-form-sec {

  position: relative;

  padding-bottom: 3%;

}

.contact-form-sec .contact-form-bx {

  background: #FFFFFF;

  padding: 40px 30px;

  margin-top: -15%;

  position: relative;

  border-top-left-radius: 30px;

  border-top-right-radius: 30px;

}

.contact-form-sec .contact-form-bx label {

  font-weight: 600;

  margin-bottom: 5px;

}

.contact-form-sec .contact-form-bx .form-control {

  border-radius: 24px;

}

.contact-form-sec .contact-form-bx .form-check-input {

  box-shadow: none !important;

}

.contact-form-sec .contact-info {

  background: #112D54;

  text-align: #f4f4f4;

  padding: 40px;

  display: block;

  border-radius: 10px;

}



.navbar-toggler {

  width: 32px;

  height: 32px;

  border-radius: 50%;

  padding: 0;

  border: #304846 1px solid;

  margin-right: 6px;

  box-shadow: none !important;

}

.navbar-toggler .svg {

  width: 20px;

}



.header {

  position: fixed;

  width: 100%;

  padding: 0px 0;

  background: transparent !important;

  top: 0;

  left: 0;

  z-index: 23;

}

.header .navbar {

  padding: 10px 20px;

  background: #FFFFFF !important;

  border-bottom-left-radius: 16px;

  border-bottom-right-radius: 16px;

  z-index: 23;

}

.header .navbar .nav-brand {

  padding: 0 !important;

  margin: 0 !important;

}

.header .navbar .nav-brand img {

  margin: 0;

  padding: 0 !important;

  max-width: 100px;

}

.header .navbar .nav-item {

  padding: 0 2px !important;

}

.header .navbar .nav-item .nav-link {

  color: #304846;

  font-size: 16px;

  font-weight: 400;

  letter-spacing: 0px;

  text-transform: capitalize;

  font-family: "Lato", sans-serif;

}

.header .navbar .nav-item .nav-link:hover {

  color: #A48B6B;

}

.header .navbar .nav-item.dropdown-mega {

  position: relative;

}

.header .navbar .nav-item.dropdown-mega:hover .dropdown-menu {

  margin: 0;

  z-index: 32 !important;

  display: block;

  transition-timing-function: ease-out 0.3s;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu {

  width: 80%;

  background: none !important;

  padding: 13px 0 0 0 !important;

  top: auto;

  left: 0%;

  border: none !important;

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu .mega-content {

  width: 90%;

  margin: 0px auto 0 auto !important;

  border-radius: 16px;

  background: #FFFFFF;

  z-index: 2;

  padding: 20px;

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu .mega-content ul {

  list-style: none;

  padding: 0;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu .mega-content ul li {

  margin-bottom: 8px;

  font-size: medium;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu .mega-content ul li a {

  color: #8A8A8A;

  text-decoration: none;

  font-size: 15px;

  text-transform: capitalize;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu .mega-content ul li a:hover {

  color: #1B6A63;

}

.header .navbar .nav-item.dropdown-mega .dropdown-menu .mega-content h5 {

  font-size: 18px;

  color: #304846;

  padding-bottom: 10px;

  border-bottom: #EFEDE5 1px solid;

  margin-bottom: 16px;

}

@media screen and (max-width: 575px) {

  .header .navbar {

    padding: 8px 10px;

  }

}

@media screen and (max-width: 1200px) {

  .header .navbar .nav-item {

    padding: 0 2px !important;

  }

  .header .navbar .nav-item .nav-link {

    font-size: 14px;

  }

}

.header .navbar .cart-icon {

  position: relative;

  display: inline-block;

}

.header .navbar .cart-icon .badge {

  position: absolute;

  top: -10px;

  left: 8px;

  right: 0;

  display: inline-block;

  background: #A48B6B;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  font-size: 12px;

  text-align: center;

  box-sizing: border-box;

  line-height: 20px;

  padding: 0 2px;

}

.header .navbar .dropdown {

  position: relative;

  display: inline-block;

}

.header .navbar .dropdown .dropdown-menu {

  margin-top: 19px;

  padding: 20px !important;

  min-width: 220px !important;

  border: none !important;

}

.header .navbar .dropdown .dropdown-menu .dropdown-item {

  color: #304846;

  margin-bottom: 6px;

}

.header .navbar .dropdown .dropdown-menu .dropdown-item:hover {

  background: #f6f6f6;

}



.mobile-menu {

  width: 80%;

  background: #EFEDE5;

}

.mobile-menu .btn-close {

  width: 20px;

  font-size: 20px;

  box-sizing: border-box;

  width: 14px;

  height: 14px;

  margin-right: 4px;

}

.mobile-menu .offcanvas-header {

  background: #EFEDE5;

  border-bottom: #D1D1D1 1px solid;

}

.mobile-menu .offcanvas-title {

  font-size: 18px;

}

.mobile-menu .navbar-nav {

  padding: 0;

}

.mobile-menu .navbar-nav .nav-item .nav-link {

  color: #304846;

}

.mobile-menu .navbar-nav .nav-item .nav-link:hover {

  color: #1B6A63;

}

.mobile-menu .navbar-nav .nav-item .dropdown-menu {

  background: #f6f6f6 !important;

  max-width: 100%;

  min-width: 70vw;

  border: #f6f6f6 1px solid;

  padding: 6px;

}

.mobile-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {

  font-size: 14px !important;

  color: #304846;

}

.mobile-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {

  background: #EFEDE5;

}



.cart-canvas {

  background: #f6f6f6;

  min-width: 653px;

}

.cart-canvas .offcanvas-header {

  border-bottom: 1px solid #EFEDE5;

  font-family: "Playfair Display", serif;

  padding: 20px 30px;

}

.cart-canvas .offcanvas-body {

  padding: 20px 30px;

}

.cart-canvas .summary-box {

  max-height: 450px;

  overflow-y: scroll;

  overflow-x: hidden;

}

.cart-canvas .summary-box::-webkit-scrollbar {

  width: 3px;

  background: #f6f6f6;

}

.cart-canvas .qty-container {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #1B6A63;

  border-radius: 20px;

  width: 90px;

  margin-right: 8px;

}

.cart-canvas .qty-container .input-qty {

  text-align: center;

  border: none !important;

  padding: 2px 3px;

  background: transparent;

  width: 32px;

}

.cart-canvas .qty-container .input-qty:focus {

  border: none !important;

  outline: none !important;

}

.cart-canvas .qty-container .qty-btn-minus, .cart-canvas .qty-container .qty-btn-plus {

  border: none !important;

  background: none !important;

  box-shadow: none !important;

  padding: 2px;

  font-size: 12px;

  transition: 0.3s;

}

.cart-canvas .qty-container .qty-btn-minus img, .cart-canvas .qty-container .qty-btn-plus img {

  width: 15px;

  filter: brightness(0) saturate(100%) invert(42%) sepia(1%) saturate(371%) hue-rotate(136deg) brightness(95%) contrast(90%);

}

.cart-canvas .qty-container .qty-btn-minus:hover img, .cart-canvas .qty-container .qty-btn-plus:hover img {

  filter: brightness(0) saturate(100%);

}

.cart-canvas .qty-container .qty-btn-plus {

  margin-left: 1px;

}

.cart-canvas .qty-container .qty-btn-minus {

  margin-right: 1px;

}

.cart-canvas .cart-item {

  padding: 0 0 16px 0;

  margin: 0 0 16px 0;

  border-bottom: #EFEDE5 1px solid;

}

.cart-canvas .cart-item .cart-title {

  font-size: 18px;

  font-weight: 500;

}

.cart-canvas .cart-item .price {

  font-size: 18px;

  font-weight: 500;

  margin-top: 10px;

}

.cart-canvas .cart-item .best-text {

  font-size: 14px;

  color: #8A8A8A;

}

.cart-canvas .offcanvas-footer {

  padding: 20px 30px;

  border-top: #D1D1D1 1px solid;

  background: #EFEDE5;

}

.cart-canvas .offcanvas-footer .subtotal {

  font-size: 18px;

  font-weight: 600;

  color: #304846;

}



@media screen and (max-width: 767px) {

  .cart-canvas {

    min-width: 90%;

  }

  .cart-canvas .offcanvas-header {

    padding: 20px 20px;

  }

  .cart-canvas .offcanvas-body {

    padding: 20px 20px;

  }

  .cart-canvas .offcanvas-footer {

    padding: 20px 20px;

  }

}

.footer-sec {

  padding: 40px 0 40px 0;

  border-top-left-radius: 50px;

  border-top-right-radius: 50px;

  background: #274845;

  color: #f4f4f4;

}

.footer-sec .copy-text {

  color: #f4f4f4;

  margin-bottom: 0;

}

.footer-sec .foot-logo {

  width: 140px;

  margin-bottom: 30px;

  margin-top: 10px;

}

.footer-sec .foot-title {

  color: #1B6A63;

  font-size: 20px;

  margin-bottom: 30px;

  margin-top: 16px;

  font-weight: 400;

  color: #f4f4f4;

}

.footer-sec .foot-ul li {

  margin-bottom: 12px;

}

.footer-sec .foot-ul li a {

  color: #f4f4f4;

  font-size: 16px;

}

.footer-sec .foot-ul li a:hover {

  color: #A48B6B;

}

.footer-sec .foot-ul p {

  font-size: 15px;

  line-height: 26px;

  color: #f4f4f4;

}

.footer-sec .copyright {

  padding: 20px 0px 0 0;

  border-top: #1B6A63 1px solid;

  text-align: center;

  letter-spacing: 0.5px;

}

.footer-sec .copyright p {

  font-size: 15px;

  color: #f4f4f4;

  font-weight: 300;

  margin-bottom: 0;

}

.footer-sec .copyright .pay-icon-bx {

  text-align: right;

}

.footer-sec .copyright .pay-icon-bx .upi-icon {

  width: 40px;

}

@media screen and (max-width: 575px) {

  .footer-sec {

    padding: 30px 0 0 0;

  }

}



.app-menu {

  display: none;

}



@media screen and (max-width: 767.98px) {

  .footer-sec {

    margin-bottom: 40px;

  }

  .app-menu {

    display: block;

    padding: 10px 10px;

    background: #1B6A63;

    position: fixed;

    bottom: 0;

    width: 100%;

    left: 0;

    z-index: 9999;

    color: #f4f4f4;

  }

  .app-menu a {

    text-decoration: none;

    text-align: center;

    color: #f4f4f4;

  }

  .app-menu .book-btn {

    background: transparent;

    font-size: 15px;

    color: #f4f4f4;

    text-transform: capitalize;

    font-weight: 500;

  }

}

@media screen and (min-width: 320px) and (max-width: 360px) {

  .app-menu {

    padding: 5px 4px;

  }

  .app-menu .book-btn {

    font-size: 12px;

  }

}

.product-card {

  position: relative;

  display: block;

  text-align: left;

  margin-bottom: 20px;

}

.product-card:hover {

  box-shadow: none;

}

.product-card .img-card {

  margin-bottom: 15px;

  overflow: hidden;

  position: relative;

  transition: 1s;

}

.product-card .img-card .pro-img {

  width: 100%;

  background-position: center;

  border-radius: 15px;

}

.product-card .img-card .new {

  text-transform: uppercase;

  padding: 2px 6px;

  font-size: 13px;

  color: #f4f4f4;

}

.product-card .pro-title {

  font-size: 17px;

  color: #304846;

  font-family: "Lato", sans-serif;

  margin: 6px 0 4px 0px;

  font-weight: 400;

  padding: 0;

  text-transform: capitalize;

}

.product-card span {

  color: #8A8A8A;

  font-size: 13px;

  display: inline-block;

}

.product-card .star {

  color: #f4f4f4;

  text-transform: capitalize;

  display: inline-block;

  font-size: 12px;

  border-radius: 4px;

  padding: 2px 1px;

  text-align: right;

  font-weight: 400;

  margin-bottom: 16px;

}

.product-card .price {

  font-size: 18px;

  color: #304846;

  font-weight: 500;

  font-family: "Lato", sans-serif;

  padding: 6px 0px;

}

.product-card .price span {

  font-size: 16px;

}

.product-card .price del {

  margin-right: 12px;

  color: #8A8A8A;

  font-weight: 500;

}

.product-card .add-cart-btn {

  background: #1B6A63;

  color: #f4f4f4;

  padding: 8px 16px;

  border-radius: 20px;

  border: none;

  box-shadow: none;

  text-transform: capitalize;

  display: flex;

  text-align: center;

  justify-content: center;

  margin: 0 0 10px 0;

  font-size: 15px;

  font-family: "Lato", sans-serif;

}

.product-card .add-cart-btn:hover {

  background: #A48B6B;

  color: #f4f4f4;

}

@media screen and (max-width: 767px) {

  .product-card .add-cart-btn {

    color: #f4f4f4;

    padding: 6px 12px;

    font-size: 14px;

    font-weight: 400 !important;

  }

  .product-card .add-cart-btn:hover {

    color: #f4f4f4;

  }

  .product-card .pro-title {

    font-size: 15px;

  }

  .product-card .img-card {

    margin-bottom: 10px;

  }

  .product-card .price {

    font-size: 16px;

  }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {

  .product-card .col-lg-8 {

    padding-right: 6px;

  }

  .product-card .col-lg-4 {

    padding-left: 6px;

  }

}

@media screen and (min-width: 1400px) {

  .product-card .col-xxl-9 {

    padding-right: 6px;

  }

  .product-card .col-xxl-3 {

    padding-left: 6px;

  }

}



@keyframes moveRightToLeft {

  0% {

    transform: translateX(50%); /* Start from the right */

  }

  100% {

    transform: translateX(-2px); /* Move to the left */

  }

}

body {

  font-size: 16px;

  color: #304846;

  font-family: "Lato", sans-serif;

}



.form-sec {

  padding: 0 0 40px 0;

}

.form-sec .form-box {

  padding: 30px 40px;

  position: relative;

  margin-top: -5%;

  width: 100%;

  background: #fff;

  z-index: 3;

}

.form-sec .form-box label {

  color: #304846;

  font-weight: 500;

  margin-bottom: 10px;

}

.form-sec .bor-right {

  border-right: #999 1px dashed;

}

.form-sec .input-group {

  position: relative;

  display: flex;

}

.form-sec .input-group .input-group-text {

  height: 45px;

  margin-right: 0px;

  z-index: 2;

  font-size: 24px;

  margin: 0 !important;

  padding: 12px 12px 12px 0 !important;

  border: none !important;

  background: transparent !important;

}

.form-sec .input-group .form-control {

  border: none !important;

  padding-left: 0px;

  margin-bottom: 0;

}

.form-sec .input-group .form-control::placeholder {

  color: #8C8C8D;

}

@media screen and (max-width: 767px) {

  .form-sec .form-box {

    margin-top: -10%;

    padding: 20px 20px;

  }

  .form-sec .bor-right {

    border-bottom: #999 1px dashed;

    border-right: none;

  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .form-sec .form-box {

    margin-top: -10%;

    padding: 24px 24px;

  }

  .form-sec .bor-right {

    border-bottom: #999 1px dashed;

    border-right: none;

  }

}

.form-sec .sub-title {

  border: #1B6A63 1px solid;

  background: transparent;

}

.form-sec ul {

  list-style: none;

  padding: 0;

  margin: 20px 0;

}

.form-sec ul li {

  margin-bottom: 12px;

  font-size: 15px;

}

.form-sec .form-container {

  position: relative;

  padding: 30px 30px;

  border-radius: 10px;

}

.form-sec .form-container .btn-close {

  box-shadow: none !important;

  font-size: 16px;

}

@media screen and (max-width: 991px) {

  .form-sec {

    padding: 0px 0 30px 0;

  }

  .form-sec .container-lg {

    width: 96% !important;

  }

  .form-sec .form-container {

    margin-bottom: 30px;

    padding: 10px 10px 0 10px;

  }

  .form-sec .form-container .form-control {

    padding: 10px 10px;

    font-size: 14px;

    margin-bottom: 10px;

  }

  .form-sec .form-container .form-img {

    margin-top: 20px;

  }

  .form-sec .form-container .form-box {

    padding: 10px 10px 20px 10px;

  }

  .form-sec .call-box {

    padding: 10px;

  }

  .form-sec .call-box .icon-bx {

    padding: 10px 10px;

    margin-right: 10px;

  }

  .form-sec .call-box .icon-bx .svg {

    width: 30px;

  }

  .form-sec ul {

    margin: 16px 0;

  }

}



.result-sec {

  background: #F1F5F8;

}

.result-sec .result-carousel {

  margin-top: 0px;

}

.result-sec .result-box img {

  border-radius: 10px;

}

.result-sec .custom-nav {

  display: flex;

  margin-top: 10px;

}

.result-sec .custom-prev, .result-sec .custom-next {

  border: #1B6A63 1px solid;

  color: white;

  text-align: center;

  padding: 3px 7px;

  margin: 0 10px 0 0;

  width: 35px;

  height: 35px;

  cursor: pointer;

  border-radius: 50%;

  transition: background 0.3s;

}

.result-sec .custom-prev:hover, .result-sec .custom-next:hover {

  border: #A48B6B 1px solid;

}



@media screen and (max-width: 991px) {

  .result-sec .result-carousel {

    margin-bottom: 30px;

    margin-top: 10px;

  }

}

.faq-sec {

  position: relative;

}

.faq-sec .sec-title {

  margin-bottom: 30px;

  line-height: 45px;

}

.faq-sec .accordion {

  border: none !important;

  background: transparent !important;

}

.faq-sec .accordion .accordion-item {

  border-radius: 0px !important;

  background: transparent !important;

  margin-bottom: 0px;

  padding: 0px;

  color: #304846 !important;

  border: none;

  border-bottom: 1px solid #928C8C !important;

}

.faq-sec .accordion .accordion-item:first-child {

  border-top: 1px solid #928C8C !important;

}

.faq-sec .accordion .accordion-item .accordion-button {

  font-size: 18px;

  color: #304846;

  padding: 16px 6px 16px 0px;

  font-family: "Lato", sans-serif !important;

  font-weight: 400 !important;

  background: transparent;

}

.faq-sec .accordion .accordion-item .accordion-button::after {

  width: 20px;

  height: 20px;

}

.faq-sec .accordion .accordion-item .accordion-button.active {

  font-weight: 400;

}

.faq-sec .accordion .accordion-item .accordion-button:focus {

  box-shadow: none;

  font-weight: 400;

}

.faq-sec .accordion .accordion-item .accordion-button img {

  filter: brightness(0) saturate(100%) invert(22%) sepia(84%) saturate(692%) hue-rotate(175deg) brightness(91%) contrast(94%) !important;

}

.faq-sec .accordion .accordion-item .accordion-button::after {

  background: url(../img/icons/arr-t.png);

  width: 36px;

  height: 36px;

  background-repeat: no-repeat;

}

.faq-sec .accordion .accordion-item .accordion-button:not(.collapsed) {

  background: transparent;

  box-shadow: none;

  color: #304846 !important;

  font-weight: 600 !important;

}

.faq-sec .accordion .accordion-item button:not(.collapsed)::after {

  transform: rotate(90deg);

  color: #1B6A63 !important;

  width: 36px;

  height: 36px;

}

.faq-sec .accordion .accordion-item .accordion-body {

  font-size: 16px;

  line-height: 30px;

  padding: 5px 0;

}

@media screen and (max-width: 991px) {

  .faq-sec .accordion .accordion-item .accordion-button {

    font-size: 16px;

    line-height: 28px;

    padding: 10px 16px 10px 0px;

  }

}



.clinic-bx {

  border: #D1D1D1 1px solid;

  padding: 20px 16px;

  border-radius: 5px;

  margin-bottom: 20px;

  background: RGB(224, 236, 255, 0.2);

}

.clinic-bx:hover {

  box-shadow: 0px 1px 4px 1px rgba(150, 150, 150, 0.3);

}

.clinic-bx h4 {

  font-size: 18px;

  color: #304846;

  font-weight: 500;

  margin-bottom: 16px;

  letter-spacing: 0.5px;

}

.clinic-bx p {

  font-size: 15px;

  line-height: 24px;

  margin-bottom: 0;

}

.clinic-bx p b {

  font-weight: 500;

}

.clinic-bx ul {

  margin-bottom: 16px;

  list-style: none;

  padding: 0;

}

.clinic-bx ul li {

  margin-bottom: 16px;

}

.clinic-bx ul li .svg {

  width: 16px;

  filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(167%) hue-rotate(169deg) brightness(93%) contrast(84%);

}

.clinic-bx ul li a {

  color: #304846;

  text-decoration: none;

  font-weight: 500;

  font-size: 15px;

}

.clinic-bx ul li a:hover {

  color: #1B6A63;

}

.clinic-bx ul li .svg {

  margin-right: 8px;

}



.tab-navigation {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  max-width: fit-content;

  margin: 0 auto;

}



.tab-menu {

  list-style: none;

  max-width: 90%;

  padding: 10px;

  white-space: nowrap;

  box-shadow: var(--box-shadow);

  scroll-behavior: smooth;

  overflow-x: auto;

  display: flex; /* Ensure horizontal layout */

  flex-wrap: nowrap; /* Prevent wrapping */

  gap: 10px; /* Space between tabs */

  position: relative;

}



.tab-menu.dragging {

  scroll-behavior: unset;

  cursor: grab;

}



.tab-menu::-webkit-scrollbar {

  display: none;

}



.tab-menu.dragging .tab-btn {

  pointer-events: none;

}



.tab-btn:hover {

  background-color: var(--first-color);

}



.tab-btn.active {

  background-color: var(--second-color);

}



.left-btn,

.right-btn {

  position: absolute;

  color: #304846;

  font-size: 16px;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  padding: 1px;

  margin-top: 16px;

  text-align: center;

  cursor: pointer;

  z-index: 3;

  background: transparent;

  border: #1B6A63 1px solid;

}

.left-btn img,

.right-btn img {

  width: 20px;

}



.left-btn {

  left: 10px;

}



.right-btn {

  right: 0px;

}



.loc-sec {

  background: #F1F8FE;

}



.loc-bx {

  padding: 10px;

  background: #fff;

}

.loc-bx .starsvg {

  width: 14px !important;

}

.loc-bx .open-hours {

  font-family: 14px;

  color: #8A8A8A;

}

.loc-bx .loc-address {

  min-height: 90px;

  font-size: 15px;

  line-height: 24px;

}

.loc-bx .total-review {

  color: #1B6A63;

  font-size: 13px;

}



.youtube-video iframe {

  min-height: 259px;

  width: 100%;

  max-height: auto;

  border-radius: 16px !important;

}



/* Initially hide the sections to simulate lazy loading */

.lazy-load {

  opacity: 0;

  transition: opacity 0.5s ease;

}



/* Optional: Style the sections when they become visible */

.lazy-load.loaded {

  opacity: 1;

}



.youtube-container {

  position: relative;

  width: 100%;

  max-width: 560px;

  aspect-ratio: 16/9;

  cursor: pointer;

  background-color: #000;

}



.youtube-container img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.youtube-container .play-button {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 68px;

  height: 48px;

  background: url("https://img.icons8.com/ios-filled/50/ffffff/play-button-circled.png") no-repeat center center;

  background-size: contain;

  transform: translate(-50%, -50%);

}



/* Custom Loader Styles */

.custom-loader {

  width: 30px;

  height: 30px;

  border: 4px solid #f3f3f3;

  border-top: 4px solid #3498db;

  border-radius: 50%;

  animation: spin 1s linear infinite;

}



/* Keyframe Animation for rotating the loader */

@keyframes spin {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

.youtube-video {

  overflow: hidden;

}

.youtube-video video {

  min-height: 259px;

  width: 100%;

  max-height: auto;

  overflow: hidden;

}



/* Base styles for each service section */

.service-section {

  align-items: center;

  position: relative;

  margin-bottom: 20px;

}



/* Container for service items */

.service-items {

  display: flex;

  overflow-x: hidden;

  gap: 10px;

  width: 100%;

}

.service-items .treat-box {

  max-width: 100%;

  display: block;

  flex: auto;

}



/* Arrow button styles */

.arrow-button {

  position: absolute;

  display: none;

  top: 50%;

  transform: translateY(-50%);

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

  border: none;

  padding: 10px;

  cursor: pointer;

  z-index: 10;

}



.arrow-button.left {

  left: 10px;

}



.arrow-button.right {

  right: 10px;

}



/* Responsive adjustments for mobile devices */

@media (max-width: 768px) {

  .service-section {

    display: flex;

    flex-direction: row;

  }

  .service-section .treat-box {

    width: 100%;

  }

  .service-items {

    overflow-x: auto; /* Enable horizontal scrolling on mobile */

    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */

  }

  .service-item {

    width: 100%; /* Each item takes full width on mobile */

  }

  .arrow-button {

    display: block;

  }

}

.pulse-button {

  background-color: #1B6A63; /* Medical blue */

  color: #fff;

  padding: 10px 20px;

  border: none;

  border-radius: 5px;

  font-size: 17px !important;

  cursor: pointer;

  position: relative;

  overflow: hidden;

  box-shadow: 0 0 0 RGB(239, 62, 156, 0.6);

  animation: pulse 1.5s infinite;

  transition: background-color 0.3s ease;

}



.pulse-button:hover {

  background-color: #A48B6B;

}



.book-btn {

  box-shadow: 0 0 0 rgba(243, 243, 243, 0.9);

  font-size: 16px !important;

  letter-spacing: 1px;

  font-weight: 500;

  padding: 6px 24px;

  border: #A4CFEA 1px solid;

  border-radius: 5px;

  animation: pulse2 1.5s infinite;

  transition: background-color 0.3s ease;

}



@keyframes pulse2 {

  0% {

    box-shadow: 0 0 0 0 RGB(244, 241, 241, 0.8);

  }

  70% {

    box-shadow: 0 0 0 12px rgba(243, 243, 243, 0);

  }

  100% {

    box-shadow: 0 0 0 0 rgba(243, 243, 243, 0);

  }

}

.whatsapp-icon {

  display: none;

}



@media screen and (max-width: 767px) {

  .whatsapp-icon {

    position: fixed;

    bottom: 10%;

    right: 5px;

    z-index: 9999;

    display: block;

  }

  .whatsapp-icon img {

    width: 36px;

  }

}

.video-banner-sec {

  position: relative;

}

.video-banner-sec video {

  width: 100%;

  position: relative;

}

.video-banner-sec video::before {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  right: 0;

  top: 0;

  background: RGB(15, 15, 15);

}



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