@font-face {
  font-family: "Archivo";
  src: url(../../fonts/Archivo/Archivo/Archivo-Regular.ttf);
}
@font-face {
  font-family: "Archivo-Bold";
  src: url(../../fonts/Archivo/Archivo/Archivo-Bold.ttf);
}
@font-face {
  font-family: "Archivo Expanded";
  src: url(../../fonts/Archivo/Archivo_Expanded/Archivo_Expanded-Regular.ttf);
}
@font-face {
  font-family: "Archivo Expanded-Bold";
  src: url(../../fonts/Archivo/Archivo_Expanded/Archivo_Expanded-Bold.ttf);
}
* {
  font-family: "Archivo", sans-serif;
}

.umb-block-grid__layout-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--column-gap, 0);
  column-gap: var(--umb-block-grid--column-gap, 0);
  row-gap: var(--umb-block-grid--row-gap, 0);
}

.umb-block-grid__layout-item {
  position: relative;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(var(--umb-block-grid--item-column-span, 1) * 3, var(--umb-block-grid--grid-columns));
  grid-row: span var(--umb-block-grid--item-row-span, 1);
}

.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
  column-gap: var(--umb-block-grid--areas-column-gap, 0);
  row-gap: var(--umb-block-grid--areas-row-gap, 0);
}

.umb-block-grid__area {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(var(--umb-block-grid--area-column-span, 1) * 3, var(--umb-block-grid--area-grid-columns));
  grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width: 1024px) {
  .umb-block-grid__layout-item {
    grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
  }
  .umb-block-grid__area {
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
  }
}
label {
  display: block;
  color: #5B5B5B;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.28px;
  margin: 0 0 4px 0;
}
label.required {
  color: #F15B4E;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.28px;
}

@media (min-width: 744px) {
  .subscription-form {
    display: flex;
    gap: 16px;
  }
}

input.saddleback-input {
  height: 48px;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #929292;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
}
input.saddleback-input:focus {
  outline: none;
  border: 1px solid #7DBFE6;
}
input.saddleback-input:focus-visible {
  outline: none;
  border: 1px solid #7DBFE6;
}
input.saddleback-input.error {
  border-color: #F15B4E;
}

input[type=text], input[type=search], input[type=email], textarea {
  display: flex;
  padding: 11px 16px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid #929292;
  background: #FFFFFF;
  caret-color: #242424;
  text-align: left;
  min-width: 100%;
}
@media (min-width: 744px) {
  input[type=text], input[type=search], input[type=email], textarea {
    font-size: 16px;
    letter-spacing: 0.16px;
  }
}
input[type=text]::placeholder, input[type=search]::placeholder, input[type=email]::placeholder, textarea::placeholder {
  color: #E9E9E9;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
}
input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, textarea:focus {
  outline: none;
  border: 1px solid #7DBFE6;
}
input[type=text]:disabled, input[type=search]:disabled, input[type=email]:disabled, textarea:disabled {
  background-color: #eee;
}

textarea {
  padding: 16px;
  min-height: 94px;
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  content: url("../../../icons/check_box_outline_blank.svg");
}
input[type=checkbox]:checked {
  content: url("../../../icons/check_box.svg");
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  content: url("../../../icons/radio_button_unchecked.svg");
}
input[type=radio]:checked {
  content: url("../../../icons/radio_button_checked.svg");
}
input[type=radio]:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

section.advertisings-section {
  padding: 64px 8px;
}
@media (min-width: 744px) {
  section.advertisings-section {
    padding: 88px 24px;
  }
}
@media (min-width: 1024px) {
  section.advertisings-section {
    padding: 88px 24px;
  }
}
section.advertisings-section .advertisings-section-inner {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 1024px) {
  section.advertisings-section .advertisings-section-inner {
    grid-template-columns: repeat(2, 1fr);
  }
  section.advertisings-section .advertisings-section-inner.default-campus-ad {
    grid-template-columns: 1fr;
  }
}
section.advertisings-section .advertisings-section-inner.single {
  grid-template-columns: 1fr;
}

