/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/content-section/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/*****
 Wave styling
*****/
.wave-content-container {
  clip-path: ellipse(2500px 49% at 50% 50%);
  bottom: 0;
  height: 85%;
  width: 100%;
}
@media (max-width: 767px) {
  .wave-content-container {
    clip-path: ellipse(800px 50% at 50% 50%);
  }
}
.bottom-curve {
  position: relative;
  overflow: hidden;
  clip-path: ellipse(130% 98% at 50% 0%);
}
.top-curve {
  position: relative;
  overflow: hidden;
  clip-path: ellipse(130% 98% at 50% 100%);
}
:where(.wp-block-columns) {
  margin-bottom: 0;
}
.wave-section {
  position: relative;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
}
/*****
 Content and image layout
*****/
.wave-content {
  display: flex;
  align-items: stretch;
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.wave-content .wave-content-inner {
  flex: 1 1 100%;
  min-width: 0;
  align-self: center;
}
.wave-content .wave-content-image {
  min-width: 0;
  align-self: stretch;
  overflow: hidden;
}
.wave-content .wave-content-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wave-content.has-image .wave-content-inner {
  flex: 0 0 calc(67% - 12px);
}
.wave-content.has-image .wave-content-image {
  flex: 0 0 calc(33% - 12px);
}
.wave-content.image-left {
  flex-direction: row;
}
.wave-content.image-left .wave-content-inner {
  order: 2;
}
.wave-content.image-left .wave-content-image {
  order: 1;
}
.wave-content.image-right {
  flex-direction: row;
}
.wave-content.image-right .wave-content-inner {
  order: 1;
}
.wave-content.image-right .wave-content-image {
  order: 2;
}
/*****
 Mobile layout
*****/
@media (max-width: 767px) {
  .wave-content {
    flex-direction: column !important;
    gap: 20px;
  }
  .wave-content .wave-content-inner,
  .wave-content .wave-content-image {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .wave-content .wave-content-image img {
    height: auto;
    max-height: 350px;
  }
}
/*****
 Image and content fade-in effects
*****/
.wave-content-image-fade-in {
  overflow: hidden;
  opacity: 0;
  transform: translateY(200px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.wave-content-image-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.wave-content-animate > * {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.wave-content-animate.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}
.wave-content-animate.is-visible > *:nth-child(1) {
  transition-delay: 0.1s;
}
.wave-content-animate.is-visible > *:nth-child(2) {
  transition-delay: 0.25s;
}
.wave-content-animate.is-visible > *:nth-child(3) {
  transition-delay: 0.4s;
}
.wave-content-animate.is-visible > *:nth-child(4) {
  transition-delay: 0.55s;
}
@media (prefers-reduced-motion: reduce) {
  .wave-content-image-fade-in,
  .wave-content-animate > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/*****
 Link hover animation
*****/
.wave-content-link-hover a {
  font-weight: 600;
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 2px;
  transition: background-size 0.3s ease;
}
.wave-content-link-hover a:hover,
.wave-content-link-hover a:focus-visible {
  background-size: 100% 2px;
}
/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .wave-content-link-hover a {
    transition: none;
  }
  .wave-content-link-hover a:hover,
  .wave-content-link-hover a:focus-visible {
    background-size: 100% 2px;
  }
}

/*# sourceMappingURL=style-index.css.map*/