.header-content {
  background-color: #001f3f;
  background-size: contain;
  /* background-size: cover; */
  background-image: url(../../../../IMAGES/PRODUCT_EN590_01.png);
  /**/
  background-position: center;

  /* height: 100vh; /* or 97vh if you want a slight margin */
  min-height: 100vh; 
  width: 100%;
  padding: 1px;
  display: flex;
  align-items: center; /* vertically center content */
  justify-content: center;
  text-align: center;
  /* box-sizing: border-box; */
  color: #eff0eb;
  position: relative; /* relative Or fixed, depending on layout */
  overflow: hidden;
  margin: 0; /* remove extra spacing */
  left: 0;
}



.hero {
  /* CHANGER ICI */
  background: url(../../../../IMAGES/mainIMAGES/imgCASHEW/Cashew\ banner\ 03.png) center center/cover no-repeat;
  background-size: cover;       /* Makes sure image covers entire section */
  background-position: center;  /* Centers the image */
  background-repeat: no-repeat; /* No repeating */
  /* CHANGER ICI */
  padding: 100px 0;             /* Add vertical spacing */
  text-align: center;
}

.glossy-text {
  color: #f4f4f4;                 /* Make sure text is visible */
  font-weight: bold;
  background: linear-gradient(to top, #ffffff 0%, #f4f4f4 40%, #86ee82 60%, #f4f4f4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

h1 span[aria-hidden="true"] {
  margin-right: 0.3rem;
  vertical-align: middle;
}


.responsive-img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}