body {
  background-image: url("https://storage.cloud.google.com/projects.codecraftworks.com/web/Hwjvw93xZ1eXdd71OjeI/assets/industries-banking-header-2732x1536_2.jpg");
  background-position: 40% 0%;
  background-repeat: no-repeat;
}

.container {
  height: 100vh;  
}

.navbar {
  border: 1px solid black;
  height: 85px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.nav-items {
  color: black;
  padding: 0;
  list-style: none;
}

.nav-items li {
  float: left;
  padding: 10px;
}

.center-element {
  color: black;
  width: 100%;
  height: 400px;
  text-align: center;
  margin: auto;
  margin-top: 20vh;
  border: black;
}

#PersonalBanking-btn {
  margin-top: 30px;
  height: 40px;
  width: 170px;
  background: red;
  border-radius: none;
  color: white;
}

#BusinessBanking-btn {
  margin-top: 30px;
  height: 40px;
  width: 170px;
  background: white;
  border-radius: none;
  color: black;
}

#Lending-btn {
  margin-top: 30px;
  height: 40px;
  width: 170px;
  background: blue;
  border-radius: none;
  color: white;
}

#Financial-btn {
  margin-top: 30px;
  height: 40px;
  width: 170px;
  background: lightgreen;
  border-radius: none;
  color: black;
}

.bottom-element {
  color: black;
  width: 100%;
  height: 400px;
  text-align: center;
  margin: auto;
  margin-top: 20vh;
  border: black;
}

#Help-btn {
  margin-top: 30px;
  height: 20px;
  width: 70px;
  background: silver;
  border-radius: none;
  color: black;
}

#ATM-btn {
  margin-top: 30px;
  height: 20px;
  width: 70px;
  background: silver;
  border-radius: none;
  color: black;
}

#FAQs-btn {
  margin-top: 30px;
  height: 20px;
  width: 70px;
  background: silver;
  border-radius: none;
  color: black;
}