@font-face {
    font-family: "Merriweather Sans", sans-serif;
    src: url(fonts/MerriweatherSans-Regular.ttf);
}

@font-face {
    font-family: "Merriweather";
    src: url(fonts/u-440qyriQwlOrhSvowK_l5-fCZM.woff2);
}

@font-face {
    font-family: "Noto Sans", sans-serif;
    src: url(fonts/NotoSans-Regular.ttf);
}

@font-face {
    font-family: "Lora", serif;
    src: url(fonts/Lora-Regular.ttf);
}

body {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
}

#top-header {
    background-color: #f8f8f8;
    /* Change the background color as needed */
}

.social-icons {
    font-size: 20px;

}

.social-icons a {
    margin-right: 10px;
    /* Adjust the spacing between icons */
    color: rgba(0, 0, 0, .55);
    /* Change the icon color as needed */
    line-height: 14px;
}

#top-navbar {
    background-color: white;
    padding: 1em;
}

#top-navbar .navbar-nav {
    font-family: Noto Serif;
    font-size: 17px;
    line-height: 23.8px;
    font-weight: 400;
}

#top-navbar .navbar-nav .nav-link:hover {
    border-bottom: 2px solid #ff6900;

}

#top-navbar .navbar-nav .active {
    border-bottom: 2px solid #ff6900;
}

#top-navbar .online-consultation {
    font-family: "Noto Sans", sans-serif;
    background: #ff6900;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
}

#top-navbar .bi-bag {
    color: rgba(0, 0, 0, .55);
}

/* #main-section {
    font-family: "Lora", serif;
    min-height: 300px;
    background: #acc49c;
    display: flex;
    align-items: center;
} */

#main-section {
    background: url('images/old-paper-horizontal-banner-parchment-scroll-isolated-white-background.jpg') center center no-repeat;
    background-size: cover;    
    height: 70vh; /* Adjust the height as needed */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

/* Media query for mobile devices */
@media (max-width: 767px) {
    #main-section {
        height: 50vh; /* Adjust the height for mobile */
    }
}

/* Media query for tablet devices */
@media (min-width: 768px) and (max-width: 1023px) {
    #main-section {
        height: 60vh; /* Adjust the height for tablet */
    }
}

/* Media query for laptop devices */
@media (min-width: 1024px) {
    #main-section {
        height: 70vh; /* Adjust the height for laptop */
    }
}

/* #main-section {
    position: relative;
    background-image: url('images/old-paper-horizontal-banner-parchment-scroll-isolated-white-background.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f9f4ec;
} */




#main-section {
    text-align: center;
    padding: 100px 0;
}

#main-section h1 {
    font-size: 3rem;
    font-weight: bold;
    color: #343a40;
    /* Set your text color */
    margin-bottom: 20px;
}

#main-section p {
    font-size: 1.5rem;
    color: white;
    /* Set your text color */
    margin-bottom: 40px;
    text-transform: lowercase;
}

#main-section span {

    
    font-weight: 700;
    color: black;
    /* Set your text color */
    margin-bottom: 20px;
    text-transform: capitalize;
}

#main-section .card {
    transition: background-color 0.3s ease;
    cursor: pointer;
    height: 100%;
}

#main-section .card:hover {
    background-color: #ff6900;
    color: #fff;
}

#main-section .card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    height: 200px;
    /* Adjust the height as needed */
}

#main-section .card-title {
    font-size: 1.25rem;    
    margin-top: 10px;
    margin-bottom: 10px;
}

#main-section .bi {
    font-size: 2rem;

}

#main-section a {
    color: black;
}

#main-body-section {
    text-align: center;
    padding: 50px 0;
}

#main-body-section h2 {
    font-family: "Lora", serif;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#main-body-section h3 {
    font-family: "Lora", serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

#main-body-section p {
    font-family: Merriweather;
    /* font-size: 20px; */
    margin-top: 0.5em;
}

#main-body-section .card {
    transition: background-color 0.3s ease;
    height: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);

}

#main-body-section .card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    height: 200px;
    /* Adjust the height as needed */
}

#main-body-section .card-title {
    font-size: 1.25rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

#life-body-treatement-section {
    text-align: center;
    padding: 100px 0;
}

#life-body-treatement-section h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#life-body-treatement-section .image-box {
    position: relative;
    width: 100%;
    max-width: 300px;
    /* Adjust the maximum width of the image box */
    height: auto;
    overflow: hidden;
    margin: 10px;
    text-align: center;
    /* Center-align the content within the image-box */
}

#life-body-treatement-section .image-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
}

#life-body-treatement-section .image-box .content {
    font-family: Lora;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#life-body-treatement-section .image-box:hover .content {
    opacity: 1;
}

#life-body-treatement-section .image-box .title {
    font-family: Lora;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #444;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    opacity: 1;
    /* Initially show title */
    transition: opacity 0.3s ease;
}

#life-body-treatement-section .image-box .description {
    font-family: Lora;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    text-align: center;
    opacity: 0;
    /* Initially hide description */
    transition: opacity 0.3s ease;
}

#life-body-treatement-section .image-box:hover .description {
    opacity: 1;
    /* Show description on hover */

}

#what-we-treat-section {
    background: #af8f68;
    background: linear-gradient(45deg, #af8f68 0%, #ffffff 100%);
    text-align: center;
    padding: 50px 0;
    color: #444;
    display: flex;
    align-items: center;
}

#what-we-treat-section h2 {
    font-family: Lora;
    color: #444;
}

#what-we-treat-section h4 {
    font-family: Lora;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 7px;
    color: #444;
    font-weight: 700;
}

#what-we-treat-section .card {
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 100%;

}

#what-we-treat-section .card-title {
    text-align: center;
}

#what-we-treat-section .card-img-container {
    text-align: center;
    /* Center-align the image */
}

#what-we-treat-section .card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    height: 200px;
}

#main-body-founder {
    padding: 100px 0;
}

