/*-----------------    Default Css By Amit Silori   ----------------------------------*/
*{margin: 0px; padding: 0px; box-sizing:border-box;}

:root {
  --primary: #d18f16;
  --secondary: #0c4e1e;
  --vedic-leaf: #4C7F41;
  --accent: #C8773D;
  --sand: #F4EFE6;
  --ash-grey: #77706A;
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
li{list-style: none;}
a:hover{color:#fb1e1e ;}
body{	margin:0;	font-weight:400;overflow-x:hidden; font-family: "DM Sans", sans-serif; font-size:15px; color: #222;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

article{overflow: hidden;}
body a{	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;	-o-transition: 0.5s all ease;	-ms-transition: 0.5s all ease;font-family: "IBM Plex Sans", sans-serif; color: #313131;}

/* CSS TOP MARGINS * -------------------------- */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; 
}

h1,h2,h3,h4,h5,h6{margin:0; color: #000;  font-family: "Cormorant Garamond", serif; }

h1{ font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:20px; font-weight: 600;}
h4{ font-size:20px; font-weight: 600;}
h5{ font-size:15px; font-weight: 600;}
.heading{font-size: 24px;}
p{font-weight: 400;  color: #666; font-size: 16px;  line-height: 24px; margin: 0px 0 10px 0; color:666;font-family: "DM Sans", sans-serif; }

p a {color: #313131;}
b.normal{font-weight: 400;}

ul,label{	margin:0;	padding:0;}

body a:hover{	text-decoration:none;}
html input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {border-radius: 10px;  height: 42px;  padding: 0 10px; box-sizing: border-box;   width: 100%; color: #777;border:1px solid #ddd;	font-size: 13px;background:#fff;}
html select { padding: 0 11px;font-size:13px;}
html select option {font-size:14px;	font-weight:300;}
html textarea { padding:10px 10px; box-sizing: border-box;width: 100%; color: #999;border:1px solid #ddd;border-radius:0px;	font-size: 15px;}
html button, html input[type="button"]{  color: #fff;  display: inline-block;  padding: 13px 20px;  text-transform: uppercase;  font-size: 16px;
    border-radius:2px; border:none;	font-weight:600;height:50px;}
html button:hover, html input[type="button"]:hover{   color: #fff;}
html input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.form-control:focus { color: #495057; background-color: #fff;   outline: 0; }
.form-control{font-size: 13px; height: 42px;border-radius: 10px; margin-bottom: 10px;}
textarea.form-control {
    height: 120px;
    border-radius: 10px;
}
.btn {font-size:15px;	padding:8px 30px;	font-weight:400;	border-width:2px; border-radius:0px; line-height:normal;font-family: "IBM Plex Sans", sans-serif;   font-weight: 400; letter-spacing: 2px; }
.btn-primary {   color:#fff;  background-color: var(--primary);  border: 1px solid var(--primary);}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background-color: var(--primary);  border-color: var(--primary);}
.btn-primary2 {   color: #044871;  background-color:transparent;  border-color:#044871;  }
.btn-primary2:hover, .btn-primary2:focus {  color: #fff;  background-color:#044871;  border-color: #044871;}
.btn-primary-outline {  color: #fff; background-color: transparent; border-color: #0048a8;}
.btn-primary-outline:hover, .btn-primary-outline:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none;}
.text-uppercase{ text-transform:uppercase;}
.text-capitalize{ text-transform:capitalize;}
.white{color: #fff;}
/* Style 7
   ----------------------------- */
.seven{ display: grid; grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;grid-gap: 20px;align-items: center; position: relative;}
.seven:after,.seven:before { content: " "; display: block;border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000; height: 5px;background-color:#f8f8f8;
}

/*--HeaderS ection--*/
.container{ padding: 0px;}

/*--nav Section--*/
.img-fluid{width: 100%;}

/*--General CSS--*/
.section{ padding:5em 0;}
.title-box{margin-bottom: 30px; position: relative;}
.title{font-size:36px; line-height:45px; color:#000; font-weight:500;font-family: "Cormorant Garamond", serif; margin-bottom: 0.5em; }
.title.white{color: #fff;}
p.sub-title{color: #e31f3d; font-size: 13px;  text-transform: uppercase;   font-family: "Cormorant Garamond", serif;font-weight: 400;  letter-spacing: 2px; padding: 0px; margin:0px 0 20px 0;}
hr.hr-center{width: 100px; margin: 1em auto; height: 3px; }
img.hr{padding: 20px 0;}
ul.navbar-nav li.nav-item.dropdown{transition: .5s all;}
ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu{ display: block;  padding: 0px; border-top: 5px solid #e182a8;}
.navbar-brand{width: 13%; }
.back-gry{background: #f8f5f0;}


/*-- end General CSS--*/

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/


.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 1;  top: 0;  left: 0;  background-color: #fff;  overflow-x: hidden;  transition: 0.5s;  padding-top: 60px; backdrop-filter: blur(30px) saturate(1.8);
   /* background: rgba(0, 0, 0, 0.35);*/    background:#fff; }
.sidenav a {  padding: 8px 0;  text-decoration: none; text-transform: capitalize; font-size: 20px;  color: #555;  display: block;  transition: 0.3s; color: #555;}
.sidenav a:hover {  color: #313131;}
.sidenav #back{padding-bottom: 30px;}
.menu-bar{ padding: 8px 1% 8px 8%;}
.sidenav .closebtn {
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 36px;
    margin-left: 10px;
    height: 40px;
    width: 40px;
    /*border: 1px solid #3f1f4f;*/
    padding: 0px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    color: #3f1f4f;

}
.dropdown-menu{ border-radius: 20px; padding: 0px 3px;}
.dropdown-item:hover { background: #369dd0; color: #fff;}
.dropdown-item:hover a{color: #fff;}
.dropdown-item{overflow: hidden;}
.start-header{background: transparent; position: fixed; padding: 2em 0; transition: .8s; top: 0px; left: 0px; ;width: 100%; z-index: 999;}
.left-header{float: left;}
.right-header{float: right;}
.logo{position: absolute; top:24%; left: 42%; width: 15%; transition: .8s}
.logo img{width: 100%;}
.left-header span{font-size:35px;cursor:pointer; color: #fff;}
.left-header span b{font-size:16px;cursor:pointer; color: #3f1f4f; font-weight: 400; display: inline-block; margin-left: 20px;}
.main-banner {background: #f8f5f0;}
.navbar-logo{width: 20%; margin: 0%  2% 4% 5%;}
.start-header .col-md-5{border-right: 1px solid #ddd;}
.nav-menu{text-align: center; padding: 4em 0 1em 0; border-bottom: 1px solid #b9def2;margin-bottom: 2em;}
.nav-menu ul li{list-style: none; display: inline-block;}
.nav-menu ul li a{display: inline-block; padding: 10px 20px; transition: .5s all;}
.nav-menu ul li a:hover{color: #218ac6}
.start-header.darkheader {background:var(--sand); position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; transition: .8s; padding: 1em 0;}
/*.start-header.darkheader  .logo{position: absolute; top:20%; left: 43%; }*/
.start-header .container-fluid{padding-left: 50px;padding-right: 50px;}
.text-logo {position: absolute; top: 15%; left: 50%; transition: .8s;    transform: translate(-50%, -0%); }
.text-logo img{width: 100%;}
.darkheader .left-header span{color: var(--primary);}
.darkheader #reserve{background: var(--primary); color: #fff;}
.sidenav a.menuBtn{font-size: 16px;}
.menuBtn i{color: var(--primary)}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1.4,1.4);
    }
    100% {
        transform: scale(1,1);
    }
}

.main-banner  img {
    animation: zoominoutsinglefeatured 20s infinite ;
}
.main-banner {overflow: hidden;}

.banner-content{    position: absolute;top: 50%;left: 50%; color: #fff; text-align: center; z-index: 10; transform: translate(-50%, 0%);}
.banner-content h1{font-size: 55px; color: #fff;}
.banner-content h4{font-size: 24px; color: #fff;}
.banner-content i{    font-size: 40px; padding-top: 30px; color: #c7c7c7;}

.img-radius{border-radius: 8px;}
.discription-img{position: relative; overflow: hidden;}
.discription-text{position: absolute; width: 100%; bottom: 30%; left: 0px; text-align: center; padding: 0 6em ;}

.discription-img img {
    animation: zoominoutsinglefeatured 20s infinite ;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    100% {
        transform: scale(1.3,1.3);
    }
}

.services-text{padding: 14em 4em 0 4em;}

.main-footer{background: #fff; margin-top: 3em; padding: 3em 0;}
.footer-logo{width: 80%; margin: 0 auto;}
.footer-menu{padding: 30px; margin-top: 2em; border-top: 1px solid #e6e6e6; padding-top: 4em;}
.footer-menu a{display: block; padding: 4px 0; color: #666; text-transform: capitalize;}
.footer-title{color: #666; font-size: 15px; margin-bottom: 20px; text-transform: uppercase; font-family:"DM Sans", sans-serif; font-weight: 500;}

.footer-social{padding-top: 12px ;}
.footer-social a{display: inline-block;}
.footer-social i{display: inline-block; color: #666; font-size: 20px; padding: 0 18px;}
.footer-social a:first-child i{padding: 0px;}
.discription-text.last-sec p{ color: #fff; }
.footer-menu .map{padding-top: 10px; }
#bg-blur-full {
    background-image: url(/images/Normal=Close-white.svg);
    background-repeat: no-repeat;
    background-size: 26px auto;
    background-position: top 15px right 15px;
}
#bg-blur, #bg-blur-full {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .4);
    z-index: 100;
    display: none;
}
#reserve{background: #fff; border:none; color: var(--primary); border-radius: 22px;     padding: 12px 24px;} 

#bannervideo{    height: 100vh;
    width: 100%;
    object-fit: cover;}
.co{position: relative;}
.video-overlay{    position: absolute; width: 100%; height: 100%; background: #00000047; z-index: 9; top: 0; left: 0;}
.heroSection p{line-height: 1.6em;}
.info-icons{gap:20px; margin-top: 30px;}
.info-icons a{font-size: 15px; color: #666; text-transform: uppercase;}
.info-icons a i{padding-right: 5px; font-size: 18px; color: var(--secondary)}
.category{color: #666; text-transform: uppercase;}
.heroContact a{color: var(--primary)}
.heroSection .btn-primary{    border-radius: 36px; padding: 15px 12px; font-size: 13px; margin-top: 14px;     letter-spacing: 1px; background: var(--primary); border:none; }
.heroSection .btn-primary:hover{color: #fff; background: #0a4545;}
.heroSection .buttons{gap:10px;}
.livingBlend-points{display: flex;}
.livingBlend-points .txt{padding-left: 1.5em; padding-right: 20%;}
.livingBlend-points .txt h3{    font-size: 1.8em;margin-bottom: 15px;}
.livingBlend-points .txt .learnmore{text-transform: uppercase; color: var(--primary)}
.slider-area{position: relative;}
.slider-area .carousel-item{overflow: hidden;}

@keyframes zoomInSlow {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}

/* Apply the animation to the text */


.slider-area .carousel-item .img {
    animation: zoomInSlow 8s ease-in-out forwards;
    height: 700px;
    width: 100%;
    background-size: cover;
    background-position: bottom;
}

.slider-area .carousel-item .img2 {
    background: url(../images/earthroot01.jpg) no-repeat bottom; background-size: cover;
}
.slider-area .carousel-item .img10 {
    background: url(../images/panchakarma.jpg) no-repeat bottom; background-size: cover;
}



.slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 99;}

.carousel-caption{z-index: 99; bottom:40%;}
.carousel-caption h2{color: #fff;text-transform: capitalize; font-size: 42px; line-height: 60px; padding-bottom: 6px; text-shadow: 1px 1px black; padding: 13px 0px;}
.carousel-caption p{ color: #fff; font-size: 20px;  padding: 0 140px; line-height: 28px; margin: 0px;}
.carousel-control-next, .carousel-control-prev{top: 50%; bottom: 50%; z-index: 100}
.carousel-caption .sliderPara{font-size: 16px;}
.accordion-item{  border: none; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: transparent;}
.accordion-button:not(.collapsed){     color: #000;    background-color: transparent;  box-shadow: none;}
.accordion-button{color: var(--primary); font-size: 18px; background: transparent;}
.faqsection .accordion-button{color: #222;}
.accordion-button:hover{color: var(--primary)}
.accordion-button:focus{border:none; box-shadow: none;}
.accordion-body{padding: 0rem 1.25rem 1rem;}
.accordion-header{padding: 8px 0px; }
.accordion-body ul{margin-left: 22px;}
.accordion-body p{font-size: 15px;}
.accordion-body ul li{list-style: disc;}
.btn-r{background: var(--primary);  border-radius: 36px;padding:10px 16px;}
.teacher-card-new {
    background: white;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(142, 121, 62, 0.1);
    transition: all 0.4s ease;
    height: 100%;
    border: 1px solid rgba(142, 121, 62, 0.1);
}

.teacher-card-new:hover {
    /*transform: translateY(-10px);*/
    box-shadow: 0 15px 40px rgba(142, 121, 62, 0.2);
}

.teacher-img-wrapper {
    position: relative;
    height: 480px;
    overflow: hidden;
}
.teacher-overlay{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;  transition: all 0.4s ease;
    background: linear-gradient(to top, rgb(0 0 0 / 61%) 10%, rgb(0 0 0 / 20%) 25%, rgba(0, 0, 0, 0) 40%);
}

.teacher-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.teacher-card-new:hover .teacher-overlay{ background: linear-gradient(to top,#000 , rgba(0, 0, 0, 0));}
.teacher-info-new {
    position: absolute;
    bottom: -65px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease;
    opacity: 1;
    z-index: 1;
}

.teacher-card-new:hover .teacher-info-new {
    bottom: 0px;;
    opacity: 1;
}
.teacher-card-new:hover .teacher-desc{display: block;}

.teacher-social-links a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: white;
    color: var(--primary);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    transition: all 0.3s ease;
}

.teacher-social-links a:hover {
    background: var(--primary);
    color: white;
    transform: translateY(-3px);
}

.teacher-info-new {
    padding: 18px 20px;
    text-align: center;
}
.teacher-desc{color: #fff; display: none; line-height: 28px;}

.teacher-info-new h3 {
    font-size:16px;
    margin-bottom: 18px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.specialty {
    display: block;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 28px;
    font-family: "Cormorant Garamond", serif;
}

.teacher-bio {
    margin-bottom: 15px;
}

.teacher-bio p {
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 0;
}

.teacher-meta {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    font-size: 12px;
    color: var(--gray);
}

.teacher-meta span {
    display: flex;
    align-items: center;
}

.teacher-meta i {
    margin-right: 5px;
    color: var(--primary-light);
}

.pagenav{padding: 2em 0; border-bottom: 1px solid #e6e6e6;}
.pagenav ul {display: flex; justify-content: center; gap:24px;}
.pagenav ul li{font-size: 15px; text-transform: uppercase;}
.pagenav ul li.selected{font-weight: 600;}
.facilityService .livingBlend-points .img{width: 20%;}
.facilityService .livingBlend-points .txt{padding-left: 0; padding-right: 2%;}
.facilityService .livingBlend-points .txt ul li{list-style: disc;}
.facilityService .livingBlend-points .txt ul{padding-left: 20px;}
.map-left{padding: 1em;}
.pilgrim-box{width: 60%; margin: auto; margin-top: 2em; text-align: center;}
.pilgrim-box h2{padding: 10px 0; padding-top: 30px;}
.pilgrim-box p{text-align: center; color: #666; font-size: 15px; }
.excursions{border-bottom: 1px solid #e6e6e6;}
.excursions .number-img{position: absolute; bottom: -24px; left: 40%; width: 10%!important;}
.pilgrim-img{position: relative;}
.planDay ul li{list-style: disc; padding: 2px 0;}
.planDay ul {padding-left: 2em}
.cst-points{padding-left: 2em}
.cst-points li{list-style: disc; padding: 2px 0;}
.therpay-box{text-align: center;padding: 4em;}
.therpay-box h2{padding: 16px 0;}
.earthwise-metrics{text-align: center;}
.earthwise-metrics h2{color: #898787; font-size: 45px; font-family: 'IBM Plex Sans'; font-weight: 300; padding-bottom: 10px;}
.earthwise-metrics h2 span{font-size: 20px;}
.about-page-top{background: #3f1f4f; padding: 20em 0; text-align: center;}
.about-page-top p{color: #fff; width: 50%; margin: 0 auto;}
.about-page-top .title{font-size: 50px; margin-bottom: 20px;}
.program-box .category{padding-top: 2em;}
.program-box h2{font-size: 22px;padding: 12px 0px 10px;}
.program-box .learnmore{text-transform: uppercase;color: var(--primary);}
.program-box{margin: 0px;     box-shadow: 0 0px 20px rgba(0, 0, 0, 0.10);padding: 12px; border-radius: 8px; min-height: 570px;}
.program2 .program-box{min-height: 400px;}
.program-box img{height: 230px;    object-fit: cover;}
.programTreatment .program-box{min-height: 530px;}
.programTreatment .program-box img{height: 330px;}
.naturopathyTreatment .program-box{min-height: 330px;}
/* Enhanced Services Section Styles */
.blend-moderity {
    border-radius: 10px;
    height: 100%;
    background: url(../images/modernity.jpg);
    background-size: cover;
    background-position: bottom;
}

.holistic-photo {
    border-radius: 10px;
    height: 100%;
    background: url(../images/holistic-wellness.jpg);
    background-size: cover;
    background-position: bottom;
}
.about-img {
    border-radius: 10px;
    height: 100%;
    background: url(../images/about-img.jpg);
    background-size: cover;
    background-position: bottom;
}

.section-header .subtitle {
  font-size: 18px;
  color: var(--ash-grey);
  max-width: 600px;
  margin: 0 auto;
}

.service-card {
  transition: all 0.3s ease;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  background: white;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.service-card:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.service-img-wrapper {
  position: relative;
  overflow: hidden;
  height: 250px;
}

.service-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/*.service-card:hover .service-img-wrapper img {
  transform: scale(1.05);
}*/

.service-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
  transition: all 0.3s ease;
}

.service-card:hover .service-overlay {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(12, 78, 30, 0.2) 100%);
}

.service-content {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.service-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--secondary);
  position: relative;
  padding-bottom: 10px;
}

.service-content h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background: var(--primary);
  transition: width 0.3s ease;
}

.service-card:hover .service-content h3:after {
  width: 80px;
}

.service-content p {
  color: var(--ash-grey);
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}

.learnmore {
  color: var(--primary);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.learnmore i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.learnmore:hover {
  color: var(--secondary);
}

.learnmore:hover i {
  transform: translateX(5px);
}

/* Review Section Styles */
.review-section {
  background: linear-gradient(135deg, #f8f5f0 0%, #faf8f5 100%);
  position: relative;
  overflow: hidden;
}

.review-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%23d18f1610"><path d="M30,30 Q50,10 70,30 T90,50 T70,70 T50,90 T30,70 T10,50 T30,30 Z"/></svg>');
  background-size: 300px;
  opacity: 0.3;
}

.review-stats {
  background: white;
  padding: 0px 20px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stat-item {
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
}

.stat-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.stat-number {
  font-size: 35px;
  font-weight: 700;
  color: var(--secondary);
  font-family: "Cormorant Garamond", serif;
  margin-bottom: 4px;
}

.stat-stars {
  margin-bottom: 8px;
}

.stat-stars i {
  color: #ffc107;
  margin: 0 2px;
}

.stat-label {
  color: var(--ash-grey);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Review Cards */
.review-carousel {
  position: relative;
}

.review-card {
  background: white;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  margin: 10px;
  /*height: 320px;*/
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #f0f0f0;
}

.review-card:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.reviewer-info {
  display: flex;
  align-items: center;
}

.reviewer-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  border: 3px solid var(--sand);
}

.reviewer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviewer-details h4 {
  margin: 0 0 5px 0;
  font-size: 20px;
  color: var(--secondary);
}

.review-location {
  display: flex;
  align-items: center;
  color: var(--ash-grey);
  font-size: 13px;
}

.review-location i {
  margin-right: 5px;
  font-size: 12px;
}

.review-rating {
  display: flex;
}

.review-rating i {
  color: #ffc107;
  font-size: 14px;
  margin-left: 2px;
}

.review-content {
  flex-grow: 1;
  margin-bottom: 20px;
}

.review-content p {
  font-style: italic;
  color: #555;
  line-height: 1.6;
  margin: 0;
 /* display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;*/
}

.review-service {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
}

.service-tag {
  background: var(--sand);
  color: var(--secondary);
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}

.review-date {
  color: var(--ash-grey);
  font-size: 12px;
}


/* Carousel Navigation */
.review-carousel .owl-nav {
  position: absolute;
  top: -70px;
  right: 0;
  margin-top: 0;
}

.review-carousel .owl-nav button {
  background: var(--primary) !important;
  color: white !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.review-carousel .owl-nav button:hover {
  background: var(--secondary) !important;
  transform: scale(1.1);
}


.about-page-text{ width: 60%; margin: 0 auto; }
.about-page-text img{margin-top: 4em;}
.about-page a{display: inline-block; padding: 10px 30px; font-weight: 500; color: #3f1f4f; border: 1px solid #3f1f4f; border-radius: 30px; margin-top: 40px; transition: .5s all;}
.about-page a:hover{transform: scale(1.2);}

.vision-box{ overflow: hidden;text-align: left; margin-top: 30px; }
.vision-text{ padding: 20px; }
.vision-text h3{margin-bottom: 15px;}
.vision-img{overflow: hidden;}
.exclusive-vision .vision-img{overflow: hidden; }
.about-vision .vision-img{overflow: hidden; }
.vision-img img{transition: .5s all;}
.vision-img:hover img{transform: scale(1.05); opacity: .6;}
.vision-link a{display: inline-block; padding: 10px 30px; font-weight: 500; color: #3f1f4f; border: 1px solid #3f1f4f; border-radius: 30px; margin-top: 40px; transition: .5s all;}
.vision-btn a{display: inline-block; padding: 10px 30px; font-weight: 500; color: #3f1f4f; border: 1px solid #3f1f4f; border-radius: 30px; transition: .5s all;}

.vision-link a:hover{transform: scale(1.2);}
.vision-box2{border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.founder-page-top {overflow: hidden;}
.founder-intro-text{text-align: center;}

.founder-page-top img{transition: .8s;  animation: zoominoutsinglefeatured 20s infinite ;}
.wellness-page{position: relative; overflow: hidden;}
.wellness-page .wellness-top-heading{ position: absolute; bottom: 5%; left: 0px; width: 100%; text-align: ; padding: 0 8%; }
.wellness-page .wellness-top-heading2{ position: absolute; bottom: 19%; left: 1%; width: 100%;}
.wellness-page .wellness-top-heading .title{color: #fff; text-transform: uppercase; font-size: 60px;}
.wellness-page .wellness-top-heading2 .title{color: #fff; text-transform: uppercase; font-size: 40px;}
.wellness-page .wellness-top-heading p{ color: #fff; font-size: 25px; font-weight: 500; margin-top: 10px; }



.text-default{color: #fff;}






@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1.4 ,1.4);
    }
    100% {
        transform: scale(1,1);
    }
}

.founder-page-text{position: absolute; bottom: 10%; left: 0%; width: 100%; text-align: center; padding: 0 15em;}
.founder-page-text p{color: #fff; text-align: center;}
.founder-intro-text {padding: 0 20% ;}
.logo-intro-img{width: 35%; margin:0 auto;}
.logo-intro-text{padding: 7em 3em;}
.logo-intro-text h3{margin-bottom: 20px; font-size: 25px;}
.logo-intro-text p{text-align: justify;}

.madhav-intro-text{padding: 7em 3em;}
.founder-page-overview-heading p{text-align: justify;}
article.overflow{overflow: visible;}
.founder-page-overview-heading{position: sticky; top: 250px;}
.founder-page-overview-img{ margin: 0 auto; margin-top: 10em; transition: 6s all; width: 100%;}
.founder-page-overview-img img{ transition: 5s all; }
.founder-page-overview-img:hover img{  }




.wellness-page {overflow: hidden; position: relative;margin-top: 70px;}
.wellness-group-btn{margin-top: 30px;}

.wellness-slider .carousel-control-next, .wellness-slider  .carousel-control-prev {
    position: absolute;
    top: 45%;
    bottom: 0;
}
.wellness-slider .carousel-indicators [data-bs-target]{ height: 15px; width: 15px;  border-radius: 100%; }
.wellness-inner-text{width: 30%;}
.wellness-page-inner{background: url(../images/wellness-inner.jpg) no-repeat center; background-size: cover; margin-top: 30px; padding: 5em 0;}
.wellness-page-inner2{background: url(../images/exclusive_3.jpg) no-repeat center; background-size: cover; margin-top: 30px; padding: 5em 0;}
.case-study2{background: url(../images/case-study2/3.jpeg) no-repeat center; background-size: cover; margin-top: 30px; padding: 5em 0;}
.wbc .wellness-page-inner{background: url(../images/wbc_1.jpg) no-repeat center; background-size: cover; margin-top: 30px; padding: 5em 0;}
.wellness-inner-text h4{ color: #fff; font-size: 25px; }
.wellness-inner-text p{color: #fff; margin-top: 15px;}
.wellness-inner-box-right .wellness-inner-text{ float: right; }
.wellness-inner-box{margin-top: 4em;}
.wellness-video {background: url(../images/wellness1.jpg) no-repeat center; background-size: cover; padding: 4em 0;}
.youtube-video{width: 60%; margin: 0 auto;}
.wellness-video{padding: 8em 0;}

 .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{display: inline-block; height: 40px; width: 40px; line-height: 40px; color: #000; border: 1px solid #3f1f4f; text-align: center; padding: 0px; margin: 10px 5px; color: #3f1f4f;}

.owl-carousel .owl-nav{text-align: center;}
.wellness-bg{background: url(../images/original.jpeg) no-repeat center; background-size: cover; padding: 15em 0;}
.wellness-bg-text  h4{ color: #fff; margin-bottom: 15px; }
.wellness-bg-text  p{ color: #fff; text-align: justify; margin-bottom: 15px; }
.wellness-bg-text {float: right; width: 40%;}


.exclusive-box{margin: 0 auto; width: 60%;}
.title-ss{padding: 0 15em ; margin-bottom: 40px;}

.exclusive-png{background: #3f1f4f;}
.exclusive-png-text h4{color: #fff; font-size: 25px; }
.exclusive-png-text p{color: #fff;margin: 15px 0; text-align: justify; }
.exclusive-png-text a{padding: 15px 30px; color: #fff; border: 1px solid #fff; display: inline-block; margin-top: 25px;}
.exclusive-png-text {padding: 8em 0 0 5em;}

.services-page-text{padding: 10em 5em;}
.services-page-text p{text-align: justify; margin: 15px 0;}
.services-video-sec {background: #3f1f4f;}
.services-video-text p, .services-video-text a{color: #fff;}
.services-video-text{padding: 0 20%;}
.service-video{width: 60%; margin:4em auto 0 auto;}
.services-feature{margin-top: 5em;}
.services-feature .owl-carousel{margin-top: 5em;}

.services-feature .owl-carousel .owl-nav .owl-next, .services-feature .owl-carousel .owl-nav .owl-prev{    border: 1px solid #fff; text-align: center;    padding: 0px;    margin: 10px 5px;    color: #fff;}
.services-feature p{color: #fff; text-align: center;}
.services-perfection-text{padding: 0 20%;}
.services-perfection-video{ width: 60%; margin:4em auto 0 auto; }


.services-bg{background: url(../images/services-bg.jpg) no-repeat center; background-size: cover;}
.services-bg.services-bg2{background: url(../images/services-bg2.jpg) no-repeat center; background-size: cover;}
.services-bg-text { width: 40%; padding: 5em 0;}
.services-bg-text.services-bg-text2 { width: 40%; padding: 5em 0; float: right;}
.services-bg-text .title{color: #fff;}
.services-bg-text p{color: #fff;}

.case-whenImg{width: 50%;}
.standOut{width: 50%;}

.slideModal .modal-body{
background: #3a1d49;
}
.slideModal .modal-header{
background: #1b0d2e; border-bottom: none;
}
.slideModal .inner-content h2{
  color: #fff;
}
.slideModal .btn-close{
  opacity: 1;
  border: 1px solid #3a1d49;
  border-radius: 50%;
  margin: auto;
}
.modal-xl{
  max-width: 1600px!important;

}
.modal.show .modal-dialog{
        width: 100%;
    margin: 0;
    height: 100vh;
}
.animate-bottom {
  position: relative;
  animation: animatebottom 0.8s;
}
#exampleModal .modal-content{
height: 100vh;
}
#exampleModal .btn-close{
margin: auto;
}
#back-modal{
  color: #fff;
}
.inner-content{
       /* width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    padding: 120px 0px;
}
.inner-content a{
      margin: 10px;
      font-size: 20px;
      background: #fff;
      color: #3a1d49;
      border-radius: 25px;
}
.enquiry-block,.enquiry-block-second{
    margin: auto;
    width: 50%;
}
.enquiry-block h2,.enquiry-block-second h2{
    text-align: center;
}

.enquiry-form h2{color: #fff;}
.enquiry-form label{color: #fff;}
.enquiry-form input[type="text"],.enquiry-form input[type="email"],.enquiry-form input[type="tel"],.enquiry-form input[type="password"],.enquiry-form select{    
    font-size: 15px;
    color: #fff;
    padding: 4%;
    background-color: #1b0d2e;
    border: none;
    border-bottom: 2px solid #676776;
    word-wrap: wrap;
    word-break: break-all;
    width: 100%;
    position: relative;
    resize: none;
    overflow: auto;}

.enquiry-form input[type="date"]{    
    font-size: 15px;
    color: #fff;
    /*padding: 4%;*/
    background-color: #1b0d2e;
    border: none;
    border-bottom: 2px solid #676776;
    word-wrap: wrap;
    word-break: break-all;
    width: 100%;
    position: relative;
    resize: none;
    overflow: auto;}

.enquiry-form select,.enquiry-form textarea{
  font-size: 15px;
    color: #fff;
    padding: 4%;
    background-color: #1b0d2e;
    border: none;
    border-bottom: 2px solid #676776;
    word-wrap: wrap;
    word-break: break-all;
    width: 100%;
    position: relative;
    resize: none;
    overflow: auto;
}

.enquiry-form select{
padding: 10px;
}
.enquiry-form .form-select:focus ,.enquiry-form .form-control:focus{
  box-shadow: none; background-color: #1b0d2e; color: #fff;
}
.enquiry-form button{background: #6d30a7; border-radius: 25px;}
.enquiry-form .moreInfo{color: #fff; border-bottom: 1px solid;}

.sub-titles{ color: #fff;
    text-transform: uppercase;
    font-size: 30px;}

.enquiry-form p{color: #fff; text-align: justify;}

@keyframes animatebottom {
  from {
    bottom: -600px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

#exclusiveForm{position: relative;}
.contact-form {
    position: relative;
    padding: 2em 0px;
}
.contact-form .form-group{padding: 8px 0;}

.contact-form h2{text-align: center;}
.address-details {
    padding: 3em;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-left: 5px solid var(--secondary);
}
.contact-form form .form-control{border-radius: 0px; height: 45px;}
.contact-form form textarea.form-control{border-radius: 0px; height: 100px;}
.address-box{padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #ddd;}
.address-box i{color: var(--primary);}

.waitings {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #00000070;
    padding: 10px;
    padding-top: 25%;
    display: none;
    top: 0;
    left: 0;
    z-index:99;
}
.waitings .text-light {
    color: #027124!important;
    letter-spacing: 1px;
    word-spacing: 2px;
    background: white;
  }

.morePopup{    padding: 2em;
    background: #110619;
    width: 70%;
    margin: auto;
    position: absolute;
    top: 15%;
    left: 15%; z-index: 99999}

.morePopup ul li{list-style: inside; color: #fff;}
.morePopup p{color: #fff;}
#closePopup{position: absolute; top: 2px; right: 8px; font-size: 20px; color: #fff;}




.inner-left{   font-weight: 400; color: #fff; text-align: left; font-size: 22px; margin-top: 10em;font-family: 'Lato', sans-serif;}


.gallery-page .col-md-4{ padding: 5px;  }
.wellness-top-heading.bhasma-heading .title{color: #3f1f4f;}

.mobile-photo{display: none;}

#enquireForm{position: relative;}


/*input {
    position: relative;
}*/

input[type="date"]::-webkit-calendar-picker-indicator {
    background-position: right;
    background-size: auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
     bottom: 0;
    width: auto;
    color: #fff;
    height: -webkit-fill-available;
}

.description p{padding: 15px 0px;
    text-align: justify;}
.innerpage-banner.slider-area .carousel-item .img2{height: 450px;}
.innerpage-banner .carousel-caption{bottom: 25%;}
/* Practitioner Section Styles */
.practitioner-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.practitioner-card {
  background: white;
  padding: 40px 30px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(15, 79, 79, 0.1);
  transition: all 0.3s ease;
  border: 1px solid rgba(15, 79, 79, 0.1);
  position: relative;
  overflow: hidden;
}

.practitioner-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(135deg, var(--primary), var(--vedic-leaf));
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.practitioner-card:hover::before {
  transform: scaleX(1);
}

.practitioner-card:hover {
  box-shadow: 0 20px 40px rgba(15, 79, 79, 0.15);
}

.practitioner-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 25px;
  background: linear-gradient(135deg, var(--primary), var(--vedic-leaf));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 32px;
}

.practitioner-card h4 {
  color: #222;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.practitioner-card p {
  color: var(--ash-grey);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

.practitioner-quote {
  padding: 40px;
  background: var(--sand);
  border-radius: 15px;
  border-left: 5px solid var(--primary);
}

.practitioner-quote .lead {
  color: var(--primary);
  font-style: italic;
  font-size: 18px;
  margin: 0;
  line-height: 1.6;
}
.founderphoto {
    height: 100%;
    background: url(https://earthrootsayurveda.com/wp-content/uploads/2024/02/DSC01196-e1707152824201.jpg);
    background-size: cover;
    background-position: center;
}
/* Pricing Section Styles */
.pricing-card {
  background: white;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  padding: 0;
  margin-bottom: 30px;
  position: relative;
  transition: all 0.3s ease;
  border: 1px solid rgba(142, 121, 62, 0.1);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pricing-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.pricing-header {
  padding: 30px 30px 20px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
}

.pricing-header h4 {
  color: var(--secondary);
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 600;
}

.price {
  margin: 10px 0 5px;
}

.price .currency {
  font-size: 24px;
  color: var(--primary);
  vertical-align: top;
  margin-right: 2px;
}

.price .amount {
  font-size: 48px;
  font-weight: 700;
  color: var(--secondary);
  line-height: 1;
}

.price .period {
  font-size: 14px;
  color: #666;
  display: block;
  margin-top: 5px;
}

.pricing-description {
  color: #666;
  font-size: 14px;
  margin: 0;
}

.pricing-features {
  padding: 25px 30px;
  padding-bottom: 0px;
  flex-grow: 1;
}

.pricing-features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-features li {
  padding: 8px 0;
  color: #555;
  display: flex;
  align-items: flex-start;
}

.pricing-features i {
  color: var(--primary);
  margin-right: 10px;
  margin-top: 3px;
  font-size: 14px;
}

.pricing-footer {
  padding: 25px 30px;
}

.pricing-footer .btn {
  padding: 12px 20px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.pricing-info-card {
  background: white;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(142, 121, 62, 0.1);
}

.pricing-info-card h5 {
  color: var(--secondary);
  margin-bottom: 20px;
  font-size: 20px;
}

.included-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.included-list li {
  padding: 8px 0;
  color: #555;
  display: flex;
  align-items: center;
}

.included-list i {
  color: var(--primary);
  margin-right: 12px;
  font-size: 16px;
  width: 20px;
}

.booking-info {
  background: var(--sand);
  padding: 25px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.booking-info h6 {
  color: var(--secondary);
  margin-bottom: 10px;
  font-size: 18px;
}

.booking-info p {
  color: #666;
  margin-bottom: 20px;
  font-size: 14px;
}

.booking-info .btn {
  padding: 10px 20px;
  border-radius: 8px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .pricing-card.featured {
    transform: scale(1);
  }
  
  .pricing-card.featured:hover {
    transform: translateY(-10px);
  }
  
  .price .amount {
    font-size: 36px;
  }
  
  .pricing-header,
  .pricing-features,
  .available-dates,
  .pricing-footer {
    padding: 20px;
  }
  
  .pricing-info-card {
    padding: 20px;
  }
  
  .booking-info {
    margin-top: 20px;
    padding: 20px;
  }
}

@media (max-width: 576px) {
  .price .amount {
    font-size: 32px;
  }
  
  .date-list {
    grid-template-columns: 1fr;
  }
}
/* Single Row Pricing Design */
.price-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 20px 0 0px;
}

.price-item {
  text-align: center;
  flex: 1;
}

.price-label {
  display: block;
  font-size: 13px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
  font-weight: 500;
}

.price-item .price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
}

.price-item .currency {
  font-size: 16px;
  color: var(--primary);
  font-weight: 600;
}

.price-item .amount {
  font-size: 24px;
  font-weight: 700;
  color: var(--secondary);
  line-height: 1;
}

.price-divider {
  color: #ddd;
  font-size: 20px;
  font-weight: 300;
  padding: 0 5px;
}

/* Alternative: Side by side without divider */
.price-row-inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  gap: 10px;
}

.price-item-inline {
  text-align: center;
  flex: 1;
}

.price-item-inline .price-label {
  font-size: 11px;
  margin-bottom: 3px;
}

.price-item-inline .amount {
  font-size: 20px;
}
.daily-schedule {
    background: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid rgba(142,121,62,0.1);
}

.schedule-item {
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(142,121,62,0.2);
}

.schedule-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.schedule-time {
    width: 200px;
    flex-shrink: 0;
    font-weight: 600;
    color: var(--primary);
}

.schedule-content h4 {
    font-size: 18px;
    margin-bottom: 5px;
    color: var(--dark);
}

.schedule-content p {
    margin-bottom: 0;
    color: var(--gray);
    font-size: 16px;
}

.schedule-note {
    font-size: 14px;
    color: var(--gray);
    font-style: italic;
}
.course-details-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 10px;
    margin-left: auto;
        border-top: 4px solid var(--primary);
    border-bottom: 4px solid var(--primary);
}

.card-title {
    font-size: 1.5rem;
    color: #2a3f54;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}

.detail-item {
    margin-bottom:8px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #dad7d7;
    padding-bottom: 6px;
}

.detail-label {
    font-weight: 800;
    color: #000;
    font-size: 0.95rem;

}

.detail-value {
    color: #2a3f54;
    font-weight: 500;
    text-align: right;
}

.price-section {
    margin: 25px 0;
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.price-value {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 5px;
}

.current-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
}

.original-price {
    font-size: 1rem;
    text-decoration: line-through;
    color: #999;
}
.enroll-button {
    display: block;
    text-align: center;
    width: 100%;
    padding: 12px;
    background-color: var(--secondary);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}

.enroll-button:hover {
    background-color: var(--primary);
    color: #eee;
}
.gallery-img {
  overflow: hidden;
  height: 200px;
  margin-bottom: 20px;
}

.gallery-img img {
  transition: .5s all;
  height: 100%;
  object-fit: cover;
}

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

.course-page-gallery-box{margin-top: 14px; overflow: hidden;  transition: .5s all; }
#gallery .col-lg-3{padding: 8px;}
#gallery .col-lg-3 img{border-radius: 4px; transition: .5s ; height: 250px;    object-fit: cover;}
#gallery .course-page-gallery-box:hover img{transform: scale(1.2) rotate(.5deg)}
.fix-social {
  position: fixed;
  left: 40px;
  bottom: 20px;
  z-index: 999;
}
.fix-social a i {
  height: 50px;
    width: 50px;
    font-size: 31px;
    text-align: center;
    border-radius: 100%;
    overflow: hidden;
    transition: .5s all;
   
    color: #fff;
    padding: 9px 
}
.fix-social a {
  display: block;
  margin: 5px 0;
}
   .fix-social a{  background: #129809;
    max-width: 60px;
    max-height: 60px;
    padding: 14px;
    border-radius: 100%; }

   @keyframes pulse {  
 50% {
    box-shadow:  0 0 0 0 #1ea10e;
    scale: 0.9;
}

   100% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    scale: 1;
}
}

/*-------------------------------------start image gallery lightbox css-------------------------------------------*/

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-nav a.lb-prev, .lb-nav a.lb-next{opacity: 1} .gallery-start .col-md-3, .gallery-start .col-lg-3{padding: 5px 5px;} .gallery-img{overflow: hidden; height: 250px;} .gallery-img img{transition: .5s all; height: 100%;} .gallery-img:hover img{ transform: scale(1.05); }

/*=======================================end image gallery lightbox css================================================*/
.wellness-page.wellness-page02{margin-top: 0px;}

/*.discription{background: url(../images/madhav.jpg) no-repeat center; background-size: cover;}*/



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}






/*XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1366px) { 
 
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1024px) { 
.services-text {
    padding: 5em 4em 0 4em;
}

}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.main-banner {
    overflow: hidden;
    height: 350px;
}
.co{height: 100%;}
.main-banner img{height: 100%;}
.discription-img {
    position: relative;
    overflow: hidden;
    height: 600px;
}
.discription-img img{height: 100%;}
.discription-text {
    position: absolute;
    width: 100%;
    bottom: 12%;
    left: 0px;
    text-align: center;
    padding: 0 2em;
}
.services .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.services .col-md-6.order-last{order: 0 !important;}
    .services-text {
        padding: 4em 6em 4em 6em;
    }
.footer-menu .col-md-3{width: 50%; max-width: 50%; flex: 50%;}   
.box1.box2 {margin-top: 30px;}
.sidenav a {
    padding: 16px 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #555;
    display: block;
    transition: 0.3s;
    color: #fff;
}
.logo {
    position: absolute;
    top: 4%;
    left: 45%;
    width: 5%;
    transition: .8s;
}
.wellness-page {
    overflow: hidden;
    position: relative;
    margin-top: 70px;
    height: auto;
}
.wellness-page img{height: 100%;}
.wellness-page .wellness-top-heading .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
}
.inner-left {

    text-align: left;
    font-size: 18px;
    margin-top: 6em;
}
.about-page-text {
    width: 90%;
    margin: 0 auto;
}
.founder-intro-text {
    padding: 0 10%;
}
.card-reverse .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.madhav-intro .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.logo-intro-text {
    padding: 2em 3em;
}
.madhav-intro-text {
    padding: 4em 3em;
}
    .madhav-intro-text2 {
        padding: 0em 3em 3em 3em;
    }
.founder-page-overview-img {
    margin: 0 auto;
    margin-top: 7em;
    transition: 1s all;
    width: 90%;
}
.founder-page-overview{padding-bottom: 1em;}    
.wellness-page.wellness-page02{margin-top: 0px; height: auto; padding-bottom: 0px;}
.wellness-inner-text {
    width: 60%;
}
.exclusive-box {
    margin: 0 auto;
    width: 90%;
}
.title-ss {
    padding: 0 7em;
    margin-bottom: 40px;
}
.exclusive-png-text {
    padding: 2em 0 0 2em;
}
.services-page-text {
    padding: 1em 3em;
}
.services-video-text {
    padding: 0 6%;
}
.service-video {
    width: 90%;
    margin: 4em auto 0 auto;
}
.mobile-photo{display: block;}  
.desktop-photo{display: none;}

}

@media (max-width: 667px) { 

.free {border: 1px solid #ddd;margin-bottom: 10px;}
.sidenav{background: rgb(0 0 0 / 90%);}
.logo {
    position: absolute;
    top: 4%;
    left: 45%;
    width: 6%;
    transition: .8s;
}

}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
 .title {
    font-size: 28px;
}
    .logo-intro-text {
        padding: 0 3em 2em 3em;
    }
.madhav-intro.madhav-intro-top-marg   {padding-top: 0px;} 
    .madhav-intro-text {
        padding: 4em 3em 0 3em;
    }
    .container {
    padding: 0px 15px;
}
}


@media (max-width: 480px) {
.sidenav a{font-size: 18px;}

.title{font-size: 24px;}
.discription-text{bottom: 1%; padding: 10px 1em;}
.services-text{ padding: 4px 0px;}
.services .card-reverse{display: flex; flex-wrap: wrap-reverse;}
.title-box{margin-bottom: 0px;}

.about-page-top .title{font-size: 22px;}
.about-page-top {padding: 4em 0;}
.about-page-top p{width: 100%;}
.about-page-text{width: 100%;}
.about-page-text img{margin-top: 1em;}
.wellness-page .wellness-top-heading{bottom: 15%;}

.founder-page-text{padding: 0 1em;top: 90px; bottom: 0;}
.founder-intro-text{padding: 0 0em;}
.logo-intro-text{padding: 1em 1em;}
.logo-intro .card-reverse{display: flex; flex-wrap: wrap-reverse;}
.madhav-intro-text{padding: 1em 1em;}
.founder-page-overview-img{ width: 100%; margin-top: 2em;}
.wellness-page .wellness-top-heading{bottom: 12%;}
.wellness-page .wellness-top-heading .title{ font-size: 22px; line-height: 30px;}
.wellness-page .wellness-top-heading2{bottom: 0;}
.wellness-page .wellness-top-heading2 .title{font-size: 20px;}
.madhav-intro-img{padding: 10px;}

/*.footer-menu{padding: 30px 0;}*/
.enquiry-block, .enquiry-block-second{ width: 100%; }
.logo{ top: 13px; left: 42%; width: 8%;}

    .footer-menu .col-md-3 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
        .discription-img {
        position: relative;
        overflow: hidden;
        height: 490px;
    }
        .title {
        font-size: 22px;
        font-weight: 500;
    }
        .discription-text {
        bottom: 9%;
        padding: 10px 1em;
    }
        .services .col-md-6.order-last {
        order: 1 !important;
    }
        .services-text {
        padding: 3em;
    }
        .box1.box2 {
        margin-top: 30px;
        text-align: center;
    }
        .logo {
        top: 8px;
        left: 42%;
        width: 7%;
    }
        .sidenav a {
        font-size: 13px;
    }
    .inner-left {

    text-align: left;
    font-size: 16px;
    margin-top: 2em;
}
.main-banner {
    overflow: hidden;
    height: 300px;
}

.description p{padding: 0px 0px; padding-bottom: 5px;}
}








/* Responsive Design */
@media (max-width: 768px) {
  .review-stats {
    margin-bottom: 30px;
    padding: 30px 20px;
  }
  
  .review-card {
    height: auto;
    min-height: 280px;
    padding: 20px;
  }
  
  .review-header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .review-rating {
    margin-top: 10px;
  }
  
  .review-service {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }  
  .review-carousel .owl-nav {
    position: relative;
    top: 0;
    text-align: center;
    margin-top: 20px;
  }
}


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

@media screen and (max-width: 768px) {
    .logo{    transform: translate(-50%, -0%);        top: 16%;width: 14%;}
    .banner-content h1{    font-size: 40px;}
    .fa-circle-play{display: none!important;}
    .livingBlend .row .col-md-6{margin-top: 20px;}
    .livingBlend .row.mt-5{    margin-top: 1rem !important;}
    .holistic-photo{    background-position: center;height: 300px;margin-top: 11px;}
    .blend-moderity{    background-position: center;height: 300px;margin-top: 11px;}
    .review-stats{padding: 0px 20px;}
}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 576px) {
    .logo{top: 24%;width: 18%;}
    .text-logo{width: 26%;}
    .banner-content{width: 100%; top: 60%;}
    .homeslidersecond .carousel-item .img{    height: 340px;}
    .sidenav .closebtn{color: #fff;}
    .footer-menu .col-md-3{width: 100%;max-width: 100%;flex: 100%;}
    .footer-logo{width: 35%;}
    .innerpage-banner .carousel-caption{    bottom: 10%;width: 100%;    left: 0;}
    .carousel-caption h2{    font-size: 36px;}
    .practitioner-card{    padding: 20px 15px;}
    .practitioner-icon{    width: 70px;height: 70px;}
    .founderphoto{    background-position: top;    height: 340px;}
    .about-img{    height: 350px;margin-top: 15px;}
    .program-box{min-height: auto;         margin-top: 15px;}
    .pricing-card{display: block;    margin-bottom: 15px;    height: auto;}
    .pricing-features{padding-bottom: 0px;}
    .pricing-info-card h5{margin-top: 10px; margin-bottom: 10px;}
    .wellness-bg{    padding: 4em 0 !important;}
    #gallery .col-lg-3 img{height: 200px;}
    .naturopathyTreatment .program-box{min-height: auto;}
}
@media screen and (max-width: 490px) {
    .start-header .container-fluid{    padding-left: 12px;
    padding-right: 12px;}
    #reserve{padding: 12px 18px;}
    .logo{top: 28%;         width: 25%;}
    .text-logo{width: 35%;}
    .section{    padding: 3em 0;}
    .info-icons{    flex-direction: column;}
    .service-content{padding: 16px;}
    .teacher-img-wrapper{height: 410px;}
    .stat-number{font-size: 26px;}
    .review-card{min-height: auto;}
    .main-footer{margin-top: 0em;    padding: 1em 0;}
    .footer-menu{    padding-top: 1em;}
    .banner-content h1{font-size: 36px;}
    .banner-content h4{font-size: 22px;}
    #bannervideo{height: 100%;}
    .innerpage-banner.slider-area .carousel-item .img2{    height: 390px;}
    .carousel-caption h2{font-size: 30px;}
    .carousel-caption h2{    line-height: 48px;}
    .address-details{    padding: 2em;}
    .price .amount{        font-size: 26px;}

}
@media screen and (max-width: 430px) {
    .start-header.darkheader{    padding: 12px 0px;}
    .box1.box2{        text-align: left;padding: 0 25px;}
    .banner-content h1{font-size: 34px;}
    .info-icons a i{font-size: 16px;}
    .service-content h3{font-size: 22px;}
    .homeslidersecond .carousel-item .img{height: 275px;}
    .teacher-img-wrapper{height: 390px;}
    .stat-item{padding-bottom: 15px;}
    .footer-logo{width: 40%;}
    .service-img-wrapper{height: 230px;}
    .holistic-photo{height: 250px;}
    .blend-moderity{height: 270px;}
    .innerpage-banner.slider-area .carousel-item .img2{        height: 360px;}
    .innerpage-banner .carousel-caption{bottom: 5%;}
    .box1.box2{padding: 0 5px;}
    .fix-social{left: 20px;}
    .fix-social a{max-width: 50px;max-height: 50px;}
    .programSection .row.mt-5{margin-top: 1rem !important;}
    .price-item .amount{font-size: 22px;}
    .faqsection .accordion-button{font-size: 15px;}
    .title{line-height: 32px;}
    }
}
@media screen and (max-width: 400px) {
    .box1.box2{padding: 0 15px; margin-top: 20px;}
    .banner-content h1{font-size: 32px;}
    .service-content h3{font-size: 20px;}
    .service-content p{    margin-bottom: 10px;}
    .footer-menu{    padding: 15px;}
    .practitioner-icon{    margin: 0 auto 15px; width: 60px;height: 60px; font-size: 26px;}
    .carousel-caption h2{font-size: 28px;}

}
@media screen and (max-width: 390px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 330px) {}