body {
  background-color: #fff9ef !important;
  font-family: "Poppins", sans-serif;
}

@media (min-width: 1400px) {
  .container {
    max-width: 100% !important;
  }
}

.header {
  margin-bottom: 10px;
  font-family: "Lora", serif;
  font-weight: 300;
  font-size: 40px;
  /* margin-left: 20px; */
  text-align: left; /* Ensures it stays aligned properly */
}

.subHeader {
  font-family: "Lora", serif;
  font-weight: 500;
  font-size: 30px;
  /* margin-left: 20px; */
  text-align: left; /* Ensures it stays aligned properly */
}

.blogpostHead {
  font-weight: 500;
  color: #6e4625;
}
.blogpostmid {
  font-weight: 500;
  color: black;
}
.blogpostlast {
  color: #939393;
}
.fs-9 {
  font-size: 9px !important;
}
.fs-8 {
  font-size: 8px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-20 {
  font-size: 20px !important;
}

.main_text {
  font-family: "Lora", serif;
  font-weight: 300;
  font-size: 60px;
}

.sub_text {
  font-family: "Lora", serif;
  font-weight: 300;
  font-size: 45px;
}

/*nav bar */

.nav-item {
  font-family: "Poppins", sans-serif;
  font-size: 14px; /* Adjust font size */
  color: #8b5e34;
}
.nav-item:hover {
  color: #ca7b3f;
}
.nav-item {
  transition: color 0.3s ease-in-out; /* Adds a smooth transition effect */
}
.nav-link i {
  font-size: 20px; /* Adjust icon size */
  padding: 10px; /* Add spacing inside */
}

.custom-button {
  border-radius: 25px;
  color: #5f3818;
  border: none;
  background-color: #f2e0cf;
  font-family: Poppins, sans-serif;
  transition: background-color 0.8s ease-in-out, color 0.6s ease-in-out; /* Slower transition */
}

.custom-button:hover {
  background-color: #ca7b3f; /* Darker background on hover */
  color: #fff; /* Change text color on hover */
}

.btn:hover {
  background-color: #eac2b3;
  color: #5e4638;
}

/* talk with as btn */
.contact_btns {
  background: linear-gradient(98deg, #a2744f 0%, #5f3818 100%);
  color: #fff;
  border: none;
  padding: 5px 40px;
  border-radius: 27px;
  opacity: 1;
  transition: background 0.5s ease-in-out, transform 0.3s ease,
    box-shadow 0.3s ease;
  font-family: "Lora", serif;
  font-size: 20px;
  letter-spacing: 1.5px;
  cursor: pointer;
}

.contact_btns:hover {
  background: linear-gradient(98deg, #5f3818 0%, #a2744f 100%);
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25);
}

.text-container {
  background-image: url("../images/bg_widget_1.svg");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 20px;
}
.bg-image-container111 {
  background-image: url("./images/aboutBanner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px; /* or 100vh for full screen height */
}
.bg-image-container112 {
  background-image: url("./images/yogaBannerPic.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px; /* or 100vh for full screen height */
}

@media (max-width: 768px) {
  .text-container {
    background-size: cover;
    padding-left: 1rem;
  }
}

/* content */
.content,
.content_2 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #000000;
  text-align: center;
  display: block;
  margin: 5px auto;

  line-height: 1.5;
  /* padding: 0px 15px 15px 15px; */
  margin-bottom: 25px;
}

.row.align-items-center {
  text-align: center;
}

.card_content {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #5f3818;
  line-height: 1.7;
}

.fixed-card {
  color: black;
  background-color: #fff0de;
  width: 100%;
  height: 250px;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  transition: all 0.3s ease;
}

.fixed-card img {
  width: 40px;
  margin: 0 auto;
  display: block;
}

.fixed-card:hover,
.fixed-card:active {
  background-color: #ffffff !important;
  color: #7b522f !important;
  transform: translateY(-5px);
  /* box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15); */
}

@media (max-width: 768px) {
  .fixed-card {
    height: auto;
    padding: 15px;
  }

  .fixed-card img {
    width: 40px;
  }

  .card_sub_content {
    font-size: 12px;
  }
}

.tabs-container {
  display: flex;
  align-items: center; /* Align items vertically in the center */
  gap: 10px;
}

.custom-tabs {
  margin: 0; /* Remove any unnecessary margins */
  padding: 0;
  flex-grow: 1;
}

.decorative-img {
  width: 150px;
  height: 40px;
  margin: 0;
}

.custom-tabs .nav-link {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #8b5e34 !important;
  /* Ensure text color */
  background-color: #f9f4ef !important;
  /* Tab background */
  border: 1px solid #d7bea9 !important;
  border-radius: 50px !important;
  padding: 8px 20px;
  margin: 0 5px;
  transition: all 0.3s ease;
}

.custom-tabs .nav-link.active {
  background-color: #8b5e34 !important;
  /* Active background */
  color: #fff !important;
  /* Active text color */
  border-color: #8b5e34 !important;
}

.custom-tabs .nav-link:hover {
  background-color: #b78452 !important;
  color: #fff !important;
  border-color: #b78452 !important;
}

.custom-tabs .nav-link:focus {
  outline: none;
  box-shadow: 0 0 4px #8b5e34;
}

.conceptWellness {
  border: solid 1px white !important;
}

/* gellary  */

.healing-card img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease-in-out;
}

.healing-card .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 30px;
  text-align: right !important;
}

.healing-card .overlay p {
  margin: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

.healing-card {
  position: relative;
}

.header {
  font-size: 40px; /* Optional: Adjust text size */
  font-weight: bold;
  margin-bottom: 40px; /* Adds space below header */
}
.team-container {
  padding: 0 80px; /* Adjust the value as needed */

  display: flex;
  justify-content: space-between; /* Distributes items evenly with gaps */
  gap: 30px; /* Space between images */
  flex-wrap: wrap; /* Ensures responsiveness */
}

.healing-card:hover img {
  transform: scale(1.05); /* Slightly enlarges the image */
}

/* doctor  desc */

.team-card {
  background-color: #fff0de;
  padding: 20px; /* Adjust padding */
  display: flex;
  /* flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  max-width: 30%;
  min-width: 250px; */
}

.team-card img {
  width: 100%;
  max-height: 400px; /* Set a max height */
  object-fit: contain; /* Prevents cropping */
}

.innerTeamCard {
  width: 100%; /* Match the image width */
  max-width: 100%; /* Ensure it doesn’t exceed image size */
  background-color: black;
  color: white;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  overflow: hidden;
  word-wrap: break-word;
}
.innerTeamCard .nam {
  font-size: 22px;
  font-weight: 500;
}
.innerTeamCard .qualification {
  font-size: 14px;
}
.innerTeamCard .designation {
  font-size: 12px;
}

/* Testimonials */
.video-container {
  position: relative;
  display: inline-block;
}

.video-container img {
  border-radius: 20px;
  width: 100%;
  height: auto;
}

.video-container .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sideName {
  margin-left: 20px;
}
.sideName p {
  font-size: 13px;
}

.image1 {
  background-image: url("./images/mainconceptbanner.png");
}
.image2 {
  background-image: url("./images/newImage2.jpg");
}
.image3 {
  background-image: url("./images/newImage3.jpg");
}
.image4 {
  background-image: url("./images/newImage4.jpg");
}
.image5 {
  background-image: url("./images/newImage5.jpg");
}
.image6 {
  background-image: url("./images/newImage6.jpg");
}
.image7 {
  background-image: url("./images/newImage7.jpg");
}
.image9 {
  background-image: url("./images/IMAGE11.jpg");
}
.image10 {
  position: relative;
  background-image: url("./images/IMAGE10.png");
}

.gallery-item {
  background-size: 100% 100%;
  position: relative;
}

.gallery-item {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.05);
}
/*footer*/
.footer-column h4 {
  font-size: 18px;
  font-weight: 700; /* Bold */
  font-size: 1.2rem; /* Slightly bigger */
}

.footer-column ul li a {
  font-weight: 600; /* Medium bold */
}

.overlay-text {
  font-size: 13px;
  right: 20px;
  position: absolute;
  top: 50%;
  color: white;
  z-index: 9999;
}

/*yoga page */

.centerHead {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

.image-height {
  width: 100%;
  height: auto;
  max-height: 100%; /* Ensure the image doesn't overflow */
  object-fit: cover;
}

.text-overlay-aboutus {
  position: absolute;
  background-color: white;
  font: normal normal normal 14px Poppins;
  color: #000000;
  left: 5%;
  bottom: -20%;
  padding: 20px;
  border-radius: 10px;
}
.text-overlay-yoga {
  background-color: white;
  font: normal normal normal 18px Poppins;
  color: #000000;
  padding: 20px;
  border-radius: 10px;
}

.custom-item {
  margin: 15px 0px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 20px;
}

/* ayurveda */
.coreConcept {
  max-width: 80%; /* Adjust width as needed */
  margin: auto; /* Centers the content */
}

.custom-item-ayurveda {
  margin: 10px 0px;
  /* font-size: 20px; */
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}

.custom-icon {
  color: #b89472;
  font-size: 30px !important;
  margin-right: 10px;
}
#indicatorHead {
  font-family: "Lora", serif;
  font-weight: 500;
}
.personalLi li {
  font-size: 13px;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
}

/* /service lab  */

.service-image:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 16px #00000017;
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.service-image {
  background: #fff0de 0% 0% no-repeat padding-box;
  border-radius: 15px;
  padding: 20px;
}

.service-image img {
  height: 50px;
  width: 50px;
  margin-bottom: 15px;
}

.serviceslab {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}

.service-image-paragraph {
  text-align: center;
  font: normal normal normal 15px Poppins;
  color: #000000;
  height: 60px;
}
.service-image-paragraph-yoga {
  margin-top: 10px;
  text-align: center;
  font: normal normal normal 13px Poppins;
  color: #000000;
  height: 80px;
}

.service-lab {
  text-align: left;
  font: normal normal medium 24px/35px Poppins;
  letter-spacing: 0px;
  color: #0000;
}

.accordion-button {
  font-weight: bold;
  color: #333;
  /* Dark gray text for button */
}

/* about us page  */
#aboutSubHeader {
  margin-left: 20px; /* Adjust as needed */
  text-align: left; /* Ensures it stays aligned properly */
}
#aboutHeader {
  margin-left: 20px; /* Adjust as needed */
  text-align: left; /* Ensures it stays aligned properly */
}

