.elementor-323 .elementor-element.elementor-element-4e24d6f2{--display:flex;--min-height:0px;}.elementor-323 .elementor-element.elementor-element-50f31811{column-gap:0px;font-family:"DM Sans", Sans-serif;font-size:12px;color:var( --e-global-color-text );}.elementor-323 .elementor-element.elementor-element-50f31811 p{margin-block-end:4px;}/* Start custom CSS for text-editor, class: .elementor-element-50f31811 *//* Limit the initial height of the text box */
.elementor-323 .elementor-element.elementor-element-50f31811 .text-toggle-box {
    max-height: 100px; /* Adjust this value to hide/show more text initially */
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease-in-out;
}

/* Add a faded gradient look over the cut-off text */
.elementor-323 .elementor-element.elementor-element-50f31811 .text-toggle-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(transparent, #ffffff); /* Matches white backgrounds */
    transition: opacity 0.3s ease;
}

/* Expand the box completely when expanded */
.elementor-323 .elementor-element.elementor-element-50f31811.expanded .text-toggle-box {
    max-height: 1000px; /* Make sure this is larger than your full text length */
}

/* Remove the faded background effect when expanded */
.elementor-323 .elementor-element.elementor-element-50f31811.expanded .text-toggle-box::after {
    opacity: 0;
    pointer-events: none;
}/* End custom CSS */