.advertising-card {
  border-radius: 24px;
  min-height: 435px;
  max-width: 500px;
  overflow: hidden;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.advertising-card .ad-gradient {
  background: linear-gradient(0deg, rgb(42, 42, 42) 0%, rgba(217, 217, 217, 0) 50%);
  height: 100%;
  z-index: 2;
  border-radius: 24px;
  display: flex;
  align-items: flex-end;
}
.advertising-card .ad-gradient .ad-info {
  padding: 24px 16px;
}
@media (min-width: 744px) {
  .advertising-card .ad-gradient .ad-info {
    padding: 48px;
  }
}
.advertising-card .ad-gradient .ad-info h3 {
  margin: 0 0 10px;
}
@media (min-width: 744px) {
  .advertising-card .ad-gradient .ad-info h3 {
    margin: 0 0 8px;
  }
}
.advertising-card .ad-gradient .ad-info p {
  color: #fff;
  text-transform: none;
  margin: 0;
}
.advertising-card .ad-gradient .ad-info a {
  margin: 16px 0 0;
}
@media (min-width: 500px) {
  .advertising-card {
    min-height: 609px;
    max-width: none;
  }
}

.coming-soon-container {
  background: #F3F3F2;
  padding: 64px 8px 88px;
  text-align: center;
}
@media (min-width: 744px) {
  .coming-soon-container {
    padding: 88px 24px;
  }
}
@media (min-width: 1024px) {
  .coming-soon-container {
    padding: 150px 24px 182px;
  }
}
.coming-soon-container .coming-soon-inner {
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  padding: 64px 16px;
  border-radius: 24px;
}
@media (min-width: 744px) {
  .coming-soon-container .coming-soon-inner {
    padding: 64px 34px;
  }
}
.coming-soon-container .coming-soon-inner h1 {
  width: 343px;
  margin: 0 auto 32px;
}
@media (min-width: 744px) {
  .coming-soon-container .coming-soon-inner h1 {
    width: 630px;
  }
}
@media (min-width: 1024px) {
  .coming-soon-container .coming-soon-inner h1 {
    width: unset;
  }
}
.coming-soon-container .coming-soon-inner p {
  width: 327px;
  margin: 0 auto;
}
@media (min-width: 744px) {
  .coming-soon-container .coming-soon-inner p {
    width: 512px;
  }
}
@media (min-width: 1024px) {
  .coming-soon-container .coming-soon-inner p {
    width: unset;
  }
}
.coming-soon-container .coming-soon-inner p a {
  color: #1980CC;
  font-family: "Archivo-Bold";
}

.download-app {
  background: linear-gradient(127deg, #2f56a5 0%, #f15b4e 100%);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 24px;
  padding: 40px 24px;
  overflow: hidden;
  column-gap: 0;
  row-gap: 64px;
}
@media only screen and (max-width: 600px) {
  .download-app {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 744px) {
  .download-app {
    padding: 40px 40px;
  }
}
.download-app-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.download-app-content h4 {
  color: white;
  font-family: Archivo;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.75px;
  margin: 0;
  text-transform: none;
}
.download-app-content p {
  color: white;
  font-family: Archivo;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.4px;
  max-width: 215px;
  margin: 0;
}
.download-app-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  opacity: 1;
  transition: 300ms;
}
.download-app-button:hover {
  opacity: 0.6;
  color: #A4C0F8;
}
.download-app-media {
  display: flex;
  justify-content: center;
}
.download-app-media .download-app-image {
  height: 279px;
  width: 245px;
  overflow: visible;
}

.video-popup-section {
  background: #F3F3F2;
  padding: 88px 8px;
}
@media (min-width: 744px) {
  .video-popup-section {
    padding: 88px 24px 72px;
  }
}
.video-popup-section .video-card-outer {
  max-width: 952px;
  margin: 0 auto 56px;
  position: relative;
}
.video-popup-section .video-card-outer .video-card-inner {
  margin: 0 8px 16px;
}
@media (min-width: 744px) {
  .video-popup-section .video-card-outer .video-card-inner {
    position: absolute;
    margin: 0;
    bottom: 32px;
    left: 32px;
  }
  .video-popup-section .video-card-outer .video-card-inner h3 {
    color: #fff !important;
    width: 370px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .video-popup-section .video-card-outer .video-card-inner {
    left: 48px;
    bottom: 40px;
  }
}
.video-popup-section .video-card-outer .video-card-inner .video-popup-btn {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 32px;
  background: #fff;
  border-radius: 24px;
  color: #242424;
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  min-width: 200px;
}
@media (min-width: 744px) {
  .video-popup-section .video-card-outer .video-card-inner .video-popup-btn {
    position: unset;
    transform: unset;
    display: inline-flex;
  }
}
.video-popup-section .video-card-outer .video-card-inner .video-popup-btn span {
  font-family: "Archivo";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.75px;
}
.video-popup-section .video-card-outer .video-card {
  border-radius: 24px;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.video-popup-section .video-text {
  max-width: 952px;
  margin: 0 auto 40px;
  padding: 0 16px;
}
@media (min-width: 744px) {
  .video-popup-section .video-text {
    padding: 0 24px;
  }
}
@media (min-width: 1024px) {
  .video-popup-section .video-text {
    padding: 0;
    text-align: center;
  }
}
.video-popup-section .call-to-action {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  white-space: nowrap;
}

.videoContainer {
  aspect-ratio: 16/9;
}

.video-card-gradient {
  background: linear-gradient(0deg, rgba(42, 42, 42, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
  height: 100%;
  border-radius: 24px;
}

.video-component {
  padding: 0 8px;
}
@media (min-width: 744px) {
  .video-component {
    padding: 88px 24px 0;
  }
}
.video-component .video-component-inner {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 24px;
  max-width: 952px;
  margin: 0 auto 56px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
}
.video-component .video-component-inner.active .video-info h3 {
  display: none;
}
.video-component .videoContainer {
  position: relative;
  border-radius: 24px;
}
.video-component .video-info {
  margin: 0 8px 16px;
}
.video-component .video-info h3 {
  margin-bottom: 0;
}
@media (min-width: 744px) {
  .video-component .video-info {
    position: absolute;
    margin: 0;
    bottom: 32px;
    left: 32px;
    z-index: 1;
  }
  .video-component .video-info h3 {
    color: #fff !important;
    width: 370px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .video-component .video-info {
    left: 48px;
    bottom: 40px;
  }
}
.video-component .video-description {
  max-width: 952px;
  margin: 0 auto 40px;
  padding: 0 16px;
}
@media (min-width: 744px) {
  .video-component .video-description {
    padding: 0 24px;
  }
}
@media (min-width: 1024px) {
  .video-component .video-description {
    padding: 0;
    text-align: center;
  }
}
.video-component .video-embed-btn {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 32px;
  background: #fff;
  border-radius: 24px;
  color: #242424;
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  min-width: 200px;
  z-index: 1;
  cursor: pointer;
}
@media (min-width: 744px) {
  .video-component .video-embed-btn {
    position: unset;
    transform: unset;
    display: inline-flex;
  }
}
.video-component .video-embed-btn span {
  font-family: "Archivo";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.75px;
}
.video-component iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 24px;
}

.blog-item-content-div .video-component {
  padding: 56px 0 0;
}
@media (min-width: 1024px) {
  .blog-item-content-div .video-component {
    padding: 88px 0 0;
  }
}

.video-embed-full-width-component {
  position: relative;
  max-width: 1440px;
  height: 424px;
  margin: 0 auto;
  border-radius: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 744px) {
  .video-embed-full-width-component {
    height: unset;
    aspect-ratio: 16/9;
  }
}
.video-embed-full-width-component.active .video-embed-full-width-info .video-embed-full-width-title {
  display: none;
}
.video-embed-full-width-component.active .video-card-gradient {
  opacity: 0;
}
.video-embed-full-width-component .video-embed-full-width-info {
  position: absolute;
  bottom: 22px;
  left: 16px;
  z-index: 1;
}
@media (min-width: 744px) {
  .video-embed-full-width-component .video-embed-full-width-info {
    bottom: 32px;
    left: 32px;
  }
}
@media (min-width: 1024px) {
  .video-embed-full-width-component .video-embed-full-width-info {
    left: 48px;
    bottom: 80px;
  }
}
.video-embed-full-width-component .video-embed-full-width-info .video-embed-full-width-title p {
  color: #fff;
  font-family: "Archivo-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0 0 16px 0;
  letter-spacing: unset;
  text-transform: unset;
}
@media (min-width: 744px) {
  .video-embed-full-width-component .video-embed-full-width-info .video-embed-full-width-title p {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .video-embed-full-width-component .video-embed-full-width-info .video-embed-full-width-title p {
    font-size: 32px;
    line-height: 110%;
  }
}
.video-embed-full-width-component .video-embed-full-width-info .video-embed-full-width-btn {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 32px;
  background: #fff;
  border-radius: 24px;
  color: #242424;
  border: none;
  width: fit-content;
  cursor: pointer;
}
.video-embed-full-width-component .video-embed-full-width-info .video-embed-full-width-btn span {
  font-family: "Archivo";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.75px;
}
.video-embed-full-width-component .video-container {
  border-radius: 24px;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.video-embed-full-width-component .video-container .video-card-gradient {
  background: linear-gradient(0deg, rgba(42, 42, 42, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  transition: opacity 0.3s ease-in-out;
}
.video-embed-full-width-component .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 24px;
}

.responsive-section:has(.latest-card-outer) {
  padding: 24px 8px 64px;
}
@media (min-width: 744px) {
  .responsive-section:has(.latest-card-outer) {
    padding: 40px 24px 88px;
  }
}
@media (min-width: 1024px) {
  .responsive-section:has(.latest-card-outer) {
    padding: 88px 24px;
  }
}

.watch-page-header {
  margin: 0;
}

@media (min-width: 744px) {
  .latest-message-page-header {
    margin: 0 0 40px 0;
  }
}

.latest-card-outer {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 744px) {
  .latest-card-outer {
    margin-bottom: 0;
  }
}

.message-card-inner {
  margin: 0 0 24px 0;
  padding: 0 8px;
  z-index: 100;
}
@media (min-width: 744px) {
  .message-card-inner {
    padding: 0;
    position: absolute;
    bottom: 32px;
    left: 32px;
    margin: 0;
  }
  .message-card-inner h5, .message-card-inner h3, .message-card-inner p {
    color: #fff !important;
  }
  .message-card-inner .btn.invert {
    margin-top: 32px;
    position: unset;
    transform: unset;
  }
}
@media (min-width: 1024px) {
  .message-card-inner {
    left: 48px;
    bottom: 40px;
  }
}
.message-card-inner h5 {
  color: #5B5B5B;
  margin: 0 0 4px 0;
}
.message-card-inner h3 {
  margin: 0 0 4px 0;
}
.message-card-inner p {
  margin: 0;
}
.message-card-inner .btn {
  color: #242424;
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  z-index: 100;
}
.message-card-inner .btn img {
  margin-right: 4px;
}
.message-card-inner .btn:hover {
  color: #1980CC;
  background: #fff;
}
.message-card-inner .btn:hover span, .message-card-inner .btn:hover img {
  opacity: 0.5;
}

.latest-message-card {
  position: relative;
  border-radius: 24px;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .latest-message-card {
    aspect-ratio: unset;
    min-height: 536px;
  }
}
.latest-message-card.video-embed {
  width: 100%;
}

.latest-message-card-gradient {
  background: linear-gradient(0deg, rgba(42, 42, 42, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
}

section.latest-message-section .umb-block-grid__area {
  margin: 0 8px;
}
@media (min-width: 744px) {
  section.latest-message-section .umb-block-grid__area {
    margin: 0 24px;
  }
}
@media (min-width: 1024px) {
  section.latest-message-section .umb-block-grid__area {
    --umb-block-grid--area-column-span: 8 !important;
    grid-column-start: 3;
  }
}
section.latest-message-section .umb-block-grid__area .umb-block-grid__layout-item {
  display: flex;
  flex-direction: column;
}
section.latest-message-section .umb-block-grid__area .umb-block-grid__layout-item p {
  color: var(--Black-Text, #5b5b5b);
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
}
section.latest-message-section .umb-block-grid__area .umb-block-grid__layout-item .call-to-action {
  align-self: center;
}

.umb-block-grid__layout-container:has(.latest-message-card) {
  gap: 24px;
}
@media (min-width: 744px) {
  .umb-block-grid__layout-container:has(.latest-message-card) {
    gap: 40px;
  }
}
@media (min-width: 1024px) {
  .umb-block-grid__layout-container:has(.latest-message-card) {
    gap: 24px;
  }
}

.latest-message-dialog {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.616);
  justify-content: center;
  align-items: center;
  z-index: 99;
  padding: 0;
}
.latest-message-dialog button {
  position: fixed;
  top: 32px;
  right: 32px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.latest-message-dialog video {
  width: 100%;
  height: auto;
}
@media (min-width: 744px) {
  .latest-message-dialog video {
    width: 80%;
    max-width: 1000px;
  }
}
.latest-message-dialog iframe {
  width: 100%;
  height: 400px;
}
@media (min-width: 744px) {
  .latest-message-dialog iframe {
    height: 600px;
    width: 80%;
    max-width: 1000px;
  }
}

section.browse-messages {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
  margin: 64px 0 88px;
}
section.browse-messages h3 {
  margin: 0 auto 24px;
}

.recent-messages {
  background-color: white;
  padding: 32px 16px;
  border-radius: 24px;
}
@media (min-width: 744px) {
  .recent-messages {
    padding: 32px;
  }
}
@media (min-width: 1024px) {
  .recent-messages {
    padding: 32px 42px;
    height: 100%;
  }
}
.recent-messages h3 {
  font-family: Archivo;
  font-size: 32px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 48px;
  text-align: left;
  text-transform: none;
}
.recent-messages .separator {
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
  margin: 32px 0;
}
.recent-messages .separator:last-child {
  display: none;
}
.recent-messages .recent-message {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.recent-messages .recent-message:hover .message-content, .recent-messages .recent-message:hover .play {
  opacity: 0.5;
}
.recent-messages .recent-message img.thumbnail {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
}
.recent-messages .recent-message .message-content {
  flex: 1;
  margin-left: 16px;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.recent-messages .recent-message .message-content h4 {
  font-family: Archivo;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: left;
  margin: 0;
  text-transform: none;
}
.recent-messages .recent-message .message-content span {
  font-family: Archivo;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #929292;
}

[id^=introPreviewVideo] {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 90;
  border-radius: 24px;
}
[id^=introPreviewVideo].iframe {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 80vh;
  pointer-events: none;
}
@media screen and (min-width: 1550px) {
  [id^=introPreviewVideo].iframe {
    width: 100%;
  }
}

.preview-video-filter {
  overflow: hidden;
}
.preview-video-filter:before {
  content: " ";
  display: none;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 91;
  left: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 56%);
  background: linear-gradient(0deg, rgba(42, 42, 42, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
}
@media (min-width: 744px) {
  .preview-video-filter:before {
    display: block;
  }
}

#youTubeVideoContainer {
  overflow: hidden;
  width: 100%;
  /* Keep it the right aspect-ratio */
  aspect-ratio: 16/9;
  /* No clicking/hover effects */
  pointer-events: none;
  height: unset !important;
  width: unset !important;
  position: unset !important;
}
@media (min-width: 1024px) {
  #youTubeVideoContainer {
    min-height: 536px;
  }
}
#youTubeVideoContainer iframe {
  /* Extend it beyond the viewport... */
  width: 300% !important;
  height: 100% !important;
  /* ...and bring it back again */
  margin-left: -100%;
  aspect-ratio: 16/9 !important;
  top: unset !important;
  left: unset !important;
  transform: unset !important;
  position: unset !important;
}

.location-item {
  width: 100%;
  height: 185px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 8px;
  opacity: 0.5;
  background: lightgray 50%/cover no-repeat;
  mix-blend-mode: multiply;
}
@media (min-width: 744px) {
  .location-item {
    height: 238px;
  }
}
@media (min-width: 1300px) {
  .location-item {
    width: 204px;
    height: 303px;
    opacity: 100%;
    mix-blend-mode: normal;
    border-radius: 24px;
  }
}
.location-item div {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 12px;
  background: linear-gradient(0deg, #2a2a2a 0%, rgba(217, 217, 217, 0) 100%);
  height: 40%;
}
@media (min-width: 1300px) {
  .location-item div {
    display: flex;
  }
}
.location-item div h5 {
  margin: 0;
}
.location-item div p {
  margin: 0;
}
@media (min-width: 1300px) {
  .location-item div p {
    font-size: 16px;
  }
}

section.locations {
  background: #F3F3F2;
  padding: 56px 0;
}
@media (min-width: 744px) {
  section.locations {
    padding: 88px 0;
  }
}
@media (min-width: 1024px) {
  section.locations {
    padding: 0;
  }
}
section.locations .locations-inner {
  background: #1980CC;
}
section.locations .locations-inner .locations-info-container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
}
@media (min-width: 744px) {
  section.locations .locations-inner .locations-info-container {
    padding: 12px 8px;
  }
}
@media (min-width: 1024px) {
  section.locations .locations-inner .locations-info-container {
    padding: 34px 24px;
  }
}
@media (min-width: 1504px) {
  section.locations .locations-inner .locations-info-container {
    padding: 34px 0;
  }
}
section.locations .locations-inner .description {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: absolute;
  width: 100%;
  overflow-x: hidden;
  left: 0;
  right: 0;
  align-items: center;
}
@media (min-width: 1300px) {
  section.locations .locations-inner .description {
    position: unset;
    align-items: flex-start;
    order: 1;
  }
}
section.locations .locations-inner .description p {
  display: none;
}
section.locations .locations-inner .description h3 {
  margin: 0;
}
section.locations .locations-inner .description p {
  max-width: 531px;
}
@media (min-width: 744px) {
  section.locations .locations-inner .description p {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 531px;
  }
}
@media (min-width: 1300px) {
  section.locations .locations-inner .description p {
    display: block;
    max-width: 450px;
    text-align: left;
    margin: 0 24px 0 0;
  }
}
section.locations .locations-inner .description a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
section.locations .locations-inner .items {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 8px;
}
@media (min-width: 1300px) {
  section.locations .locations-inner .items {
    gap: 16px;
    order: 2;
  }
}
section.locations .locations-inner .locations-link-text {
  display: flex;
  align-items: center;
  opacity: 1;
  transition: 300ms;
}
section.locations .locations-inner .locations-link-text:hover {
  opacity: 0.6;
  color: #A4C0F8;
}
section.locations .locations-inner .locations-link-text span {
  margin-right: 4px;
}

.quick-start {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

.quick-start-card {
  flex: 1;
  border-radius: 24px;
  background: var(--White, #fff);
  display: flex;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  max-height: 88px;
}
.quick-start-card:hover {
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
.quick-start-card:hover .quick-start-arrow {
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .quick-start-card {
    padding: 24px 16px;
  }
}
.quick-start-card.selected {
  background: var(--Primary-Blue, #1980CC);
}
.quick-start-card.selected:hover {
  background: #1980CC;
}
.quick-start-card.selected .quick-start-icon {
  background-color: var(--White, #fff);
}
.quick-start-card.selected .quick-start-icon img {
  filter: invert(43%) sepia(18%) saturate(3372%) hue-rotate(193deg) brightness(106%) contrast(88%);
}
.quick-start-card.selected span {
  color: var(--White, #fff);
}
.quick-start-card.selected .quick-start-arrow {
  filter: none;
}
.quick-start-card .quick-start-icon {
  background-color: var(--Primary-Blue, #1980CC);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-start-card span {
  color: var(--Black, #242424);
  font-family: Archivo;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  /* 120% */
  letter-spacing: 0.6px;
  margin-left: 16px;
  flex: 1;
}
.quick-start-card .quick-start-arrow {
  filter: invert(43%) sepia(18%) saturate(3372%) hue-rotate(193deg) brightness(106%) contrast(88%);
}
.quick-start-card:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

section.next-steps-section .umb-block-grid__layout-container {
  gap: 24px;
}

.umb-block-grid__layout-container:has(.quick-start) {
  grid-auto-rows: auto;
  height: 100%;
}

.paragraph-with-header-section {
  text-align: center;
  padding: 88px 8px 0;
}
.paragraph-with-header-section p {
  max-width: 960px;
  margin: 0 auto;
}
.paragraph-with-header-section p:nth-last-child(2), .paragraph-with-header-section p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 744px) {
  .paragraph-with-header-section {
    padding: 88px 24px 0;
  }
}

.responsive-section {
  padding: 88px 8px;
  gap: 24px;
}
.responsive-section .responsive-section-inner {
  max-width: 1440px;
  margin: 0 auto;
}
.responsive-section.top-level {
  padding: 24px 8px 88px;
}
@media (min-width: 744px) {
  .responsive-section.top-level {
    padding: 48px 8px 88px;
  }
}
@media (min-width: 1024px) {
  .responsive-section {
    padding: 88px 24px;
  }
}

.responsive-section:has(.info-card) {
  padding: 0 8px 94px;
}
@media (min-width: 1024px) {
  .responsive-section:has(.info-card) {
    padding: 88px 24px;
  }
}

.responsive-section:has(.recent-messages) {
  padding: 24px 8px 0;
}
@media (min-width: 744px) {
  .responsive-section:has(.recent-messages) {
    padding: 40px 24px 0;
  }
}
@media (min-width: 1024px) {
  .responsive-section:has(.recent-messages) {
    padding: 48px 24px 0;
  }
}
.responsive-section:has(.recent-messages) h2 {
  margin-bottom: 0;
}

@media (min-width: 744px) {
  .responsive-section:has(.text-card) {
    padding: 88px 24px;
  }
}

.social-media {
  border-radius: 24px;
  background: var(--White, #fff);
  padding: 40px 24px;
  height: calc(100% - 64px);
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (min-width: 600px) {
  .social-media {
    padding: 40px 40px 55px;
  }
}
.social-media .social-media-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1000px) {
  .social-media .social-media-content {
    margin-top: 32px;
  }
}
.social-media .social-media-content .social-media-accounts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 32px;
}
@media only screen and (max-width: 600px) {
  .social-media .social-media-content .social-media-accounts {
    grid-template-columns: repeat(2, 1fr);
  }
}
.social-media .social-media-content .social-media-accounts .social-media-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 600px) {
  .social-media .social-media-content .social-media-accounts .social-media-item {
    gap: 8px;
  }
}
.social-media .social-media-content .social-media-accounts .social-media-item span {
  color: var(--Black, #242424);
  text-align: center;
  font-family: Archivo-Bold;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.social-media .social-media-content .social-media-accounts .social-media-item .social-media-icon {
  background-color: var(--Black, #242424);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: 300ms;
}
.social-media .social-media-content .social-media-accounts .social-media-item .social-media-icon:hover {
  background-color: #7DBFE6;
  opacity: 0.6;
}
.social-media .social-media-content .social-media-accounts .social-media-item .social-media-icon img {
  width: 24px;
  height: 24px;
}
.social-media h3 {
  margin: 0;
}

.umb-block-grid__layout-container:has(.social-media) {
  gap: 24px;
}

.saddleback-dropdown {
  width: 100%;
  max-width: 343px !important;
}
.saddleback-dropdown .select2-container .select2-selection--single {
  height: 48px;
  display: flex;
  align-items: center;
  color: #242424;
  font-size: 16px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.16px;
  border: 1px solid #929292;
  border-radius: 16px;
}
.saddleback-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered,
.saddleback-dropdown .select2-container--events-select .select2-selection--single .select2-selection__rendered {
  color: #242424;
  padding-right: 24px;
  padding-left: 16px;
}
.saddleback-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow,
.saddleback-dropdown .select2-container--events-select .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 16px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saddleback-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,
.saddleback-dropdown .select2-container--events-select .select2-selection--single .select2-selection__arrow b {
  border-width: unset;
  border-color: transparent !important;
  position: unset;
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.saddleback-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b:before,
.saddleback-dropdown .select2-container--events-select .select2-selection--single .select2-selection__arrow b:before {
  content: "\e907" !important;
  vertical-align: middle !important;
  text-align: center !important;
  color: #242424;
  font-family: "icomoon" !important;
  font-size: 24px;
  font-weight: normal;
  transition: all ease 0.5s;
}
.saddleback-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: unset;
}
.saddleback-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  transform: rotate(180deg);
}
.saddleback-dropdown .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.saddleback-dropdown .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 16px;
}
.saddleback-dropdown select[disabled] + .select2-container .select2-selection__rendered {
  color: #C8C8C8;
}
.saddleback-dropdown select[disabled] + .select2-container .select2-selection__arrow b:before {
  color: #C8C8C8 !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: transparent !important;
  color: #242424 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #F3F3F2 !important;
  color: #242424 !important;
  border-radius: 8px;
  margin-right: 4px;
}

.select2-results__option {
  padding: 12px 8px !important;
  margin-bottom: 0;
  font-size: 16px;
}

.select2-results__options {
  font-size: 16px;
  color: #242424 !important;
}

span.select2-dropdown.select2-dropdown--above {
  border: 1px solid #929292;
  box-shadow: 0px 8px 24px 0px rgba(17, 12, 12, 0.15);
  border-radius: 16px;
  margin-top: -6px;
  padding: 24px 0 24px 16px;
}

span.select2-dropdown.select2-dropdown--below {
  border: 1px solid #929292;
  box-shadow: 0px 8px 24px 0px rgba(17, 12, 12, 0.15);
  border-radius: 16px;
  margin-top: 6px;
  padding: 24px 0 24px 16px;
}

.select2-results__options::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
  background-color: #e9e9e9;
  height: 8px;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #929292;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-button {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 16px !important;
  border-color: #929292;
  padding-right: 24px;
  padding-left: 16px;
  padding-bottom: 0;
  padding-top: 0;
  border: 1px solid #929292;
  height: 48px;
  width: 100%;
  position: relative;
}
.select2-container--default .select2-selection--multiple::after {
  content: "\e907" !important;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "icomoon" !important;
  font-size: 24px;
  color: #242424;
  pointer-events: none;
}
.select2-container--default .select2-selection--multiple textarea {
  min-height: unset;
  border-radius: 0;
  margin: 0;
  line-height: 0;
}
.select2-container--default .select2-selection--multiple .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
  margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  /* Remove the default remove button */
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: Archivo;
  color: #242424;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.16px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid 1px #929292;
}

/* Rotate the arrow when dropdown is open */
.select2-container--open .select2-selection--multiple:after {
  transform: translateY(-50%) rotate(180deg);
}

.select2-container .select2-search--inline .select2-search__field {
  margin: 0;
}
.select2-container .checkbox-container .checkbox-option {
  display: flex;
  align-items: center;
  column-gap: 8px;
  cursor: pointer;
}
.select2-container .checkbox-container .checkbox-option .checkbox-input {
  margin-bottom: 0;
}
.select2-container .checkbox-container .checkbox-option input[type=checkbox] {
  filter: brightness(0) saturate(100%) invert(41%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(92%) contrast(84%);
  cursor: p;
}
.select2-container .checkbox-container .checkbox-option input[type=checkbox]:checked {
  content: url(../../../icons/check_box_blue.svg);
  filter: brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(1539%) hue-rotate(187deg) brightness(95%) contrast(101%);
}
.select2-container .checkbox-container .checkbox-option .checkbox-label {
  font-size: 16px;
  letter-spacing: 0.16px;
  line-height: 0;
}

.select2-search--dropdown {
  padding: 0 16px 0 0;
  position: relative; /* Make this relative for absolute positioning */
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 48px;
  border: 1px solid #929292;
  border-radius: 16px;
  padding: 12px 16px 12px 40px; /* Add left padding for the icon */
  width: 100%;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  border: 1px solid #929292 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Add this new rule for the icon */
.select2-search--dropdown:before {
  content: "";
  background-image: url(../../../icons/search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 16px;
  top: 12px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  z-index: 1;
  filter: invert(91%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(94%) contrast(93%);
}

.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single:focus-visible {
  border: 1px solid #929292 !important;
  outline: none !important;
  box-shadow: none !important;
}

.info-card-section {
  background: #f3f3f2;
  padding: 88px 8px 88px;
}
@media (min-width: 744px) {
  .info-card-section {
    padding: 88px 24px 88px;
  }
  .info-card-section .info-card-info {
    padding: 24px 40px 32px;
  }
  .info-card-section .info-card-info.no-image {
    padding: 32px 40px;
  }
}

.info-card-container {
  max-width: 1440px;
  margin: 0 auto;
}
.info-card-container .umb-block-grid__layout-container:has(.info-card) {
  grid-gap: 32px 24px;
}

/* for cards that are 4 across */
.info-card-section .umb-block-grid__layout-item:has(.info-card-info.no-image-card) {
  position: relative;
  /* Adjust this calculation to ensure 4-card layouts take full width */
  grid-column-end: span min(var(--umb-block-grid--item-column-span, 1) * 4, var(--umb-block-grid--grid-columns));
  grid-row: span var(--umb-block-grid--item-row-span, 1);
}

.umb-block-grid__layout-item:has(.info-card) {
  width: 100%;
  margin: 0 auto 0px;
}

.umb-block-grid__layout-item:has(.select2-dropdown) {
  z-index: 1;
}

/* This is for info cards with icon and text only */
/* Tablet styles (2x2 grid) */
@media (min-width: 744px) {
  /* Target only the info cards within this specific section */
  .info-card-section .umb-block-grid__layout-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px;
  }
  /* Make each card take exactly one column */
  .info-card-section .umb-block-grid__layout-item:has(.info-card.no-image-card) {
    grid-column-end: span 1 !important;
    width: 100%;
  }
}
/* Desktop styles - restore original layout */
@media (min-width: 1024px) {
  .info-card-section .umb-block-grid__layout-container {
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 12), minmax(0, 1fr)) !important;
  }
  .info-card-section .umb-block-grid__layout-item:has(.info-card.no-image-card) {
    grid-column-end: span var(--umb-block-grid--item-column-span, 3) !important;
  }
}
/* End info cards with icon and text only */
.info-card {
  width: 100%;
  border-radius: 24px;
  background: #fff;
  height: 100%;
  container: card/inline-size;
  transition: box-shadow 0.1s;
}
.info-card:hover {
  box-shadow: 0 0 12px rgba(33, 33, 33, 0.2);
}
.info-card.full-image {
  height: 398px;
  transition: all 0.3s ease-in-out;
}
.info-card.full-image .info-card-img {
  display: none;
}
.info-card.full-image .info-card-info {
  justify-content: flex-end;
}
.info-card.full-image .info-card-info .info-card-button {
  margin: 0;
}
@media (min-width: 744px) {
  .info-card.full-image {
    height: 452px;
  }
  .info-card.full-image .info-card-title,
  .info-card.full-image .info-card-text {
    max-width: 420px;
  }
}
.info-card.blue-card {
  background-color: #1980CC;
}
.info-card .info-card-inner {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@container card (min-width: 744px) {
  .info-card .info-card-inner .info-card-info {
    padding: 24px 40px 32px;
  }
}
@container card (min-width: 1024px) {
  .info-card img {
    margin: 0 32px 0 0;
  }
  .info-card .info-card-inner {
    flex-direction: row;
    align-items: center;
  }
  .info-card .info-card-inner h2 {
    font-size: 32px;
  }
  .info-card .info-card-img {
    min-width: 50%;
    width: 50%;
    height: 100%;
    min-height: 452px;
    border-top-right-radius: 0;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }
  .info-card .info-card-info {
    width: 50%;
    height: auto;
    padding: 24px 48px 32px 40px !important;
  }
}

.info-card.no-image-card {
  min-height: 255px;
}
.info-card.no-image-card .info-card-inner .info-card-info.no-image-card {
  padding-bottom: 24px;
}
.info-card.no-image-card .info-card-inner .info-card-info.no-image-card .icon-and-title {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
@media (min-width: 744px) {
  .info-card.no-image-card .info-card-inner .info-card-info.no-image-card .icon-and-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.info-card.no-image-card .info-card-inner .info-card-info.no-image-card .icon-and-title h3 {
  font-size: 24px;
}
@media (min-width: 744px) {
  .info-card.no-image-card .info-card-inner .info-card-info.no-image-card .icon-and-title h3 {
    font-size: 32px;
  }
}
.info-card.no-image-card .info-card-inner .info-card-info.no-image-card .info-card-text.no-image-card {
  margin-bottom: 24px;
}
.info-card.no-image-card .info-card-inner .info-card-info.no-image-card .info-card-text.no-image-card p {
  font-size: 16px;
}
.info-card.no-image-card .info-card-inner .info-card-info.no-image-card.no-icon {
  padding: 32px 24px;
}

.cards-wrapper.thumbnail-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  width: 100%;
}
@media (min-width: 1024px) {
  .cards-wrapper.thumbnail-card {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card {
    min-width: 0;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 744px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info {
    flex-direction: row;
    column-gap: 32px;
    align-items: flex-start;
    padding: 32px;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-header-div {
  display: flex;
  column-gap: 24px;
  align-items: center;
  margin-bottom: 24px;
  flex-direction: column;
}
@media (min-width: 744px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-header-div {
    flex-shrink: 0;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-header-div .thumbnail-card-image-div {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
@media (min-width: 744px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-header-div .thumbnail-card-image-div {
    width: 160px;
    height: 160px;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-header-div .thumbnail-card-image-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}
@media (min-width: 744px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-header-div .thumbnail-card-title.mobile {
    display: none;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-text-div {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 744px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-text-div .thumbnail-card-title.mobile {
    display: none;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-text-div .thumbnail-card-title.tablet-desktop {
  display: none;
}
@media (min-width: 744px) {
  .cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-text-div .thumbnail-card-title.tablet-desktop {
    display: block;
  }
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-text-div .thumbnail-card-text {
  color: #929292;
  margin-bottom: 24px;
  flex: 1;
}
.cards-wrapper.thumbnail-card .info-card.thumbnail-card .info-card-inner .info-card-info .thumbnail-card-text-div a.btn {
  margin-top: auto;
  align-self: flex-start;
}

.info-card-img {
  display: block;
  width: 100%;
  min-height: 328px;
  border-top-right-radius: 24px;
  border-top-left-radius: 24px;
}

.info-card-info {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 24px 24px 32px;
}
.info-card-info .card-icon-container {
  width: 40px;
  height: 40px;
  background-color: #1980CC;
  border-radius: 50%;
  align-content: center;
  text-align: center;
  padding: 8px;
  margin-bottom: 16px;
}
.info-card-info .card-icon-container.blue-card {
  background-color: #FFFFFF;
}
.info-card-info .card-icon-container.blue-card img {
  filter: invert(48%) sepia(68%) saturate(1261%) hue-rotate(189deg) brightness(96%) contrast(98%);
}
.info-card-info .card-icon-container img {
  width: 24px;
  height: 24px;
}
.info-card-info .info-card-dropdown {
  margin: auto 0 0;
}
@media (min-width: 744px) {
  .info-card-info .subscription-form {
    margin: auto 0 0;
  }
  .info-card-info .subscription-form input {
    margin-bottom: 0;
    min-width: unset;
    flex-shrink: unset;
  }
}

.info-card-text {
  margin: 0 0 32px;
}
.info-card-text p {
  margin-bottom: 16px;
}
.info-card-text p:last-of-type {
  margin-bottom: 0;
}
.info-card-text.blue-card p {
  color: #FFFFFF;
}

.info-card-button {
  margin: auto 0 0;
}

.info-card-video-open img {
  margin-right: 4px;
}

/* Text Card Styles */
.responsive-section .umb-block-grid__layout-container:has(.tc-container) {
  grid-gap: 24px 16px;
}
@media (min-width: 744px) {
  .responsive-section .umb-block-grid__layout-container:has(.tc-container) {
    display: grid;
    grid-template-columns: repeat(12, 1fr) !important;
  }
}
@media (min-width: 1024px) {
  .responsive-section .umb-block-grid__layout-container:has(.tc-container) {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 744px) {
  .responsive-section .umb-block-grid__layout-item[data-col-span="6"]:has(.tc-container),
  .responsive-section .umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 6"]:has(.tc-container) {
    grid-column-end: span 6 !important;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .responsive-section .umb-block-grid__layout-item[data-col-span="6"]:has(.tc-container),
  .responsive-section .umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 6"]:has(.tc-container) {
    grid-column-end: span 6 !important;
  }
}
@media (min-width: 744px) {
  .responsive-section .umb-block-grid__layout-item[data-col-span="4"]:has(.tc-container),
  .responsive-section .umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 4"]:has(.tc-container) {
    grid-column-end: span 6 !important;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .responsive-section .umb-block-grid__layout-item[data-col-span="4"]:has(.tc-container),
  .responsive-section .umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 4"]:has(.tc-container) {
    grid-column-end: span 4 !important;
  }
}
@media (min-width: 744px) {
  .responsive-section .umb-block-grid__layout-item[data-col-span="12"]:has(.tc-container),
  .responsive-section .umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 12"]:has(.tc-container) {
    grid-column-end: span 12 !important;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .responsive-section .umb-block-grid__layout-item[data-col-span="12"]:has(.tc-container),
  .responsive-section .umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 12"]:has(.tc-container) {
    grid-column-end: span 12 !important;
  }
}

.tc-container {
  /* CTA Button in Text Card */
}
.tc-container.tc-full-height {
  display: flex;
  width: 100%;
  height: 100%;
}
.tc-container .text-card {
  padding: 32px 16px;
  border-radius: 24px;
}
@media (min-width: 744px) {
  .tc-container .text-card {
    padding: 40px;
  }
}
.tc-container .text-card.tc-full-height {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.tc-container .text-card:hover {
  box-shadow: 0 0 12px rgba(33, 33, 33, 0.2);
}
.tc-container .text-card.no-shadow:hover {
  box-shadow: none;
}
.tc-container .cta-btn-container {
  justify-content: flex-start;
}
.tc-container .umb-block-grid__layout-container:has(.cta-btn-container) {
  gap: 16px;
}

/* End Text Card Styles */
.info-card:not(.full-image) .info-card-btn-container {
  margin: auto 0 0;
}
.info-card:not(.full-image) .info-card-btn-container.two-btns {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
@container card (min-width: 500px) {
  .info-card:not(.full-image) .info-card-btn-container.two-btns {
    flex-direction: row;
    gap: 16px;
  }
}

.inline-video-container {
  width: 100%;
  height: 100%;
}
.inline-video-container iframe {
  width: 100%;
  height: 100%;
  border-radius: 24px 24px 0 0;
}
@container card (min-width: 744px) {
  .inline-video-container iframe {
    border-radius: 24px 0 0 24px;
  }
}

.inline-video-img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  background-position: center;
  background-size: 175%;
  max-height: 328px;
  height: 100%;
}
@container card (min-width: 300px) {
  .inline-video-img {
    background-size: 195%;
  }
}
@container card (min-width: 390px) {
  .inline-video-img {
    background-size: 150%;
  }
}
@container card (min-width: 405px) {
  .inline-video-img {
    background-size: 145%;
  }
}
@container card (min-width: 500px) {
  .inline-video-img {
    background-size: 115%;
  }
}
@container card (min-width: 670px) {
  .inline-video-img {
    background-size: 100%;
  }
}
@container card (min-width: 1024px) {
  .inline-video-img {
    background-size: 140%;
    min-height: 406px !important;
  }
}
@container card (min-width: 1240px) {
  .inline-video-img {
    background-size: 115%;
  }
}
@container card (min-width: 1440px) {
  .inline-video-img {
    background-size: 101%;
  }
}
.inline-video-img .videoContainer {
  width: 100%;
  height: 100%;
  border-radius: 24px 24px 0 0;
}
.inline-video-img .videoContainer.vimeo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: 0;
  filter: blur(10px);
  -moz-filter: blur(10px);
  -webkit-filter: blur(10px);
  -o-filter: blur(10px);
  transition: all 2s linear;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  -o-transition: all 2s linear;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 24px 24px 0 0;
}
@container card (min-width: 1024px) {
  .inline-video-img .videoContainer.vimeo:before {
    border-radius: 0;
  }
}
@container card (min-width: 1240px) {
  .inline-video-img .videoContainer.vimeo:before {
    border-radius: 24px 0 0 24px;
  }
}
.inline-video-img .videoContainer .fluid-width-video-wrapper {
  padding-top: 56.25% !important;
}
.inline-video-img .videoContainer iframe {
  border-radius: 24px 24px 0 0;
  height: 100%;
}
@container card (min-width: 1024px) {
  .inline-video-img .videoContainer {
    border-radius: 0;
  }
  .inline-video-img .videoContainer iframe {
    border-radius: 0;
  }
}
@container card (min-width: 1240px) {
  .inline-video-img .videoContainer {
    border-radius: 24px 0 0 24px;
  }
  .inline-video-img .videoContainer iframe {
    border-radius: 24px 0 0 24px;
  }
}
.inline-video-img .play-inline-video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.inline-video-img .fluid-width-video-wrapper {
  height: 100%;
}
@container card (min-width: 580px) {
  .inline-video-img .fluid-width-video-wrapper {
    position: unset;
  }
}
@container card (min-width: 1024px) {
  .inline-video-img .fluid-width-video-wrapper {
    position: relative;
  }
}

.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info {
  padding: 40px 32px;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .my-commitment {
  border-bottom: solid 1px #E9E9E9;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .my-commitment p {
  margin-bottom: 24px;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now p {
  margin-bottom: 24px;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .direct-giving {
  display: flex;
  justify-content: center;
  border: solid 1px #E9E9E9;
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 16px;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .direct-giving .direct-giving-inner p {
  margin-bottom: 0;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .direct-giving .direct-giving-inner p:first-of-type {
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  letter-spacing: 0.6px;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .direct-giving .direct-giving-inner p:last-of-type {
  font-size: 14px;
}
@media (min-width: 744px) {
  .info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .direct-giving .direct-giving-inner p:last-of-type {
    font-size: 20px;
  }
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .giving-contact {
  text-align: center;
  margin-bottom: 0;
}
.info-card.commitment-widget:has(.berlin-giving) .info-card-inner .info-card-info .berlin-giving .give-to-dream-now .giving-contact a {
  text-decoration: underline;
}

.hc-commitment-widget {
  height: 100%;
}
.hc-commitment-widget .hc-ui {
  height: 100%;
}
.hc-commitment-widget .hc-ui .widget-content {
  height: 100%;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment {
  height: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment * {
  font-family: inherit;
  font-size: inherit;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--sign_in_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--give_now_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_save_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_cancel_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--crypto_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--stocks_button {
  border-radius: 24px;
  display: inline-flex;
  min-width: 200px;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #1980CC;
  background-color: #FFFFFF;
  text-align: center;
  font-family: Archivo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.75px;
  border: none;
  cursor: pointer;
  width: unset;
  box-shadow: inset 0 0 0 2px #1980CC;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--sign_in_button:disabled,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--give_now_button:disabled,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_save_button:disabled,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_cancel_button:disabled,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--crypto_button:disabled,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--stocks_button:disabled {
  background-color: #C8C8C8;
  color: #FFFFFF;
  box-shadow: none;
  cursor: not-allowed;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--sign_in_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_save_button {
  color: #FFFFFF;
  background-color: #1980CC;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_save_button,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_cancel_button {
  width: 100%;
}
@media (min-width: 744px) {
  .hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_save_button,
  .hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment #hc_giving_campaign_commitment--setup_commitment_cancel_button {
    width: unset;
  }
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--give_now_container {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E9E9E9;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .ui.a.hc_giving_campaign_commitment--existing_commitment_edit_link_button {
  color: #1980CC;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--setup_commitment_title,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--give_now_title {
  font-size: 2em;
  font-weight: 1000;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_disclaimer {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.28px;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_title_container {
  justify-content: space-between;
  gap: 16px;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_title_container .hc_giving_campaign_commitment--existing_commitment_title_container_left_col,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_title_container .hc_giving_campaign_commitment--existing_commitment_title_container_tight_col {
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_container_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 32px;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_container_content .hc_giving_campaign_commitment--existing_commitment_goal_container,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_container_content .hc_giving_campaign_commitment--existing_commitment_funded_container,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_container_content .hc_giving_campaign_commitment--existing_commitment_remaining_container,
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_container_content .hc_giving_campaign_commitment--existing_commitment_scheduled_container {
  margin: 0;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_amounts_container_content .MuiTypography-caption {
  color: #7DBFE6;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment .hc_giving_campaign_commitment--existing_commitment_data_container {
  justify-content: center;
  gap: 24px;
}
.hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--button_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--button_container button {
  margin: 0;
  width: 100%;
  min-width: 164px !important;
}
@container card (min-width: 575px) {
  .hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--button_container {
    flex-direction: row;
  }
}
@container card (min-width: 1024px) {
  .hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--button_container {
    flex-direction: column;
  }
}
@container card (min-width: 1242px) {
  .hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--button_container {
    flex-direction: row;
  }
}
.hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--sign_in_message {
  margin-bottom: 16px;
}
.hc-commitment-widget .hc-ui .hc_giving_campaign_commitment--give_now_copy {
  margin-bottom: 24px;
}

@media screen and (max-width: 744px) {
  .mfp-container:has(.share-popup) {
    padding: 0;
  }
}
@media screen and (max-width: 744px) {
  .mfp-container:has(.share-popup) .mfp-close {
    top: 8px;
    right: 8px;
  }
}

.mfp-content .videoContainer.vimeo + .mfp-close {
  top: -24px;
  right: -10px;
}

button.btn {
  border: none;
}

.share-popup ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
.share-popup ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.share-popup .popup-inner .share-type-selector {
  display: inline-flex;
  align-items: center;
  background-color: #E9E9E9;
  border-radius: 16px;
  padding: 4px;
  margin-bottom: 24px;
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-type-selector {
    margin-bottom: 40px;
  }
}
.share-popup .popup-inner .share-type-selector .type {
  padding: 8px 16px;
  cursor: pointer;
  margin: 0;
  min-width: 75px;
  text-align: center;
}
.share-popup .popup-inner .share-type-selector .type.active {
  border-radius: 16px;
  background: #FFFFFF;
  color: #242424;
  font-weight: 700;
  box-shadow: 2px 0px 3px 0px rgba(28, 27, 31, 0.15);
}
.share-popup .popup-inner .share-content-section .content ::placeholder {
  color: #929292;
}
.share-popup .popup-inner .share-content-section .content .required {
  color: #5B5B5B;
}
.share-popup .popup-inner .share-content-section .content .required::after {
  content: "*";
  color: #F15B4E;
}
.share-popup .popup-inner .share-content-section .content .saddleback-dropdown {
  max-width: unset !important;
  margin-bottom: 16px;
}
.share-popup .popup-inner .share-content-section .content .saddleback-dropdown.disabled .select2-selection {
  background-color: #E9E9E9;
  border: 1px solid #C8C8C8;
  color: #C8C8C8;
}
.share-popup .popup-inner .share-content-section .content .saddleback-dropdown.disabled .select2-selection .select2-selection__arrow {
  display: none;
}
.share-popup .popup-inner .share-content-section .content .saddleback-dropdown.disabled * {
  pointer-events: none;
  cursor: not-allowed;
}
.share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper {
    justify-content: end;
  }
}
.share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper .continue-text {
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.3s;
  cursor: pointer;
}
.share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper .continue-text:hover {
  filter: brightness(125%);
}
.share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper .continue-text .icon-right-arrow {
  color: #1980CC;
  font-size: 24px;
}
.share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper .disabled {
  color: #C8C8C8 !important;
  cursor: default;
}
.share-popup .popup-inner .share-content-section .content.email .continue-text-wrapper .disabled:hover {
  filter: none;
}
.share-popup .popup-inner .share-content-section .content.email .edit-info-text {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: filter 0.3s;
  margin-bottom: 24px;
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-content-section .content.email .edit-info-text {
    margin-bottom: 32px;
  }
}
.share-popup .popup-inner .share-content-section .content.email .edit-info-text:hover {
  filter: brightness(300%);
}
.share-popup .popup-inner .share-content-section .content.email .edit-info-text .icon-dropdown {
  rotate: 90deg;
}
.share-popup .popup-inner .share-content-section .content.email .result-wrapper {
  margin-bottom: 32px;
}
.share-popup .popup-inner .share-content-section .content.email .result-wrapper textarea {
  min-height: 208px;
  resize: vertical;
}
.share-popup .popup-inner .share-content-section .content.email .button-wrapper {
  display: flex;
  justify-content: center;
}
.share-popup .popup-inner .share-content-section .content.email .button-wrapper .btn .loading-spinner {
  border: 4px solid rgba(255, 255, 255, 0.75);
  border-top: 4px solid transparent;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: spin 0.75s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.share-popup .popup-inner .share-content-section .content.email .result-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}
.share-popup .popup-inner .share-content-section .content.email .result-modal .icon {
  width: 142px;
  height: 142px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding: 28px;
  margin-bottom: 32px;
}
.share-popup .popup-inner .share-content-section .content.email .result-modal .icon.success {
  background-color: #67C18C;
}
.share-popup .popup-inner .share-content-section .content.email .result-modal .icon.error {
  background-color: #F15B4E;
}
.share-popup .popup-inner .share-content-section .content.email .result-modal .icon img {
  width: 100%;
  height: 100%;
}
.share-popup .popup-inner .share-content-section .content.email .result-modal .btn-wrapper {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-content-section .content.email .result-modal .btn-wrapper {
    flex-direction: row;
  }
}
.share-popup .popup-inner .share-content-section .content.sms .btn {
  margin: 32px auto;
}
.share-popup .popup-inner .share-content-section .content.sms textarea {
  min-height: 120px;
  resize: vertical;
}
.share-popup .popup-inner .share-content-section .content.sms textarea.disabled {
  background-color: #E9E9E9;
  color: #929292;
  border-color: #C8C8C8;
  text-align: center;
  pointer-events: none;
  cursor: not-allowed;
}
.share-popup .popup-inner .share-content-section .content.social {
  position: relative;
}
.share-popup .popup-inner .share-content-section .content.social .gallery-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: rgba(36, 36, 36, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  filter: opacity(0%);
  transition: filter 0.3s ease-in-out;
}
.share-popup .popup-inner .share-content-section .content.social .gallery-nav.prev {
  left: 40px;
}
.share-popup .popup-inner .share-content-section .content.social .gallery-nav.next {
  right: 40px;
}
.share-popup .popup-inner .share-content-section .content.social .gallery-nav img {
  filter: brightness(0) invert(1);
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-content-section .content.social:hover .gallery-nav {
    filter: opacity(100%);
  }
}
.share-popup .popup-inner .share-content-section .content.social .fade-enter-active,
.share-popup .popup-inner .share-content-section .content.social .fade-leave-active {
  transition: opacity 0.3s ease-out;
}
.share-popup .popup-inner .share-content-section .content.social .fade-enter-from,
.share-popup .popup-inner .share-content-section .content.social .fade-leave-to {
  opacity: 0;
}
.share-popup .popup-inner .share-content-section .content.social .small-body {
  color: #242424;
  margin: 0;
  font-size: 16px;
}
.share-popup .popup-inner .share-content-section .content.social .description {
  margin: -16px 0 16px;
  text-align: center;
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-content-section .content.social .description {
    margin: -24px 0 16px;
  }
}
.share-popup .popup-inner .share-content-section .content.social .scroll-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 8px;
}
.share-popup .popup-inner .share-content-section .content.social .social-media-list {
  display: flex;
  gap: 24px;
  justify-content: start;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 4px;
}
.share-popup .popup-inner .share-content-section .content.social .social-media-list .social-media-item {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  position: relative;
}
.share-popup .popup-inner .share-content-section .content.social .social-media-list .social-media-item .share-image {
  width: 200px;
  height: auto;
}
@media (min-width: 744px) {
  .share-popup .popup-inner .share-content-section .content.social .social-media-list .social-media-item .share-image {
    width: 250px;
  }
}
.share-popup .popup-inner .share-content-section .content.social .social-media-list .social-media-item .share-button-wrapper {
  position: absolute;
  bottom: 56px;
  background-color: rgba(36, 36, 36, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 8px;
  cursor: pointer;
}
.share-popup .popup-inner .share-content-section .content.social .social-media-list .social-media-item .download-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  cursor: pointer;
}

.stay-connected {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(127deg, #1980CC 0%, #F15B4E 100%);
}
.stay-connected .stay-connected-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 744px) {
  .stay-connected .stay-connected-wrapper {
    width: 66%;
  }
}
.stay-connected .stay-connected-wrapper .social-medias {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
@media (min-width: 744px) {
  .stay-connected .stay-connected-wrapper .social-medias {
    margin-top: 40px;
  }
}
.stay-connected .stay-connected-wrapper .social-medias .social-media {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.stay-connected .stay-connected-wrapper .social-medias .social-media span {
  color: white;
}
.stay-connected .stay-connected-wrapper .social-medias .social-media .social-media-icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #242424;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stay-connected .stay-connected-wrapper .social-medias .social-media .social-media-icon img,
.stay-connected .stay-connected-wrapper .social-medias .social-media .social-media-icon svg {
  width: 24px;
  height: 24px;
}
.stay-connected > img {
  display: none;
}
@media (min-width: 744px) {
  .stay-connected > img {
    display: block;
    margin: auto;
  }
}
.stay-connected .email-sub-img {
  width: 176px;
  min-width: 150px;
  height: auto;
  filter: drop-shadow(-16px 16px 16px rgba(0, 0, 0, 0.33));
}
.stay-connected .email-sub-img img {
  width: 100%;
  height: 100%;
}
.stay-connected .stay-connected-header {
  text-transform: none;
  margin: 32px 0 16px;
}
.stay-connected .stay-connected-info {
  color: #FFFFFF;
}
.stay-connected input {
  padding: 16px;
  border-radius: 16px;
  border: 1px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
}
.stay-connected input:hover, .stay-connected input:focus {
  outline: none;
  border: none;
}
.stay-connected button {
  background-color: #1980CC;
  padding: 12px 32px;
  border-radius: 24px;
  outline: none;
  border: none;
  align-self: flex-start;
}
.stay-connected button:hover {
  background-color: #a4c0f8;
}
.stay-connected button:disabled {
  background-color: #c8c8c8;
}
.stay-connected button span {
  text-align: center;
  color: white;
}

.info-card-info.list-item {
  gap: 24px;
  overflow-y: auto;
}
.info-card-info.list-item * {
  margin: 0;
}
.info-card-info.list-item .info-card-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  gap: 16px;
  cursor: pointer;
  transition: filter 0.3s ease-out;
}
.info-card-info.list-item .info-card-list-item:hover {
  filter: brightness(120%);
}
.info-card-info.list-item .info-card-list-item .item-image {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  flex: 1 0 auto;
}
.info-card-info.list-item .info-card-list-item .item-copy {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.info-card-info.list-item .info-card-list-item .item-copy p:first-child {
  color: #242424;
  line-height: 115%;
}
.info-card-info.list-item .info-card-list-item .item-copy img {
  flex: 1 0 auto;
}

.accordion-section {
  padding: 88px 16px;
}
@media (min-width: 744px) {
  .accordion-section {
    padding: 88px 24px;
  }
}
.accordion-section .accordion-container {
  max-width: 1440px;
  margin: 0 auto;
}
.accordion-section.reports-and-insights {
  padding: 40px 16px;
}
.accordion-section.reports-and-insights .header-row {
  display: none;
  background: #004970;
  padding: 16px 32px;
  margin-bottom: 16px;
  border-radius: 16px;
}
.accordion-section.reports-and-insights .header-row p {
  width: 33.33%;
  color: #FFFFFF;
  margin: 0;
  text-align: left;
}
@media (min-width: 1024px) {
  .accordion-section.reports-and-insights .header-row {
    display: flex;
  }
}
@media (min-width: 744px) {
  .accordion-section.reports-and-insights {
    padding: 40px 24px;
  }
}

.responsive-section:has(.reports-and-insights) h3 {
  text-align: center;
}
.responsive-section:has(.reports-and-insights) h3 + p {
  text-align: center;
  margin: 0 auto;
  max-width: 950px;
}

.accordion-section-inner {
  border-radius: 24px;
  background: #fff;
  padding: 32px 24px;
}
@media (min-width: 744px) {
  .accordion-section-inner {
    padding: 88px 18px;
  }
}
@media (min-width: 1024px) {
  .accordion-section-inner {
    padding: 88px 124px;
  }
}
.accordion-section-inner .umb-block-grid__layout-item:last-of-type .accordion-title, .accordion-section-inner .umb-block-grid__layout-item:last-of-type .accordion-text {
  margin-bottom: 0;
}
.accordion-section-inner .umb-block-grid__layout-item:last-of-type .accordion-text {
  padding-top: 32px;
}
.accordion-section-inner .umb-block-grid__layout-item:last-of-type .accordion-text.report-container {
  padding-top: 16px;
}

.accordion-section-header {
  margin: 0 0 32px;
}

.accordion-title {
  cursor: pointer;
  padding-bottom: 24px;
  padding-right: 64px;
  position: relative;
  margin: 0 0 24px;
}
@media (min-width: 744px) {
  .accordion-title {
    margin: 0 0 32px;
  }
}
.accordion-title .icon-open {
  display: block;
  position: absolute;
  right: 16px;
  top: 0;
  transition: all 0.4s ease-in-out;
  transform: rotate(180deg);
}
.accordion-title.ui-state-active {
  border-bottom: none;
  padding-bottom: 8px;
}
.accordion-title.ui-state-active .icon-open {
  transform: rotate(360deg);
}
.accordion-title.ui-accordion-header-collapsed {
  border-bottom: solid 1px #929292;
}
.accordion-title.ui-state-active + .accordion-text {
  border-bottom: solid 1px #929292;
}
.accordion-title.report {
  margin: 0 0 16px;
  padding-bottom: 0px;
}
.accordion-title.report .icon-open {
  top: 16px;
}
.accordion-title.report .rni-title {
  margin-bottom: 0;
}
.accordion-title.report.ui-accordion-header-collapsed {
  padding-bottom: 8px;
}
@media (min-width: 1024px) {
  .accordion-title.mobile-reports-row {
    display: none;
  }
}

.desktop-reports-row {
  display: none;
}
@media (min-width: 1024px) {
  .desktop-reports-row {
    display: flex;
    justify-content: space-between;
    padding: 16px 32px;
    border-bottom: solid 1px #E9E9E9;
  }
  .desktop-reports-row p, .desktop-reports-row a {
    margin: 0;
    width: 33.33%;
    padding-right: 24px;
  }
  .desktop-reports-row a {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.rni-subtitle {
  color: #5B5B5B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
  margin: 0;
}

.rni-title {
  color: #242424;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: 0.16px;
}

.accordion-text {
  margin: 0 auto 24px;
  padding-bottom: 32px;
}
@media (min-width: 744px) {
  .accordion-text {
    margin: 0 auto 32px;
  }
}
.accordion-text a {
  color: #1980CC;
  text-decoration: underline;
}
.accordion-text p:last-of-type {
  margin-bottom: 0;
}
.accordion-text ul {
  padding: 0;
  color: #5b5b5b;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.16px;
  margin: 0 0 16px 0;
  list-style: unset;
  padding-left: 2.5em;
}
.accordion-text ul li {
  margin-bottom: 8px;
}
.accordion-text ul li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 744px) {
  .accordion-text ul {
    font-size: 20px;
    letter-spacing: 0.2px;
  }
}
.accordion-text.report-container {
  padding-bottom: 24px;
}
@media (min-width: 1024px) {
  .accordion-text.report-container {
    display: none !important;
  }
}
.accordion-text.report-container .rni-item {
  margin-bottom: 16px;
}
.accordion-text.report-container .rni-item:last-of-type {
  margin-bottom: 0;
}

.accordion-item {
  width: 100%;
}

.basic-page-header-section {
  display: flex;
  flex-direction: column;
  min-height: 452px;
  margin: 0;
}
.basic-page-header-section .basic-page-header-wrapper {
  flex: 1;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  display: flex;
  align-items: center;
  justify-self: center;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 744px) {
  .basic-page-header-section .basic-page-header-wrapper {
    min-height: 488px;
  }
}
@media (min-width: 1024px) {
  .basic-page-header-section .basic-page-header-wrapper {
    min-height: 600px;
  }
}

.basic-page-header-section:has(.header-video-loop-filter) .basic-page-header-inner {
  z-index: 100;
}
.basic-page-header-section:has(.header-video-loop-filter) #introPreviewVideo {
  border-radius: 0;
}

.basic-page-header-inner {
  width: 100%;
  margin: 0 auto;
  padding: 32px 16px;
  overflow: hidden;
}
@media (min-width: 744px) {
  .basic-page-header-inner {
    padding: 72px 48px;
  }
}
@media (min-width: 1024px) {
  .basic-page-header-inner {
    padding: 72px 0;
  }
}

.basic-page-header {
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 40px !important;
  margin: 0 auto !important;
}
@media (min-width: 744px) {
  .basic-page-header {
    font-size: 64px !important;
  }
}
@media (min-width: 1024px) {
  .basic-page-header {
    font-size: 72px !important;
  }
}
.basic-page-header.long-text {
  font-size: clamp(15px, 4vw, 40px) !important;
}
@media (min-width: 744px) {
  .basic-page-header.long-text {
    font-size: clamp(32px, 2.27vw + 16px, 64px) !important;
  }
}
@media (min-width: 1024px) {
  .basic-page-header.long-text {
    font-size: clamp(32px, 3.47vw + 6.67px, 72px) !important;
  }
}

.basic-page-subheader {
  text-align: center;
  margin: 32px 0 0;
}

.basic-page-header-text {
  max-width: 774px;
  text-align: center;
  margin: 24px auto 0;
}

.basic-page-header-btn {
  margin: 24px auto 0;
}

.header-video-loop-filter {
  overflow: hidden;
}
.header-video-loop-filter:before {
  content: " ";
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 91;
  left: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, transparent 56%);
  background: linear-gradient(0deg, rgba(42, 42, 42, 0.4) 0%, rgba(217, 217, 217, 0) 100%);
}
@media (min-width: 744px) {
  .header-video-loop-filter:before {
    display: block;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, transparent 56%);
    background: linear-gradient(0deg, rgba(42, 42, 42, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
  }
}
@media (min-width: 1024px) {
  .header-video-loop-filter {
    position: relative;
  }
}
.header-video-loop-filter #youTubeVideoContainer {
  height: 100% !important;
  width: 100% !important;
  z-index: 0;
  position: absolute !important;
  overflow: hidden;
  inset: 0px;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .header-video-loop-filter #youTubeVideoContainer {
    min-height: 600px;
    height: unset !important;
    width: unset !important;
  }
}

.basic-page-info-section {
  padding: 88px 16px 48px;
}
@media (min-width: 744px) {
  .basic-page-info-section {
    padding: 54px 24px 88px;
  }
}
@media (min-width: 1024px) {
  .basic-page-info-section {
    padding: 88px 24px;
  }
}
.basic-page-info-section .basic-page-info-inner {
  max-width: 1440px;
  margin: 0 auto;
}

.basic-page-info-inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .basic-page-info-inner {
    flex-direction: row;
    align-items: center;
  }
  .basic-page-info-inner .umb-block-grid__area {
    width: 50%;
  }
  .basic-page-info-inner .umb-block-grid__area:first-of-type {
    margin-right: 28px;
  }
  .basic-page-info-inner .umb-block-grid__area:last-of-type {
    margin-left: 28px;
  }
}
.basic-page-info-inner .umb-block-grid__area {
  order: 0;
}
.basic-page-info-inner .umb-block-grid__area:has(.grid-image-div, .grid-image-div-media-comp) {
  margin-top: 40px;
  order: 1;
}
@media (min-width: 744px) {
  .basic-page-info-inner .umb-block-grid__area:has(.grid-image-div, .grid-image-div-media-comp) {
    margin-top: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-page-info-inner .umb-block-grid__area:has(.grid-image-div, .grid-image-div-media-comp) {
    margin-top: 0;
  }
}
.basic-page-info-inner .grid-image-div, .basic-page-info-inner .grid-image-div-media-comp {
  height: 320px;
}
@media (min-width: 744px) {
  .basic-page-info-inner .grid-image-div, .basic-page-info-inner .grid-image-div-media-comp {
    height: 661px;
  }
}
.basic-page-info-inner .grid-image-div .grid-image, .basic-page-info-inner .grid-image-div-media-comp .grid-image {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.basic-page-info-inner .grid-image-div-media-comp {
  border-radius: 24px;
}

.basic-info-title {
  margin: 0 0 32px;
}
@media (min-width: 744px) {
  .basic-info-title {
    margin: 0 0 40px;
  }
}

.basic-info-section-btn {
  margin: 32px 0 0;
}

.fwbi-section {
  min-height: 710px;
  display: flex;
  flex-direction: column;
  mix-blend-mode: multiply;
}
.fwbi-section.no-background-image {
  min-height: unset;
}

.fwbi-wrapper {
  flex: 1;
  background: linear-gradient(0deg, #2a2a2a 0%, rgba(217, 217, 217, 0) 100%);
  padding: 48px 16px;
  display: flex;
  align-items: flex-end;
}
.fwbi-wrapper.has-foreground-image {
  padding-bottom: 88px;
  background: unset;
}
.fwbi-wrapper.has-background-color {
  background: none;
  padding-top: 88px;
}
@media (min-width: 744px) {
  .fwbi-wrapper {
    padding: 48px 32px;
  }
}
@media (min-width: 1024px) {
  .fwbi-wrapper {
    padding: 48px;
    align-items: center;
  }
}

.fwbi-section-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.fwbi-section-inner:not(:has(.fwbi-image-container)) .fwbi-content-container.fwbi-text-right {
  margin: 0 0 0 auto;
}
.fwbi-section-inner:has(.fwbi-image-container) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 744px) {
  .fwbi-section-inner:has(.fwbi-image-container) {
    flex-direction: row;
    column-gap: 32px;
  }
}
.fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container {
  max-width: unset;
  order: 1;
}
@media (min-width: 744px) {
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container {
    width: 50%;
  }
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container.fwbi-text-right {
    order: 2;
  }
}
.fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container .fwbi-text p:last-of-type {
  margin-bottom: 32px;
}
@media (min-width: 744px) {
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container .fwbi-text p:last-of-type {
    margin-bottom: 0;
  }
}
.fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container .fwbi-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 744px) {
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container .fwbi-buttons {
    flex-direction: row;
    gap: 16px;
    margin-top: 48px;
    margin-bottom: 0;
  }
}
.fwbi-section-inner:has(.fwbi-image-container) .fwbi-image-container {
  order: 2;
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (min-width: 744px) {
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-image-container {
    width: 50%;
    max-width: 550px;
    max-height: 550px;
  }
}
.fwbi-section-inner:has(.fwbi-image-container) .fwbi-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 744px) {
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container.fwbi-text-right {
    order: 2;
  }
  .fwbi-section-inner:has(.fwbi-image-container) .fwbi-content-container.fwbi-text-right + .fwbi-image-container {
    order: 1;
  }
}

.fwbi-content-container {
  max-width: 464px;
}

.fwbi-section h2, .fwbi-section h3 {
  color: #fff;
}

.what-we-believe-section {
  padding: 40px 24px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 744px) {
  .what-we-believe-section {
    flex-direction: row;
    padding: 40px 32px;
  }
}

.wwb-header {
  color: #004970;
  text-align: center;
  margin: 0 0 24px;
}
@media (min-width: 744px) {
  .wwb-header {
    margin: 0 16px 0 0;
  }
}

.wwb-topics-outer-container {
  position: relative;
}

.wwb-topics-container {
  margin: 0 0 24px;
  height: 160px;
  overflow: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  overflow-x: hidden;
  overflow-y: scroll;
}
.wwb-topics-container::before {
  content: "";
  background: linear-gradient(180deg, #FFF 11.51%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 50%;
  width: 100%;
  z-index: 1;
}
.wwb-topics-container::after {
  content: "";
  background: linear-gradient(0deg, #FFF 11.51%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 50%;
  width: 100%;
  z-index: 1;
}
@media (min-width: 744px) {
  .wwb-topics-container {
    margin: 0 40px 0 0;
  }
}

.wwb-topics-container::-webkit-scrollbar {
  display: none;
}

.wwb-topics-inner {
  padding: 0;
  margin-top: -10px;
}

.wwb-topics {
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  background: var(--Gradient-1, linear-gradient(127deg, #1980CC 3.76%, #6DCFF6 103.29%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

.slide-in-left {
  -webkit-animation: slide-in-left 2s cubic-bezier(0.68, 0, 0.265, 1.55) both;
  animation: slide-in-left 2s cubic-bezier(0.68, 0, 0.265, 1.55) both;
}

.slide-in-bottom {
  -webkit-animation: slide-in-bottom 5s cubic-bezier(0.68, 0, 0.265, 7) both;
  animation: slide-in-bottom 5s cubic-bezier(0.68, 0, 0.265, 7) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-1-24 15:30:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.resizable-image.image-mobile {
  display: block;
}
.resizable-image.image-tablet, .resizable-image.image-desktop {
  display: none;
}
@media (min-width: 744px) {
  .resizable-image.image-tablet {
    display: block;
  }
  .resizable-image.image-mobile, .resizable-image.image-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .resizable-image.image-desktop {
    display: block;
  }
  .resizable-image.image-mobile, .resizable-image.image-tablet {
    display: none;
  }
}

.contact-section {
  background: #F3F3F2;
  padding-bottom: 88px;
}
.contact-section .contact-section-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 48px 16px;
  background: #FFFFFF;
}
@media (min-width: 744px) {
  .contact-section .contact-section-inner {
    padding: 72px 64px 48px 64px;
  }
}
@media (min-width: 1024px) {
  .contact-section .contact-section-inner {
    padding: 48px;
  }
}
.contact-section p {
  margin: 0;
  font-size: 20px;
}
.contact-section .contact-dropdown-info-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 344px;
  align-items: center;
}
@media (min-width: 1024px) {
  .contact-section .contact-dropdown-info-container {
    max-width: unset;
  }
}
.contact-section .contact-dropdown-info-container .contact {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .contact-section .contact-dropdown-info-container .contact {
    margin-right: unset;
    flex-direction: row;
    align-items: center;
  }
}
.contact-section .contact-dropdown-info-container .contact .contact-item {
  display: flex;
  align-items: center;
}
.contact-section .contact-dropdown-info-container .contact .contact-item span {
  font-size: 24px;
  margin: 0 12px 0 0;
}
.contact-section .contact-dropdown-info-container .contact .contact-item a {
  color: #1980CC;
  font-family: Archivo;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.2px;
  text-decoration-line: underline;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contact-section h2 {
  margin: 0;
  text-align: center;
}
.contact-section select {
  padding: 12px 16px;
  gap: 12px;
  border: 1px solid #929292;
  border-radius: 16px;
  color: #242424;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  line-height: 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../icons/dropdown_arrow_solid.svg") no-repeat right center;
  padding-right: 24px;
}
.contact-section select:hover, .contact-section select:focus {
  outline: none;
}
@media (min-width: 744px) {
  .contact-section select {
    max-width: 344px;
  }
}
@media (min-width: 1024px) {
  .contact-section select {
    width: 344px;
  }
}

.bpwi-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1300px) {
  .bpwi-section {
    flex-direction: row;
    justify-content: center;
    gap: 64px;
  }
}
.bpwi-section .bpwi-img-container {
  margin: 0 0 32px;
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 465px;
  min-height: 243px;
  max-height: 315px;
  border-radius: 24px;
}
@media (min-width: 1300px) {
  .bpwi-section .bpwi-img-container {
    height: 300px;
    margin: 0;
  }
}
@media (min-width: 744px) {
  .bpwi-section .bpwi-bp-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    margin: 0 0 0 16px;
  }
}
.bpwi-section .bpwi-bp-container .bpwi-bp-item {
  margin: 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
@media (min-width: 1300px) {
  .bpwi-section .bpwi-bp-container .bpwi-bp-item {
    margin: 8px 0 0;
  }
}
.bpwi-section .bpwi-bp-container .bpwi-bp-item img {
  width: 24px;
  height: 24px;
}
.bpwi-section .bpwi-bp-container .bpwi-bp-item p {
  margin: 0;
}

.arh-header {
  display: flex;
  gap: 16px;
  align-items: start;
}
.arh-header .arh-header-title {
  margin: 0 8px 4px 0;
}
.arh-header.main {
  align-items: end;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
@media (min-width: 744px) {
  .arh-header.main {
    padding-bottom: 32px;
  }
}
.arh-header.main .arh-header-svg {
  max-width: 158px;
}
@media (min-width: 744px) {
  .arh-header.main .arh-header-svg {
    max-width: 255px;
  }
}
.arh-header.sub {
  margin: 0 0 24px;
}

.arh-bottom-cta {
  background: linear-gradient(135deg, rgb(73, 129, 240) 0%, rgb(128, 214, 247) 100%);
  padding: 24px 8px 48px;
}
.arh-bottom-cta .call-to-action {
  background-color: rgba(255, 255, 255, 0) !important;
  border: white 2px solid !important;
}

.cta-bar {
  position: relative;
  padding: 48px 0;
  border-radius: 24px;
  background: linear-gradient(127deg, #1980CC 3.76%, #80D6F7 103.29%);
}
.cta-bar .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(127deg, #1980CC 3.76%, #80D6F7 103.29%);
  opacity: 0.8;
  border-radius: 24px;
}
.cta-bar .cta-bar-text {
  position: relative;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
.cta-bar .cta-bar-text h3 {
  margin-bottom: 32px;
}
.cta-bar .cta-bar-text .btn {
  margin: 0 auto;
}

.gallery-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.gallery-section {
  padding: 8px;
  gap: 8px;
  cursor: grab;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-auto-columns: 300px;
  overflow-x: auto;
  overflow-y: hidden;
}
.gallery-section::-webkit-scrollbar {
  display: none;
}
@media (min-width: 744px) {
  .gallery-section {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    height: auto;
  }
}
.gallery-section.centered {
  justify-content: center;
}
.gallery-section.active {
  cursor: grabbing;
}
.gallery-section .gallery-full-size-item,
.gallery-section .gallery-two-column-section {
  height: 240px;
  border-radius: 16px;
}
.gallery-section .gallery-full-size-item:nth-child(2n+1),
.gallery-section .gallery-two-column-section:nth-child(2n+1) {
  grid-column: auto;
  grid-row: 1;
}
.gallery-section .gallery-full-size-item:nth-child(2n),
.gallery-section .gallery-two-column-section:nth-child(2n) {
  grid-column: auto;
  grid-row: 2;
}
@media (min-width: 744px) {
  .gallery-section .gallery-full-size-item,
  .gallery-section .gallery-two-column-section {
    width: 750px;
    height: 500px;
    flex: 0 0 auto;
  }
}
.gallery-section .gallery-two-column-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.gallery-section .gallery-two-column-section .gallery-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gallery-section .gallery-two-column-section .gallery-column .gallery-column-item {
  height: 100%;
  width: 100%;
  border-radius: 16px;
}

.header-with-text-div {
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
  padding: 0 8px;
}
.header-with-text-div a {
  color: #1980CC;
  text-decoration: underline;
}
.header-with-text-div p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 744px) {
  .header-with-text-div {
    padding: 0 24px;
  }
}
@media (min-width: 1024px) {
  .header-with-text-div {
    padding: 0;
  }
}

.snb {
  border-bottom: #1980CC 2px solid;
  background-color: #FFFFFF;
  height: 58px;
  padding: 0 24px;
  position: relative;
  z-index: 1000;
}
.snb .snb-inner {
  height: 100%;
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.snb .snb-inner .snb-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
.snb .snb-inner .snb-logo img {
  width: 100%;
  height: auto;
}
.snb .snb-inner .snb-items {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.snb .snb-inner .snb-item {
  color: #242424;
  transition: color 0.3s ease-out;
  text-align: center;
  font-family: Archivo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.48px;
}
.snb .snb-inner .snb-item:active, .snb .snb-inner .snb-item:hover {
  color: #1980CC;
}
.snb .snb-inner .snb-dropdown .snb-dropdown-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.snb .snb-inner .snb-dropdown .snb-dropdown-button .dropdown-img {
  transition: transform 0.3s ease-out;
}
.snb .snb-inner .snb-dropdown .snb-dropdown-button .dropdown-img.active {
  transform: rotate(180deg);
}
.snb .snb-inner .snb-dropdown .snb-dropdown-button:hover {
  cursor: pointer;
}
.snb .snb-inner .snb-dropdown .snb-dropdown-content {
  background-color: #FFFFFF;
  position: absolute;
  top: calc(2px + 100%);
  left: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: start;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
}
.snb .snb-inner .snb-dropdown .snb-dropdown-content .snb-item {
  width: 100%;
  text-align: start;
  padding: 16px 24px;
}

.dropdown-enter-active {
  transition: all 0.3s ease-out;
}

.dropdown-leave-active {
  transition: all 0.3s ease-out;
}

.dropdown-enter-from,
.dropdown-leave-to {
  transform-origin: top;
  transform: translateY(-12px) rotate3d(1, 0, 0, 60deg);
  opacity: 0;
}

.sacrificial-commitment {
  text-align: center;
  margin: 0 auto;
  max-width: 708px;
}
.sacrificial-commitment.info-card-info {
  padding: 16px 16px 24px;
}
@media (min-width: 375px) {
  .sacrificial-commitment.info-card-info {
    padding: 24px 24px 32px;
  }
}
.sacrificial-commitment .cta {
  font-size: unset;
  color: #1980CC;
  font-weight: 700;
}
.sacrificial-commitment .cta:hover {
  cursor: pointer;
  text-decoration: underline;
}

.sc-popup .loading-spinner {
  border: white 3px solid;
  border-top-color: transparent;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}
.sc-popup .loading-spinner.black {
  display: inline-block;
  border: #242424 3px solid;
  border-top-color: transparent;
  width: 16px;
  height: 16px;
}
.sc-popup .btn.disabled {
  background-color: #C8C8C8 !important;
}
.sc-popup .hidden {
  display: none !important;
}
.sc-popup .info-card-info {
  padding-top: 40px;
}
.sc-popup .giving-options .giving-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #f99d33;
  border-radius: 24px;
  padding: 10px 16px;
  margin: 0 0 16px;
}
@media (min-width: 375px) {
  .sc-popup .giving-options .giving-option {
    padding: 16px;
  }
}
.sc-popup .giving-options .giving-option * {
  transition: all 0.3s ease-out;
}
.sc-popup .giving-options .giving-option .inner {
  display: flex;
  gap: 8px;
}
.sc-popup .giving-options .giving-option .icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.sc-popup .giving-options .giving-option p {
  margin: 0;
}
@media (min-width: 744px) {
  .sc-popup .giving-options .giving-option p:first-of-type {
    margin: 0 0 0 8px;
  }
}
.sc-popup .giving-options .giving-option.selected, .sc-popup .giving-options .giving-option:hover {
  background-color: #ffd400;
}
.sc-popup .giving-options .giving-option:hover {
  cursor: pointer;
  filter: brightness(1.1);
}
.sc-popup .giving-options .giving-option.custom {
  flex-direction: column;
  padding: 0;
  cursor: auto;
  overflow: hidden;
}
.sc-popup .giving-options .giving-option.custom .header-group,
.sc-popup .giving-options .giving-option.custom .inner,
.sc-popup .giving-options .giving-option.custom .input-group,
.sc-popup .giving-options .giving-option.custom .input-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.sc-popup .giving-options .giving-option.custom .header-group {
  justify-content: space-between;
  width: 100%;
  padding: 10px 16px;
}
@media (min-width: 375px) {
  .sc-popup .giving-options .giving-option.custom .header-group {
    padding: 16px;
  }
}
.sc-popup .giving-options .giving-option.custom .header-group:hover {
  background-color: #ffd400;
  cursor: pointer;
  filter: brightness(1.1);
}
.sc-popup .giving-options .giving-option.custom .header-group .inner {
  justify-content: start;
}
.sc-popup .giving-options .giving-option.custom .header-group .btn {
  width: 100%;
}
.sc-popup .giving-options .giving-option.custom .input-group {
  padding: 8px 8px 16px;
  width: 100%;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 375px) {
  .sc-popup .giving-options .giving-option.custom .input-group {
    padding: 8px 16px 16px;
  }
}
.sc-popup .giving-options .giving-option.custom .input-group .input {
  margin: 0;
}
.sc-popup .giving-options .giving-option.custom .input-group .input.amount {
  min-width: 100%;
}
@media (min-width: 744px) {
  .sc-popup .giving-options .giving-option.custom .input-group .input.amount {
    min-width: 50%;
  }
}
.sc-popup .giving-options .giving-option.custom .input-group .input-inner {
  width: 100%;
  flex-direction: column;
}
@media (min-width: 744px) {
  .sc-popup .giving-options .giving-option.custom .input-group .input-inner {
    flex-direction: row;
  }
}
.sc-popup .giving-options .giving-option.custom .input-group .input-inner .saddleback-dropdown {
  max-width: 100% !important;
}
@media (min-width: 744px) {
  .sc-popup .giving-options .giving-option.custom .input-group .input-inner .saddleback-dropdown {
    max-width: unset;
  }
}
.sc-popup .giving-options .giving-option.custom:hover {
  background-color: unset;
  filter: unset;
}
.sc-popup .add-total {
  padding: 16px 0 24px;
  border-bottom: 1px solid #E9E9E9;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 500px) {
  .sc-popup .add-total {
    flex-direction: row;
  }
}
.sc-popup .add-total .body.small-body {
  margin: 0 0 4px;
}
.sc-popup .add-total .amount {
  font-size: 28px;
  color: #f99d33;
  margin: 0;
  transition: all 0.3s ease-out;
}
@media screen and (min-width: 500px) {
  .sc-popup .add-total .amount {
    text-align: left;
  }
}
.sc-popup .add-total .amount.disabled {
  color: #C8C8C8;
}
.sc-popup .add-total .btn {
  background-color: #67C18C;
}
.sc-popup .add-total .btn img {
  margin: 0 4px 0 0;
}
.sc-popup .commitment-submit {
  padding: 32px 0 0;
}
.sc-popup .commitment-submit .input-group {
  padding: 0 0 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media (min-width: 744px) {
  .sc-popup .commitment-submit .input-group {
    flex-direction: row;
  }
}
.sc-popup .commitment-submit .input-group .input {
  margin: 0;
}
@media (min-width: 744px) {
  .sc-popup .commitment-submit .input-group .input {
    min-width: 400px;
  }
}
.sc-popup .commitment-submit .input-group p {
  margin: 0;
  font-size: 16px;
  align-self: flex-end;
}
@media (min-width: 744px) {
  .sc-popup .commitment-submit .input-group p {
    align-self: auto;
  }
}
.sc-popup .commitment-submit .button-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 744px) {
  .sc-popup .commitment-submit .button-group {
    flex-direction: row;
    gap: 16px;
  }
}
.sc-popup .commitment-submit .button-group .btn {
  width: 100%;
}
.sc-popup .guest-commitment {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.sc-popup .guest-commitment .question-mark {
  background-color: #7DBFE6;
  border-radius: 50%;
  margin: 0 0 16px;
}
.sc-popup .guest-commitment .question-mark .icon {
  width: 50px;
  height: 50px;
  margin: 20px;
}
@media (min-width: 744px) {
  .sc-popup .guest-commitment .question-mark .icon {
    width: 80px;
    height: 80px;
    margin: 32px;
  }
}
.sc-popup .guest-commitment .question-mark .icon img {
  width: 100%;
  height: 100%;
}
.sc-popup .guest-commitment h3 {
  margin: 0 0 8px;
}
.sc-popup .guest-commitment .small-body {
  margin: 0 0 24px;
  text-align: center;
}
.sc-popup .guest-commitment .og-commitment {
  background-color: #F3F3F2;
  width: 100%;
  max-width: 428px;
  border-radius: 16px;
  margin: 0 0 24px;
}
.sc-popup .guest-commitment .og-commitment .body {
  color: #5B5B5B;
  text-align: center;
  margin: 16px auto;
  padding: 0px 16px;
}
.sc-popup .guest-commitment .new-commitment {
  text-align: center;
  padding: 0px 24px;
}
.sc-popup .guest-commitment .button-group {
  margin: 32px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.sc-popup .guest-commitment .button-group .btn {
  width: 100%;
}
@media (min-width: 744px) {
  .sc-popup .guest-commitment .button-group {
    margin: 64px 0 0;
    width: auto;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
  }
  .sc-popup .guest-commitment .button-group .btn {
    width: auto;
  }
}

.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment ul {
  list-style: unset;
  margin-bottom: 40px;
  padding-left: 12px;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment ul:last-of-type {
  margin-bottom: 0;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment ul li {
  margin-bottom: 0;
}
.hc-commitment-widget .hc-ui .widget-content .hc_giving_campaign_commitment ul a {
  word-break: break-word;
}