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

:root {
  --primary: #0F4F4F;
  --secondary: #2E6F9E;
  --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: #3f1f4f;  border: 1px solid #3f1f4f;}
.btn-primary:hover, .btn-primary:focus {  color: #3f1f4f;  background-color: #fffce8;  border-color: #3f1f4f;}
.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: #000; font-size: 16px;  text-transform: uppercase;   font-family: "Cormorant Garamond", serif;font-weight: 600;  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:0%; left: 45%; width: 10%; transition: .8s}
.logo img{width: 85%;}
.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; position: relative;}
.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: 45%; width: 12%; transition: .8s; }
.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: 45%;left: 38%; color: #fff; text-align: center;}
.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;}

.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: 42%; 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;}

.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;}
.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-image: url(https://media.sixsenses.com/B60H3R33/at/599t8378k4xhnfjhvrbksq/Wellness_Raag_Therapy_Bodhi_Tree.jpg);
}
.slider-area .carousel-item .img3 {
    background-image: url(https://media.sixsenses.com/B60H3R33/at/jq39bvvzw3jt78cs7c2cj8w4/Wellness_Yoga_Orchard_2.jpg);
}
.slider-area .carousel-item .img4 {
    background-image: url(https://media.sixsenses.com/B60H3R33/at/rxk8tc4ht4wwtp6947w4b/Wellness_Watsu.jpg);
}
.slider-area .carousel-item .img5 {
    background-image: url(https://media.sixsenses.com/B60H3R33/at/pkxq6wf7kvs4cqf4zpzjnq/Wellness_Yogasala_1.jpg);
}
.slider-area .carousel-item .img6 {
    background-image: url(https://media.sixsenses.com/B60H3R33/at/6b7tczgj6x7zvxpgvjs3thj4/Wellness_Ayurveda_Treatment_2.jpg);
}
.slider-area .carousel-item .img7 {
    background-image: url(https://media.sixsenses.com/B60H3R33/at/r6f7fvkvwwp5sjr4672fx8/Wellness_Consultation.jpg);
}
.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;}
.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: 34px;padding: 5px 0 16px;}
.program-box .learnmore{text-transform: uppercase;color: var(--primary);}
.program-box{margin: 0px 24px;}




.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: var(--primary);
}
.slideModal .modal-header{
background: #0f2828; 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: #023333;
    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: #023333;
    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: #023333; color: #fff;
}
.enquiry-form button{background: #FFFCE8; border-radius: 25px; color: var(--primary)}
.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: 4em;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-left: 5px solid #3f1f4f;
}
.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: #3f1f4f;}

.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;}



/*-------------------------------------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;}

.section{padding: 5em 0;}
.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;
}
.morePopup{width: 80%;    left: 10%;}
.description p{padding: 0px 0px; padding-bottom: 5px;}
}
/* 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: var(--primary);
  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;
}
/* Preparation Guide Styles */
.preparation-guide {
  background: white;
  padding: 50px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(15, 79, 79, 0.1);
}

.guide-points {
  margin: 40px 0;
}

.point-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
  padding: 20px;
  border: 1px solid rgba(15, 79, 79, 0.1);
  border-radius: 10px;
  transition: all 0.3s ease;
}

.point-item:hover {
  border-color: var(--primary);
  background: rgba(15, 79, 79, 0.02);
}

.point-number {
  width: 40px;
  height: 40px;
  background: var(--primary);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 20px;
  flex-shrink: 0;
}

.point-content p {
  margin: 0;
  color: var(--ash-grey);
  line-height: 1.6;
}

.guide-conclusion {
  background: var(--sand);
  border-radius: 10px;
  border-left: 4px solid var(--primary);
}

.guide-conclusion p {
  margin: 0;
  color: var(--primary);
  font-weight: 500;
}
/* Story Section Styles */
.story-header .sub-title {
  color: var(--primary);
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
}

.story-question h5 {
  color: var(--primary);
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 500;
}

.story-quote {
  font-size: 22px;
  color: var(--primary);
  font-style: italic;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}

.story-content p {
  color: var(--ash-grey);
  line-height: 1.7;
  margin-bottom: 20px;
  text-align: justify;
}

.story-revelation {
  padding: 30px;
  background: white;
  border-radius: 10px;
  border-left: 4px solid var(--primary);
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.1);
}

.revelation-text {
  font-size: 20px;
  color: var(--primary);
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

/* Turning Point Section Styles */
.moments-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  margin: 30px 0;
}

