.index .header .button:hover {
  border-color: #299D92;
  background-color: transparent;
  color: #299D92;
}

.index .button_trans {
  border-color: #299D92 !important;
  background-color: transparent;
  color: #299D92;
}

.index .button_trans:hover {
  background-color: #299D92 !important;
  color: #FFF !important;
}

.index .hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #299D92 0%, rgba(41, 157, 146, 0.8) 6.73%, rgba(118, 183, 177, 0.1) 50.96%, rgba(255, 255, 255, 0.8) 88.47%, #FFFFFF 100%);

  transform: rotate(-180deg);
  z-index: 1;
  pointer-events: none;
}



.index .hero .container {
  position: relative;
  z-index: 2;
}