.elementor-14002 .elementor-element.elementor-element-5c6bfc6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14002 .elementor-element.elementor-element-69c0d48b{--display:flex;}/* Start custom CSS for theme-page-title, class: .elementor-element-d76a797 *//* 1. Main Page Title Styling */
.elementor-14002 .elementor-element.elementor-element-d76a797 .elementor-heading-title {
    color: #1a2b3c; /* Dark slate for premium readability */
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.03);
}

/* 2. The HDI Brand Blue Accent Line */
.elementor-14002 .elementor-element.elementor-element-d76a797 .elementor-heading-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px; /* Starting width of the line */
    height: 6px; /* Thickness of the line */
    background-color: #2B94DC; /* Primary HDI Logo Color */
    border-radius: 4px;
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 3. Interactive Hover Expansion */
.elementor-14002 .elementor-element.elementor-element-d76a797:hover .elementor-heading-title::after {
    width: 100%; /* Expands gracefully to cover the full width of the text */
}

/* 4. Responsive Adjustments for Mobile and Tablet */
@media (max-width: 768px) {
    .elementor-14002 .elementor-element.elementor-element-d76a797 .elementor-heading-title {
        font-size: 2.2rem;
        padding-bottom: 12px;
    }
    .elementor-14002 .elementor-element.elementor-element-d76a797 .elementor-heading-title::after {
        height: 4px;
        width: 50px;
    }
}/* End custom CSS */