.moment-item {
  background: white;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
  transition: all 0.3s ease;
}

.moment-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(15, 79, 79, 0.12);
}

.moment-icon {
  font-size: 32px;
  margin-bottom: 15px;
  display: block;
}

.moment-item p {
  color: var(--ash-grey);
  margin: 0;
  line-height: 1.5;
}

.realization-intro {
  color: var(--primary);
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}

.normalized-list {
  background: white;
  padding: 25px;
  border-radius: 10px;
  margin: 20px 0;
}

.normalized-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  padding: 10px 0;
}

.normalized-item:last-child {
  margin-bottom: 0;
}

.normalized-marker {
  color: var(--primary);
  font-size: 20px;
  margin-right: 15px;
  line-height: 1.4;
}

.normalized-item span:last-child {
  color: var(--ash-grey);
  line-height: 1.5;
  flex: 1;
}

.declaration {
  padding: 25px;
  background: var(--primary);
  border-radius: 10px;
  margin: 30px 0;
}

.declaration-text {
  color: white;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.aspiration-text p {
  color: var(--ash-grey);
  line-height: 1.7;
  text-align: center;
  font-size: 16px;
}
/* Self Healing Section Styles */
.practices-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin: 30px 0;
}

.practice-item {
  background: white;
  padding: 30px 25px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
  transition: all 0.3s ease;
  border: 1px solid rgba(15, 79, 79, 0.1);
}

.practice-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(15, 79, 79, 0.15);
  border-color: var(--primary);
}

.practice-icon {
  font-size: 36px;
  margin-bottom: 15px;
  display: block;
}

.practice-item h5 {
  color: var(--primary);
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 600;
}

.practice-item p {
  color: var(--ash-grey);
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
}

.transformation-intro p {
  color: var(--primary);
  font-weight: 500;
  font-size: 16px;
}

.transformation-points {
  background: var(--sand);
  padding: 25px;
  border-radius: 10px;
  margin: 20px 0;
}

.transformation-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  padding: 8px 0;
}

.transformation-item:last-child {
  margin-bottom: 0;
}

.transformation-marker {
  color: var(--primary);
  font-size: 18px;
  margin-right: 15px;
  font-weight: bold;
  line-height: 1.4;
}

.transformation-item span:last-child {
  color: var(--ash-grey);
  line-height: 1.5;
  flex: 1;
}

.alignment-revelation {
  padding: 25px;
  background: linear-gradient(135deg, var(--primary), var(--vedic-leaf));
  border-radius: 10px;
  margin: 30px 0;
}

.alignment-text {
  color: white;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  margin: 0;
}

.realization-text p {
  color: var(--ash-grey);
  line-height: 1.7;
  font-size: 16px;
}

/* Name Meaning Section Styles */
.name-breakdown {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin: 30px 0;
}

.name-part {
  background: white;
  padding: 35px 30px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(15, 79, 79, 0.1);
  transition: all 0.3s ease;
}

.name-part:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(15, 79, 79, 0.15);
}

.name-header {
  margin-bottom: 20px;
}

.name-symbol {
  font-size: 40px;
  margin-bottom: 15px;
  display: block;
}

