/* angles on divs */
.introduction,
.summary,
.terms,
.management,
.whatsNext {
  padding-top: 70px;
  padding-bottom: 50px;
  /* margin-top: -150px; */
  /* border-right: 7px solid #000; */
  position: relative;
}

.introduction::before,
.summary::before,
.terms::before,
.management::before,
.whatsNext::before {
  background-image: linear-gradient(
    -3deg,
    #ffffff 50%,
    var(--primary) 51%,
    var(--primary) 57%,
    transparent 58%
  );
  content: '';
  padding-top: 8%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: 1;
}
.introduction::after,
.summary::after,
.terms::after,
.management::after,
.whatsNext::after {
  background-image: linear-gradient(
    -3deg,
    transparent 50%,
    var(--primary) 51%,
    var(--primary) 57%,
    #fff 58%
  );
  content: '';
  padding-top: 7%;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
}
.stickyTerms {
  border-radius: 0 !important;
  width: 89.5% !important;
  margin-top: 45px;
}
.sticky-column::before {
  background-image: linear-gradient(
    -3deg,
    var(--primary) 49%,
    var(--primary) 51%,
    var(--primary) 57%,
    transparent 59%
  );
  content: '';
  padding-top: 7%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
}
.sticky-column::after {
  background-image: linear-gradient(
    -3deg,
    transparent 49%,
    var(--primary) 51%,
    var(--primary) 57%,
    var(--primary) 59%
  );
  content: '';
  padding-top: 7%;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
}

.breakPoint {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
@media (max-width: 1600px) {
  .introduction:after,
  .summary:after,
  .terms:after,
  .management:after,
  .whatsNext::after {
    padding-top: 8%;
  }
}
@media (max-width: 1300px) {
  .introduction:after,
  .summary:after,
  .terms:after,
  .management:after,
  .whatsNext::after {
    padding-top: 10%;
  }
}
@media (max-width: 1000px) {
  .introduction:after,
  .summary:after,
  .terms:after,
  .management:after,
  .whatsNext::after {
    padding-top: 18%;
  }
  .stickyTerms {
    width: 83.5% !important;
  }
}
@media (max-width: 768px) {
  .introduction:after,
  .summary:after,
  .terms:after,
  .management:after,
  .whatsNext::after {
    padding-top: 22%;
  }
}
@media (max-width: 500px) {
  .introduction:after,
  .summary:after,
  .terms:after,
  .management:after,
  .whatsNext::after {
    padding-top: 8%;
  }
}
.breakPoint.contact {
  padding-top: 5% !important;
  padding-bottom: 5% !important;
}

/* curved underline */
.titleContainer h2::after,
.wnHeader h2::after {
  content: '\00a0';
  /* radial gradient  */
  background-image: radial-gradient(
    at 50% 0,
    var(--primary) 50%,
    transparent 75%
  );
  /* angled gradient */
  /* background-image: linear-gradient(
    to right bottom,
    var(--primary) 50%,
    transparent 60%
  ); */
  background-size: 100% 5px;
  margin: 10px 15%;
  background-repeat: no-repeat;
  float: left;
  width: 70%;
}
footer {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding-top: 8%;
}