/* Shared styles */
.l-section--video-and-text .l-section__content {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-bottom: 80px;
  margin-top: 80px;
}
@media (min-width: 1200px) {
  .l-section--video-and-text .l-section__content {
    flex-direction: row;
  }
  .l-section--video-and-text .l-section__content .video-container {
    width: 60%;
    min-height: 395px; /* Minimum height for the video container */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Ensure iframe can be absolutely positioned within */
  }
  .l-section--video-and-text .l-section__content .video-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  .l-section--video-and-text .l-section__content .text-content__wrapper {
    width: 40%;
    padding: 30px; /* Add some padding for better readability */
  }
}
@media (max-width: 1200px) {
  .l-section--video-and-text .l-section__content .video-container {
    width: 100%;
    min-height: auto; /* Reset min-height */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Align the video to the bottom */
    align-items: center; /* Center items horizontally */
  }
  .l-section--video-and-text .l-section__content .video-container iframe {
    width: 100%;
    height: 265px; /* Default height */
  }
  .l-section--video-and-text .l-section__content .text-content__wrapper {
    width: 100%; /* Make text content full width */
    padding: 30px;
  }
}

/* Conditional alignment based on classes */
.l-section--video-and-text.cta__alignment--2 .video-container {
  order: -1;
}
@media (min-width: 1200px) {
  .l-section--video-and-text.cta__alignment--2 .video-container {
    order: 2;
  }
}

.l-section--video-and-text.cta__alignment--1 .video-container {
  order: -1;
}

/* Conditional background color */
.l-section--video-and-text.cta__color--1 .text-content__wrapper {
  background: var(--color-gray-100);
}
.l-section--video-and-text.cta__color--1 .text-content__wrapper .field--name-field-title .field__content {
  color: var(--color-bg-blue);
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 10px;
}
.l-section--video-and-text.cta__color--1 .text-content__wrapper .field--name-field-subtitle .field__content {
  color: var(--color-bg-blue);
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
}

.l-section--video-and-text.cta__color--2 .text-content__wrapper {
  background: var(--color-bg-blue);
}
.l-section--video-and-text.cta__color--2 .text-content__wrapper .field--name-field-title .field__content {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 10px;
  color: #fff;
}
.l-section--video-and-text.cta__color--2 .text-content__wrapper .field--name-field-subtitle .field__content {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
  color: #fff;
}
.l-section--video-and-text.cta__color--2 .text-content__wrapper .field--name-field-blurb .field__content p {
  color: #fff;
}

.l-section--video-and-text.cta__alignment--3 {
  display: flex;
  flex-direction: column;
}

.l-section--video-and-text.cta__alignment--3 .l-section__content {
  display: flex;
  flex-direction: column;
}

.l-section--video-and-text.cta__alignment--3 .video-container {
  width: 100%;
  min-height: unset;
}

.l-section--video-and-text.cta__alignment--3 .video-container iframe {
  width: 100%;
  height: 265px; /* Default height */
}

.l-section--video-and-text.cta__alignment--3 .text-content__wrapper {
  flex: 1;
  width: 100%;
}

