.collage-builder__header {
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width:767px) {
    .collage-builder__header {
        padding-left: 15px;
        padding-right: 15px
    }
}

.collage-builder__header .homepage-sections--description,
.collage-builder__header .homepage-sections--description p,
.collage-builder__header .homepage-sections--title:last-child {
    margin-bottom: 0
}

.collage-builder__header--full {
    padding-bottom: 30px
}

@media screen and (max-width:767px) {
    .collage-builder__header--full {
        padding-bottom: 15px
    }
}

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

}
.section--template--20007093764325__collage_chrKFk .collage-builder--with-header{
    max-width: 100%;
    margin: 0 3% 0 3%;
}

@media screen and (min-width:768px) {
    .collage-builder__grid-container {
        /* margin: -15px */
    }
    

    .collage-builder--no-spacing .collage-builder__grid-container,
    .section--template--20007093764325__collage_chrKFk .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:not(:last-of-type) {
        margin-bottom: 15px
    }

    .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:8px
    }

    .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__text-container {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px;
    overflow: hidden;
}
.template-product .collage-builder__text-container{
    padding: 16px !important;
}
@media screen and (max-width:767px) {
    .collage-builder__text-container--inner {
        width: 100%
    }
    .collage-builder__text-container {
        padding: 0 16px 30px 16px;
    }
    .collage-builder__grid-item--template--20007093764325__collage_UjzqDw--1  .collage-builder__text-container {
        padding: 0 16px 16px 16px;
    }
}
.collage-builder__heading {
    /* margin-bottom: 0; */
    line-height: 1.1em;
    hyphens: auto;
    overflow-wrap: anywhere;
    line-height: 1.2 !important
}
.collage-builder__subheading{
    /* margin-bottom: 0; */
font-size: 18px;
font-weight: 400;
line-height: 1.5;
}

@media screen and (max-width:767px) {
    .collage-builder__subheading{
        font-size: 14px;
        }
    .collage-builder__heading {
        font-size: 22px;
        font-weight: 600;
    }
    .collage-builder__text-content {
        font-size: 14px;
        text-align: center;
    }
    #shopify-section-template--20007093764325__collage_chrKFk
    .collage-builder__text-content {
        text-align: left;
    }
}

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

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

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

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

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

@media screen and (max-width:768px) {
    .collage-builder__button-container.text-link-animated:not(:first-child) {
        margin-top: 10px;
    }

    .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;
    border-radius:12px;
}

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

.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;
    border-radius: 10px;
}

.collage-builder__background-video iframe,
.collage-builder__video 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 iframe {
    width: 470%;
    height: 100%
}

.collage-builder__background-video.collage-builder__background-video--wide iframe {
    width: 100%;
    height: 400%
}

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

.collage-builder__background-video.type-mp4 .hero-video-mp4 {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

@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.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.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.collage-builder__grid-item--mobile-video-mp4 .collage-builder__background-video--mobile video {
        max-width: 100%
    }

    .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 .native-video-wrapper {
    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 {
        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
    }
}

.collage-builder__video native-video {
    display: block;
    height: 100%
}

.collage-builder__video native-video .homepage-hero-content-overlay-wrapper {
    height: 100%
}

.collage-builder__video native-video .homepage-hero-content-overlay-wrapper video {
    display: block;
    height: 100%;
    width: 100%
}

@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 .video--video__text-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 30px
}

.collage-builder__video .homepage-video-play-button {
    display: block;
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
    outline: 2px solid transparent
}

.collage-builder__video .homepage-video-play-button-inner {
    position: absolute;
    z-index: 2;
    border-style: solid;
    border-width: 9px 0 9px 16px;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -10%;
    width: 20px;
    height: 20px
}

.collage-builder__video .video--video__static-image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.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__section-wrapper.fadeInUp {
    animation-name: FadeInUpSubtle
}

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

    100% {
        opacity: 1;
        transform: translateZ(0)
    }
}