.collage-builder__grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (min-width: 768px) {
  .collage-builder__grid-container {
    margin: calc(var(--grid-spacing) / 2 * -1)
  }
  .collage-builder__grid-container.content-align--left {
    justify-content: flex-start
  }
  .collage-builder__grid-container.content-align--right {
    justify-content: flex-end
  }
  .collage-builder--no-spacing .collage-builder__grid-container {
    margin: 0
  }
}

.collage-builder__grid-item {
  height: 0;
  position: relative
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-item {
    width: 100%
  }
  .collage-builder__grid-item {
    width: 100%
  }
  .collage-builder__grid-item:not(:last-of-type) {
    margin-bottom: calc(var(--grid-spacing) * .75)
  }
  .collage-builder--no-spacing .collage-builder__grid-item:not(:last-of-type) {
    margin-bottom: 0
  }
}

.collage-builder__grid-item--inner {
  width: 100%;
  height: 100%;
  position: absolute
}

@media screen and (min-width: 768px) {
  .collage-builder__grid-item--inner {
    padding: calc(var(--grid-spacing) / 2)
  }
  .collage-builder--no-spacing .collage-builder__grid-item--inner {
    padding: 0
  }
}

.collage-builder__content {
  width: 100%;
  height: 100%
}

@media screen and (min-width: 768px) {
  .collage-builder__content .md-min-align-top {
    align-items: flex-start
  }
  .collage-builder__content .md-min-align-center {
    align-items: center
  }
  .collage-builder__content .md-min-align-bottom {
    align-items: flex-end
  }
  .collage-builder__content .md-min-justify-left {
    justify-content: flex-start
  }
  .collage-builder__content .md-min-justify-center {
    justify-content: center
  }
  .collage-builder__content .md-min-justify-right {
    justify-content: flex-end
  }
}

@media screen and (max-width: 767px) {
  .collage-builder__content .md-max-align-top {
    align-items: flex-start
  }
  .collage-builder__content .md-max-align-center {
    align-items: center
  }
  .collage-builder__content .md-max-align-bottom {
    align-items: flex-end
  }
  .collage-builder__content .md-max-justify-left {
    justify-content: flex-start
  }
  .collage-builder__content .md-max-justify-center {
    justify-content: center
  }
  .collage-builder__content .md-max-justify-right {
    justify-content: flex-end
  }
}

.collage-builder__content.block-radius-clip .icon--placeholder {
  border-radius: var(--block-border-radius)
}

.collage-builder__text-container {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 30px;
  overflow: hidden
}

@media screen and (max-width: 767px) {
  .collage-builder__text-container--inner {
    width: 100%
  }
}

.collage-builder__heading {
  margin-bottom: 0;
  line-height: 1.1em;
  hyphens: auto;
  overflow-wrap: anywhere
}

.collage-builder__text-content {
  margin-bottom: 0;
  color: #231F20
}

.collage-builder__text-content:not(:first-child) {
  margin-top: 8px
}

.collage-builder__text-content p {
  margin-bottom: 0
}

.collage-builder__button-container.text-link-animated:not(:first-child) {
  margin-top: 20px
}

.collage-builder__button-container:first-child .collage-builder__button {
  margin-top: 0
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-item--countdown_timer.collage-builder__grid-item, .collage-builder__grid-item--html.collage-builder__grid-item, .collage-builder__grid-item--text.collage-builder__grid-item {
    height: auto;
    padding-bottom: 0
  }
  .collage-builder__grid-item--countdown_timer .collage-builder__grid-item--inner, .collage-builder__grid-item--html .collage-builder__grid-item--inner, .collage-builder__grid-item--text .collage-builder__grid-item--inner {
    position: static
  }
}

.collage-builder__media-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.collage-builder__media-wrapper .collage-builder__image, .collage-builder__media-wrapper .collage-builder__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0
}

.collage-builder__media-wrapper .collage-builder__text-container {
  position: absolute;
  z-index: 1
}

@media screen and (min-width: 768px) {
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .responsive-image-wrapper {
    display: none
  }
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image {
    height: auto;
    position: static;
    padding-bottom: 0
  }
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .collage-builder__grid-item--inner, .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .collage-builder__image {
    position: static
  }
  .collage-builder__grid-item--image.collage-builder__grid-item--mobile-image .icon--placeholder {
    display: none
  }
}

.collage-builder__background-video, .collage-builder__video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.collage-builder__background-video deferred-media, .collage-builder__background-video deferred-media .deferred-media-poster-image:has(.media-ratio--original), .collage-builder__background-video deferred-media div[data-media-wrapper], .collage-builder__video deferred-media, .collage-builder__video deferred-media .deferred-media-poster-image:has(.media-ratio--original), .collage-builder__video deferred-media div[data-media-wrapper] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.collage-builder__background-video deferred-media div[data-media-wrapper].external-media-ratio--original iframe, .collage-builder__video deferred-media div[data-media-wrapper].external-media-ratio--original iframe {
  position: absolute;
  max-width: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%
}

.collage-builder__background-video {
  //pointer-events: none
}

@media screen and (min-width: 768px) {
  .collage-builder__background-video .embed-container {
    height: 100%
  }
}

.collage-builder__background-video.collage-builder__background-video--narrow deferred-media div[data-media-wrapper].external-media-ratio--original iframe {
  width: 470%;
  height: 150%
}

.collage-builder__background-video.collage-builder__background-video--wide deferred-media div[data-media-wrapper].external-media-ratio--original iframe {
  width: 100%;
  height: 400%
}

