gt-block-general-purpose {
  display: block
}
gt-block-general-purpose.gt-block-general-purpose {
  position: relative;
  padding: clamp(30px,5cqw,80px)
}
gt-block-general-purpose.alignfull {
  left: 50%;
  right: 50%;
  width: 100cqw;
  max-width: unset;
  margin-left: -50cqw;
  margin-right: -50cqw;
  padding-inline: calc(50cqw - 50%)
}
gt-block-general-purpose .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: clip
}
gt-block-general-purpose .background > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 150%;
  object-fit: cover;
  object-position: center;
  will-change: transform;
  transform: translate3d(0,-50%,0)
}
gt-block-general-purpose .background .color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1
}
gt-block-general-purpose.style-none {
  padding-block: 0
}
gt-block-general-purpose.style-none .background {
  display: none
}
gt-block-general-purpose.style-simple {
  min-height: 52cqw;
  padding-top: clamp(60px,12cqw,300px)
}
gt-block-general-purpose.style-simple:after {
  content: "";
  display: block;
  position: absolute;
  top: 4.2cqw;
  right: 0;
  width: 33cqw;
  height: 10cqw;
  background-color: var(--color__primary);
  clip-path: polygon(0% 50%,100% 0%,100% 100%,0% 50%);
  z-index: -1
}
gt-block-general-purpose.style-simple .background {
  bottom: auto;
  height: 52cqw;
  background-color: var(--color__secondary);
  clip-path: polygon(0 0,100% calc(0% + 15cqw),100% 100%,0 calc(100% - 15cqw))
}
gt-block-general-purpose.style-simple .background:after {
  --dotted-line-color: var(--color__blue-600);
  content: "";
  display: block;
  position: absolute;
  top: 26%;
  right: 0;
  width: 100%;
  height: 58%;
  background-image: url("../img/dotted-lines-blue-600.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1
}
gt-block-general-purpose.style-simple.stretch-background {
  padding-top: clamp(80px,22cqw,320px);
  padding-bottom: clamp(80px,22cqw,320px)
}
gt-block-general-purpose.style-simple.stretch-background .background {
  height: 100%
}
gt-block-general-purpose.style-simple .acf-innerblocks-container {
  color: #fff
}
gt-block-general-purpose.style-simple .acf-innerblocks-container :is(h2) {
  color: #fff
}
gt-block-general-purpose.style-color .background {
  background-color: var(--background-color,transparent)
}
gt-block-general-purpose.corner-cut-off-top_left {
  padding-top: clamp(60px,20cqw,320px)
}
gt-block-general-purpose.corner-cut-off-top_left .background {
  clip-path: polygon(0% calc(0% + 14.7cqw),100% 0%,100% 100%,0% 100%)
}
gt-block-general-purpose.corner-cut-off-top_right {
  padding-top: clamp(60px,20cqw,320px)
}
gt-block-general-purpose.corner-cut-off-top_right .background {
  clip-path: polygon(0% 0%,100% calc(0% + 14.7cqw),100% 100%,0% 100%)
}
gt-block-general-purpose.corner-cut-off-top_right:has(+ .gt-block-general-purpose.corner-cut-off-top_right) {
  padding-bottom: clamp(80px,22cqw,350px);
  margin-bottom: -14.7cqw
}
gt-block-general-purpose.corner-cut-off-top_right:has(+ .gt-block-general-purpose.corner-cut-off-top_right) + .gt-block-general-purpose.corner-cut-off-top_right {
  margin-top: 0
}
gt-block-general-purpose.corner-cut-off-bottom_left {
  padding-bottom: clamp(60px,20cqw,320px)
}
gt-block-general-purpose.corner-cut-off-bottom_left .background {
  clip-path: polygon(0% 0%,100% 0%,100% 100%,0% calc(100% - 14.7cqw))
}
gt-block-general-purpose.corner-cut-off-bottom_left:has(+ .gt-block-general-purpose.corner-cut-off-top_right) {
  padding-bottom: clamp(80px,22cqw,350px);
  margin-bottom: -14.7cqw
}
gt-block-general-purpose.corner-cut-off-bottom_left:has(+ .gt-block-general-purpose.corner-cut-off-top_right) + .gt-block-general-purpose.corner-cut-off-top_right {
  margin-top: 0
}
gt-block-general-purpose.corner-cut-off-bottom_right {
  padding-bottom: clamp(60px,20cqw,320px)
}
gt-block-general-purpose.corner-cut-off-bottom_right .background {
  clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 14.7cqw),0% 100%)
}
gt-block-general-purpose.has-orange-triangle:after {
  content: "";
  display: block;
  position: absolute;
  width: 33cqw;
  height: 10cqw;
  background-color: var(--color__primary);
  clip-path: polygon(0% 50%,100% 0%,100% 100%,0% 50%);
  z-index: -1
}
gt-block-general-purpose.has-orange-triangle.corner-cut-off-top_right:after {
  top: 4.2cqw;
  right: 0
}
gt-block-general-purpose.has-orange-triangle.corner-cut-off-top_left:after {
  top: 4.2cqw;
  left: 0;
  transform: scaleX(-1)
}
gt-block-general-purpose.has-orange-triangle.corner-cut-off-bottom_right:after {
  bottom: 4.2cqw;
  right: 0;
  transform: scaleY(-1)
}
gt-block-general-purpose.has-orange-triangle.corner-cut-off-bottom_left:after {
  bottom: 4.2cqw;
  left: 0;
  transform: scaleX(-1) scaleY(-1)
}