/*accordion */
.accordion-body {
  background-color: #fbe3d0;
  padding: 0 20px;
  /* margin: 0 20px; */
}

.accordion-item {
  border: none !important;
  margin-bottom: 10px;
  /* Light border around each item */
  border-radius: 5px;
}
.col-3 img {
  max-width: 100%; /* Ensure image is responsive */
  height: auto;
}

.col-9 {
  padding-left: 20px; /* Add spacing between the image and text */
}

.accordion-header {
  background-color: #f8f9fa;
  /* Light gray background for header */
  /* border-bottom: 1px solid #ccc; */
  border: none !important;
  justify-content: space-between !important;
}

.acc-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #fbe3d0;
  border: none;
  padding: 0.75rem 1rem;
  font: normal normal normal 17px Lora;
  text-align: left;
  cursor: pointer;
}
.acc-btn-yoga {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #fbe3d0;
  border: none;
  padding: 0.75rem 1rem;
  font: normal normal normal 17px Lora;
  text-align: left;
  cursor: pointer;
}

.yogaAccor {
  width: 100%;
  background-color: #fbe3d0;
  padding: 0.75rem 1rem;
  border: none;
  padding: 0.75rem 1rem;
}

.customIcon {
  width: 1.3rem;
  height: 1.3rem;
}

