.h1004 {
  margin-top: 4rem;
}
@media screen and (min-width: 48em) {
  .h1004 {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 67.5em) {
  .h1004 {
    margin-top: 5.22rem;
  }
}
.h1004 .style-1, .h1004 .style-2 {
  min-height: calc(100vh - 4rem);
  flex-direction: column-reverse;
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-1, .h1004 .style-2 {
    min-height: calc(100vh - 5.5rem);
    flex-direction: row;
  }
}
.h1004 .style-1 .left-content, .h1004 .style-2 .left-content {
  background: linear-gradient(132.33deg, #95c11f 0%, #23a835 100%);
  border-radius: 0 0 0.22rem 0.22rem;
  position: relative;
  padding: 3rem 1rem;
}
@media screen and (min-width: 48em) {
  .h1004 .style-1 .left-content, .h1004 .style-2 .left-content {
    border-radius: 0 0.22rem 0.22rem 0;
  }
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-1 .left-content, .h1004 .style-2 .left-content {
    padding: 8.55rem 2rem 9.72rem;
    width: 49.11%;
    margin-top: 6.44rem;
  }
}
@media screen and (min-width: 85.375em) {
  .h1004 .style-1 .left-content, .h1004 .style-2 .left-content {
    padding: 8.55rem 6.55rem 3.11rem 9.72rem;
  }
}
.h1004 .style-1 .left-content .left-content-inner h1, .h1004 .style-2 .left-content .left-content-inner h1 {
  max-width: 23.72rem;
  color: #ffffff;
  margin-bottom: 1.5rem;
}
.h1004 .style-1 .left-content .left-content-inner .text, .h1004 .style-2 .left-content .left-content-inner .text {
  color: #ffffff;
}
.h1004 .style-1 .left-content .left-content-inner .text .checkmark-white-circle, .h1004 .style-2 .left-content .left-content-inner .text .checkmark-white-circle {
  margin: 0 0 3rem;
}
.h1004 .style-1 .left-content .left-content-inner .cta-group, .h1004 .style-2 .left-content .left-content-inner .cta-group {
  color: #ffffff;
  column-gap: 1rem;
  row-gap: 1rem;
}
.h1004 .style-1 .left-content .left-content-inner .cta-group .primary-btn, .h1004 .style-2 .left-content .left-content-inner .cta-group .primary-btn {
  font-size: 0.88rem;
  line-height: 1.5rem;
  color: #95c11f;
  background-color: white;
  padding: 0.5rem 0.88rem;
  border-radius: 0.22rem;
}
.h1004 .style-1 .left-content .left-content-inner .cta-group .primary-btn:hover, .h1004 .style-2 .left-content .left-content-inner .cta-group .primary-btn:hover {
  background: #eeeeee;
}
.h1004 .style-1 .left-content .left-content-inner .cta-group .secondary-btn, .h1004 .style-2 .left-content .left-content-inner .cta-group .secondary-btn {
  display: inline-flex;
  color: #ffffff;
  font-size: 0.888rem;
  padding: 0.5rem 0.888rem;
  border-radius: 0.22rem;
  font-weight: 600;
  align-items: center;
  border: 1px solid #ffffff;
  position: relative;
  width: fit-content;
  line-height: 1.5rem;
}
.h1004 .style-1 .left-content .left-content-inner .cta-group .secondary-btn::after, .h1004 .style-2 .left-content .left-content-inner .cta-group .secondary-btn::after {
  content: url("/fileadmin/lynx/images/dENet/icons/arrow-right-white.svg");
  display: inline-flex;
  margin-left: 0.5rem;
  width: 1.22rem;
  height: 1.22rem;
}
.h1004 .style-1 .left-content .left-content-inner .cta-group .secondary-btn:hover, .h1004 .style-2 .left-content .left-content-inner .cta-group .secondary-btn:hover {
  background: rgba(0, 0, 0, 0.15);
}
.h1004 .style-1 .left-content .left-content-inner .scroll-down, .h1004 .style-2 .left-content .left-content-inner .scroll-down {
  color: #ffffff;
  position: absolute;
  bottom: 3rem;
  column-gap: 1rem;
  display: none;
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-1 .left-content .left-content-inner .scroll-down, .h1004 .style-2 .left-content .left-content-inner .scroll-down {
    display: flex;
  }
}
.h1004 .style-1 .left-content .left-content-inner .scroll-down svg, .h1004 .style-2 .left-content .left-content-inner .scroll-down svg {
  animation: fadeInOut 5s ease-in-out infinite;
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-1 .right-content, .h1004 .style-2 .right-content {
    width: 46.19%;
    padding-bottom: 6.44rem;
  }
}
.h1004 .style-1 .right-content figure, .h1004 .style-2 .right-content figure {
  display: flex;
  height: 100%;
}
.h1004 .style-1 .right-content figure img, .h1004 .style-2 .right-content figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.h1004 .style-2 {
  height: 50%;
  min-height: unset;
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-2 {
    align-items: flex-end;
    max-height: 40.83rem;
  }
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-2 .left-content {
    margin-top: 0;
    padding: 4.16rem 2rem 4.166rem;
  }
}
@media screen and (min-width: 85.375em) {
  .h1004 .style-2 .left-content {
    padding: 4.16rem 6.55rem 4.16rem 6.55rem;
  }
}
.h1004 .style-2 .left-content .left-content-inner .cta-group {
  margin-top: 1.5rem;
}
@media screen and (min-width: 67.5em) {
  .h1004 .style-2 .right-content {
    width: 46.19%;
    padding-bottom: 6.44rem;
  }
}
.h1004 .style-2 .right-content figure img {
  height: auto;
  max-height: 27.77rem;
}
.h1004 .style-2 .right-content .news-img-wrap img {
  height: auto;
  display: flex;
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}