#about-main-body-founder {
    padding: 100px 0;
}

#main-body-founder h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
}

#main-body-founder h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

#main-body-founder p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
}

#about-main-body-founder p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
}

#about-main-body-founder .custom-border {
    border-left: 4px solid #af8f68;
    padding-left: 10px;
}

#about-you-can-follow {
    background: #af8f68;
    padding: 50px 0;
    text-align: center;
}

#about-you-can-follow h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 8px;
    color: white;
}

#about-you-can-follow h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    color: white;
}

#about-you-can-follow a {
    color: white;
}

#main-body-founder .learn-more {
    font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}

#main-ayurvedic-treatment {
    /* background: #ffffff; */

    background: #af8f68;
    background: linear-gradient(45deg, #af8f68 0%, #ffffff 100%);

    color: #444;
    padding: 100px 0;
}

#main-ayurvedic-treatment h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 600;
    color: #444;
    text-align: center;
}

#main-ayurvedic-treatment p {
    color: #444;
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 600;
    text-align: center;
}

#main-ayurvedic-treatment .nav-tabs .nav-link {
    text-align: center;
    color: #444;
}

#main-ayurvedic-treatment #shimoga h1 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: start;
}

#main-ayurvedic-treatment #shimoga p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: start;
}

#main-ayurvedic-treatment #shimoga .learn-more {
    font-family: Lora;
    font-weight: 700;
    border-color: #000000;
    color: #444;
    text-align: start !important;
}

#main-ayurvedic-treatment #davanagere h1 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: start;
}

#main-ayurvedic-treatment #davanagere p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: start;
}

#main-ayurvedic-treatment #davanagere .learn-more {
    font-family: Lora;
    font-weight: 700;
    border-color: #000000;
    color: #444;
    text-align: start !important;
}

#main-ayurvedic-treatment #bangalore h1 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: start;
}

#main-ayurvedic-treatment #bangalore p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: start;
}

#main-ayurvedic-treatment #bangalore .learn-more {
    font-family: Lora;
    font-weight: 700;
    border-color: #000000;
    color: #444;
    text-align: start !important;
}

#main-ayurvedic-treatment #kangra h1 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: start;
}

#main-ayurvedic-treatment #kangra p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: start;
}

#main-ayurvedic-treatment #kangra .learn-more {
    font-family: Lora;
    font-weight: 700;
    border-color: #000000;
    color: #444;
    text-align: start !important;
}

#main-ayurvedic-treatment #dharmashala h1 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    text-align: start;
}

#main-ayurvedic-treatment #dharmashala p {
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: start;
}

#main-ayurvedic-treatment #dharmashala .learn-more {
    font-family: Lora;
    font-weight: 700;
    border-color: #000000;
    color: #444;
    text-align: start !important;
}

#main-doctor-says {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/img33.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 500px;
    /* Set a fixed height */
    opacity: 0.8;
}

#about-main-doctor-says {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/background-image.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
    opacity: 0.8;
}

#about-main-sripavalues {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/kisspng-organic-food-herb-ayurveda-medicine-turmeric-herbs-5ab8bad5449b01.8319563015220558932811.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
    opacity: 0.6;
}

/* #staff_main {
    position: relative; 
    background-image: url('images/shimoga-1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000000;    
    background-size: cover; 
    height: 300px; 
    opacity: 0.8;      
} */
#staff_main {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/shimoga-1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#staff_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* Adjust opacity to 0.8 */
    opacity: 0.8;
}

/* Inpatient service section css */
#inpatient_main {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/markus-spiske-ngP0x8HuPVM-unsplash.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#inpatient_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}

#inpatient_main .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#inpatient_main h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: white;
    margin-bottom: 24px;
}

#inpatient_main h1,
#inpatient_main p {
    color: white;
    /* Set text color to white */
}

/* blog page css */

#blog_main {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/igor-miske-CwVE4xCAA8Y-unsplash.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#blog_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}

#blog_main .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#blog_main h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: white;
    margin-bottom: 24px;
}
#blog_main span.services::before {
    content: '\A'; /* Insert a line break */
    white-space: pre; /* Preserve whitespace */
}

#blog_main h1,
#blog_main p {
    color: white;
    /* Set text color to white */
}

#blog_main_A .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 10px 20px;
    border: none;
  }




#blog_main_A h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#blog_main_A h4 {
    font-family: Merriweather;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 700;
}

#blog_main_A .card-title {
    font-family: Lora;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
}

#blog_main_A .card-text {
    font-family: "Merriweather";
    font-size: 12px;
}

#blog_main_A .blog-desc {
    font-family: "Merriweather";
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    color: #000;
}

#blog_main_A .card {
    padding: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
}

#blog_main_A .card-img-top {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#blog-details-A{
    padding: 50px 0;
    text-align: left;
}

#blog-details-A h3{
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 10px;
}
#blog-details-A span{
    font-family: Merriweather;
    font-weight: 600;
}

#blog-details-A .blog-custom-link {
    color: #ff6900;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #444;
    background-color: #eae8e1;
    padding: 15px 20px;
    border-radius: 15px;
}

/* Recent Post secion CSS */
#recent-post{
    padding: 50px 0;
    text-align: left;
    background: #0000000a;
}
#recent-post h3{
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #444;
    /* padding: 4% 0 40px 0; */
}
#recent-post .card {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#recent-post .card-title {
    font-family: Lora;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
}
#recent-post .btn-primary {
    margin-top: 15px;
    background: #ff7f00;
    padding: 10px 20px;
    border: none;
}

#recent-breadcrumbs {
    padding: 20px 0;
    font-family: Merriweather;
    background: #90a47b;
}

#recent-breadcrumbs .active {
    font-family: Lora;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

#recent-breadcrumbs a {
    font-family: Lora;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
}
#recent-breadcrumbs a:hover{
    /* text-decoration: underline; */
    border-bottom: 2px solid white;
}