/* Media Queries for different breakpoints */
@media screen and (min-width: 600px) and (max-width: 800px) {
  .l-section--video-and-text.cta__alignment--1 .video-container iframe,
  .l-section--video-and-text.cta__alignment--2 .video-container iframe,
  .l-section--video-and-text.cta__alignment--3 .video-container iframe {
    height: 315px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
  .l-section--video-and-text.cta__alignment--1 .video-container iframe,
  .l-section--video-and-text.cta__alignment--2 .video-container iframe,
  .l-section--video-and-text.cta__alignment--3 .video-container iframe {
    height: 435px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .l-section--video-and-text.cta__alignment--1 .video-container iframe,
  .l-section--video-and-text.cta__alignment--2 .video-container iframe,
  .l-section--video-and-text.cta__alignment--3 .video-container iframe {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .l-section--video-and-text.cta__alignment--3 .video-container iframe {
    height: 660px;
  }
}
/* Shared styles */
.l-section--content-section .l-section__content {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-bottom: 80px;
  margin-top: 80px;
}
@media (min-width: 1200px) {
  .l-section--content-section .l-section__content {
    flex-direction: row;
  }
  .l-section--content-section .l-section__content .video-container {
    width: 60%;
    min-height: 382px; /* Minimum height for the video container */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Ensure iframe can be absolutely positioned within */
  }
  .l-section--content-section .l-section__content .video-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
  .l-section--content-section .l-section__content .text-content__wrapper {
    width: 40%;
    padding: 30px; /* Add some padding for better readability */
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .l-section--content-section .l-section__content .video-container {
    width: 100%;
    min-height: auto; /* Reset min-height */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Align the video to the bottom */
    align-items: center; /* Center items horizontally */
  }
  .l-section--content-section .l-section__content .video-container iframe {
    width: 100%;
    height: 265px; /* Default height */
  }
  .l-section--content-section .l-section__content .text-content__wrapper {
    width: 100%; /* Make text content full width */
    padding: 30px;
  }
}

/* Conditional alignment based on classes */
.l-section--content-section.cta__alignment--2 .video-container {
  order: -1;
}
@media (min-width: 1200px) {
  .l-section--content-section.cta__alignment--2 .video-container {
    order: 2;
  }
}

.l-section--content-section.cta__alignment--1 .video-container {
  order: -1;
}

/* Conditional background color */
.l-section--content-section.cta__color--1 {
  background: var(--color-gray-100);
}
.l-section--content-section.cta__color--1 .field_title {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 10px;
  color: var(--color-bg-blue);
}
.l-section--content-section.cta__color--1 .field_subtitle {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
  color: var(--color-bg-blue);
}
.l-section--content-section.cta__color--1 .field_subtitle {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
  color: var(--color-bg-blue);
}

.l-section--content-section.cta__color--2 .text-content__wrapper {
  background: var(--color-bg-blue);
  color: #fff;
}
.l-section--content-section.cta__color--2 .text-content__wrapper .field_title {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 10px;
  color: #fff;
}
.l-section--content-section.cta__color--2 .text-content__wrapper .field_subtitle {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
  color: #fff;
}
.l-section--content-section.cta__color--2 .text-content__wrapper .field_subtitle {
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 10px;
  color: #fff;
}

.l-section--content-section.cta__color--2 .text-content__wrapper * {
  color: #fff; /* Adjust text color for better contrast */
}

.l-section--content-section.cta__alignment--3 {
  display: flex;
  flex-direction: column;
}

.l-section--content-section.cta__alignment--3 .l-section__content {
  display: flex;
  flex-direction: column;
}

.l-section--content-section.cta__alignment--3 .video-container {
  width: 100%;
  min-height: unset;
}

.l-section--content-section.cta__alignment--3 .video-container iframe {
  width: 100%;
  height: 265px; /* Default height */
}

.l-section--content-section.cta__alignment--3 .text-content__wrapper {
  flex: 1;
  width: 100%;
}

/* Media Queries for different breakpoints */
@media screen and (min-width: 600px) and (max-width: 800px) {
  .l-section--content-section.cta__alignment--1 .video-container iframe,
  .l-section--content-section.cta__alignment--2 .video-container iframe,
  .l-section--content-section.cta__alignment--3 .video-container iframe {
    height: 315px;
  }
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
  .l-section--content-section.cta__alignment--1 .video-container iframe,
  .l-section--content-section.cta__alignment--2 .video-container iframe,
  .l-section--content-section.cta__alignment--3 .video-container iframe {
    height: 435px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .l-section--content-section.cta__alignment--1 .video-container iframe,
  .l-section--content-section.cta__alignment--2 .video-container iframe,
  .l-section--content-section.cta__alignment--3 .video-container iframe {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .l-section--content-section.cta__alignment--3 .video-container iframe {
    height: 636px;
  }
}