.dpx-custom-liquid {
    display: none;
}


@media (max-width: 769px) {
    .dpx-rich-text {
        .section .container .section__block {
            padding: 0 10px;
        }

        .section.section--main:not(.section--padded) {
            .container {
                div.section__block{
                    font-size: 12px !important;
                }
            }
        }
    
        .section.section--main {
            padding: 0;
            margin: 0;

            &.section--padded {
                .container .max-w-text-overlay p {
                    font-size: 14px !important;
                }
            }

            .container {
                padding: 20px 0;

                h2 {
                    font-size: 25px;
                }

                .section__block--buttons {
                    width: 100%;

                    .btn {
                        width: 100%;
                    }
                }
            }
        }  
    }

    .dpx-media-with-text {
        .section.section--padded {
            padding: 15px 0;

            .container.media-with-text-container {
                margin: 0 10px;

                .media-with-text {
                    max-height: fit-content;
                    
                    .media-with-text__text {
                        padding: 10px 0;

                        h2 {
                            font-size: 25px;
                        }

                        .media-with-text__media {
                            height: 370px;
                        }
                    }

                    .text-body,
                    .text-body .subheading {
                        font-size: 12px;
                    }

                    .text-body .text_bodies {
                        flex-direction: column;
                        padding-bottom: 30px;

                        .section__block.text-body_first {
                            width: 100%;
                        }
                        .section__block.text-body_second {
                            width: 100%;
                        }
                    }

                    .btn {
                        width: 100% !important;
                        font-size: 16px;
                    }
                }
            }
        }
    }


}

@media (min-width: 769px) and (max-width: 1279.98px) {
    .dpx-media-with-text .section {
        padding: calc(var(--section-gap) * var(--fluid-1-5)) 0;

        .container.media-with-text-container {
            padding: 0 calc(var(--gutter) * 2 - 10px);
        }

        .container.media-with-text-container .media-with-text .media-with-text__text {
            padding: 0;

            .text-start {
                margin: 10px 0;
            }
        }
    }

    .dpx-media-with-text .media-with-text .media-with-text__text .subheading {
        font-size: 16px;
    }


}

.dpx-media-with-text .media-with-text__text .text-start .text-body {
    font-size: 16px;
}

.dpx-media-with-text { 
    &:first {
        .section {
            padding: 0;
        }
    }
    .section {
        padding: 85px 0;

        .media-with-text-container .media-with-text {
            .text-start {
                .text-body {
                    padding-top: 10px;
                }

                h2 {
                    font-size: 30px;
                    font-weight: 900;
                }

                .media-with-text__btn {
                    margin: 40px 0 10px 0;
                }

                .section_block:not(.subheading_first):not(.subheading_second) {
                    margin-bottom: 1em;
                }

                .section__block--heading {
                    margin: 0;
                }

                btn {
                    width: auto;
                }

                .section__block {
                    .subheading {
                        padding-bottom: 22px;

                        &.subheading_first {
                            margin-bottom: 0;
                        }

                        &.subheading_second {
                            margin-bottom: 0;
                        }
                    }

                    li:not(:last-child) {
                        padding-bottom: 20px;
                    }

                    li {
                        padding-inline-start: 0;
                    }
                }
            }
        
        }
    }
}

.dpx-rich-text .section .container {
    padding: 0 calc(var(--gutter) * 2);

    .max-w-text-overlay {
        max-width: none;

        .section__block {
            max-width: none;

            ul {
                padding-left: 0;
                font-size: 14px;

                li:not(:last-child) {
                    padding-bottom: 10px;
                    line-height: 2.2;
                }
            }

            p {
                font-size: 18px;
            }
        }
    }
}