/* Location CSS strts */
/* online_consultation_main section css */

#shimoga_location_main {
    position: relative;
    background-image: url('images/signal-2022-01-08-140720_001.jpeg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
  }
  
  #shimoga_location_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #9b9898;
    opacity: 0.5;
  }
  
  #shimoga_location_main .text-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  #shimoga_location_main .custom-button {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);   
  }
  
  #shimoga_location_main .text-block h2,
  #shimoga_location_main .text-block p {
    color: #ffffff;
  }
  #shimoga_location_main .text-block h2{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    text-align: left;
  }
  #shimoga_location_main .text-block p{
    font-size: 14px;
    color: #ffffff;
    text-align: left;
  }
  #shimoga_location_main .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 23px 50px;
    border: none;
  }

  #book_shimoga_location_main{
    background-color: #7c603e;
  }

  #book_shimoga_location_main .text-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* text-align: center; */
  }
  
  #book_shimoga_location_main .custom-button {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);   
  }
  
  #book_shimoga_location_main .text-block h2,
  #book_shimoga_location_main .text-block p {
    color: #ffffff;
  }
  #book_shimoga_location_main .text-block h2{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    text-align: left;
  }
  #book_shimoga_location_main .text-block p{
    font-size: 14px;
    color: #ffffff;
    text-align: left;
  }
  #book_shimoga_location_main .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ; 
    padding: 15px 22px;   
    border: none;
  }
  #book_shimoga_location_main h4{
    font-family: Lora;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
  }


  #shimoga_our_doctor_section{
    padding: 50px 0;
    text-align: center;
}

#shimoga_our_doctor_section .read-more {
    font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}

#shimoga_our_doctor_section h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

#shimoga_our_doctor_section .card {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#shimoga_our_doctor_section span {
    font-family: Merriweather;
    font-weight: 600;
    color: #444;
}

#shimoga_our_doctor_section {
    padding: 50px 0;
    /* background-image: url('images/pattern-chakras-alt-color.jpg'); */
    /* background-repeat: repeat; */


}

#shimoga_our_doctor_section h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
}
#shimoga_our_doctor_section h4{
    font-family: Lora;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}

#davanagere_location_main {
    position: relative;
    background-image: url('images/davanagere1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
  }
  
  #davanagere_location_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.5;
  }
  
  #davanagere_location_main .text-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  #davanagere_location_main .custom-button {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);   
  }
  
  
  #davanagere_location_main .text-block p {
    color: #ffffff;
  }
  #davanagere_location_main .text-block h2{
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    text-align: left;
    color: #444;
  }
  #davanagere_location_main .text-block p{
    font-size: 14px;
    color: #ffffff;
    text-align: left;
  }
  #davanagere_location_main .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 23px 50px;
    border: none;
  }


#davanagere_main_section{
    padding: 50px 0px 0px 0px;

}
#davanagere_main_section h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
}
#davanagere_main_section h4{
    font-family: Lora;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}
#davanagere_sripaa_action{
    padding: 50px 0; 
}
#davanagere_sripaa_action h3{
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 8px;
}

#davanagere_sripaa_action h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}
#davanagere_sripaa_action h4{
    font-family: Lora;
    font-weight: 700;
    color: #444;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 32px;
}

#kangra_location_main {
    position: relative;
    background-image: url('images/Places-to-visit-in-Kangra.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
  }
  
  #kangra_location_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.5;
  }
  #kangra_location_main .custom-button {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);   
  }
  #kangra_location_main .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 23px 50px;
    border: none;
  }
  #kangra_location_main .text-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
  }

  #kangra_location_main h1{
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
  }

#kangra_our_doctor_section {
    padding: 50px 0;
    background-image: url('images/pattern-chakras-alt-color.jpg');
    background-repeat: repeat;
    text-align: center;

}

#kangra_our_doctor_section .read-more {
    font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}

#kangra_our_doctor_section h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

#kangra_our_doctor_section h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}
#kangra_our_doctor_section h4{
    font-family: Lora;
    font-weight: 700;
    color: #444;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 32px;
}

#kangra_our_doctor_section .card {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#kangra_our_doctor_section span {
    font-family: Merriweather;
    font-weight: 600;
    color: #444;
}


#dharmashala_location_main {
    position: relative;
    background-image: url('images/dharmashala-image.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
  }
  
  #dharmashala_location_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.5;
  }
  
  #dharmashala_location_main .text-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  #dharmashala_location_main .custom-button {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);   
  }
  
  #dharmashala_location_main .text-block h2,
  #dharmashala_location_main .text-block p {
    color: #ffffff;
  }
  #dharmashala_location_main .text-block h2{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    text-align: left;
  }
  #dharmashala_location_main .text-block p{
    font-size: 14px;
    color: #ffffff;
    text-align: left;
  }
  #dharmashala_location_main .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 23px 50px;
    border: none;
  }
  #dharmashala_location_main h1{
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
  }

  #dharmashala_our_doctor_section h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

#dharmashala_our_doctor_section h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}
#dharmashala_our_doctor_section h4{
    font-family: Lora;
    font-weight: 700;
    color: #444;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 32px;
}

#dharmashala_our_doctor_section .card {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#dharmashala_our_doctor_section span {
    font-family: Merriweather;
    font-weight: 600;
    color: #444;
}

#dharmashala_our_doctor_section {
    padding: 50px 0;
    background-image: url('images/pattern-chakras-alt-color.jpg');
    background-repeat: repeat;
    text-align: center;

}

#dharmashala_our_doctor_section .read-more {
    font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}
#dharmashala_main_section{
    padding: 50px 0;
    text-align: center;
}

#dharmashala_main_section h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
}
#dharmashala_main_section h4{
    font-family: Lora;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}

#discover-exceptional-destinations {
    text-align: center;
    padding: 50px 0;
    background: #ede8e0;    
}

