.component-title-sliding-images-and-texts__verbatim-video {
    padding-block-start: 4.375rem;
}

.component-title-sliding-images-and-texts--head__verbatim-video {
    width: var(--content-width);
    max-width: var(--max-content-width);
    margin-inline: auto;

    text-align: center;
}

.component-title-sliding-images-and-texts--description__verbatim-video {
    margin-block-start: 1.563rem;
}

.component-title-sliding-images-and-texts--description__verbatim-video p {
    font-weight: 300;
    font-size: .875rem;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video {
    display: flex;
    flex-direction: column-reverse;
}

.component-title-sliding-images-and-texts--slides__verbatim-video {
    margin-block-start: 2.5rem;
}

.component-title-sliding-images-and-texts--topic-image-text__verbatim-video--verbatim-video {
    width: var(--content-width);
    max-width: var(--max-content-width);
    margin-inline: auto;
}

.component-title-sliding-images-and-texts__verbatim-video
.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video .component-title-sliding-images-and-texts--topic-image-text__verbatim-video--verbatim-video iframe {
    transform: none;
    pointer-events: all;
}

.component-wrapper-video:not(:has(iframe)) {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description {
    position: relative;

    padding: 3.125rem 2.188rem;
    margin-block-start: 1.563rem;
    
    background-color: var(--orange);
    border-end-end-radius: 2.188rem;

    text-align: center;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description * {
    color: var(--white);
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description blockquote * {
    font-size: 1.5rem;
    font-weight: 300;
    font-style: italic;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description blockquote strong {
    font-weight: 700;
    font-style: normal;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description > p {
    font-size: .875rem;
    font-weight: 300;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description blockquote + p {
    margin-block-start: 2.188rem;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video:not(:last-of-type) .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description {
    margin-block-end: -2.188rem;
}

.component-title-cta-images-and-caption__verbatim-video--description blockquote + p {
    margin-block-start: 2.188rem;
}

.component-title-cta-images-and-caption__verbatim-video:not(:last-of-type) .component-title-cta-images-and-caption__verbatim-video--description {
    margin-block-end: -2.188rem;
}

/*
the block after needs to be higher
in order to be able to slip below the verbatim
to achieve that, we add a pseudo-element 
with height = to verbatim's radius
*/
.page-home .component-title-cta-images-and-caption__verbatim-video:not(:last-of-type):has(.component-title-cta-images-and-caption__verbatim-video--description) ~ section:before {
    content: '';

    display: block;
    width: 100vw;
    height: 2.188rem;
}

.component-title-cta-images-and-caption__verbatim-video:not(:last-of-type):has(.component-title-cta-images-and-caption__verbatim-video--description) ~ section ~ section:before {
    content: none;
}

@media screen and (min-width: 48rem) {

    .component-title-sliding-images-and-texts__verbatim-video {
        padding-block-start: 0;
    }

    .component-title-sliding-images-and-texts--wrapper__verbatim-video {
        --gap: 2.625rem;

        display: flex;
        flex-direction: row-reverse;
        gap: var(--gap);

        width: 100vw;
        max-width: 80rem;
        margin-inline: auto;
    }

    .component-title-sliding-images-and-texts--head__verbatim-video,
    .component-title-sliding-images-and-texts--slides__verbatim-video {
        flex: 1;

        width: calc(50% - var(--gap) / 2);
        max-width: calc(50% - var(--gap) / 2);
        margin-block-start: 0;
    }

    .component-title-sliding-images-and-texts--topic-image-text__verbatim-video--verbatim-video {
        width: 100%;
        max-width: 100%;
    }

    .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description {
        margin-block-start: 0;
    }

    .component-title-sliding-images-and-texts--head__verbatim-video {
        display: flex;
        flex-direction: column;
        justify-content: center;
        
        padding-inline: 3.25rem 8rem;

        text-align: start;
    }

    .component-title-sliding-images-and-texts--description__verbatim-video {
        margin-block-start: 1.25rem;
    }
    
    .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__verbatim-video--description blockquote * {
        font-size: 1.688rem;
    }

    main:not(.page-home) .component-title-cta-images-and-caption__verbatim-video,
    .component-title-cta-images-and-caption__verbatim-video:not(:has(.component-title-cta-images-and-caption__verbatim-video--description)) {
        padding-block-end: 0;
    }

    main:not(.page-home) .component-title-cta-images-and-caption__verbatim-video .component-cta__verbatim-video,
    .component-title-cta-images-and-caption__verbatim-video:not(:has(.component-title-cta-images-and-caption__verbatim-video--description)) .component-cta__verbatim-video {
        margin-block-end: 3.125rem;
    }
    
    .page-home.component-title-cta-images-and-caption__verbatim-video:has(.component-title-cta-images-and-caption__verbatim-video--description) {
        padding-block-end: 3rem;
    }

    .component-title-cta-images-and-caption__verbatim-video:not(:last-of-type) .component-title-cta-images-and-caption__verbatim-video--description {
        position: absolute;
        inset-block-end: 0;
        inset-inline-end: 50vw;

        max-width: 35rem;
    }
    
    .component-title-cta-images-and-caption__verbatim-video:not(:last-of-type) .component-title-cta-images-and-caption__verbatim-video--description {
        margin-block-end: -3rem;
    }

    .component-title-cta-images-and-caption__verbatim-video:not(:last-of-type):has(.component-title-cta-images-and-caption__verbatim-video--description) ~ section:before {
        height: 3rem;
    }

    main:not(.page-home) .component-title-cta-images-and-caption__verbatim-video--image-wrapper {
        align-self: stretch;
        overflow: hidden;
    }

}