.block-dcr-feature .dcr-feature{position: relative; z-index: 1;}
.block-dcr-feature .dcr-feature.has-bg{color: #fff;}
.block-dcr-feature .dcr-feature .container{position: static;}
.block-dcr-feature .dcr-feature .feature-title{position: relative; max-width: 80%; margin-bottom: 3rem; padding-bottom: 1.5rem; padding-top: 2rem;}
.block-dcr-feature .dcr-feature .feature-bg{position: absolute; top: 0; right: 0; width: 85%; height: 100%; z-index: -1;}
.block-dcr-feature .dcr-feature .feature-image-wrapper{position: absolute;}
.block-dcr-feature .dcr-feature .feature-image{object-fit: cover; width: 100%; height: 100%;}
.block-dcr-feature .dcr-feature .feature-cta{position: relative; background-color: var(--brand-1); padding: 2rem 20rem 2rem 4rem; color: #fff !important; margin-top: -5rem; margin-left: -8rem; width: 66%;}
.feature-cta h1, .feature-cta h2, .feature-cta h3, .feature-cta h4, .feature-cta h5, .feature-cta h6{color: #fff !important;}

.block-dcr-feature .dcr-feature .feature-cta .feature-cta-button{position: absolute; top: 50%; right: -5rem; transform: translateY(-50%); max-width: max-content; gap: 5rem;}

.editor-visual-editor .dcr-feature .feature-bg{width: 100%;}
.editor-visual-editor .dcr-feature .feature-content-wrapper{padding: 3rem 10% 10rem 0;}

/* Preset 1 */
.block-dcr-feature .dcr-feature.preset-1{margin-bottom: 6rem;}
.block-dcr-feature .dcr-feature.preset-1 .feature-content-wrapper{padding: 5rem 40% 10rem 0;}
.block-dcr-feature .dcr-feature.preset-1 .feature-image-wrapper{right: -15rem; top: 0; height: 110%; width: 48%;}

/* Preset 2 */
.block-dcr-feature .dcr-feature.preset-2{margin-bottom: 15rem;}
.block-dcr-feature .dcr-feature.preset-2 .container{background-color: inherit;}
.block-dcr-feature .dcr-feature.preset-2 .feature-content-wrapper{padding: 5rem 0 20rem 45%;}
.block-dcr-feature .dcr-feature.preset-2 .feature-image-wrapper{left: -15rem; top: 0; height: 120%; width: 50%; background-color: inherit;}
.block-dcr-feature .dcr-feature.preset-2 .feature-image-wrapper::before{content: ''; position: absolute; top: 0; left: 0; width: calc(100% + 5rem); height: calc(100% + 5rem); z-index: -1; background-color: inherit;}

.block-dcr-feature .dcr-feature.preset-2 .feature-title{max-width: 100%;}
.block-dcr-feature .dcr-feature.preset-2 .feature-cta-button{position: absolute; right: 15%; bottom: -10rem;}

/* Preset 3 */
.block-dcr-feature .dcr-feature.preset-3{margin-top: 10rem;}
.block-dcr-feature .dcr-feature.preset-3 .feature-image{border-radius: 100%; left: 5%; top: -20%; width: 525px; aspect-ratio: 1; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.block-dcr-feature .dcr-feature.preset-3 .feature-content-wrapper{padding: 5rem 0 10rem 25%;}
.block-dcr-feature .dcr-feature.preset-3 .feature-title h3{max-width: 80%;}

@media(max-width: 1440px){
    .block-dcr-feature .dcr-feature .feature-bg{width: 92%;}

    /* Preset 1 */
    .block-dcr-feature .dcr-feature.preset-1 .feature-content-wrapper{padding: 5rem 45% 10rem 10%;}
    .block-dcr-feature .dcr-feature.preset-1 .feature-image{width: 100%;}

    /* Preset 3 */
    .block-dcr-feature .dcr-feature.preset-3 .feature-image{width: 450px; left: 2%; top: -15%;}
    .block-dcr-feature .dcr-feature.preset-3 .feature-content-wrapper{padding: 5rem 0 10rem 35%;}
    .block-dcr-feature .dcr-feature.preset-3 .feature-bg{width: 80%;}
}

@media(max-width: 1024px){
    .block-dcr-feature .dcr-feature.preset-1 .feature-content-wrapper{padding: 5rem 40% 10rem 0;}
    .block-dcr-feature .dcr-feature .feature-cta{padding: 2rem; width: 80%;}
    .block-dcr-feature .dcr-feature .feature-cta .feature-cta-button{position: static; top: unset; right: unset; transform: unset; margin-top: 2rem;}
}

@media(max-width: 768px){
    .block-dcr-feature .dcr-feature.preset-1{margin-bottom: 0;}
    .block-dcr-feature .dcr-feature.preset-1 .feature-content-wrapper{padding: 0;}
    .block-dcr-feature .dcr-feature.preset-1 .feature-image-wrapper{position: static; width: 100%; height: auto;}
    .block-dcr-feature .dcr-feature.preset-1 .feature-cta{margin-left: 50%; transform: translateX(-50%);}

    .block-dcr-feature .dcr-feature.preset-2{margin-bottom: 2rem;}
    .block-dcr-feature .dcr-feature.preset-2 .feature-content-wrapper{padding: 8rem 0 4rem 0;}
    .block-dcr-feature .dcr-feature.preset-2 .feature-image-wrapper{position: relative; left: 0; width: 100%; height: auto; padding-bottom: 8rem;}
    .block-dcr-feature .dcr-feature.preset-2 .feature-image-wrapper::before{display: none;}
    .block-dcr-feature .dcr-feature.preset-2 .feature-cta-button{bottom: -2.5rem; left: 50%; transform: translateX(-50%);}
}