.ideal-header {
  font-size: 1.25em;
  overflow-wrap: break-word;
  color: var(--primary-color);
}

.core-values {
  font-size: 1.25em;
  overflow-wrap: break-word;
  color: var(--primary-color);
}

.ceo-signature {
  text-align: right;
  font-size:1.5em; 
  margin-right: 25px;
}

.hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--text-color-on-primary);
  padding: 150px 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 10vh;
  background-attachment:local; 
  animation: fadeInBackground 2s ease-in-out forwards;
}

.theme-career .hero {
  background-image: url('../img/horizon.jpg');
}

@keyframes fadeInBackground {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#ceo-message-ideal {
  position: relative;
  z-index: 1;
}

#ceo-message-ideal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/hr02.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  z-index: -1;
}