.next-gen-section {
  background: #fff;
}

.next-gen-section__frame {
  position: relative;
  z-index: 5;
}

/* Padding */
.next-gen-section[data-padding="large"] .next-gen-section__frame {
  padding-top: 165rem;
  padding-bottom: 165rem;
}

.next-gen-section[data-padding="default"] .next-gen-section__frame,
.next-gen-section:not([data-padding]) .next-gen-section__frame {
  padding-top: 140rem;
  padding-bottom: 140rem;
}

.next-gen-section[data-padding="compressed"] .next-gen-section__frame {
  padding-top: 100rem;
  padding-bottom: 100rem;
}

.next-gen-section[data-padding="small"] .next-gen-section__frame {
  padding-top: 70rem;
  padding-bottom: 70rem;
}

.next-gen-section[data-padding="tight"] .next-gen-section__frame {
  padding-top: 45rem;
  padding-bottom: 45rem;
}

.next-gen-section[data-padding="collapse"] .next-gen-section__frame {
  padding-top: 0;
  padding-bottom: 0;
}

/* Spacing helpers */
.next-gen-section[data-spacing="header"] .next-gen-section__frame {
  padding-bottom: 0;
}

.next-gen-section[data-spacing="footer"] .next-gen-section__frame {
  padding-top: 0;
}

/* Style: Light Teal */
.next-gen-section[data-style="light-teal"] {
  background: #eaf8f8;
}

.next-gen-section h1,
.next-gen-section h2,
.next-gen-section h3,
.next-gen-section h4,
.next-gen-section h5,
.next-gen-section h6 {
  color: var(--blue);
  margin-bottom: 20px;
  font-weight:600;
}

.next-gen-section[data-style="light-teal"] .CONTENT .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.next-gen-section[data-style="light-teal"] .CONTENT .container p {
  max-width: 830rem;
  font-weight:500;
}


/* Style: Tan Framed Right */
.next-gen-section[data-style="tan-framed-right"] {
  background: #fff;
  padding-right: 0;
}

.next-gen-section[data-style="tan-framed-right"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 80rem);
  background: #f4f2ef;
  border-radius: 80rem 0 0 80rem;
  pointer-events: none;
}

/* Style: Tan Framed Left */
.next-gen-section[data-style="tan-framed-left"] {
  background: #fff;
  padding-left: 0;
}

.next-gen-section[data-style="tan-framed-left"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(100% - 80rem);
  background: #f4f2ef;
  border-radius: 0 80rem 80rem 0;
  pointer-events: none;
}

/* Decorations */
.next-gen-section__deco {
  display: none;
}

/* Section 1: Light teal, bottom-left decoration */
.next-gen-section[data-decorations="set-1"] .next-gen-section__deco-1 {
  display: block;
  left: 0;
  bottom: 0;
  width: 470rem;
  height: 472rem;
  background-image: url(images/deco-1.svg);
  transform: translate(-38%, 1%);
}

/* Section 2: Default/white, bottom-right decoration */
.next-gen-section[data-decorations="set-2"] .next-gen-section__deco-2 {
  display: block;
  right: 0;
  bottom: 0;
  width: 458rem;
  height: 459rem;
  background-image: url(images/deco-2.svg);
  transform: translate(0%, 1%);
}

/* Section 4: Default/white, bottom-left decoration */
.next-gen-section[data-decorations="set-4"] .next-gen-section__deco-4 {
  display: block;
  left: 0;
  bottom: 0;
  width: 458rem;
  height: 459rem;
  background-image: url(images/deco-4.svg);
  transform: translate(0%, 1%);
}

/* Section 3: Tan framed left, right-side tall decoration */
.next-gen-section[data-decorations="set-3"] .next-gen-section__deco-3 {
  display: block;
  left: calc(100% + -204rem);
  top: 50%;
  width: 162rem;
  height: 619rem;
  background-image: url(images/deco-3.svg);
  transform: translate(0, -70%);
}

/* Keep section content above tan frame */
.next-gen-section[data-style="tan-framed-right"] .next-gen-section__frame,
.next-gen-section[data-style="tan-framed-left"] .next-gen-section__frame {
  position: relative;
  z-index: 5;
}

/* Responsive */
@media screen and (min-width:2050px) {
  .next-gen-section[data-style="tan-framed-right"]::before {
  width: calc(100% - 180rem);
}
.next-gen-section[data-style="tan-framed-left"]::before {
  width: calc(100% - 180rem);
}
}

@media screen and (max-width:2049px) {
.next-gen-section[data-decorations="set-3"] .next-gen-section__deco-3 {
  left: calc(100% + -104rem);
}}


@media screen and (max-width: 1200px) {

  .next-gen-section[data-decorations="set-1"] .next-gen-section__deco-1 {
    width: 330rem;
    height: 331rem;
  }
  .next-gen-section[data-decorations="set-2"] .next-gen-section__deco-2,
.next-gen-section[data-decorations="set-4"] .next-gen-section__deco-4 {
    width: 330rem;
    height: 331rem;
  }

}



@media screen and (max-width: 1035px) {
.next-gen-section[data-style="tan-framed-right"]::before {
  width: calc(100% - 40rem);
}
.next-gen-section[data-style="tan-framed-left"]::before {
  width: calc(100% - 40rem);
}
.next-gen-section[data-decorations="set-3"] .next-gen-section__deco-3 {
        left: calc(100% + -64rem);
    }

}

@media screen and (max-width: 960px) {

  .next-gen-section[data-padding="large"] .next-gen-section__frame,
  .next-gen-section[data-padding="default"] .next-gen-section__frame,
  .next-gen-section:not([data-padding]) .next-gen-section__frame,
  .next-gen-section[data-padding="compressed"] .next-gen-section__frame {
    padding-top: 70rem;
    padding-bottom: 70rem;
  }

  .next-gen-section[data-padding="small"] .next-gen-section__frame,
  .next-gen-section[data-padding="tight"] .next-gen-section__frame {
    padding-top: 50rem;
    padding-bottom: 50rem;
  }

  .next-gen-section[data-style="tan-framed-right"]::before,
  .next-gen-section[data-style="tan-framed-left"]::before {
    width: calc(100% - 15rem);
    border-radius: 40rem 0 0 40rem;
  }

  .next-gen-section[data-style="tan-framed-left"]::before {
    border-radius: 0 40rem 0 0;
  }

  .next-gen-section[data-decorations="set-1"] .next-gen-section__deco-1, .next-gen-section[data-decorations="set-2"] .next-gen-section__deco-2, .next-gen-section[data-decorations="set-3"] .next-gen-section__deco-3, .next-gen-section[data-decorations="set-4"] .next-gen-section__deco-4  {
    display:none;
  }
  .next-gen-section .next-gen-section__frame .MEDIA {
        padding: 20rem;
  }
  .next-gen-section .next-gen-section__frame .MEDIA .container {
        padding: 0rem 20rem;
    }

}


@media screen and (max-width: 767px) {
  .next-gen-section[data-style="tan-framed-right"]::before,
  .next-gen-section[data-style="tan-framed-left"]::before {
    width: calc(100% - 10rem);
  }}