.center {
  text-align: center;
}

/* CSS for NavBar */

/* CSS for NavBar */

nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 70px;
  padding-top: 30px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px,
    rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px,
    rgba(0, 0, 0, 0.07) 0px 16px 16px;
  /* position: fixed; */
  background-color: white;
  z-index: 100;
}

#iconMenu {
  width: 15%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#iconMenu > img {
  width: 140px;
}

#navMenu {
  display: flex;
  width: 50%;
  justify-content: space-between;
  align-items: center;
}
#navMenu > a {
  text-decoration: none;
  color: rgba(68, 68, 68, 0.687);
  font-weight: bolder;
  padding: 14px 10px;
  margin-bottom: -5px;
  font-family: Arial, Helvetica, sans-serif;
}
#navMenu > a:hover {
  background-color: #fed250b9;
  padding: 14px 10px;
  overflow: hidden;
  transition: 2ms;
  border-radius: 5px;
}
#navMenu > :first-child {
  padding: 0 10px;
  margin-bottom: -4px;
}
#navMenu > :first-child:hover {
  background-color: #fed250;
  padding: 2px 10px;
  margin-bottom: -4px;
}

#navMenu > a > img {
  width: 65px;
}

#loginSignup {
  width: 12%;
}

#SelectCity {
  width: 10%;
  height: 40px;
}
#SelectCity > button {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 155px;
  padding: 8px 10px;
  border: 3px solid #fed250;
  border-radius: 5px;
  background-color: white;
  color: #373737;
}
#SelectCity :hover {
  background-color: #edb81880;
}

#SelectCity > button :first-child {
  width: 20px;
}
#loginSignup > :first-child {
  border: none;
  padding: 10px 22px;
  background-color: white;
  color: #444;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}
#loginSignup > :first-child:hover {
  background-color: rgb(202, 198, 198);
  border-radius: 5px;
}
#loginSignup > :last-child {
  padding: 10px 20px;
  background-color: #fed250;
  border-radius: 8px;
  border: none;
  color: #444;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

/* Contact bar */

.contact-bar {
  width: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
  /* position: relative; */
  height: 30px;
  font-size: small;
  border-bottom: 0.5px solid rgba(128, 128, 128, 0.151);
  z-index: 1000;
  position: fixed;
}

/*==== Container CSS ==== */
#container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 50px;
  gap: 20px;
  width: 1300px;
  margin: auto;
}
.box {
  border: 2px solid black;
  padding: 0px 20px;
  width: 400px;
  height: 580px;
  /* background-color: green; */
}
h4 {
  margin-top: -15px;
}
.box img {
  display: block;
  margin: auto;
}
#availbilty_p {
  background-color: yellow;
  height: 38px;
}
.details div {
  display: flex;
  justify-content: space-between;
  /* height: 40px; */
}
.day_n_price {
  display: flex;
  justify-content: space-between;
}
.excess_chrges {
  display: flex;
  justify-content: space-between;
}
#details p {
  margin-top: -20px;
  font-size: 20px;
}

.day_n_price div {
  display: flex;
  /* flex-direction: column; */
}
#Book_btn:hover {
  background-color: yellow;
}

/* =========== footer CSS ========= */
#home-Footer {
  /* margin-top: 700px; */
  display: flex;
  flex-direction: column;

  background-color: #373737;

  color: white;
}

#main-footer {
  display: grid;
  /* justify-content: space-around; */
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  padding: 30px 0 30px 0;
  width: 85%;
  margin: auto;
}

#main-footer > div > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#main-footer > div > div img {
  margin: 10px;
}
#main-footer > div > a {
  display: block;
  text-decoration: none;
  color: white;
  margin: 10px;
}
#main-footer > div > hr {
  background-color: #fed250;
  margin-top: -20px;
  margin-left: 2px;
  height: 2px;
  width: 40px;
  border: none;
}

.dotFoot {
  width: 7px;
  height: 7px;
  margin: 2px;
  background-color: rgb(247, 243, 243);
  border-radius: 50%;
  display: inline-block;
}

#home-Footer {
  /* margin-top: 700px; */
  display: flex;
  flex-direction: column;

  background-color: #373737;

  color: white;
}

#main-footer {
  display: grid;
  /* justify-content: space-around; */
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  padding: 30px 0 30px 0;
  width: 85%;
  margin: auto;
}

#main-footer > div > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#main-footer > div > div img {
  margin: 10px;
}
#main-footer > div > a {
  display: block;
  text-decoration: none;
  color: white;
  margin: 10px;
}
#main-footer > div > hr {
  background-color: #fed250;
  margin-top: -20px;
  margin-left: 2px;
  height: 2px;
  width: 40px;
  border: none;
}

.dotFoot {
  width: 7px;
  height: 7px;
  margin: 2px;
  background-color: rgb(247, 243, 243);
  border-radius: 50%;
  display: inline-block;
}

/* CSS For Subfooter */

#subfooter {
  background-color: #444;
  text-align: center;
}
#subfooter > h2 {
  text-align: left;
  margin-left: 60px;
  margin-top: 30px;
}

#subfooter > div {
  width: 90%;
  padding: 0 5%;
}
#subfooter > hr {
  background-color: #fed250;
  border: none;
  width: 50px;
  border: none;
  height: 3px;
  margin-top: -23px;
}

.dot {
  height: 2px;
  width: 2px;
  margin: 0 5px;
}

#tail {
  width: 100%;
  justify-content: center;
  text-align: center;
  font-weight: bolder;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

#tail > p > img {
  width: 20px;
}
.socialmedia > img {
  width: 25px;
}

#Book_btn {
  width: 100%;
  font-size: 16px;
  padding: 7px;
  background-color: #fed250;
  border: none;
  font-weight: 600;
}