.collage-builder__background-video.type-mp4 video {
  display: block;
  height: 100%
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video {
    padding-bottom: 56.25%
  }
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .deferred-media-poster-image:has(.media-ratio--original), .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media div[data-media-wrapper], .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 {
    padding-bottom: 0;
    height: auto;
    position: static
  }
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .collage-builder__background-video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .collage-builder__grid-item--inner, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .deferred-media-poster-image:has(.media-ratio--original) .collage-builder__background-video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .deferred-media-poster-image:has(.media-ratio--original) .collage-builder__grid-item--inner, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media div[data-media-wrapper] .collage-builder__background-video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media div[data-media-wrapper] .collage-builder__grid-item--inner, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 .collage-builder__background-video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 .collage-builder__grid-item--inner {
    position: static
  }
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .collage-builder__background-video--mobile video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media .deferred-media-poster-image:has(.media-ratio--original) .collage-builder__background-video--mobile video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video deferred-media div[data-media-wrapper] .collage-builder__background-video--mobile video, .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video.collage-builder__grid-item--mobile-video-mp4 .collage-builder__background-video--mobile video {
    max-width: 100%;
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
  }
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video .collage-builder__background-video--desktop {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .collage-builder__grid-item--background_video.collage-builder__grid-item--mobile-video .collage-builder__background-video--mobile {
    display: none
  }
}

.collage-builder__grid-item.collage-builder__grid-item--video .type-mp4 deferred-media {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  width: 100%
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-item.collage-builder__grid-item--video {
    height: auto;
    position: static;
    padding-bottom: 0
  }
  .collage-builder__grid-item.collage-builder__grid-item--video .collage-builder__grid-item--inner, .collage-builder__grid-item.collage-builder__grid-item--video .collage-builder__video, .collage-builder__grid-item.collage-builder__grid-item--video deferred-media, .collage-builder__grid-item.collage-builder__grid-item--video deferred-media .deferred-media-poster-image:has(.media-ratio--original), .collage-builder__grid-item.collage-builder__grid-item--video deferred-media div[data-media-wrapper] {
    position: static
  }
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-item--video.collage-builder__grid-item--mobile-video .collage-builder__video--desktop {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .collage-builder__grid-item--video.collage-builder__grid-item--mobile-video .collage-builder__video--mobile {
    display: none
  }
}

@media screen and (min-width: 768px) {
  .collage-builder__video .embed-container {
    position: static;
    padding-bottom: 0;
    height: auto
  }
  .collage-builder__video.type-mp4 .embed-container, .collage-builder__video.type-mp4 video, .collage-builder__video.type-mp4 > div, .collage-builder__video.type-mp4 > div > div {
    height: 100%
  }
}

@media screen and (max-width: 767px) {
  .collage-builder__video.type-mp4 .embed-container {
    position: static;
    padding-bottom: 0;
    height: auto
  }
}

.collage-builder__video .collage-builder__video--placeholder-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.collage-builder__video .collage-builder__video--placeholder-overlay .round-icon-btn-lg {
  cursor: default
}

.collage-builder__grid-item--countdown_timer .collage-builder__text-content:not(:first-child), .collage-builder__timer:not(:first-child) {
  margin-top: 20px
}

.collage-builder__grid-item--countdown_timer .collage-builder__text-container--inner {
  max-width: 700px
}

.collage-builder__timer {
  display: flex
}

.collage-builder__grid-item--countdown_timer [data-timer-complete-content].hide:first-child + .collage-builder__timer {
  margin-top: 0
}

.collage-builder__timer {
  --h1-size: var(--timer-font-size-desktop)
}

@media screen and (max-width: 767px) {
  .collage-builder__timer {
    --h1-size-mobile: var(--timer-font-size-mobile)
  }
}

.collage-builder__section-wrapper.fadeInUp {
  animation-name: FadeInUpSubtle
}

@keyframes FadeInUpSubtle {
  0% {
    opacity: 0;
    transform: translate3d(0, 5%, 0)
  }
  100% {
    opacity: 1;
    transform: translateZ(0)
  }
}

.collage-builder__grid-container .content-alignment-outside {
  display: flex;
  flex-direction: column
}

.collage-builder__grid-container .collage-builder__grid-item:has(.content-alignment-outside) {
  height: auto;
  padding-bottom: 0
}

.collage-builder__grid-container .collage-builder__grid-item:has(.content-alignment-outside) .collage-builder__grid-item--inner {
  position: relative;
  height: auto
}

.collage-builder__grid-container .content-alignment-outside .collage-builder__media-wrapper {
  position: relative;
  flex: 0 0 auto;
  height: 0;
  overflow: hidden;
  border-radius: 10px
}

.collage-builder__grid-container .content-alignment-outside .collage-builder__media-wrapper .collage-builder__background-video, .collage-builder__grid-container .content-alignment-outside .collage-builder__media-wrapper .collage-builder__image, .collage-builder__grid-container .content-alignment-outside .collage-builder__media-wrapper .collage-builder__video {
  height: 100%;
  position: absolute
}

.collage-builder__grid-container .content-alignment-outside .collage-builder__text-container {
  position: relative;
  height: auto;
  padding: 24px 0 0;
  flex-shrink: 0
}

.collage-builder__grid-container .content-alignment-outside .collage-builder__text-container--inner {
  height: auto
}

@media screen and (max-width: 767px) {
  .collage-builder__grid-container .content-alignment-outside .collage-builder__text-container {
    padding: 16px 0 0
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .collage-builder__media-wrapper .collage-builder__text-container .btn {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media (max-width: 991px) {
  .collage-builder__media-wrapper .collage-builder__text-container {
    padding: 20px 16px
  }
  .collage-builder__button-container .collage-builder__button {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px
  }
}