.headerpp {
  font-size: 16px;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .headerpp {
    font-size: 14px !important;
  }
}
.ayurTable {
  border-radius: 25px;
  background: #f9ead1;
}
.ayurTable th {
  padding: 25px 30px 15px 30px;
  border-bottom: solid 1px white;
  border-right: solid 1px white;
}
.ayurTable td {
  color: black;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 30px;
}

.headeracc {
  font: normal normal medium 20px Poppins !important;
  color: #6e4625;
  font-weight: 500;
}

/* contact us */

.address-details {
  font: normal normal normal 18px Poppins;
  /* opacity: 1; */
  line-height: 1.8;
  background: #f9f9f9; /* Light background for better contrast */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.address-title {
  font-size: 20px;
  font-weight: 600;
  color: #6e4625;
  margin-bottom: 10px;
}

.address-content {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}

.contact-info {
  background: white;
  padding: 15px;
  border-radius: 8px;
  margin-top: 15px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.info-item {
  font-size: 15px;
  color: #444;
  margin: 5px 0;
}

/* commit */
.yogaSpecificCard {
  background-color: #fff0de !important;
  padding: 10px;
}
.yogaSpecificCard .card-body {
  height: 140px;
}
.yogaSpecificCard .card-title {
  font-size: 20px !important;
}
.yogaSpecificCard .card-text {
  font-size: 16px;
}

#yogaComponent .yogainfo {
  width: 50%;
}
#naturoComponent .yogainfo {
  width: 50%;
}

