.elementor-22651 .elementor-element.elementor-element-09261b6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22651 .elementor-element.elementor-element-09261b6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22651 .elementor-element.elementor-element-e9b54e5{--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-22651 .elementor-element.elementor-element-f3df0cd .portfolio-item{margin-bottom:20px;}.elementor-22651 .elementor-element.elementor-element-f3df0cd .portfolio-inner-wrap{margin-bottom:20px;}@media(min-width:768px){.elementor-22651 .elementor-element.elementor-element-09261b6{--width:102.222%;}}/* Start custom CSS for html, class: .elementor-element-11f052f *//* --- FORCE FULL WIDTH BREADCRUMB --- */
.breadcrumb-container {
    position: relative;
    /* Force Full Width Magic */
    width: 100vw; 
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    height: 400px; 
    background-image: url('https://ecccontrolsandautomation.com/wp-content/uploads/2026/03/asa-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Dark Overlay taake White Text chamke */
.breadcrumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65); /* Thoda dark overlay */
    z-index: 1;
}

/* Text Styling - AB SAB KUCH WHITE HAI */
.breadcrumb-text-box {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #ffffff !important; 
    padding: 0 20px;
}

.breadcrumb-text-box h1 {
    color: #ffffff !important; /* Force White Heading */
    font-size: clamp(30px, 5vw, 55px); 
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5); /* Clear parhne ke liye shadow */
}

.breadcrumb-text-box p {
    color: #ffffff !important; /* Force White Paragraph */
    font-size: 18px;
    font-weight: 500;
}

/* Home Link aur Divider */
.breadcrumb-text-box p a {
    color: #ffffff !important; /* Home link bhi white */
    text-decoration: none;
    opacity: 0.9;
}

.breadcrumb-text-box p a:hover {
    color: #00f2ff !important; /* Hover pe cyan touch */
}

.breadcrumb-text-box p span {
    color: #ffffff !important; /* Slash (/) bhi white */
    margin: 0 10px;
}

/* Mobile Fix */
@media (max-width: 768px) {
    .breadcrumb-container {
        height: 250px;
        background-attachment: scroll;
    }
}/* End custom CSS */