#discover-exceptional-destinations .card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#discover-exceptional-destinations .card-img-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    object-fit: cover;
    height: 200px;
}

#discover-exceptional-destinations .card-body {
    text-align: center;
}

#discover-exceptional-destinations h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 0; /* Remove default margin */
  margin-bottom: 0; /* Remove default margin */
}
#discover-exceptional-destinations .card-link{
    text-decoration: none;
    color: inherit;
}

/* Contact page CSS */
#contact_main {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/lukasz-szmigiel-2ShvY8Lf6l0-unsplash.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#contact_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}

#contact_main .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#contact_main h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: white;
    margin-bottom: 24px;
}



#contact_main h1,
#contact_main p {
    color: white;
    /* Set text color to white */
}

#contact_main_A_section{
    padding: 50px 0;
}

#contact_main_A_section h2{
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    color: #444;
}

#contact_main_A_section .custom-form{
    /* border: 1px solid #444; */
    box-shadow: rgba(0,0,0,.04) 0 1px 0, rgba(0,0,0,.05) 0 2px 7px, rgba(0,0,0,.06) 0 12px 22px;
    padding: 63px;
    background-color: white;

}
#contact_main_A_section .custom-form .btn{
    padding: 15px 22px;
    background: #af8f68;
    border: none;
    text-align: center;
}

#contact_main_A_section .btn-primary{
    padding: 23px 50px;
    background: #ff7f00;
    color: white;
    border: none;
}

#branch-contact-addres-section{
    padding: 30px 0;
}
#branch-contact-addres-section .hospital-address{
    white-space: pre-line;
}
#branch-contact-addres-section p{
    font-weight: 600;
    font-size: 16px;
    color: #a1713e;
}
#branch-contact-addres-section a{
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    color: #a1713e;
}
/* online_consultation_main section css */
#online_consultation_main {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/katherine-hanlon-bd_fCZhy_W8-unsplash.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#online_consultation_main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}

#online_consultation_main .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#online_consultation_main h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: white;
    margin-bottom: 24px;
}

#online_consultation_main h1,
#online_consultation_main p {
    color: white;
    /* Set text color to white */
}

#online_consultation_main_B .card{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#online_consultation_main_B .card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em;    
  }

  #online_consultation_main_B  .card-img-top {
    width: 128px;
    height: 128px;
    object-fit: cover;
    object-position: center;
  }

  #online_consultation_main_B .btn-sm{
    font-family: Merriweather;
        font-size: 14px;
        background: #836749 ;
        color: #f8f8f8;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
        border-radius: 4px;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
        padding: 15px 35px;
    }

    #book-your-consultation .btn-primary{
        font-family: Merriweather;
            font-size: 14px;
            background: #836749 ;
            color: #f8f8f8;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
            border-radius: 4px;
            font-weight: 600;
            margin-top: 10px;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
            padding: 15px 35px;
            border: none;
        } 

        #inpatient-section-D.card {
            margin-bottom: 20px;
          }
        #inpatient-section-D  .image-container img {
            border-radius: 20px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            max-width: 100%;
            height: auto;
          }
          #inpatient-section-D  .card-img-top {
            width: 128px;
            height: 128px;
            object-fit: cover;
            object-position: center;
          }      

#inpatient-section-A{
    padding: 100px 0;
    text-align: left;
}
#inpatient-section-A .btn-sm{
font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}

#inpatient-section-D {
    background: #af8f68;
    background: linear-gradient(45deg, #af8f68 0%, #ffffff 100%);
    text-align: center;
    padding: 50px 0;
    color: #444;
    display: flex;
    align-items: center;
}

#inpatient-section-D h2 {
    font-family: Lora;
    color: #444;
}

#inpatient-section-D h4 {
    font-family: Lora;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 7px;
    color: #444;
    font-weight: 700;
}

#power-of-ayurveda.card {
    margin-bottom: 20px;
  }
#power-of-ayurveda  .image-container img {
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    height: auto;
  }
  #power-of-ayurveda  .card-img-top {
    width: 128px;
    height: 128px;
    object-fit: cover;
    object-position: center;
  }

#power-of-ayurveda {
    background-color: #eae8e1;
    /* background: linear-gradient(45deg,#af8f68 0%,#ffffff 100%); */
    /* opacity: 0.5; */
    text-align: center;
    padding: 50px 0;
    color: #444;
    display: flex;
    align-items: center;
}

#power-of-ayurveda h2 {
    font-family: Lora;
    color: #444;
}

#power-of-ayurveda h4 {
    font-family: Lora;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 7px;
    color: #444;
    font-weight: 700;
}

#power-of-ayurveda .custom-form{
    border: 1px solid #444;
    box-shadow: rgba(0,0,0,.04) 0 1px 0, rgba(0,0,0,.05) 0 2px 7px, rgba(0,0,0,.06) 0 12px 22px;
    padding: 63px;
    background-color: white;

}
#power-of-ayurveda .custom-form .btn{
    padding: 15px 22px;
    background: #af8f68;
    border: none;
}

#power-of-ayurveda .btn-sm{
    font-family: Merriweather;
        font-size: 14px;
        background: #ff7f00;
        color: #f8f8f8;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
        border-radius: 4px;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
        padding: 10px 15px;
    }

    #power-of-ayurveda .btn-md{
        font-family: Merriweather;
            font-size: 14px;
            background: #29bc43;
            color: #f8f8f8;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
            border-radius: 4px;
            font-weight: 600;
            margin-top: 10px;
            margin-bottom: 10px;
            letter-spacing: 0.5px;
            padding: 10px 15px;
        }

#staff_main h1,
#staff_main p {
    color: white;
    /* Set text color to white */
}

#staff_main h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: white;
    margin-bottom: 24px;
}

/* Treatment services page CSS strts Here */
#liver_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/liver-treatment-sripaa.jpeg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#liver_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#liver_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#liver_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#liver_care_main_section .text-block h2,
#liver_care_main_section .text-block p {
  color: #ffffff;
}
#liver_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#liver_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#liver_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#liver_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}

