@import url("https://fonts.googleapis.com/css2?family=Old+Standard+TT&family=Poppins&display=swap");

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  /* outline: 1px solid red; */
}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.cfont {
  font-family: "Old Standard TT", serif !important;
}

.cbutton {
  color: black;
  background-color: whites;
  font-weight: bold;
  border: 1px solid whitesmoke;
}

input {
  outline: none;
}

.cInput {
  border: none;
  background: transparent;
}

#mainBg {
  height: 100vh;
  width: 100%;
  /* background: url(images/img-74-3.jpg); */
  /* background: url(images/VibgyorBanner.jpg); */
  /* background: url(https://media.istockphoto.com/id/1130060129/photo/royal-bengal-tiger.jpg?s=1024x1024&w=is&k=20&c=0UbmqvEzcs9K6a-9E_AHN_XPfiKksMiv33b0AuZ9G8w=); */
  /* background: url(https://media.istockphoto.com/id/1318173479/photo/sambar-deer-in-jim-corbett-national-park.jpg?s=1024x1024&w=is&k=20&c=BNgMWTGVN0CwGoaxeJz7nYMlTcPQ1KsYxmgs9hB4X34=); */
  /* background: url(https://media.gettyimages.com/id/1159965836/photo/asian-elephant-calf-in-corbett-national-park.jpg?s=1024x1024&w=gi&k=20&c=_Qyzh31ypVuJSpAAKryR5-0I7D0ZUXYgrYCSv7Xz4R8=); */
  background: url(images/pexels-chiru-clicks-2926038.jpg);
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  position: relative;
}

#mainBg > section {
  background-color: rgba(0, 0, 0, 0.5);
}

#heroFormBox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#desktopNav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

#mobileNav {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

#desktopNav a {
  color: white;
  text-decoration: none;
}

#mainBg input {
  color: white;
}

#mainBg ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.blueTxt {
  color: #0e48a1 !important;
}

.cbutton2 {
  background-color: transparent;
  color: black;
  border: 1px solid black;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  /* background-color: #111; */
  /* background-color: #222222; */
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  font-size: 20px !important;
  /* color: white !important; */
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 25px;
  margin-left: 50px;
}

#main {
  transition: margin-left 0.5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

.heroFormBoxRow {
  width: 20%;
  padding: 10px;
}

@media only screen and (max-width: 600px) {
  #mainBg {
    height: 100vh;
    width: 100%;
    background-position: 20% center;
  }

  #mainBg h1 {
    font-size: 3rem !important;
  }

  #mainBg section {
    height: 105vh !important;
  }

  .heroTextContainer .row .col-12 {
    /* border: 1px solid white; */
    position: relative;
    top: -120px;
    padding: 20px;
  }

  .heroFormBoxRow {
    width: 50%;
    padding: 10px;
    margin: auto;
    margin-bottom: 20px;
  }

  #mainBg .cbutton {
    width: 100% !important;
  }

  .whyUsBox h5 {
    font-size: 16px !important;
  }

  .footerLink > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}