/* preet  */



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,200&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,500;0,600;1,100;1,300;1,500;1,600&display=swap');


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



/* space  */

.space1 {
  height: 300px;
  background-color: #66451a;
  display: flex;
  justify-content: center;
  align-items: center;

}



/* text-heading-image   */


.img-text {
  margin-top: 80px;
}





#banner-b {
  background-color: #66451a;
  height: 400px;
  position: relative;
  transition-duration: 1s;
}

#banner-b:hover {
  transform: translateX(20px);
}

#banner-b1:hover {
  transform: translateX(20px);
}

#banner-b1 {
  position: absolute;
  top:560px;
  left: 130px;
  transition-duration: 1s;
  width: 40%;
}


/* hover-card */
.hover-card {
  margin-top: 100px;
}

.card-hover {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

}

.wrapper {
  display: flex;
  width: 70%;
  justify-content: space-around;

}

#hover-card1 {
  width: 280px;
  height: 360px;
  padding: 2rem 1rem;
  background: #fff;
  position: relative;
  display: flex;
  align-items: flex-end;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
  transition: 0.5s ease-in-out;

}

#hover-card1:hover {
  transform: translateY(20px);
}

#hover-card1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #66451a;
  z-index: 2;
  transition: 0.5s all;
  opacity: 0;
}

#hover-card1:hover:before {
  opacity: 1;

}

#hover-card1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;

}

#hover-card1 .info {
  position: relative;
  z-index: 3;
  color: #fff;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s all;
  
}

#hover-card1:hover .info {
  opacity: 1;
  transform: translateY(0px);
}


#services-hover {
  
  background-color: rgb(146, 145, 145);
  transition: 1s;
  border: none;
}

#services-hover:hover {
  transform: scale(1.1);
  box-shadow: 4px 4px 4px #d6d5d5;
}

.card-text {
  color: gray;
}

.card-hd {
  color: rgb(45, 45, 45);
}




/* footer  */
.last-footer {
  background-color: #3a3138;
   padding: 20px;
  margin-top: 40px;

}

#footer1-color {
  background-color: #3a3138;
  color: white;
  border: 1px solid #3a3138;
}

#footer1-color p {

  color: gray;
}

#footer-flax {
  display: flex;
}


@media only screen and (max-width: 1450px) {
   
  #banner-b1 {
    
    width: 40%;
  }


 

}
@media only screen and (max-width: 1399px) {
   
  #banner-b1 {
    
    width: 37%;
  }


 

}



@media only screen and (max-width: 995px) {

  #banner-b1 {
    width: 34%;
    height: 260px;
    margin-top: -220px;
  }
  #banner-b1 img{
    
    height: 260px;
   
  }

  #banner-b {
    /* width: 35%; */
    height: 250px;
  }
  .last-footer {

    height: 600px;

  }

  .box {
    width: 100%;

  }

  .book .container {
    flex-direction: column;
  }

  .grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .book .search {
    width: 100%;

  }

  .book .search input {
    margin-top: 0;

  }

  .book {
    height: auto;
  }

  .room_info__single {
    margin: 5px;
  }




  .tabs label {
    width: 20%;
  }

  

  #hover-card1 {
    margin: 5px;
    flex-direction: column;
  }

}

@media only screen and (max-width: 820px) {
   
  #banner-b1 {
    
    width: 40%;
  }


}

@media only screen and (max-width: 770px) {


  .last-footer {

    height: 850px;

  }

  #banner-b1 {
    width: 40%;
    height: 80px;
    margin-top: -180px;
    margin-left: 4px;
  }

  #banner-b {
    /* width: 35%; */
    height: 220px;
    margin-left: 50px;
  }

}

@media only screen and (max-width: 540px) {
   
  #banner-b1 {
    margin-top: -290px;
    width: 85%;
  }
  #banner-b {
    /* width: 35%; */
    height: 250px;
    
  }

}

@media only screen and (max-width: 415px) {
  .last-footer {

    height: 900px;

  }

  #footer-flax {
    display: table-column;
  }

  .text-end {
    margin-right: 70px;
  }

  .grid {
    flex-direction: column;
  }

  .grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .room_info__single {
    margin: 15px;
  }




  .tabs label {
    width: 100%;
    display: block;
    border-bottom: 2px solid #C7C6C4;
    border-radius: 0;
  }

  .tabs {
    margin: 0;
  }


  .tab-content-wrapper,
  .tab1-content-wrapper {
    border: none;
    border-radius: 0;
  }



  .tab-content {
    flex-direction: column;
  }



  #banner-b1 {
    width: 80%;
    height: 80px;
    margin-top: -280px;
    margin-left: 4px;
  }

  #banner-b {
    /* width: 35%; */
    height: 250px;
    margin-left: 50px;
  }

  .wrapper {

    flex-direction: column;
  }

  #hover-card1 {
    margin-top: 20px;
    width: 100%;
  }


}

@media only screen and (max-width: 360px) {
   
  #banner-b1 {
    
    width: 80%;
    height: 230px;
  }


}

.card-h{
  min-height: 210px;
}