.filterBodyTreatment {
  font-family: "Poppins", serif;
  border: none !important;
  background-color: #ffffff;
}

.view-more-btn:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

.treatmentViewmorebtn {
  padding: 3px 10px;
  font-family: poppins;
  font-size: 15px;
}

.blog-post img {
  height: 100%;
}

.blogPostbottom {
  padding: 15px;
}

.blogPostbottom h5 {
  font-size: 18px;
  font-weight: 500;
  color: #6e4625;
}
.blogPostbottom p {
  font-size: 15px;
}
.blogPostbottom a {
  font-size: 13px;
  color: black;
  text-decoration: none;
  font-weight: 500;
}
.loadMore span {
  font-size: 14px;
  background: #d7cece;
  padding: 10px 30px;
  border-radius: 25px;
  font-family: poppins;
}

.request_consultation {
  background: linear-gradient(98deg, #a2744f 0%, #5f3818 100%);
  border-radius: 25px;
  font-size: 18px;
  color: white;
  outline: none;
  border: none;
  padding: 5px 20px;
  margin-top: 25px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .request_consultation {
    font-size: 16px;
  }
}

.request_consultation:hover {
  background: linear-gradient(98deg, #5f3818 0%, #a2744f 100%);
  transform: scale(1.05);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.request_consultation:active {
  transform: scale(0.98);
  box-shadow: none;
}

.treatmentCa {
  font-family: "Poppins", serif !important;
  border: none !important;
  outline: none;
  background-color: #fff1d9 !important;
  padding: 20px;
}
.treatmentCaBenefits {
  font-family: "Poppins", serif !important;

  border: none !important;
  outline: none;
  background-color: #ffffff !important;
  padding: 20px;
}

.treatmentCa li {
  margin-bottom: 12px !important;
  font-size: 13px;
  font-weight: 500;
}
.treatmentCaBenefits li {
  margin-bottom: 12px !important;
  font-size: 13px;
  font-weight: 500;
}

.treatmentCa li::marker {
  font-size: 20px; /* Increase bullet size */
  color: #643c1c; /* Change bullet color (optional) */
}
.treatmentCaBenefits li::marker {
  font-size: 20px; /* Increase bullet size */
  color: #643c1c; /* Change bullet color (optional) */
}

/* ................Index.html................ */
/* docter name */

.doctor-name {
  font-size: 1.3rem;
  font-weight: 600;
  color: #2f2f2f;
  .yogainfo {
    width: 100% !important;
  }
  font-family: "Poppins", sans-serif;
}

.doctor-title {
  font-size: 0.8rem;
  color: #7a7a7a;
  font-family: "Poppins", sans-serif;
}

/* about us */
@media (max-width: 992px) {
  /* Tablets */
  .header,
  .subHeader {
    font-size: 32px;
    text-align: center;
  }

  .content {
    font-size: 16px;
  }

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

@media (max-width: 768px) {
  /* Mobile */
  #AboutUs .row.align-items-center {
    flex-direction: column-reverse; /* Move image above text */
    text-align: center;
  }

  .header {
    font-size: 28px;
    line-height: 1.4;
  }

  .content {
    font-size: 14px;
  }
  .content_2 {
    font-size: 14px;
  }

  .contact_btns {
    font-size: 14px;
    padding: 8px 16px;
  }

  /* Cards in two columns */

  .custom-tabs {
    flex-wrap: wrap; /* Allows wrapping for small screens */
    justify-content: center; /* Centers the buttons */
    gap: 10px; /* Adds spacing between buttons */
  }

  .custom-tabs .nav-item {
    flex: none; /* Prevents equal width distribution */
    width: auto; /* Allows buttons to adjust dynamically */
  }

  .custom-tabs .nav-link {
    padding: 8px 15px; /* Adjusts padding for a compact look */
    font-size: 14px; /* Reduces font size for better fit */
  }
  .speciality_img img {
    display: none; /* Ensures proper alignment */
  }

  /* Control specialty image size */
  .speciality_img {
    max-width: 85%;
    margin: 0 auto;
    display: block;
  }

  .speciality_img img {
    max-height: 280px;
    object-fit: contain;
    margin: 0 auto;
  }

  @media (max-width: 768px) {
    .speciality_img {
      max-width: 100%;
    }

    .speciality_img img {
      max-height: 220px;
    }
  }

  /*tratment  */

  .imgBasthi {
    width: 100%;
    margin-bottom: 10px;
  }
}

.NaturopathyHead {
  font-size: 5px;
}

.RecentBlogs {
  font-size: 20px;
  font-weight: 500;
  color: #6e4625;
  text-decoration: underline;
}
/* Add to your existing CSS file (styles.css) */
.condition-item {
  padding: 10px;
  border-radius: 8px;
  background-color: #f8f9fa;
  margin-bottom: 5px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.condition-item:hover {
  background-color: #e9ecef;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.condition-item i {
  font-size: 1.2rem;
  min-width: 25px;
}
.condition-item i {
  font-size: 1.2rem;
  min-width: 25px;
  color: #643c1c; /* Changed from text-primary class to direct color */
}

/* You might also want to adjust the hover state */
.condition-item:hover {
  background-color: #f1e6d9; /* Slightly lighter shade that complements the brown */
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(100, 60, 28, 0.15);
}

/* CSS for Ayurvedic Treatment Packages Table */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 20px;
}

.plans-section {
  /* width: 100%;
  max-width: 1200px;
  margin: 0 auto; */
}

.plans-table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #008000;
}

.plans-table th,
.plans-table td {
  border: 1px solid #008000;
  padding: 6px;
  text-align: left;
  vertical-align: top;
}

.plans-table th {
  background-color: #f2f2f2;
  font-weight: bold;
  text-align: center;
}

.treatment-name {
  font-weight: bold;
}

.treatment-desc {
  padding-left: 10px;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .scrollBar {
    overflow-x: scroll;
  }
  .plans-table {
    font-size: 14px;
  }

  .plans-table th,
  .plans-table td {
    padding: 5px;
  }
}

@media screen and (max-width: 480px) {
  .plans-table {
    font-size: 12px;
  }
}
.imgblog {
  border-radius: 10px;
  width: 90%;
}

/* Video Container */
.video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  background-color: #000;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

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

/* Custom styling for video controls */
video::-webkit-media-controls-panel {
  background-color: rgba(0, 0, 0, 0.5);
}

video::-webkit-media-controls-play-button,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-mute-button {
  cursor: pointer;
}