#liver_care_main_section_A{
    padding: 50px 0;
    text-align: center;
    background-image: url('images/pattern-chakras-alt-color.jpg');
}
#liver_care_main_section_A ul{
    text-align: left;
    color: #444;
    padding: 15px 0;
}
#liver_care_main_section_A a{
    text-decoration: none;
    color: #a1713e;
}
#liver_care_main_section_B{
    padding: 50px 0;
    text-align: center;
}
#liver_care_main_section_B .card{
    background-color: #eae8e1;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#liver_care_main_section_B .card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;   
}
#liver_care_main_section_B .center-image {
    display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; /* Ensure the image does not exceed its container's width */
        height: auto; /* Maintain the image's aspect ratio */
}
#liver_care_main_section_B .card-body h3{
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
#liver_care_main_section_B .card-body a{
    cursor: auto;
}

#liver_care_main_section_C{
    padding: 50px 0;
    text-align: center;
}

#liver_care_main_section_C .testimonial-card {
    margin-bottom: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
#liver_care_main_section_C .testimonial-card .card-body {
    display: flex;
    align-items: center;
    background: #eae8e1;
}
#liver_care_main_section_C .testimonial-card img {
    max-width: 100%;
    height: auto;
}
#liver_care_main_section_C .testimonial-card .card-text {
    margin-left: 20px;
}
#liver_care_main_section_C h4{
    font-family: Lora;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 18px;
    
}
#liver_care_main_section_C .card-text p{
    font-family: Merriweather;
    font-size: 14px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: left;
    
}

#liver_care_main_section_D{
    padding: 50px 0;
    text-align: center;
    background: #eae8e1;
   
}

#liver_care_main_section_D.testimonial-card {
    margin-bottom: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
#liver_care_main_section_D .testimonial-card .card-body {
    display: flex;
    align-items: start;
    /* background: #eae8e1; */
}

#liver_care_main_section_D .testimonial-card .card-text {
    margin-left: 20px;
}
#liver_care_main_section_D h3{
    font-family: Lora;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 18px;
    
}
#liver_care_main_section_D .card-text p{
    font-family: Merriweather;
    font-size: 14px;
    line-height: 28.8px;
    font-weight: 400;
    text-align: center;
    
}
#liver_care_main_section_B .card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;   
}
#liver_care_main_section_D .center-image {
    display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; /* Ensure the image does not exceed its container's width */
        height: auto; /* Maintain the image's aspect ratio */
}

#liver_care_main_section_D .btn-primary1 {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 22px 54px;
    border: none;
    font-family: Merriweather;
    letter-spacing: .5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;

  }

  #liver_care_main_section_D .btn-primary2 {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #43c554;
    padding: 22px 54px;
    border: none;
    font-family: Merriweather;
    letter-spacing: .5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
  }

  #liver_care_main_section_D .btn-primary1 i, .btn-primary2 i{
    font-size: 20px;
  }


/* pediatric-care page CSS Starts Here */
#pediatric_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Pediatric-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#pediatric_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#pediatric_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#pediatric_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#pediatric_care_main_section .text-block h2,
#pediatric_care_main_section .text-block p {
  color: #ffffff;
}
#pediatric_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#pediatric_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#pediatric_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#pediatric_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}

/* cardiac-care page CSS Starts Here */
#cardiac_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Cardiac-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#cardiac_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#cardiac_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#cardiac_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#cardiac_care_main_section .text-block h2,
#cardiac_care_main_section .text-block p {
  color: #ffffff;
}
#cardiac_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#cardiac_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#cardiac_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#cardiac_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}

/* geriatric-care page CSS Starts Here */
#geriatric_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Age-related-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#geriatric_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#geriatric_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#geriatric_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#geriatric_care_main_section .text-block h2,
#geriatric_care_main_section .text-block p {
  color: #ffffff;
}
#geriatric_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#geriatric_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#geriatric_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#geriatric_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}


/* gynecological-care page CSS Starts Here */
#gynecological_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Gynecological-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#gynecological_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#gynecological_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#gynecological_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#gynecological_care_main_section .text-block h2,
#gynecological_care_main_section .text-block p {
  color: #ffffff;
}
#gynecological_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#gynecological_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#gynecological_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#gynecological_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}

/* autoimmune-care page CSS Starts Here */
#autoimmune_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Neurological-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#autoimmune_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#autoimmune_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#autoimmune_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#autoimmune_care_main_section .text-block h2,
#autoimmune_care_main_section .text-block p {
  color: #ffffff;
}
#autoimmune_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#autoimmune_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#autoimmune_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#autoimmune_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}


/* metabolic-care page CSS Starts Here */
#metabolic_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/metabolic-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#metabolic_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#metabolic_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#metabolic_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#metabolic_care_main_section .text-block h2,
#metabolic_care_main_section .text-block p {
  color: #ffffff;
}
#metabolic_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#metabolic_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#metabolic_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#metabolic_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}


/* respiratory-treatment-ayurveda page CSS Starts Here */
#respiratory-treatment-ayurveda_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Respiratory-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#respiratory-treatment-ayurveda_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#respiratory-treatment-ayurveda_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#respiratory-treatment-ayurveda_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#respiratory-treatment-ayurveda_care_main_section .text-block h2,
#respiratory-treatment-ayurveda_care_main_section .text-block p {
  color: #ffffff;
}
#respiratory-treatment-ayurveda_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#respiratory-treatment-ayurveda_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#respiratory-treatment-ayurveda_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#respiratory-treatment-ayurveda_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}


/* gastro-intestinal-care-treatment-ayurveda page CSS Starts Here */
#gastro-intestinal-care_care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Gastro-Intestinal-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 400px;
    /* Set a fixed height */
}

