/*-----------------    Default Css By Amit Silori   ----------------------------------*/
*{margin: 0px; padding: 0px; box-sizing:border-box;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body{	margin:0;	font-weight:400;overflow-x:hidden;font-family: "Poppins", sans-serif; font-size:15px; color: #222;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

article{overflow-x: 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: "Poppins", sans-serif; color: #222;}

/* 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: "Raleway", sans-serif; font-weight: 600; }

h1{ font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:20px; }
h4{ font-size:20px; }
h5{ font-size:15px; }

p{font-weight: 400;  color: #222; font-size: 15px;  line-height: 24px; margin: 0px 0 0 0; color:666;font-family: "Poppins", sans-serif; }

p a {color: #222;}
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:12px;	padding: 15px 50px;	font-weight:400;	border-width:2px; border-radius:0px; line-height:normal; font-family: "Poppins", sans-serif;    font-weight: 400; text-transform: uppercase; }
.btn-primary { margin-top:20px;  color:#fff;  background:#273e06;  border:1px solid #273e06; position: relative; overflow: hidden;}
.btn-primary:hover, .btn-primary:focus {  color: #000;  background:#adf802;  border-color: #adf802;}
.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;}
.btn-primary:before{content: ''; position: absolute; top: 0px; left: 5%; height: 50%; width: 1px; background: #fff; transition: .5s all;}
.btn-primary:hover:before{ height: 75%; }
.btn-primary:after{content: ''; position: absolute; bottom:  0px; right: 5%; height: 50%; width: 1px; background: #fff; transition: .5s all;}
.btn-primary:hover:after{ height: 75%; }

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

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

/*--General CSS--*/
.title-box{margin-bottom: 30px;}
.section{ padding:4em 0;}
.title{font-size:32px; line-height:40px; color: #000; font-weight:600; font-family: "Raleway", sans-serif; margin: 0 0 10px 0;  }
.title.white{color: #fff;}
.title span{ color: #3CA3B9; }
p.sub-title{color:#bd0202; font-size: 15px;   font-weight: 600;    letter-spacing: 1px; padding: 0; margin:5px 0;}
/**hr{width: 100px; margin: 1em 0px; background:#e182a8; height: 3px !important; opacity: 1; }**/
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 #166a07;}
.navbar-brand{width: 8%; position: absolute; top: 0px; left: 110px; background: #fff;  padding: 15px; border: 1px solid #ddd;  border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;  }
.back-gry{background: #f9fdff;}
/*-- end General CSS--*/
.just{text-align: left;}
/*-----------------   End Default Css By Amit Silori   ----------------------------------*/
.img-border {
    border: 5px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #d5bbe5;
}

.top-header{background: #adf802; padding: 10px 0; }
.top-header span{color: #000; display: inline-block; padding-right: 20px;}
.top-header span a{color: #000; font-size: 13px;}
.top-header span a i{margin-right: 5px;}
.header-start {background:transparent; transition: .5s all; position:; z-index: 999; left: 0px; top: 0px; width: 100%; position: relative; box-shadow: 0 4px 10px 0 rgb(0 0 0/6%);}
.header-start .navbar{background: transparent; padding: 0px;}
.header-start .navbar-light .navbar-nav .nav-link { color: #000; font-size: 14px;  padding: 15px 20px; margin: 10px 0;}
.header-start .navbar-light .navbar-nav .nav-link:hover{color: #000; background-color: #adf802;}
.header-start.darkHeader{position: fixed;top: 0px;left: 0px; width: 100%;z-index: 999999; transition: .5s all;}
.header-start.darkHeader .top-header{display: none; transition: .5s all;}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu li a.dropdown-item{font-size: 13px; padding: 10px 15px; border-bottom: 1px solid #ddd; }
.header-social span{color: #000;}
.header-social a i{ height: 35px; width: 22px; line-height: 35px ;color: #f68712; text-align: center;   }
.navbar-expand-lg .navbar-nav {
    padding-left: 9em;
}
.header-start .navbar-light .navbar-nav .nav-link.enroll-link{}
.header-start .navbar-light .navbar-nav .nav-link.enroll-link:hover{}
/*end header css*/

/*start banner css*/
.main-banner{margin-top:0;}
.main-banner .carousel-control-prev { left: -50px; top: 45%;}
.main-banner .carousel-control-next { right: -50px; top: 45%;}
.main-banner-overlay{background: rgba(0, 0, 0, .5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.main-banner .carousel-caption{z-index: 999;    position: absolute; right: 15%; bottom: 32%; left: 15%;  padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff;}
.main-banner .carousel-caption .heading{ font-size: 75px; color: #fff;  font-weight: 700; line-height: 56px;  text-shadow: 2px 2px 2px #000;}
.main-banner .carousel-caption p{ font-size: 18px; color: #fff; margin: 15px 0; text-shadow: 2px 2px 2px #000;}
/*end banner css */

.highlight{padding-top: 3em;}
.highlight-box{padding: 5em 8em; background: #fff; width: 90%; margin: 0 auto;  position: relative; border:1px solid #eee; position: relative; overflow: hidden; border-radius: 15px; z-index: 999;}
.highlight-box h1{font-weight: 600; font-size: 30px; line-height: 40px; font-family: "Raleway", sans-serif; position: relative;}
.highlight-box h1 span{color:#5BB8CC;  position: relative;}
.highlight-box .chakra{position: absolute; top: -15%; right: -5%; width: 22%;}




.highlight-box b{color:#bd0202;}
.class-text{padding-top: 10em; padding-right: 10em;}
.class-text.class-text2{padding-top: 10em; padding-right: 0em; padding-left: 10em;}
.youtube-video{width: 70%; margin: 0 auto}



.main-footer{background: #333;}
.footer-left .title{color: #fff; font-weight: 800;}
.footer-social a i{ padding-right: 0px ; color: #fff; font-size: 18px;}
.right-header a{display: inline-block; padding: 20px; color: #fff; }
.right-header {text-align: right;}
.copy-footer p{font-size: 13px; color: #fff; text-align: center; }
.copy-footer p a{font-size: 13px; color: #fff;}
.main-footer a{color: #fff;}
.inner-banner{ position: relative; background: ; background-size: cover; }
.inner-banner.luxury-inner{ position: relative; background: url(../images/luxury-inner.jpg) no-repeat center ;padding: 15em 0 10em 0;  background-size: cover; padding: 16em 0 15em 0; }

.main-title-section h1{ font-size: 70px;  text-align: center; color: #fff; font-weight: 500; margin:auto; }
    .about-me{ position: relative; }
    .about-me-text{position: absolute; width:30%; bottom:178px; left:243px;}
    .about-me-text p{ font-size: 38px; line-height: 50px; color: #000; font-weight: 500; 
      background:#EDEEFB;  padding: 60px 40px; left-content: center;}
      .about-del{ background:#EDEEFB;}
 .about-del h3{ font-size: 35px; margin-top: 32px; font-weight: 500; padding:30px 0px 30px 0px;}
 .about-del .yoga-text p{ margin: 22px 0 0; display: block;  margin-top: 20px;}
 .about-section-2 h3{font-size: 35px; margin-top: 32px; font-weight: 500; padding:30px 0px 30px 0px;  }
 .about-section-2 .yoga-text-2 ul li{ font-size: 18px; padding:10px; margin-left: 20px; }
 .private { text-align: center; background:#EDEEFB ; }
  .private h2{ font-size: 60px; font-weight: 500; color:#000; padding-bottom: 20px}
  .private p{ font-size: 18px; color:#000; padding-bottom: 20px; }
.private .btn-primary {  color: #0074E3; background: #fff;}
.home-retreat .retreats-box p{text-align: left;}

  .private-online{ background:#fff;  }


.header-social a i{ height: 30px; width: 30px; line-height: 30px; color: #fff; }
.footer-social a i{ height: 30px; width: 30px; line-height: 30px; color: #fff; }
 .fa-facebook-f{background:#1a4790; }

 .fa-twitter{background: #1c9deb }

 .fa-whatsapp{background: #0bb365;}

 .fa-linkedin-in{background: #4c6ef5;}

 .fa-instagram{background:linear-gradient( 10deg,#efa513,#9007dc); }

 .fa-pinterest-p,  .fa-youtube{background:#c62026; }

 .fa-tripadvisor{background: #00aa82;}

 { -webkit-animation: MoveUpDown 1s linear infinite; transition: .5s all;}




  .request{ background: url(../images/enq3.jpg); padding-top: 63px !important;  padding-bottom: 174px !important;
    background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;} 
 .request h2{ color:#fff; font-size: 36px; font-weight: 500; text-align: center; }
 .request p{ color:#fff; font-size:18px; text-align: center;}
 .form-req { width:50%; text-align: center; margin:auto; }
 .form-req { background: #EDEEFB; margin-top: -122px;  padding:40px; margin-bottom: 60px;}
.private-online h3{font-size: 33px; padding-bottom: 30px;  }
.private-online .accordion-item{ margin-bottom:30px; }
.form-req .form input.form-control{font-size: 15px; height: 40px; padding: 20px 20px; margin-bottom: 30px;}
.form-req textarea{height: 200px; margin-bottom: 30px; padding: 10px;} 
.form-req .btn-primary { color: #0074E3;  background: #fff;}


.contact .info-item { position: relative; padding: 20px; background: #f68712; margin:20px 20px; 
}
.contact  h3{ font-size: 32px; }
.contact .info-item .info-icon i { display: inline-block; width:25%;
    font-size: 26px; background: #006836;
    color: #fff;
    border-radius: 50%;
    background: #1076e0;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 2.2;
}
.contact .info-item .info-icon { display: inline-block; width:25%;}
.contact .info-item .info-content  { display: inline-block; width:70%;}
.contact .info-item .info-content p{ color:#fff; }
.form-group {
    margin: 15px 6px;
}
.gallery-tabs .nav-tabs{ padding: 40px;}
 .gallery-img{margin-bottom:20px;}
 .gallery-tabs .nav-tabs li{margin-right:20px;}


.info-item img{width:25%;}

 .info-item{ width:70%; margin:auto; text-align: center; margin-bottom: 30px; margin-top:30px; }
 .retreats-text h4{ text-align: center; font-size: 22px; margin-bottom: 12px; color: #273e06; }
 .retreats-text{text-align: center;}
 .description p{text-align: center;}
 .retreats-5{ margin-top:100px; }
 .days-retreats{ overflow: hidden;}
 .days-retreats img:hover {transform: scale(1.2);  }
 .days-retreats img{transition: all 0.8s linear;}
 .retreats-box{padding:30px;}


.divine-box {position: relative; z-index: 999;}
.yoga-divine{position: relative;}
.left-leaf {
    content: '';
    opacity: .8;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20%;
    height: 100%;
    background: url(../images/leaf.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.divine-box::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   
}


.whyretreats-boxx{padding: 20px; border: 1px solid #ddd; border-top: 5px solid #f68712;}
.why-retreat-img{margin: 20px 0;}
.whyretreats-boxx h4{font-size: 16px;   background: #273e06; color: #fff; padding:5px 8px; margin-bottom: 8px;}

.teacher-200 .teacher-img .cover {
    object-fit: cover;

}

.teacher-200 .teacher-img img {
    border-radius: ;
    margin: 5px auto auto;
    box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.1), -5px -5px 5px rgba(100, 100, 100, 0.1);
    transition: .3s;
    padding: 5px;
}
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 45%;
    left: -20px;
}

.owl-carousel .owl-nav i {
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #000;
}
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    right: -20px;
}
.team-position{ padding:10px; font-size: 20px; color:#000; }

.accordion-button:hover { color:#000;
}

.faq-text .accordion-item {
    border-radius: 2px;
    margin-top: 20px;
    border: none !important;
    box-shadow: 0 1px 10px rgba(77, 77, 77, 0.2);
}


  .team-img {width:120px;
    height:120px;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 0 5px 0 #d9d9d9;
    background-color:#fdf6f6;
    padding:3px; 
    border:1px solid #da5a01; margin-top: -70px;
}
.team-img img{ border-radius:50%;}
.info-name{text-align: center; padding:10px;}
.img-review{text-align: center; color: #da5a01;}
.team-text{text-align: center;}


.team-box {
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    transition: .4s;
    margin: 60px 10px 8px;
    box-shadow: 0 0 8px 0 #d3d3d3;
}
.review{text-align: center;}
.miid{  padding:20px; }
.miid p{padding: 10px 0; border-bottom: 1px dashed #ddd;}
.team-experience{ color:#da5a01; }
.teacher-img{
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    transition: .4s;
    margin: 60px 10px 8px;
    box-shadow: 0 0 8px 0 #d3d3d3;}
.accordion-button:focus {
    z-index: 3;
    border-color:none ;
    outline: 0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {background-color: #273e06; color:#fff;  }
.accordion-flush .accordion-item .accordion-button {border: 2px solid #ddd; text-transform: capitalize;}
.title-footer{ color:#adf802; margin-bottom: 15px; font-size: 22px;text-transform: capitalize; }
.footer-right b{ color:#fff; }
.footer-right p{padding: 8px 0;}
.footer-right p i{margin-right:  8px; color:#adf802 ;}
.miid p i{margin-right:  8px; color:#adf802 ;}
.footer-social{margin-top: 15px;}
.footer-social a i{height: 40px; width: 40px; line-height: 40px; text-align: center; border: 1px solid #fff; margin: 0 2px;color: ;}
.middle-header{text-align: center; padding: 1em 0 1em 0; margin-top: 3em; border-top: 1px solid #777; border-bottom: 1px solid #777; margin-bottom: 3em;}
.middle-header a {
    display: inline-block;
    padding: 20px;
    color: #fff;
}

.main-footer a.navbar-brand{width:8% !important;}
.lgoo {width:28% !important;}
.main-footer p{ color: #fff; }

.home-gallery{padding-bottom: 0px;date-retreats}
.home-gallery .owl-carousel .item{margin: -5px;}
.home-gallery .owl-carousel.owl-drag .owl-nav{display: none;}









.key-highlights .box {
    text-align: center; padding:20px; 
    background: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    left-content: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all 650ms ease-in;
    box-shadow: 1px 1px 10px rgb(220, 220, 220);
}
.box-icon{width:20%;}
.key-highlights .box p{ text-align: left;  }
.box-title {
    font-size: 16px; color:#273e06;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.75;
}
/**about**/
.about-sec ul li{ list-style: none; padding:5px; }
.about-sec ul li i{ padding-right: 5px; }
.yoga-allince {width:75%; margin: auto;}


/**form**/
.contact-info-wrap{ background: #fff; padding: 20px; border:1px solid #ddd; }
.contact-box {
    padding: 10px 30px;
    background-color: #fff;
    transition: .4s;
    height: 100%;
    margin-bottom: 30px;
}

.contact-heading2 {
    font-size: 20px;
    font-weight: 500;
    color: #009462;
    margin-bottom: 5px;
}
.contact .btn-primary{  margin:auto; }
.enroll-bored {
    border: 3px solid #009462;
    background-color: #fff;
    padding: 40px 35px;
}
#contact-form{padding: 20px; background: #fff; border: 1px solid #ddd;}

.enroll-logo {
    width: 12%;
    text-align: center;
    margin: auto;}

.enrollment-form .sub-heading {
    color: #009462;
    font-size: 22px;
}
.enrollment-form .form-control, .enrollment-form .form-select{margin-bottom: 10px; font-size: 13px;}

/**end form**/



/**7 days retreats **/

.note b{ color:red; }
.note{ padding:10px; }
.retreats-about7 p{ padding:8px; }

 strong.note {
 
    padding: 10px;
    color: #333;
    border: 1px solid #ddd;
    border-top: 5px solid #adf802;
    border-bottom: 5px solid #adf802;
    font-size: 16px;
    display: block;
    border-radius: 10px;
    margin: 30px 0;
}

.card-1 {margin-top: 30px; background-color: #fff;
    box-shadow: 0 2px 7px 0 #dcdcdc; position: relative;}
 .card-1 .col-md-8 {padding: 10px 30px;}
 .card-1 h2{ font-size: 22px; color:#273e06; padding-bottom: 10px; }
 .card-1::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: solid 2px #273e06;
    border-bottom: solid 2px #273e06;
    transition: 0.5s;
    transform: scaleX(0);
}
.card-1:hover::before{
    transform: scale(1);
}
 .card-1:hover::after{
    transform: scale(1);
}
 .card-1::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-left: solid 2px #273e06;
    border-right: solid 2px #273e06;
    transition: 0.5s;
    transform: scaleY(0);
}


.important-box{background: #fff; border: 1px solid #ddd; padding:20px;    margin-top:30px; position: relative;}
.important-box:before{content: ''; position: absolute; top: 0px;left: 0px; height: 20%; width: 20%; border-top: 3px solid #adf802; border-left: 3px solid #adf802;}
.important-box:after{content: ''; position: absolute; bottom: 0px;right: 0px; height: 20%; width: 20%; border-bottom: 3px solid #adf802; border-right: 3px solid #adf802;}
.important-box p{ text-align: left; }
.important-box h4{ padding:5px 0px; color: #006837; }
.important-img{ margin-top:30px; }
.whychoose-img img{ object-fit: cover; border-radius: 0px 0px 0px 0px;}
.whychoose-text{ padding:5px; }
.whychoose-details h4{ color:#006836; font-size: 17px; }
.choose-retreats{ padding-bottom: 10px; }
.retreat-whychoose{position: relative; }
ul.thead {background: #adf802 !important; color:#000;}

.whychoose-subimg img{ object-fit: cover; border-radius: 0px 20px 20px 20px; }
.whychoose-details{padding: 2em; }
.whydetails-box{ 
    position: relative;
    margin-bottom: 20px;
    
} 
.why-rishikesh-retreat{background: #273e06; margin-top: 10em;}
.important-box {
    overflow: hidden;
    transition: .2s all;
} 
.whychoose-img{margin-top: -8em;}
.whydetails-box{padding: 20x;}
.whydetails-box h4{color: #adf802; margin-bottom: 10px; font-size: 22px;}
.whydetails-box p{color: #fff; text-align: left;}
.why-rishikesh-retreat2{ background:#adf802 ; }
.why-rishikesh-retreat2 .whydetails-box h4{color: #273e06; margin-bottom: 10px; font-size: 22px;}
.why-rishikesh-retreat2 .whydetails-box p{color: #000; text-align: left;}

.important-box:hover{transform: scale(1.05);}  


.course-schedule {border: 2px solid #273e06; padding: 0 10px 0 0;
 display: flex; left-content: left; background-color: #fff;
 overflow: hidden; margin-bottom: 10px}

 .course-schedule .schedule-time {
    position: relative; z-index: 9; background-color: #273e06;
    color: #fff; font-weight: 500;  width: 30%; display: flex;
   align-items: center; padding: 6px 15px; font-size: 14px;
    margin-right: 5%;}

.schedule-time:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 100%;
    background-color: #273e06;
    right: -10px;
    top: 0;
   
    transform: skewX(-25deg);
    z-index: -1;
}

.schedule-task { width: 70%; display: flex;
    left-content: left; -webkit-box-align: center; align-items: center;
}

.date-retreats ul{
    padding: 0px; 
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
    margin: 0px;
}

.date-retreats ul li {
    display: inline-block;
    width: 19%;
    font-weight: 600;
    padding: 8px 5px;
    margin: 0px;
    vertical-align: middle;
    font-size: 13px;
}
.date-retreats.ttc-date-table ul li {
    display: inline-block;
    width: 23%;
    font-weight: 600;
    padding: 8px 5px;
    margin: 0px;
    vertical-align: middle;
    font-size: 13px;
}
.date-retreats ul li strong{display: none;}
.schedule-course img{ max-height: 490px;
    object-fit: cover; }


.excursion-page .text-space{  margin-top:30px; }
.excursion-page p{margin-top:10px;}
.what-include h5{ color:#009462; font-size: 18px;}
.what-not-include h5{color:#dc3545 !important; font-size: 18px;}
.what-include ul li i{ color:#009462; }
.what-not-include ul li i{ color:#dc3545; }
.include ul li{ list-style: none; padding:5px; }
.include ul li i{ padding-right: 5px; }


 .what-include{ box-shadow: 0 0 8px 0 #d3d3d3;    padding: 20px;    background: #fff;    border-left: 5px solid #009462; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.what-not-include{box-shadow: 0 0 8px 0 #d3d3d3; padding: 20px;    background: #fff;    border-left: 5px solid #dc3545 ; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
/**end **/


/**about**/
.whyretreats-box{text-align: left;
  
    padding: 20px;
    box-shadow: 1px 1px 10px rgb(220, 220, 220);}
    .why-heading{ color:#01853a;  padding:10px 0px;}
    .pt-why{margin-bottom: 10px;}
.box-img img{ height:; object-fit: cover; }
.why-retreat-part .col-md-5{padding: 0px;}
/**end**/


/*-------------------------------------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;} .gallery-img img{transition: .5s all; height: 100%;} .gallery-img:hover img{ transform: scale(1.05); }

/*=======================================end image gallery lightbox css================================================*/
.gallery-page .col-md-4{padding: 3px;}



.vision-box{background: #fff; padding: 10px; border: 1px solid #ddd; border-bottom: 5px solid #273e06; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
.vision-text{padding: 20px;}
.vision-text h2.title{font-size: 26px;}
.about-page-text ul li{list-style: none; padding: 12px ; border-bottom: 1px dashed #ddd;}
.about-page-text ul li i{color:#273e06 ;}
.about-whatsapp a{display: block ; width: 100%; border: 1px solid #ddd; margin-top: 12px;}
.about-whatsapp a span{display: inline-block; height: 50px; width: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 30px; background: #01853a; vertical-align: middle; margin-right: 8px;}
.about-whatsapp a strong{vertical-align: middle; font: 20px;}
.about-insta a span{background: red;}


.teacher-page-start{background: #fff; border: 1px solid #ddd; margin-bottom: 20px;}
.teacher-page-start .teacher-page-text{padding: 2em;}
.teacher-page-start .teacher-page-text h2{color: #fff; padding: 10px; background: #273e06; margin-bottom: 10px;}
.teacher-page-start .teacher-page-text strong{display: block ; margin-bottom: 15px;}





.retreat-page-form-sec{}
.retreat-page-form{background: #273e06; padding: 20px; border: 1px solid #ddd;}
.retreat-page-form h3{color: #fff;}
.retreat-page-form input.btn{background: #adf802; color: #000;}


.quick-enquiry-form {
    background-color: #F5F5F5;
    border: dotted 1px #269595;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.section-intro100hour .quick-enquiry-form {
    background: #ffffff;
}

.quick-enquiry-form strong {
    padding: 12px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background: #cc7a00;
    text-transform: uppercase;
}
.quick-enquiry-form form {
    padding: 15px;
}

.quick-enquiry-form form .form-control {
    border-radius: 0px;
    margin-bottom: 8px;
    background: #fff;
    height: 45px;
}
.just{text-align: justify; margin-bottom: 10px;}

.course-objectives-box {
    box-shadow: none;
    padding: 3em;
    border-radius: 0px;
    text-align: justify-all;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 8px 0 #d3d3d3;
}

.course-objectives1 ul li {
    list-style: none;
    padding: 5px 0;
}
.course-objectives1 ul li i {
    color: #ed8e00;
    margin-right: 5px;
}

.curriculum-box-text {
    box-shadow: none;
    padding: 3em;
    border-radius: 0px;
    text-align: justify-all;
    background: #ffffff;
    border: 1px solid #ddd;
     box-shadow: 0 0 8px 0 #d3d3d3;
}
.heading-start {
    text-align: left;
    color: #ed8e00;
    padding: 0.6em 0em;
    font-size: 22px;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.2;
}   
.collapsebtn {
    color: #fff;
    text-align: center;
    border: 1px #444 solid;
    padding: 12px;
    background: #444;
    width: 100%;
    font-size: 16px;
    text-transform:capitalize ;
    font-weight: 400;
}
p.collapsep {
    margin-bottom: 8px;
}
.curriculum-box .card-body ul li {
    list-style: none;
    padding: 5px 0;
}
.curriculum-box .card-body ul li i {
    color: #ed8e00;
    margin-right: 5px;
}

.daily-schedule-content {
    box-shadow: none;
    padding: 3em;
    border-radius: 0px;
    text-align: justify-all;
    background: #ffffff;
    border: 1px solid #ddd;
     box-shadow: 0 0 8px 0 #d3d3d3;
}
.daily-schedule-content table thead th {
    color: #fff;
    background: #CC7A00;
    border-right: 1.5px solid #D5D8DC;
}
.certification-text {
    background: #fff;
    box-shadow: none;
    padding: 3em;
    border-radius: 0px;
    border: 1px solid #ddd;
    box-shadow: 0 0 8px 0 #d3d3d3;
}

.how-to-apply .how-to-apply-box {
    box-shadow: none;
    padding: 3em;
    border-radius: 0px;
    text-align: justify-all;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 8px 0 #d3d3d3;
}

.how-to-apply table {
    margin-top: 1em;
    border: 1.5px solid #D5D8DC;
}
.how-to-apply table thead th {
    color: #fff;
    background: #CC7A00;
    border-right: 1.5px solid #D5D8DC;
}
.how-to-apply table td {
    border-right: 1.5px solid #D5D8DC;
}

.investment-box {
    box-shadow: none;
    padding: 3em;
    border-radius: 0px;
    text-align: justify-all;
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 8px 0 #d3d3d3;
}


.investment-box ul li {
    list-style: none;
    padding: 5px 0;
}
.investment-box ul li i {
    color: #ed8e00;
    margin-right: 5px;
}

.highlight-courses-box {
    background: #fff;
    box-shadow: 0 10px 15px rgb(25 25 25 / 10%);
    transition: .5s;
    height: 100%;
    margin-top: 30px;
}
.highlight-courses-text {
    padding: 10px;
    text-align: center;
}
.courses-heading {
    color: #CC7A00;
    font-size: 20px;
    padding: 4px 0px;
}
.highlight-courses-text h3 a {
    color: #CC7A00;
    font-size: 20px;
}
.highlight-courses-text p {
    text-align: justify;
}
.highlight-courses-text b {
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
}
.highlight-courses-box a {
    display: block;
}
.yogdham-highlight-courses .span-text {
    color: #CC7A00;
    display: block;
    margin-top: 12px;
}


.modal-offer {
    background: #77a70d;
    padding: 20px;
}
.modal-body {
    padding: 0px;
}
.modal-offer .btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    height: 35px;
    width: 35px;
    background: #000;
    color: #fff;
    padding: 0px;
    text-align: center;
    line-height: 35px;
    opacity: 1;
    border-radius: 100%;
}
.modal-offer p {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #000;
}
.modal-offer strong {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.modal-offer p {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    color: #000;
}
.modal-offer b {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
    display: block;
}
.modal-offer ul {
    padding: 0px;
}
.modal-offer ul li {
    list-style: none;
    padding: 5px 0;
    color: #fff;
}
.modal-offer ul li span {
    color: #000;
    font-weight: 500;
    font-size: 18px;
}
.modal-offer small {
    font-size: 14px;
    color: #000;
}
.modal-form {
    background: url(../images/modal-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 30px;
    height: 100%;
}
.modal-form form .form-control {
    margin-bottom: 10px;
    border-radius: 0px;
}

.bank-details{ background: #fff; padding: 20px; box-shadow: 0 10px 15px rgb(25 25 25 / 10%); }
.bank-details p{padding: 5px ; list-style: none; text-align: left;}

    .fix-whatsapp {
        position: fixed;
        bottom: 3px;
        left: 22px;
        z-index: 999999;
    }













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



    
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1024px) { 
.right-header a { display: inline-block; padding: 14px; color: #fff;}
.about-me-text p{ font-size: 28px; padding: 40px 20px;}
.about-me-text { position: absolute; width: 36%; bottom: 139px; left: 124px;}
.private-online .col-md-6{width:100%;  }
.private-online .col-md-6 h3{ margin-top:30px; }
.form-req { width: 70%;}
}


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

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.copy-footer p {text-align: center;}
.main-footer .col-md-4{ width:100%; }
.main-footer .col-md-8{ width:100%; }
.main-footer .footer-left{ text-align: center; }
.main-footer .right-header{ text-align: center; }
.main-footer .footer-social{ padding-bottom: 30px; }
.highlight-box p { font-weight: 300;  font-size: 16px;}
.highlight-box {padding: 3em 1em; width: 100%;}
.about .col-md-5{ width:100%; }
.about .col-md-7{ width:100%; }
.about-text{ margin-top:240px; }
.classes .col-md-6{ width:100%; }
.navbar-light .navbar-toggler { border-color: #fff; color:#fff; margin-top:20px;}
.header-start .navbar-light .navbar-nav .nav-link { color: #000;}
.navbar-collapse {background: #fff;}
.about-me-text p { font-size: 20px; padding: 20px 10px;}
.about-me-text {  position: absolute;  width: 39%;  bottom: 139px;  left: 85px;}
.title {font-size: 32px;}
.about-del .col-md-6{ width:100%; }
.about-section-2 .col-md-6{ width:100%; }
.gallery-tabs .nav-tabs li { margin-right: 7px;}
.private-online .col-md-6{width:100%;  }
.private-online .col-md-6 h3{ margin-top:30px; }
.contact .col-md-6{ width: 100%;  }
.date-retreats ul li strong{display: block; font-size: 16px; color: #273e06;margin-bottom: 10px;}
ul.thead {
    background: #adf802 !important;
    color: #000;
    display: none;
}
.date-retreats ul {
    padding: 0px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff;
    margin: 0px;
    border-top: 5px solid #adf802;
    margin-bottom: 20px;
}
.date-retreats ul li{display: block; border-bottom: 1px dashed #ddd; width: 100%; font-size: 14px;}
.navbar-brand {
    width: 9%;
    position: static;
    padding: 5px;
    border: none;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.navbar-light .navbar-toggler {
    border-color: #273e06;
    color: #273e06;
    margin-top: 20px;
    margin: 0px;
}
.navbar-expand-lg .navbar-nav {
    padding-left: 0px;
}
.header-start .navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    padding: 11px 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
}
.header-social{padding: 15px 0;}
.retreats-about7 .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.retreats-about7 .col-md-8{width: 100%; max-width: 100%; flex: 100%; margin-top: 10px;}
.importance-7days .col-md-4{width: 50%; max-width: 50%; flex: 50%;}
.why-rishikesh-retreat .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.why-rishikesh-retreat2 .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.whychoose-img {
    margin-top: 2em;
}
.why-rishikesh-retreat {
    background: #273e06;
    margin-top: 1em;
}
.retreat-activites .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.retreat-activites .col-md-8{width: 100%; max-width: 100%; flex: 100%;}
.schedule-course .col-md-5{width: 100%; max-width: 100%; flex: 100%;}
.schedule-course img {
    max-height: auto;
    object-fit: cover;
}
.home-about .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.home-about-text {margin-top: 20px;}
.home-retreat .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.retreats-5 {
    margin-top: 0px;
}
.key-highlights .col-md-4{width: 50%; max-width: 50%; flex: 50%;}
.why-retreat-part .col-md-3{width: 50%; max-width: 50%; flex: 50%;}
.miid {
    padding: 0px;
    margin: 30px 0;
}
.just{text-align: justify;}
.retreat-activites p {
    text-align: left;
}
.why-rishikesh-retreat2 .whydetails-box p {
    color: #000;
    text-align: left;
}
.whydetails-box p {
    color: #fff;
    text-align: left;
}
.important-box p {
    text-align: left;
}
.home-retreat .retreats-box p {
    text-align: left;
}
.lgoo {
    margin: 0 auto;
}
.key-highlights .box p {
    text-align: left;
}
.retreat-page-form-sec .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.retreat-page-form{margin-top: 30px;}
}





@media (max-width: 667px) { 
.navbar-brand { width: 14%;}
.contact h3 {font-size: 32px; margin-top: 30px;}
.youtube-video { width: 100%;}

}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.highlight-box {margin-top: -5em}
.about-me-text {
    position: absolute;
    width: 52%;
    bottom: 269px;
    left: 44px;
}
.container{padding: 0 15px;}
.course-schedule .schedule-time {
    position: relative;
    z-index: 9;
    background-color: #273e06;
    color: #fff;
    font-weight: 500;
    width: 44%;
    display: flex;
    align-items: center;
    padding: 6px 15px;
    font-size: 13px;
    margin-right: 5%;
}
.course-schedule {
    font-size: 14px;
}
.importance-7days .col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.title {
    font-size: 21px;
    line-height: 26px;
}
.section {
    padding: 3em 0;
}
strong.note {
    font-size: 15px;

    margin: 30px 0 0 0;
}
.retreat-activites p{text-align: left;}
.course-schedule { display: block;}
.course-schedule .schedule-time{display: block;width: 100%; text-align: center;}
.course-schedule .schedule-task{display: block;width: 100%; text-align: center;}
.accordion-flush .accordion-item .accordion-button {
    border: 2px solid #ddd;
    text-transform: capitalize;
    font-size: 14px;
}
.team-box {
    border: 1px solid #d3d3d3;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    transition: .4s;
    margin: 0px 10px 8px;
    box-shadow: 0 0 8px 0 #d3d3d3;
}
.middle-header a {
    display: inline-block;
    padding: 5px;
    color: #fff;
    font-size: 13px;
}
.miid {
    padding: 20px 0;
}
.what-not-include {
    box-shadow: 0 0 8px 0 #d3d3d3;
    padding: 20px;
    background: #fff;
    border-left: 5px solid #dc3545;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 20px;
}
.highlight-box {
    margin-top: 0;
}
.highlight-box .chakra {
    position: absolute;
    top: -9%;
    right: -12%;
    width: 33%;
}
.key-highlights .col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.why-retreat-part .col-md-3 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}

.why-retreat-part .col-md-4 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.key-highlights .box p {
    text-align: center;
}
.teacher-page-text p.just{}
.teacher-img {
    margin: 10px px 0px 0;
}
}

@media (max-width: 480px) { 
 .navbar-light .navbar-toggler { margin-left: 20px;}
 .contact .col-md-6{ padding:30px; }
 .highlight-box {
    padding: 1em 1em;
    width: 100%;
}
.course-objectives-box {
    padding: 2em;
}
.curriculum-box-text {
    padding: 2em;
}
.collapsebtn{height: auto;}
.date-retreats.ttc-date-table ul li{display: block; width: 100%;}
.how-to-apply .how-to-apply-box, .certification-text, .investment-box {
    padding: 2em;
}
}


@media (max-width: 400px) { 
.highlight-box {
    padding: 1em 1em;
    width: 84%;
}
.highlight-box p {
    font-weight: 300;
    font-size: 15px;
}
.highlight-box p { font-size: 15px;}
.highlight-box {
    padding: 1em 1em;
    width: 100%;
}
}



/* ==== Retreat Card Section Styles (Added on 31-08-2025) ==== */
/* Container */
.retreat-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 20px auto;
  max-width: 1200px;
}

/* Card Style */
.retreat-card {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  flex: 1 1 calc(33% - 20px);
  min-width: 280px;
  padding: 20px;
  position: relative;
  text-align: center;
  border-radius: 0; /* sharp corners */
}

/* Highlight card */
.retreat-card.highlight {
  border: 2px solid #2f8f2f;
}

/* Headings and text */
.retreat-card h3 {
  font-size: 1.5rem;
  margin: 10px 0;
  color: #2f8f2f;
}
.retreat-card .subtitle {
  font-size: 14px;
  color: #666;
}
.price {
  font-size: 24px;
  color: #2f8f2f;
  margin: 10px 0;
}
.old-price {
  text-decoration: line-through;
  font-size: 16px;
  color: #999;
  margin-left: 5px;
}
.save {
  color: #ff7f50;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

/* Features list */
.features {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 15px 0;
}
.features li {
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
}
.features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #2f8f2f;
}

/* WhatsApp Button */
.whatsapp-btn {
  display: inline-block;
  background: #2f8f2f;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  border: none;
  transition: background 0.3s;
}
.whatsapp-btn:hover {
  background: #256f25;
}

/* Responsive */
@media (max-width: 768px) {
  .retreat-card {
    flex: 1 1 100%;
  }
}
/* ==== End Retreat Card Section ==== */


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">


/* Hover effect for all cards */
.retreat-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.retreat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
  border: 2px solid #2f8f2f;
}


/* Pricing Section */
.pricing-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 30px auto;
  max-width: 1000px;
}

/* Price Card */
.price-card {
  background: #fff;
  border: 1px solid #2f8f2f;
  padding: 20px;
  width: 300px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-radius: 12px; /* Slightly rounded corners */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.price-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* Header */
.card-header {
  background: #f0fdf0;
  color: #2f8f2f;
  font-weight: bold;
  font-size: 14px;
  padding: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #2f8f2f;
  border-radius: 12px 12px 0 0; /* Top corners rounded */
}

/* Title */
.price-card h3 {
  color: #2f8f2f;
  font-size: 18px;
  margin-bottom: 10px;
}

/* Price details */
.price-details p {
  margin: 5px 0;
  font-size: 16px;
}

/* Booking text */
.booking {
  font-size: 14px;
  color: #2f8f2f;
  font-weight: bold;
  margin: 15px 0;
}

/* WhatsApp Button */
.whatsapp-btn {
  display: inline-block;
  background: #2f8f2f;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #2f8f2f;
  border-radius: 8px; /* Button rounded */
  transition: all 0.3s ease;
}

.whatsapp-btn:hover {
  background: #fff;
  color: #2f8f2f;
  border: 2px solid #2f8f2f;
}

/* Responsive */
@media (max-width: 768px) {
  .price-card {
    width: 100%;
  }
}

/* Pricing Section */
.pricing-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 30px auto;
  max-width: 1000px;
}

/* Price Card */
.price-card {
  background: #fff;
  border: 1px solid #2f8f2f;
  padding: 20px;
  width: 320px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.price-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* Header Section */
.card-header {
  background: #f0fdf0;
  color: #2f8f2f;
  font-weight: bold;
  font-size: 16px;
  padding: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #2f8f2f;
  border-radius: 12px 12px 0 0;
}

.card-header i {
  margin-right: 5px;
  font-size: 14px;
}

.card-header .divider {
  margin: 0 10px;
  color: #aaa;
}

/* Title */
.price-card h3 {
  color: #2f8f2f;
  font-size: 20px;
  margin-bottom: 10px;
}

/* Price details */
.price-details p {
  margin: 5px 0;
  font-size: 16px;
}

/* Booking text */
.booking {
  font-size: 14px;
  color: #2f8f2f;
  font-weight: bold;
  margin: 15px 0;
}

/* WhatsApp Button */
.whatsapp-btn {
  display: inline-block;
  background: #2f8f2f;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #2f8f2f;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.whatsapp-btn:hover {
  background: #fff;
  color: #2f8f2f;
  border: 2px solid #2f8f2f;
}

/* Responsive */
@media (max-width: 768px) {
  .price-card {
    width: 100%;
  }
}


:root {
  --primary: #198754;
  --primary-dark: #146c43;
  --bg: #f9fff9;
  --text-dark: #1f2937;
  --text-muted: #6c757d;
  --border: #dce8de;
  --shadow: 0 8px 20px rgba(25, 135, 84, 0.08);
}

.ttc-section {
  background: var(--bg);
  padding: 40px 15px;
  font-family: 'Inter', sans-serif;
}

.ttc-grid {
  display: grid;
  gap: 20px;
  max-width: 1200px;
  margin: auto;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .ttc-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .ttc-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ttc-card {
  position: relative;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 20px;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ttc-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(25, 135, 84, 0.12);
}

/* Top ribbon */
.ribbon {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 2px solid var(--primary);
  color: var(--primary-dark);
  font-weight: 600;
  padding: 5px 12px;
  font-size: 13px;
  border-radius: 30px;
}

/* Meta info */
.meta {
  text-align: center;
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 10px;
}

.level-pill {
  text-align: center;
  background: #e8f6ee;
  color: var(--primary-dark);
  font-weight: 600;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 30px;
  display: inline-block;
  margin: auto;
}

/* Title */
.course-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  margin: 15px 0 5px;
  color: var(--text-dark);
}

.course-sub {
  text-align: center;
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 15px;
}

/* Price */
.price-row {
  text-align: center;
  margin-bottom: 5px;
}

.price {
  font-size: 28px;
  font-weight: 700;
  color: var(--primary-dark);
}

.old-price {
  font-size: 16px;
  color: #aaa;
  text-decoration: line-through;
  margin-left: 8px;
}

.save {
  text-align: center;
  font-size: 13px;
  color: var(--primary);
  font-weight: 600;
  margin-bottom: 15px;
}

/* Features */
.features {
  flex-grow: 1;
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.features li {
  font-size: 14px;
  color: var(--text-dark);
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.features li::before {
  content: "✔";
  color: var(--primary);
  font-weight: bold;
  margin-right: 8px;
}

/* Button */
.cta {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: #fff;
  padding: 12px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.3s ease;
}

.cta:hover {
 background-color: white;
  color: #28a745;
  border: 2px solid #28a745;
}

.section-header {
  text-align: center;
  margin-bottom: 40px;
}

.section-badge {
  display: inline-block;
  background-color: #e8f5e9;
color: #2e7d32;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.section-title {
  font-size: 36px;
  font-weight: bold;
  margin: 10px 0;
  color: #222;
}

.section-subtitle {
  font-size: 16px;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.5;
}

/* Common Section Header */
.section-header {
  text-align: center;
  margin-bottom: 40px;
}

/* Badge Design */
.section-badge {
  display: inline-block;
  background-color: #e8f5e9; /* हल्का ग्रीन */
  color: #2e7d32; /* ग्रीन टेक्स्ट */
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  margin-bottom: 10px;
}

/* Title Styling */
.section-title {
  font-size: 36px;
  font-weight: bold;
  margin: 10px 0;
  color: #222;
}

/* Subtitle Styling */
.section-subtitle {
  font-size: 16px;
  color: #555;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.5;
}

/* Yoga Retreat specific color */
.retreat-header .section-badge {
  background-color: #e3f2fd; /* हल्का ब्लू बैकग्राउंड */
  color: #1565c0; /* डार्क ब्लू टेक्स्ट */
}


.booking-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px;
  text-align: center;
}

.booking-section h2 {
  display: inline-block;
  width: 50%;
  font-size: 22px;
  margin-bottom: 20px;
}

.booking-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.retreat-card {
  flex: 1;
  min-width: 320px;
  max-width: 500px;
  border: 2px solid #28a745;
  border-radius: 12px;
  padding: 25px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  text-align: center; /* ✅ Centered text */
}

.retreat-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  font-size: 14px;
  color: #555;
}

.level-badge {
  background: #28a745;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto 10px; /* ✅ Centered */
  display: inline-block;
}

.title {
  font-size: 26px;
  margin: 5px 0;
  font-weight: 700;
  color: #222;
}

.subtitle {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}

.price {
  font-size: 22px;
  font-weight: bold;
  color: #28a745;
}

.old-price {
  text-decoration: line-through;
  color: #999;
  font-size: 16px;
  margin-left: 8px;
}

.save {
  color: #ff7f50;
  font-weight: 600;
  margin: 10px 0 20px;
}

.features {
  list-style: none;
  padding-left: 0;
  margin-bottom: 25px;
  text-align: left;
}

.features li {
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
  position: relative;
  padding-left: 22px;
}

.features li::before {
  content: "✔";
  color: #28a745;
  position: absolute;
  left: 0;
}

.cta {
  display: inline-block;
  background: #28a745;
  color: #fff;
  text-decoration: none;
  padding: 12px 25px;
  border-radius: 8px;
  font-weight: bold;
  transition: 0.3s;
  margin: 0 auto; /* ✅ Center button */
}

.cta:hover {
  background: #218838;
}

/* ✅ Mobile Responsive */
@media (max-width: 768px) {
  .booking-section h2 {
    display: block;
    width: 100%;
  }
  .booking-container {
    flex-direction: column;
    align-items: center;
  }
  .retreat-card {
    max-width: 100%;
  }
}

.retreat-pricing {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px;
  text-align: center;
}

.pricing-heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #222;
  text-align: center;
  border-bottom: 2px solid #28a745;
  display: inline-block;
  padding-bottom: 5px;
}

.pricing-container {
  display: flex;
  gap: 25px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}

.pricing-card {
  flex: 1;
  min-width: 340px;
  max-width: 450px;
  border: 2px solid #28a745;
  border-radius: 12px;
  padding: 30px 25px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  text-align: center;
}

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

.duration {
  font-size: 16px;
  font-weight: 600;
  color: #28a745;
  margin-bottom: 6px; /* ✅ stacked look */
}

.capacity {
  font-size: 15px;
  font-weight: 500;
  color: #444;
}

.title {
  font-size: 22px;
  font-weight: 700;
  margin: 15px 0;
  color: #222;
}

.room-option {
  font-size: 18px;
  margin: 10px 0;
  color: #111;
}

.room-option strong {
  color: #000;
  font-weight: 700;
}

.save {
  font-size: 16px;
  color: #cbf121;
  font-weight: bold;
  margin: 20px 0;
}

.save span {
  font-size: 18px;
  color: #28a745;
}

.cta {
  display: inline-block;
  background: #28a745;
  color: #fff;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 8px;
  font-weight: bold;
  transition: 0.3s;
}

.cta:hover {
  background: #218838;
}

/* ✅ Mobile Responsive */
@media (max-width: 768px) {
  .pricing-container {
    flex-direction: column;
    align-items: center;
  }
  .pricing-card {
    max-width: 100%;
  }
}


.pay-btn, 
.cta {
  display: inline-block;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}

/* Pay Now Button */
.pay-btn {
  background: #ff7f50;
  color: #fff;
}

.pay-btn:hover {
  background: #fff;
  color: #ff7f50;
  border: 2px solid #ff7f50;
}

/* WhatsApp Button */
.cta {
  background: #25d366;
  color: #fff;
}

.cta:hover {
  background: #fff;
  color: #25d366;
  border: 2px solid #25d366;
}

.pay-btn:hover {
  background:#fff;
  color:#ff7f50;
  border:2px solid #ff7f50;
}

.cta:hover {
  background:#fff;
  color:#25d366;
  border:2px solid #25d366;
}


/* Grid container */
.ttc-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;              /* space between cards */
  flex-wrap: wrap;        /* wrap on smaller screens */
  margin: 30px auto;
  max-width: 1200px;
}

/* Each card */
.retreat-card {
  flex: 1 1 45%;          /* each card ~45% width */
  max-width: 500px;
  min-width: 320px;
  background: #fff;
  border: 2px solid #28a745;
  border-radius: 12px;
  padding: 25px;
  text-align: left;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.cta {
  display: inline-block;
  margin-top: 15px;
  background: #25d366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cta:hover {
  background: #fff;
  color: #25d366;
  border: 2px solid #25d366;
}

/* Ensure everything inside the card is centered */
.retreat-card {
  text-align: center; /* center headings, text, buttons */
}

/* Meta info (Days, Students) */
.retreat-card .meta {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}

/* Level pill (Advanced to Master) */
.retreat-card .level-pill {
  display: inline-block;
  margin: 10px auto;
  padding: 4px 10px;
  background: #28a745;
  color: #fff;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}


.retreat-card .features li {
  margin: 8px 0;
  font-size: 15px;
  display: block;
}

/* WhatsApp Button */
.retreat-card .cta {
  display: inline-block;
  margin: 20px auto 0 auto;
  background: #25d366;
  color: #fff;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
}

.retreat-card .cta:hover {
  background: #fff;
  color: #25d366;
  border: 2px solid #25d366;
}

/* Grid Layout Fix */
.ttc-section .ttc-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

/* Each card width for desktop */
.ttc-section .retreat-card {
  flex: 1 1 calc(25% - 20px);  /* 4 cards per row */
  min-width: 250px;           /* prevents too small */
  max-width: 300px;           /* keeps consistent size */
}

/* Tablet (2 per row) */
@media (max-width: 1024px) {
  .ttc-section .retreat-card {
    flex: 1 1 calc(50% - 20px);
  }
}

/* Mobile (1 per row) */
@media (max-width: 600px) {
  .ttc-section .retreat-card {
    flex: 1 1 100%;
  }
}