.sub-banner2{
    background-image: url("../images/rooms/banner-img1.webp");
}
.sub-banner3{
    background-image: url("../images/temple/ashram-banner2.webp");
}
.sub-banner4{
  background-image: url("../images/about/privacy-banner.webp");
}
.sub-banner5{
  background-image: url("../images/about/t&c-banner-img.webp");
}
.rooms{
    background-color: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* temple page start */
.temple{
    background-color: #fff;
}
.temple .room-head h4{
    color: #7e1716;
    font-size: 24px;
   
}
.temple .room-head {
    padding: 5px 20px 0 26px !important;
}
 #gallery h4{
    color: #7e1716;
    font-size: 24px;
    padding: 5px 28px 0 28px;
    margin-bottom: 0;
}
/* temple page end*/
.rooms .col-md-5{
    padding: 0;
}
.room1 .room-details{
    padding: 0 0 0 18px;
}
.room1 .room-head{
  padding: 40px 28px 0 28px;
}
.room-head h4{
  color: #282828;
  font-size: 22px;

}

.room-head p{
    text-align: justify;
    line-height: 26px;
}

 .room-sec .mt-top{
    margin-top: 4rem;
} 

.room2 .room-head {
  padding: 40px 20px 0 56px;
}

/*********** gallery css start  **********/
  
.img-wrapper {
    position: relative;
    margin-top: 15px;
    cursor: pointer;
  }
  .img-wrapper img {
    width: 100%;
  }
  
  .img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
  }
  .img-overlay i {
    color: #fff;
    font-size: 2.2em;
  }
  
  #overlay {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 3%;
  }
  @media screen and (min-width: 768px) {
    #overlay img {
      width: 60%;
    }
  }
  @media screen and (min-width: 1200px) {
    #overlay img {
      width: 50%;
    }
  }
  
  #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #nextButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #nextButton {
      font-size: 2em;
    }
  }
  
  #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #prevButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #prevButton {
      font-size: 2em;
    }
  }
  
  #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #exitButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #exitButton {
      font-size: 2em;
    }
  }
/*********** gallery css end  **********/

/* privacy policy css start */
.privacy-txt{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 40px;
}
/* privacy policy css end */

/* terms & conditions css start */
.second-section a:hover{
color: #ec691f;
}
/* terms & conditions css end */