#gastro-intestinal-care_care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#gastro-intestinal-care_care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#gastro-intestinal-care_care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#gastro-intestinal-care_care_main_section .text-block h2,
#gastro-intestinal-care_care_main_section .text-block p {
  color: #ffffff;
}
#gastro-intestinal-care_care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#gastro-intestinal-care_care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#gastro-intestinal-care_care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#gastro-intestinal-care_care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}

/* ano-rectal-care-treatment-ayurveda page CSS Starts Here */
#ano-rectal-care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/Ano-Rectal-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 400px;
    /* Set a fixed height */
}

#ano-rectal-care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#ano-rectal-care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#ano-rectal-care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#ano-rectal-care_main_section .text-block h2,
#ano-rectal-care_main_section .text-block p {
  color: #ffffff;
}
#ano-rectal-care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#ano-rectal-care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#ano-rectal-care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#ano-rectal-care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}


/* ano-rectal-care-treatment-ayurveda page CSS Starts Here */
#skin-hair-care_main_section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/skin-care.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 400px;
    /* Set a fixed height */
}

#skin-hair-care_main_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}
#skin-hair-care_main_section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}
#skin-hair-care_main_section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#skin-hair-care_main_section .text-block h2,
#skin-hair-care_main_section .text-block p {
  color: #ffffff;
}
#skin-hair-care_main_section .text-block h2{
  font-size: 40px;
  color: #ffffff;
  line-height: 50px;
  text-align: left;
}
#skin-hair-care_main_section .text-block p{
  font-size: 14px;
  color: #444;
  text-align: left;
}
#skin-hair-care_main_section a{
    padding-right: 24px;
    padding-left: 24px;
}
#skin-hair-care_main_section .btn-primary {
  margin-top: 15px; /* Add margin to separate button from text */
  background: #ff7f00 ;
  padding: 10px 15px;
  border: none;
  font-family: Merriweather;
  letter-spacing: .5px;
}




#swasthya-panchakarma-section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/dana-devolk-x2cNcfz_xXU-unsplash.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#swasthya-panchakarma-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Adjust opacity to 0.8 */
    opacity: 0.8;
}

#swasthya-panchakarma-section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #444;
}

#swasthya-panchakarma-section-A {
    padding: 50px 0;
}

#swasthya-panchakarma-section-B {
    text-align: center;
    padding: 50px 0;
}

#swasthya-panchakarma-section-B h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#swasthya-panchakarma-section-B p {
    font-family: Merriweather;
    margin-top: 0.5em;
}

#swasthya-panchakarma-section-B .services {
    white-space: pre-line;
}

/* #swasthya-panchakarma-of-eyes{
    padding: 50px 0;
    background: #e0ba84;
    background: linear-gradient(to bottom,#e0ba84 0%,#ffffff 100%);
    opacity: 0.3;
} */
#swasthya-panchakarma-of-eyes {
    padding: 50px 0;
    background: rgba(224, 186, 132, 0.3); /* Use RGBA color to control opacity */
}

/* Adjust text color and alignment */
#swasthya-panchakarma-of-eyes h3 {
    color: #000; /* Set text color */
    text-align: left; /* Center-align the text */
    font-size: 20.4px;
    line-height: 27.2px;
    font-family: Lora;    
    font-weight: 600;
}
#swasthya-panchakarma-section-A h4{
    font-family: Lora;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #444;
}
#swasthya-panchakarma-of-eyes p{
    font-family: Merriweather;
    margin-top: 0.5em;
    font-weight: 600;
}
#swasthya-panchakarma-of-eyes h3{
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #444;
}
#swasthya-panchakarma-of-eyes span{
    color: #444;
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
}
#swasthya-panchakarma-section-A span{
    color: #444;
    font-family: Merriweather;
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 600;
}
#swasthya-panchakarma-of-eyes ol.custom-list{
    list-style-type: none;
}
#swasthya-panchakarma-section-A ol.custom-list{
    list-style-type: none;
}
#swasthya-panchakarma-section-A h3{
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #444;
}

#swasthya-panchakarma-section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#swasthya-panchakarma-section-B .card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#swasthya-panchakarma-section-B .card-img-top {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    object-fit: cover;
    height: 200px;
}

#swasthya-panchakarma-section-B .card-body {
    text-align: center;
}

#swasthya-panchakarma-section-B h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-top: 0; /* Remove default margin */
  margin-bottom: 0; /* Remove default margin */
}
#swasthya-panchakarma-section-B .card-link{
    text-decoration: none;
    color: inherit;
}

#swasthya-panchakarma-section-C {
    position: relative;
    background-image: url('images/plant-gf74e64662_1920.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
  }
  
  #swasthya-panchakarma-section-C::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
  }
  
  #swasthya-panchakarma-section-C .text-block {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  #swasthya-panchakarma-section-C .custom-button {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);   
  }
  
  #swasthya-panchakarma-section-C .text-block h2,
  #swasthya-panchakarma-section-C .text-block p {
    color: #ffffff;
  }
  #swasthya-panchakarma-section-C .text-block h2{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;
    text-align: left;
  }
  #swasthya-panchakarma-section-C .text-block p{
    font-size: 14px;
    color: #ffffff;
    text-align: left;
  }
  #swasthya-panchakarma-section-C .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 23px 50px;
    border: none;
  }
  
  #request-a-call-back .left-column, .right-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  
  #request-a-call-back .left-column h2, .right-column h2 {
    margin-bottom: 20px;
  }
  
  #request-a-call-back .left-column p, .right-column p {
    margin-bottom: 20px;
  }
  
  #request-a-call-back .left-column {
    background-image: url('images/bg-1.jpg');
    background-size: cover;
    background-position: center;
    color: #fff; /* Set text color to white */
    padding: 20px; /* Add padding for better readability */
    text-align: center;
  }
  
  #request-a-call-back .left-column h2, .left-column p {
    margin-bottom: 20px;
  }
  #request-a-call-back .left-column h2{
    font-size: 40px;
    color: #ffffff;
    line-height: 50px;    
  }
  #request-a-call-back .right-column{
    border: 1px solid #444;
    padding: 0.5rem;
    background: #fcfcfc;
  }
  #request-a-call-back{
    background-image: url('images/pattern-chakras-alt-color.jpg');
    text-align: center;
  }
  #request-a-call-back .left-column .btn-primary {
    margin-top: 15px; /* Add margin to separate button from text */
    background: #ff7f00 ;
    padding: 23px 50px;
    border: none;
  }
  #request-a-call-back .right-column .btn-primary{
    background: #af8f68;
    color: white;
    border: none;
    padding: 15px 22px;
  }
  @media (max-width: 767px) {
    .left-column, .right-column {
      text-align: center;
    }
  }
  

