:where([class^="ri-"])::before {
   content: "\f3c2";
 }

 .hero-bg {
   background-image: url('/img/hero01.jpg');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .hero-overlay {
   background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
 }

 .about-image {
   background-image: url('/img/about04.png');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .commitment-bg {
   background-image: url('/img/hero01.jpg');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 .front-staff-img {
   overflow: hidden;


   & img {
     width: 100%;
     object-fit: cover;
     object-position: center;
     aspect-ratio: 270/305;
   }
 }