* {
  margin: 0;
  padding: 0;
}

.logo {
  font-weight: 600 !important;
  font-size: 24px !important;
  color: #244c84 !important;
}

.login-button {
  background-color: #244c84;
  color: white;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 50px;
  text-decoration: none;
  transition: 0.3s background-color;
}

.login-button {
  background-color: #244c84;
}
.navbar-toggler {
  border: none;
  font-size: 1.25rem;
}
.navbar-toggler:focus,
btn-close:focus {
  box-shadow: none;
  outline: none;
}
.line {
  color: #666777;
  font-weight: 500;
  position: relative;
}
.line:hover,
.nav-link {
  color: black;
}
.line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
  width: 0;
  height: 2px;
  background-color: #244c84;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.line:hover::before,
line.active::before {
  width: 100%;
  visibility: visible;
}
.hero {
  background: url(https://img.freepik.com/free-photo/team-young-specialist-doctors-standing-corridor-hospital_1303-21199.jpg);
  background-size: cover;
  width: 100%;
  height: 100vh;

  position: relative;
}
.hero::before {
  background-color: rgba(0, 0, 0, 0.642);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.z {
  z-index: 0;
}
.color2 {
  background-color: rgba(78, 77, 77, 0.066);
}
.fa-solid,
.fa-lite {
  color: #244c84;
  padding: 5px;
}
.btn1 {
  width: 43%;
  height: 35px;
  color: #244c84;
  border-radius: 18px;
  background-color: #244c84b3;
  border: none;
  font-weight: 500;
}

.shade {
  border: #244c84 2px solid;
  border-radius: 18px;
  background-color: #244c846b;
}
.star {
  height: 10px !important;
}
.fa-regular {
  color: rgb(231, 239, 0);
}
.img {
  height: 225px !important;
}
.text-size {
  font-size: 30px;
  text-align: center;
  padding: 10px;
}
.imh-thumbnail {
  border: transparent !important;
}
.size {
  font-size: 74px !important;
}
container-fluid {
  width: 100% !important;
}
hr {
  color: white;
}