.node.node-slide .text-wrapper a:hover {
  color: rgb(255, 255, 255);
}

@media (min-width: 768px) {
  .node-slide {
    /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  }
  .node-slide .text-wrapper {
    bottom: 1.1em;
  }
}
@media (min-width: 992px) {
  .node-slide {
    /* Large devices (desktops, 992px and up) */
  }
  .node-slide .slide-title, .node-slide .slide-subtitle, .node-slide .slide-body {
    width: 100%;
  }
  .node-slide .slide-title h2, .node-slide .slide-title h3, .node-slide .slide-subtitle h2, .node-slide .slide-subtitle h3 {
    color: rgb(255, 255, 255);
  }
  .node-slide .slide-body {
    top: 22.1em;
  }
  .node-slide .slide-body p {
    font-size: 1.2em;
  }
}
@media (min-width: 1200px) {
  .node-slide {
    /* Extra large devices (large desktops, 1200px and up) */
  }
}
.node-slide.node-slide-with-video .video-wrapper, .node-slide.node-slide-with-video background-wrapper {
  width: 100%;
}
.node-slide.node-slide-with-video .slide-link {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .node-slide.node-slide-with-video {
    /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  }
  .node-slide.node-slide-with-video .video-wrapper {
    position: absolute;
    left: 10px;
    z-index: 2;
  }
  .node-slide.node-slide-with-video .video-wrapper.video-top {
    width: 50%;
    top: 10px;
  }
  .node-slide.node-slide-with-video .video-wrapper.video-bottom {
    width: 50%;
    bottom: 10px;
  }
}
@media (min-width: 992px) {
  .node-slide.node-slide-with-video {
    /* Large devices (desktops, 992px and up) */
  }
  .node-slide.node-slide-with-video .slide-title, .node-slide.node-slide-with-video .slide-subtitle, .node-slide.node-slide-with-video .slide-body, .node-slide.node-slide-with-video .background-wrapper {
    left: 10px;
    width: 100%;
  }
  .node-slide.node-slide-with-video .slide-title, .node-slide.node-slide-with-video .slide-subtitle, .node-slide.node-slide-with-video .slide-body {
    position: relative;
  }
  .node-slide.node-slide-with-video .slide-title h2, .node-slide.node-slide-with-video .slide-title h3, .node-slide.node-slide-with-video .slide-subtitle h2, .node-slide.node-slide-with-video .slide-subtitle h3, .node-slide.node-slide-with-video .slide-body h2, .node-slide.node-slide-with-video .slide-body h3 {
    color: rgb(255, 255, 255);
  }
  .node-slide.node-slide-with-video .slide-body {
    max-width: 60%;
  }
  .node-slide.node-slide-with-video .slide-body p {
    font-size: 1.2em;
  }
  .node-slide.node-slide-with-video .slide-title {
    margin-top: 0.7em;
  }
}
@media (min-width: 1200px) {
  .node-slide.node-slide-with-video {
    /* Extra large devices (large desktops, 1200px and up) */
  }
}

.gradient-background {
  position: relative;
}
.gradient-background .text-wrapper {
  width: calc(100% - 26px);
  margin: auto;
}
@media (min-width: 768px) {
  .gradient-background {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    left: 0;
    top: 0;
  }
  .gradient-background .text-wrapper {
    max-width: 24rem;
  }
  .gradient-background .text-wrapper.position-left {
    margin-left: 2.5rem;
  }
  .gradient-background .text-wrapper.position-right {
    margin-right: 2.5rem;
  }
  .gradient-background .text-wrapper.position-center {
    margin-inline: auto;
    text-align: center;
  }
  .gradient-background .text-wrapper.position-center .hero-mp4-btn-wrapper {
    justify-content: center;
  }
  .gradient-background .text-wrapper div {
    width: 100%;
  }
  .gradient-background .text-wrapper .hero-mp4-btn-wrapper {
    display: flex;
    gap: 1.5rem;
  }
}

.node-slide-hero-large {
  position: relative;
  min-width: 344px;
  padding-bottom: 2.25rem;
}
.node-slide-hero-large h2, .node-slide-hero-large h6, .node-slide-hero-large p {
  color: rgb(255, 255, 255);
}
.node-slide-hero-large h6 {
  font-size: clamp(0.8125rem, 0.7429rem + 0.2857vw, 1rem);
}
.node-slide-hero-large h2 {
  font-size: clamp(2.5rem, 2.1054rem + 1.619vw, 3.5625rem);
}
.node-slide-hero-large a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
@media (min-width: 768px) {
  .node-slide-hero-large {
    padding-bottom: initial;
  }
}
.node-slide-hero-large img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
.node-slide-hero-large .background-wrapper video {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 21/9;
}
.node-slide-hero-large .hero-background {
  width: 100%;
  position: relative;
}
.node-slide-hero-large .hero-background > a {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .node-slide-hero-large .hero-background > .background-wrapper {
    display: contents;
  }
}
@media (max-width: 767px) {
  .node-slide-hero-large .hero-background > .a, .node-slide-hero-large .hero-background > .background-wrapper {
    margin-block-end: -20%;
  }
  .node-slide-hero-large .hero-background > .a::after, .node-slide-hero-large .hero-background > .background-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
}
.node-slide-hero-large .hero-background > .a img, .node-slide-hero-large .hero-background > .background-wrapper img {
  z-index: 1;
}
.node-slide-hero-large .hero-background > .a video, .node-slide-hero-large .hero-background > .background-wrapper video {
  display: flex;
}
.node-slide-hero-large .text-wrapper .hero-mp4-btn-wrapper {
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
@media (min-width: 768px) {
  .node-slide-hero-large .text-wrapper .hero-mp4-btn-wrapper {
    flex-direction: row;
  }
}
.node-slide-hero-large .text-wrapper .hero-mp4-btn-wrapper button {
  border-radius: 1.2rem;
}