#main-doctor-says .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    color: #000000;
    /* Text color */
    font-size: 18px;
    /* Font size */
    font-family: Arial, sans-serif;
    /* Font family */
    font-weight: bold;
    /* Font weight */
    max-width: 40%;
    /* Limit the width to prevent overflowing */

}

#about-main-doctor-says .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    color: #000000;
    /* Text color */
    font-size: 18px;
    /* Font size */
    font-family: Arial, sans-serif;
    /* Font family */
    font-weight: bold;
    /* Font weight */
    max-width: 40%;
    /* Limit the width to prevent overflowing */

}

#about-main-sripavalues .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#staff_main .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}

#staff_main h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: white;
    margin-bottom: 1.5em;
}

#staff_main_dr_section {
    background: #af8f68;
    background: linear-gradient(45deg, #af8f68 0%, #ffffff 100%);
    text-align: center;
    padding: 50px 0;
    color: #444;
    display: flex;
    text-align: left;
}

#staff_main_dr_section h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#staff_main_dr_section h4 {
    font-family: Lora;
    font-weight: 700;
    margin-bottom: 8px;
}

#staff_main_dr_section span {
    font-family: Merriweather;
    font-weight: 600;
}

#staff_main_dr_section .read-more {
    font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}

#about-main-sripavalues h1 {
    font-family: "Lora", serif;
    font-size: 54px;
    line-height: 52px;
    font-weight: 400;
    color: white;
    text-align: left;
}

#about-main-sripavalues h2 {
    font-family: "Lora", serif;
    font-size: 38px;
    line-height: 36px;
    font-weight: 500;
    color: white;
    text-align: left;
}

#about-sripaa_values {
    padding: 100px 0;
    text-align: left;
}

#about-sripaa_values h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

#our_mission_vission {
    padding: 100px 0;
    text-align: center;
    background-image: url('images/pattern-chakras-alt-color.jpg');
    background-position: left top;
    background-repeat: repeat;
    /* background-color: #f9f4ec; */
    /* opacity: 0.3; */
}

#our_mission_vission h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #567636;
}

#our_mission_vission .card {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;

}

#our_mission_vission h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#our_mission_vission span {
    font-family: Merriweather;
    font-weight: 600;
    color: #577636;
}

#sripaa_action {
    padding: 100px 0;
    text-align: left;
}

#sripaa_action h2 {
    font-family: Lora;
    font-size: 38px;
    line-height: 36px;
    font-weight: 500;
}

#sripaa_action span {
    font-family: Merriweather;
    font-weight: 600;
    color: #444;
}

#sripaa_team {
    padding: 30px 0;
    text-align: left;
}

#sripaa_team h2 {
    font-family: Lora;
    font-size: 38px;
    line-height: 36px;
    font-weight: 500;
}

#main-doctor-says .open-quote {
    font-family: Lora;
    color: #ff7f00 !important;
    font-size: 110px;
    line-height: 110px;
    margin-bottom: -30px;
}

#about-main-doctor-says h1 {
    font-family: "Lora", serif;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
}

#about-main-doctor-says .title {
    font-family: "Lora", serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

#main-doctor-says p {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    font-weight: 700;
    color: white;
}

#main-doctor-says span {
    font-family: Lora;
    font-size: 16px;
    display: block;
    line-height: 22px;
    color: white;
}

#main-doctor-says .title {
    font-family: Lora;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    opacity: .8;
    display: block;
    line-height: 22px;
}

#main-ayurvedic-articles {
    padding: 100px 0;
    text-align: center;
    background-image: url('images/pattern-chakras-alt-color.jpg');
    background-position: left top;
    background-repeat: repeat;
    /* background-color: #f9f4ec; */
    /* opacity: 0.3; */
}

#main-ayurvedic-articles h2 {
    font-family: Lora;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
}

#main-ayurvedic-articles h4 {
    font-family: Merriweather;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 700;
}

#main-ayurvedic-articles .card-title {
    font-family: Lora;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #000;
}

#main-ayurvedic-articles .card-text {
    font-family: "Merriweather";
    font-size: 12px;
}

#main-ayurvedic-articles .blog-desc {
    font-family: "Merriweather";
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    color: #000;
}

#main-ayurvedic-articles .card {
    padding: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
}

#main-ayurvedic-articles .card-img-top {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#main-healing-stories-section {
    padding: 50px 0;
    text-align: center;
}

#main-healing-stories-section h4 {
    font-family: "Merriweather";
    font-size: 16px;
    line-height: 28.8px;
    font-weight: 400;
    margin-top: 10px;
}

#our_doctor_section {
    padding: 50px 0;
    text-align: center;
}


#main-body-section {
    position: relative;
    background-image: url('images/vintage-floral-pattern-background.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f9f4ec;
}





#life-body-treatement-section {
    padding: 100px 0;
    text-align: center;
    background-image: url('images/pattern-chakras-alt-color.jpg');
    background-position: left top;
    background-repeat: repeat;
    /* background-color: #f9f4ec; */
    /* opacity: 0.3; */
}

#our_doctor_section .read-more {
    font-family: Merriweather;
    font-size: 14px;
    background: #ff7f00;
    color: #f8f8f8;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    padding: 15px 35px;
}

