.component-chapter-text-image-cpt {
    position:relative;
    background: white;
}

.text-image-chapter-hero-wrapper {
    width: 100%;
    height: var(--full-height);
}

.text-image-chapter-hero-wrapper img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.ch-txt-img-media-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow:hidden;
}

.text-image-cpt.component-text-image-cpt {
    margin-bottom: -5vw;
}

.text-image-grid {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-gap: 40px;
    margin: 64px 0px;
}

.text-image-grid .txt-image-media-wrapper {
    grid-column: 3 / 9;
    aspect-ratio: 503 / 671;
    overflow: hidden;
    width: 100%;
    height:100%;
}

.text-image-cpt .text-image-grid .txt-image-content {
    grid-column: 10 / 14;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

}

.text-image-grid.reverse .txt-image-content{
    grid-column: 5 / 9;
}

.text-image-grid.reverse .txt-image-media-wrapper {
    grid-column: 10 / 14;
    aspect-ratio: 520 / 650;
}

.txt-image-media-wrapper .media-wrapper-prlx {
    width: 100%;
    height: 100%;
}

.text-image-cpt-sticky-title {
    position: absolute;
    width: 100%;
    height: 85vh;
    color: var(--white);
    top: calc(var(--full-height) / 2.3);
    z-index: 4;
}

.sticky-title-wrapper  {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: sticky;
    top: 50%;
}

.chapter-blocks  {
    background-color: var(--white);
}

.chapter-blocks .text-image-content-wrapper {
    padding-top: 22vh;
}

@media (max-width: 991px) {
    .text-image-grid {
        display:flex;
        flex-direction: column;
        margin: 32px 0px 0px;
    }

    .text-image-grid.reverse {
        flex-direction: column-reverse;
    }

    .text-image-cpt.component-text-image-cpt {
        margin-bottom: 8vw;
    }

    .text-image-cpt-sticky-title {
        top: 0;
        z-index: 4;
        height: var(--full-height);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sticky-title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        top: unset;
    }

    .sticky-title-wrapper .featured-title[appear="fadeUp"] {
        opacity: 1;
        transform: translateY(0px);
    }

    .chapter-blocks .text-image-content-wrapper {
        padding-top: 0px;
    }

    .component-text-cpt .content-wrapper p {
        text-align:left !important;
    }
}

@media (max-width: 767px) {
    .text-image-content-wrapper .pt-64 {
        padding-top: 32px;
    }
}

@media (max-width:1280px) {

    .text-image-cpt .text-image-grid .txt-image-content {

        padding: 0;
    }
    
    
}