.name-title {
  color: var(--primary);
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

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

.name-unity {
  padding: 30px;
  background: white;
  border-radius: 15px;
  box-shadow: 0 8px 25px rgba(15, 79, 79, 0.1);
  position: relative;
}

.unity-symbol {
  font-size: 32px;
  color: var(--primary);
  margin-bottom: 10px;
}

.unity-title {
  color: var(--primary);
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.unity-subtitle {
  color: var(--ash-grey);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.name-vision p {
  color: var(--ash-grey);
  line-height: 1.7;
  font-size: 16px;
  margin: 0;
}
/* Values Section Styles */
.value-item {
  background: white;
  padding: 25px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
  border-left: 4px solid var(--primary);
  transition: all 0.3s ease;
}

.value-item:hover {
  transform: translateX(5px);
  box-shadow: 0 8px 25px rgba(15, 79, 79, 0.12);
}

.value-item h5 {
  color: var(--primary);
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
}

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

.value-item:last-child {
  margin-bottom: 0;
}
/* Personal Invitation Section Styles */
.fatigue-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin: 25px 0;
}

.fatigue-item {
  background: white;
  padding: 25px 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
  transition: all 0.3s ease;
  border: 1px solid rgba(15, 79, 79, 0.1);
}

.fatigue-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(15, 79, 79, 0.12);
}

.fatigue-icon {
  font-size: 28px;
  margin-bottom: 12px;
  display: block;
}

.fatigue-item p {
  color: var(--ash-grey);
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
}

.dedication-box {
  background: linear-gradient(135deg, var(--primary), var(--vedic-leaf));
  padding: 30px;
  border-radius: 15px;
  display: inline-block;
}

.dedication-title {
  color: white;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

.desires-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin: 25px 0;
}

.desire-item {
  background: var(--sand);
  padding: 25px 20px;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.desire-item:hover {
  border-color: var(--primary);
  transform: scale(1.05);
}

.desire-icon {
  font-size: 32px;
  margin-bottom: 12px;
  display: block;
}

.desire-item p {
  color: var(--primary);
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
  font-size: 14px;
}

.affirmation-box {
  background: white;
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(15, 79, 79, 0.1);
  border-left: 5px solid var(--primary);
}

.affirmation-text {
  color: var(--ash-grey);
  font-size: 18px;
  margin-bottom: 15px;
  font-style: italic;
}

.affirmation-main {
  color: var(--primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.section-title h5 {
  color: var(--primary);
  font-size: 18px;
  font-weight: 500;
}

.recognition-text p,
.aspiration-text p {
  color: var(--ash-grey);
  line-height: 1.7;
  font-size: 16px;
}
/* Founder Note Section Styles */
.quote-content {
  background: white;
  padding: 50px 40px;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(15, 79, 79, 0.1);
  position: relative;
}

.quote-content::before {
  content: '"';
  position: absolute;
  top: 20px;
  left: 30px;
  font-size: 80px;
  color: var(--primary);
  opacity: 0.2;
  font-family: serif;
  line-height: 1;
}

.quote-text {
  color: var(--primary);
  font-size: 20px;
  line-height: 1.6;
  font-style: italic;
  margin: 0;
  position: relative;
  z-index: 1;
}

.signature {
  border-top: 1px solid rgba(15, 79, 79, 0.2);
  padding-top: 20px;
}

.founder-name {
  color: var(--primary);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.founder-title {
  color: var(--ash-grey);
  font-size: 14px;
  margin: 5px 0 0 0;
  font-style: italic;
}

.herbal-category {
  background: white;
  padding: 30px 25px;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
}

.herbal-category-title {
  color: var(--primary);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--sand);
}

.herbal-blend {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.herbal-blend:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.herbal-blend h5 {
  color: var(--primary);
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}

.herbal-ingredients {
  color: var(--vedic-leaf);
  font-style: italic;
  font-size: 14px;
  margin-bottom: 8px;
}

.herbal-purpose {
  color: var(--ash-grey);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}

.herbal-note {
  color: var(--accent);
  font-size: 12px;
  font-style: italic;
}

.herbal-ritual {
  background: white;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
}

.herbal-ritual h4 {
  color: var(--primary);
  font-weight: 600;
}

.herbal-ritual p {
  color: var(--ash-grey);
  line-height: 1.6;
}
.time-of-day {
  background: white;
  padding: 30px 25px;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0 5px 15px rgba(15, 79, 79, 0.08);
  border-top: 4px solid var(--primary);
}

.time-title {
  color: var(--primary);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

.time-content {
  color: var(--ash-grey);
}

.time-content p {
  margin-bottom: 15px;
}

.time-content strong {
  color: var(--primary);
}


@media (max-width: 400px) { 
    .discription-img {
        position: relative;
        overflow: hidden;
        height: 410px;
    } 
    .discription-img2 {
        position: relative;
        overflow: hidden;
        height: auto;
    }

        .discription-text {
        bottom: 0;
        padding: 10px 1em;
    }
}


/*===========Responsive css=================*/
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
    .logo{left: 50%;  transform: translate(-50%, -0%); width: 20%; top: 16%;}
    .logo img{width: 60%;}
    .text-logo img{width: 100%;}
    .banner-content{transform: translate(-50%, -0%); left: 50%;     top: 55%;}
    .banner-content h1{font-size: 44px;}
    .section{    padding: 3em 0;}
}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 576px) {}
@media screen and (max-width: 490px) {}
@media screen and (max-width: 430px) {}
@media screen and (max-width: 400px) {}
@media screen and (max-width: 390px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 330px) {}