.elementor-22328 .elementor-element.elementor-element-c4cb612{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22328 .elementor-element.elementor-element-c4cb612 .diteck-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-22328 .elementor-element.elementor-element-bedbb35 .diteck-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}:root{--page-title-display:none;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-22328 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}/* Start custom CSS */.hero-text-overlay {
    background: #00000040;}

.hero-text-slide h1 {letter-spacing: 1px;}

.line-content {
    position: relative;
    display: inline-block;
    overflow: hidden;  /* ← this is the critical missing rule */
}

.white-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;    /* or whatever your active text color is */
}

.grey-text {
    opacity: 0.3;      /* dimmed version shown before reveal */
    color: #ffffff;
}

.text-line {
    display: block;
    line-height: inherit;
}/* End custom CSS */