.ht--main-section-brown {
  background: linear-gradient(
      0deg,
      rgba(154, 109, 58, 0) 48.7%,
      rgba(154, 109, 58, 0.4) 58.7%,
      rgba(154, 109, 58, 0.8) 70.16%,
      #9a6d3a 76.83%
    ),
    url(/wp-content/uploads/2025/09/Hero-header-section-min-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ht--glass-effect {
  backdrop-filter: blur(8.6px);
  -webkit-backdrop-filter: blur(8.6px);
}

.ht--overlay-general-brown.active {
  background: linear-gradient(180deg, rgba(154, 109, 58, 0.8) 0%, #9a6d3a 100%),
    linear-gradient(
      0deg,
      rgba(154, 109, 58, 0) 48.7%,
      rgba(154, 109, 58, 0.4) 58.7%,
      rgba(154, 109, 58, 0.8) 70.16%,
      #9a6d3a 76.83%
    );
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}