.hr-home-staff {
  padding:80px 0;
  background:#f7f3f3
}
.staff-heading {
  text-align:center;
  margin-bottom:60px
}
.staff-badge {
  display:inline-block;
  padding:6px 20px;
  color:var(--color-1);
  font-size:14px;
  border-radius:20px;
  margin-bottom:15px;
  background:rgb(60 144 145 / .2)
}
.staff-row {
  row-gap:20px
}
.staff-box {
  text-align:center
}
.staff-img {
  position:relative;
  border-radius:20px;
  overflow:hidden
}
.staff-img img {
  width:100%;
  border-radius:20px;
  transition:.5s ease-in-out
}
.staff-img:hover img {
  transform:scale(1.1);
  transition:.5s ease-in-out
}
.team-btn {
  background:#fff0;
  border:none;
  color:var(--color-1);
  font-weight:600;
  font-size:16px
}
.hr-social-links {
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:10px
}
.staff-rating {
  position:absolute;
  left:15px;
  top:15px;
  background:var(--color-1);
  color:#fff;
  padding:6px 12px;
  border-radius:20px;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:5px
}
.staff-rating i {
  color:#f7b731
}
.staff-name {
  margin-top:20px;
  font-size:24px;
  color:#0e3f3f;
  font-weight:600
}
.staff-underline {
  width:80px;
  height:3px;
  margin:8px auto;
  background:linear-gradient(to right,#2c7a78 40%,#e7b04b 40%,#e7b04b 60%,#2c7a78 60%);
  border-radius:5px
}
.staff-role {
  margin-top:8px;
  font-size:16px;
  color:#6f7b7b
}
@media(max-width:991.98px) {
  .staff-heading {
    text-align:center;
    margin-bottom:30px
  }
}
.hr-home-booking {
  position:relative;
  width:100%;
  background-image:url(https://www.heartspincity.com/public/HEARTSPINCITY/themeaB9xY12z/assets/images/about/booking-bg.jpg?v=2);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:130px 20px
}
.hr-booking-overlay {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#000;
  z-index:1;
  opacity: .5;
}
.hr-booking-content {
  position:relative;
  z-index:2;
  max-width:900px;
  color:#fff
}
.hr-booking-title {
  font-size:56px;
  font-weight:600;
  line-height:1.3;
  margin-bottom:20px
}
.hr-booking-title span {
  color:#d4a04a
}
.hr-booking-subtitle {
  font-size:18px;
  line-height:1.8;
  margin-bottom:20px!important;
  color:#e6e6e6;
  max-width:800px;
  margin:0 auto
}
.hr-booking-btn {
  display:inline-block;
  background:#0e615d;
  padding:14px 32px;
  border-radius:50px;
  font-size:18px;
  text-decoration:none;
  color:#fff;
  transition:0.3s ease
}
.hr-booking-btn:hover {
  background:#0b4f4c
}
.hr-booking-content h2 {
  color:#fff
}
.hr-booking-content h2 span {
  color:var(--color-2)
}
@media (max-width:768px) {
  .hr-booking-title {
    font-size:38px
  }
  .hr-booking-subtitle {
    font-size:16px
  }
  .hr-home-booking {
    padding:80px 20px
  }
}
@media(max-width:576px) {
  .hr-home-staff {
    padding:40px 0;
    background:#f7f3f3
  }
}