body {
  background-color: #f8f9fa;
}

#our-group .hero-section {
  height: 65vh;
  background-repeat: no-repeat;
  background-size: cover;
}
#our-group .hero-section .container {
  position: relative;
  color: #fff;
}
#our-group .hero-section .container ul {
  position: absolute;
  top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  left: 0;
  list-style: none;
}
#our-group .hero-section .container ul li {
  position: relative;
}
#our-group .hero-section .container ul li::before {
  content: "/";
  margin-right: 5px;
}
#our-group .hero-section .container ul li:nth-child(1)::before {
  display: none;
  content: "";
}
#our-group .hero-section .container ul li a {
  color: #fff;
}
#our-group .hero-section .container .row {
  height: 100%;
  display: flex;
  align-items: center;
}
#our-group .group-list-section {
  background-color: #f8f9fa;
}
#our-group .group-list-section .container .row .col-sm-3 .box {
  background-color: #fff;
  text-align: center;
}
#our-group .group-list-section .container .row .col-sm-3 .box .img-box {
  aspect-ratio: 1.18/1;
  -webkit-aspect-ratio: 1.18/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#our-group .group-list-section .container .row .col-sm-3 .box .img-box img {
  transform: scale(0.6);
}
#our-group .group-list-section .container .row .col-sm-3 .box p {
  min-height: 140px;
}
#our-group .group-list-section .container .row .col-sm-3 .box a {
  display: flex;
  align-items: center;
  justify-content: center;
}