.about-hero {
  padding-top: clamp(40px, 6.7708333333vw, 130px);
}
.about-hero-heading {
  margin-bottom: clamp(20px, 5.4166666667vw, 104px);
}
.about-hero-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-hero-heading .paragraph__20 {
  max-width: 540px;
  margin-left: auto;
  margin-right: 0;
}
.about-hero-image img {
  border-radius: 40px;
  width: 100%;
  height: 100%;
  max-height: 699px;
}
.breadcrumb a {
  position: relative;
  padding-right: 46px;
}
.breadcrumb a::after {
  position: absolute;
  content: "";
  top: 11px;
  right: 7px;
  width: 30px;
  height: 1px;
  background: #69745d;
}
.breadcrumb,
.breadcrumb a,
.breadcrumb span {
  font-weight: 500;
  color: #686d4f;
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
  .about-hero-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .about-hero-heading {
    gap: 20px;
  }
}