.naturalx-text-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--naturalX-secondary-background);
  height: auto;
  overflow: hidden;
}
[theme="light"] .naturalx-text-wrapper {
  background: white;
}
[theme="light"] h2, [theme="light"] h3 , [theme="light"] h4{
  color: #04464F;
  margin-bottom: 17px;
}
#block-naturalxtheme-sociallinks {
  display: none;
}

[theme="accent_2"] .naturalx-text-wrapper.active {
  padding-bottom: 0;
  color: #04464F;
  background-color: #42FF6D;
  transition: .5s ease all;
  padding-top: 0;
}

[theme="accent_2"] .naturalx-text-wrapper {
  padding-bottom: 0;
  color: #42FF6D;
  background-color: #04464F;
  transition: .5s ease all;
  padding-top: 0;
}

[theme="accent_2"] .naturalx-text-wrapper::before,
[theme="accent_2"] .naturalx-text-wrapper::after,
[theme="accent_2"] .naturalx-text-wrapper span::before,
[theme="accent_2"] .naturalx-text-wrapper span::after {
  content: "";
  position: absolute;
  z-index: -2;
  background: MediumSpringGreen ;
  transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
}
[theme="accent_2"] .naturalx-text-wrapper.active::before,
[theme="accent_2"] .naturalx-text-wrapper.active::after,
[theme="accent_2"] .naturalx-text-wrapper.active span::before,
[theme="accent_2"] .naturalx-text-wrapper.active span::after {
  transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
}

[theme="accent_2"] .naturalx-text-wrapper::before {
  top: 0;
  right: 0;
  height: 100%;
  width: 0%;
}
[theme="accent_2"] .naturalx-text-wrapper.active::before {
  width: 100%;
}


[theme="accent_2"] .naturalx-text-wrapper .naturalx-cta-section-inner{
  padding-bottom: 0;
  color: #04464F;
}

[theme="accent_2"] .naturalx-text-wrapper h3{
  font-weight: 600;
}

[theme="accent_2"] .naturalx-text-wrapper.active h3 , [theme="accent_2"] .naturalx-text-wrapper.active p a{
  color: #04464F;
}  

[theme="accent_2"] .naturalx-text-wrapper p a{
  color: #42FF6D;
}  


.naturalx-text-inner {
  padding: 60px 16px;
  font-size: 1.76rem;
  font-style: normal;
  letter-spacing: 0.05em;
  line-height: 125%;
  font-weight: 400
}

@media screen and (min-width: 768px) {

  .naturalx-text-wrapper {
    padding: 30px 60px 20px 27%;
  }

  .naturalx-text-inner {
    max-width: 990px;
    font-size: 2.5rem;
    line-height: 130%;
  }
}


@media screen and (min-width: 1100px) {
  .naturalx-text-wrapper {
    padding: 30px 90px 50px 19%;
    height: initial;
  }

  [theme="light"] .naturalx-text-wrapper {
    padding: 30px 90px 10px 19%;
  }

  .naturalx-text-inner{
    max-width: 1100px;
  }
}