/* Full Page Callout */
.full-callout-wrap { overflow: hidden; position: relative; background: hsl(var(--siteColor3)); background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; background-attachment: scroll !important; }
.full-callout-wrap:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; inset: 0; z-index: 1; background: hsla(var(--black), 60%); }
.full-callout { overflow: hidden; display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; z-index: 2; padding: 4rem 1rem; color: hsl(var(--white)); text-align: center; }
.full-callout .container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 72rem; padding: 0; }
.full-callout-title { width: 100%; display: flex; justify-content: center; align-items: center; gap: 1rem; margin: 0 auto 3rem; font-family: var(--siteFont2), serif; font-size: 3rem; line-height: 1; text-transform: capitalize; font-weight: var(--wRegular); }
.full-callout-title:before,
.full-callout-title:after { content: ""; opacity: 0.7; width: 100%; height: 0.0625rem; display: inline-flex; background: linear-gradient(to right, transparent, hsl(var(--siteColor1)), transparent); }
.full-callout-desc { max-width: 56rem; margin: 0 auto 3rem; font-size: 1.25rem; color: hsla(var(--white), 90%); line-height: 1.625; text-align: center; }
.full-callout .btn { display: inline-block; margin-left: 25% !important;}

@media (min-width: 568px) {
  .full-callout-title:before,
  .full-callout-title:after { display: inline-flex; }
  .full-callout-title span { flex-shrink: 0; }
}

/*new css for split coliumns*/
.full-callout-grid {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: 100%;
}

.full-callout-content {
  flex: 0 0 51%;
  text-align: left;
}

.full-callout-content .full-callout-title {
  justify-content: flex-start;
  margin-bottom: 2rem;
}

.full-callout-content .full-callout-desc {
  margin: 0 0 2.5rem;
  max-width: none;
  text-align: center;
}

.full-callout-content .btn {
  margin: 0;
}

.full-callout-video {
  flex: 0 0 45%;
  padding: 1rem;
}

.video-embed {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

y@media (max-width: 991px) {
  .full-callout-grid {
    flex-direction: column;
  }

  .full-callout-content,
  .full-callout-video {
    flex: 0 0 100%;
  }

  .full-callout-content {
    text-align: center;
  }

  .full-callout-content .full-callout-title {
    justify-content: center;
  }

  .full-callout-content .full-callout-desc {
    text-align: center;
  }

  .full-callout-content .btn {
    margin: 0 auto;
  }
}


@media screen and (min-width: 319px) and (max-width: 890px)  {
  .full-callout-grid {
    flex-direction: column;
  }

  .full-callout-content {
    order: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }

  .full-callout-video {
    order: 2;
    width: 100%;
    padding: 0.5rem;
  }

  .full-callout-content .full-callout-title {
    justify-content: center;
  }

  .full-callout-content .full-callout-desc {
    text-align: center;
  }

  .full-callout-content .btn {
    margin-left: auto !important;
  }
}