 body{
        font-family:Barlow;
    }
.first-color{
     color:#7aaa2c; 
}
.first-color-bg{
     background-color:#7aaa2c; 
}
.second-color{
     color:#E77C1E; 
}
.second-color-bg{
     background-color:#E77C1E; 
}
.sticky{
    position: -webkit-sticky;
    position: sticky !important;
    top: 120px;
}
        .navbar{
  background-color: white;

}


  button[aria-expanded="true"] > span.fa-bars {
    display: none;
  }

  button[aria-expanded="false"] > span.fa-close {
    display: none;
  }

.navbar-nav .nav-link, .navbar-nav .nav-item .nav-link {
  color: #7aaa2c;
  font-weight: 600;
  font-size:18px;
}
 .navbar-nav .nav-link:hover ,.navbar-default.scrolled .nav-link:hover {
  color:#7aaa2c;
}

.b2{
  padding:0px;
  padding-top:0px;
  object-fit:cover;
  background-repeat: no-repeat;
   height:400px;
  
}
.caption{
    margin-top:-420px !important;
}
.carousel-item2 img{
  height:500px;
  object-fit:cover;
  background-repeat: no-repeat;
  border-radius:50px;
}
.carousel-item1 img{
  height:400px;
  object-fit:cover;
  background-repeat: no-repeat;
}
.back{
     background-image: url("../img/modi_retreat_room.jpeg");
  background-color: #cccccc;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 font-weight:700;
}
.ban1{
    height:100%;
     padding:40px;
     font-size:20px;
   background-color:rgba(0, 0, 0, 0.20);
    }
.ban1 ul{
    padding-left:30px;
}
@media all and (max-width: 992px) {
    .carousel-item2 img{
  height:250px;
}
.caption{
    margin-top:-20px !important;
}
    .b2{
   height:150px;
  
}
.carousel-item1 img{
  height:190px;
  object-fit:fill;
}
.back{
  height: 450px;
}
.ban1{
      padding:10px;
    }
}

footer, .footer a{
  background-color: #e5e3e3;  
  color: black;
  text-decoration: none;
  font-weight:bold;
}
footer .first-color{
     font-weight:bold;
}
footer .fab {
  padding:10px;
  text-align: center;
  text-decoration: none;
  margin: 5px 1px;
  border-radius: 5px;
}
footer .fa-facebook-f{
    background-color:#1094F4;
  color:white;
}
footer .fa-instagram{
    background-color:red;
  color:white;
}
footer .fab:hover {
    opacity: 0.2;
}
.card-image{
    height:200px;
}
.text-justify{
   text-align: justify;
}
.treatment{
    width:100%;
    height:250px;
    border-radius:120px;
}
.modal-lg  {
  width:1200px !important;
}
@media all and (max-width: 992px) {
 .modal-lg  {
  width:100% !important;
}
}
.btn-1{
    border-radius:20px;
}

.img1{
    float:left;
    height:100px;
    width:130px;
    margin-left:100px;
}

.b1{
	background-image:url("../treat/ayur.jpg");
font-weight:700;
	height:560px;
	width:100%;
	overflow:hidden;
  background-repeat: no-repeat;
 background-size: 100% 100%;
 object-fit:cover;
	color:black;
	}
.ban{
    height:100%;
   background-color:rgba(0, 0, 0, 0.20);
    }
 .heading1{
     	padding-top:200px;
    font-size:70px;
    text-shadow: 3px 3px 6px black;
}

 .heading {
    font-size:30px;
    text-shadow: 3px 3px 6px black;
}
@media screen and (max-width:990px) {
	.b1{
	height:390px;
}

 .heading1{
    font-size:50px;
    padding-top:80px;
}
 .heading {
    font-size:30px;
}
}
.about{
    margin:10px;
   padding:20px;
    background-color:rgba(249, 245, 241, 0.83);
}
@media screen and (max-width:600px) {
	.b1{
	height:600px;
    }
     .heading1{
        font-size:22px;
        padding-top:50px;
    }
     .heading {
        font-size:15px;
        
    }
    .about{
        margin:5px;
       padding:0px;
    }
    .back{
      height: 750px;
    }

}
.b4{
     width:100%;
    height:250px;
    border-radius:20px;
}
.profile_img{
    border-radius:50%;
    height:250px;
    width:250px;
    text-align:center;
}
.line{
    border-top: 2px solid #fc7500;
}
.slider {
        width: 100%;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }

p, .text-justify{
    text-align:justify;
}
.top a,.top a:hover{
    text-decoration:none;
    color:white;
}
.top .phone{
    margin-left:10px;
}
@media screen and (max-width:600px) {
.top .phone{
    margin-left:0px;
}
}
.b5{
	background-image:url("../img/yoga_training_banner.jpg");
font-weight:700;
	height:630px;
	width:100%;
	overflow:hidden;
  background-repeat: no-repeat;
 background-size: 100% 100%;
 object-fit:cover;
 	padding-top:200px;
	color:black;
	}
@media screen and (max-width:600px) {
	.b5{
	height:300px;
	 padding-top:80px;
}
}
.b3{
	background-image:url("../img/ayurveda-banner.jpg");
font-weight:700;
	height:500px;
	width:100%;
	overflow:hidden;
  background-repeat: no-repeat;
 background-size: 100% 100%;
 object-fit:cover;
	color:black;
	}
@media screen and (max-width:600px) {
	.b3{
	height:300px;
}
}