#our_doctor_section h3 {
    font-family: Lora;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

#our_doctor_section .card {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#our_doctor_section span {
    font-family: Merriweather;
    font-weight: 600;
    color: #444;
}

#doctor_profile_section {
    padding: 50px 0;
    background-image: url('images/pattern-chakras-alt-color.jpg');
    background-repeat: repeat;


}

#doctor_profile_section span {
    font-family: Merriweather;
    font-weight: 600;
    color: #444;
}

#doctor_profile_section .icon-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    /* Adjust size as needed */
    height: 50px;
    /* Adjust size as needed */
    border-radius: 50%;
    /* Create a circle */
    background-color: #fcb268;
    /* Background color of the circle */
}

#doctor_profile_section .icon-circle i {
    font-size: 24px;
    /* Adjust icon size as needed */
    color: #577636;
    /* Icon color */
}

#breadcrumbs {
    padding: 20px 0;
    font-family: Merriweather;
    background: #fad1a9;
}

#breadcrumbs .active {
    font-family: Lora;
    font-size: 18px;
    font-weight: 600;
}

#breadcrumbs a {
    font-family: Lora;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #577636;
}

/* our swiper testimonial section css */
.swiper {
    width: 100%;
    height: 100%;
    margin-top: 3.2rem;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-client-msg {
    padding: 3rem 5rem;
    background: white;
    border-radius: 1rem;
    /* text-align: left; */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    position: relative;
}

.swiper-client-msg::before {
    content: "";
    position: absolute;
    bottom: -10rem;
    left: 50%;
    transform: translateX(-50%);
    border: 5rem solid #eef3eb;
    border-color: transparent;
    border-top-color: #eef3eb;
}

.swiper-slide img {
    max-width: 10rem;
    /* height: 10rem; */
    border-radius: 50%;
    border: 2px solid #fb7c04;
}

.swiper-client-data {
    align-items: center;
    margin-top: 3.2rem;
    gap: 3.2rem;
}

.swiper-client-msg p::before {
    content: "\f10d";
    position: absolute;
    top: 0.5;
    left: 2rem;
    font-size: 3rem;
    color: #fb7c04;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}

.swiper-client-msg p::after {
    content: "\f10e";
    position: absolute;
    bottom: 0.5;
    right: 2rem;
    font-size: 3rem;
    color: #fb7c04;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}

.fa-star {
    color: #fb7c04;
}

#main-we-offer {
    padding: 100px 0;
    text-align: center;
}

#main-we-offer .services {
    white-space: pre-line;
}

#main-footer {
    padding: 100px 0;
    text-align: center;
    background: #7c603e;
}

#main-footer h2 {
    font-family: "Lora", serif;
    font-size: 34px;
    line-height: 36px;
    font-weight: 500;
    color: #eef3eb;
}

#main-footer h4 {
    font-family: Lora;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: #eef3eb;
}

#main-footer h3 {
    font-size: 20.4px;
    line-height: 27.2px;
    color: white;
}

#main-footer .list-unstyled a {
    color: white;
    border-bottom: 1px solid #ab9579;
    text-decoration: none;
    padding: 4px 0;
}

#main-footer p {
    color: white;
}

#recent .list-unstyled a {
    border: none;
    padding: 4px 0;
}

.footersec {
    font-size: 14px;
    white-space: pre-line;
    text-align: center;
}

#main-footer .social-icons a {
    font-size: 35px;
    text-decoration: none;
    border: none;
}

.footer-bottom {
    background-color: #a1713e;
    opacity: 0.8;
    padding: 0.5rem;
    color: white;
}

.footer-bottom a {
    text-decoration: none;
    color: white;
}

/* new navbar CSS here */
.nav-item{
    font-size: 1.0em;
    font-weight: 500;
  }
  .nav-item a:hover{
    border-bottom: 2px solid #af8f68;
  }
  .dropdown-menu{
    border-radius: 0;
    border: none;
    padding: .5em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .23);
  }
  .dropdown-menu ul {
    list-style: none;
    padding: 0;
  }


  /* .dropdown-menu.show {
    display: flex;
  } */
  .dropdown-menu li a{
    padding: .5em 1em;
    color: #444;
    font-weight: 500;
    font-size: 1em;
  }
  @media screen and (min-width:993px){
    .dropdown:hover .dropdown-menu{
      display: flex;
    }
    .dropdown-menu.show {
    display: flex;
  }  
  .dropdown-menu li a:hover{
    background: #acc49c;
    color: #444;
    border-bottom: 1px solid #af8f68;
  }  
  .online-consultation{
  background: #ff6900;
  color: #f8f8f8;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.13);
  }
  .bi-bag {
  color: rgba(0, 0, 0, .55);
}
.dropdown-menu li .active{
    background: #ff6900;
    color: #f8f8f8;
}
}
  @media screen and (max-width:992px){
    .dropdown-menu.show{
      max-height: 350px;
      overflow-y: scroll;
    }
  }


  /* privacy-policy page CSS here */
  #privacy-policy-main-section {
    position: relative;
    /* Make the section a reference point for absolutely positioned elements */
    background-image: url('images/markus-spiske-ngP0x8HuPVM-unsplash.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    /* To ensure the image covers the entire background */
    height: 300px;
    /* Set a fixed height */
}

#privacy-policy-main-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* Adjust opacity to 0.8 */
    opacity: 0.5;
}

#privacy-policy-main-section h1 {
    font-family: Lora;
    font-size: 41px;
    line-height: 52px;
    font-weight: 400;
    color: #ffffff;
}

#privacy-policy-main-section .text-block {
    position: absolute;
    top: 50%;
    /* Position it at the vertical center */
    transform: translateY(-50%);
    /* Center vertically */
    /* Font size */
    font-weight: bold;
    /* Font weight */
    font-family: "Lora", serif;
}