section.product-cta-full {
    overflow: hidden;
    background-color: transparent !important
}

section.product-cta-full.bg-white .container:before {
    background-color: #fff
}

section.product-cta-full.bg-black .container:before {
    background-color: #000
}

section.product-cta-full.bg-primary .container:before {
    background-color: var(--color-primary)
}

section.product-cta-full.bg-accent .container:before {
    background-color: var(--color-accent)
}

section.product-cta-full.bg-secondary .container:before {
    background-color: var(--color-secondary)
}

section.product-cta-full.bg-grey .container:before {
    background-color: #CCCCCC
}

section.product-cta-full.bg-grey-light .container:before {
    background-color: var(--color-border)
}

section.product-cta-full.bg-grey-blue .container:before {
    background-color: #B3C8FF
}

section.product-cta-full.bg-grey-dark .container:before {
    background-color: #7f7f7f
}

section.product-cta-full.bg-grey-platinum .container:before {
    background-color: var(--color-border)
}

section.product-cta-full .container {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem
}

section.product-cta-full .container:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 100vw;
    z-index: -1;
    transform: translateX(-50%)
}

section.product-cta-full .container>div {
    z-index: 1
}

section.product-cta-full .media {
    text-align: center
}

section.product-cta-full .media img,section.product-cta-full .media video {
    margin: auto;
    max-width: 70%
}

section.product-cta-full .media img {
    -o-object-fit: cover;
    object-fit: cover
}

section.product-cta-full .media video {
    margin: auto
}

section.product-cta-full .content {
    padding-right: 1.875rem
}

section.product-cta-full .media+.content {
    padding-right: 1rem;
    padding-left: 1.875rem
}

@media screen and (min-width: 62rem) {
    section.product-cta-full .container {
        margin-top:5.5rem
    }

    section.product-cta-full .media img,section.product-cta-full .media video {
        position: absolute
    }

    section.product-cta-full .media img {
        top: -5.5rem;
        left: 75%;
        transform: translateX(-50%);
        height: 19rem;
        width: 19rem
    }

    section.product-cta-full .media video {
        top: -5.5rem;
        left: 50%;
        right: 0;
        max-height: 70%
    }
}

@media screen and (max-width: 61.95rem) {
    section.product-cta-full .media {
        order:4;
        margin-bottom: 1.5rem
    }

    section.product-cta-full .content {
        text-align: center;
        order: 8
    }
}