.about-us-banner {
  background-image: url(../svg/about-us-banner.svg);
  padding: 56px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.why-rightfirms-section {
  padding: 40px 0;
  background-color: #f7f9ff;
}

.why-rightfirms-section .features-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: white;
  padding: 24px;
  border-radius: 16px;
  cursor: pointer;
  height: 100%;
}

.why-rightfirms-section .features-box h3 {
  /* font-size: 24px; */
  font-size: clamp(1rem, 0.6667rem + 0.6944vw, 1.5rem);
  margin: 0;
}

.features-box:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: ease 0.3s;
}

.about-hero-section{
  padding: 64px 0;
  background-color: var(--bg-primary);
}

.about-hero-section img{
  border-radius: 16px;
}

@media (max-width: 1024px) {
  .about-us-banner img {
    width: 100%;
    object-fit: contain;
  }
  .why-rightfirms-section .features-box {
    min-height: 180px;
  }
}

@media (max-width: 768px) {
  .about-us-banner img {
    width: 100%;
  }
}