.elementor-75 .elementor-element.elementor-element-e561151{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-75 .elementor-element.elementor-element-e561151:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-e561151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://solartechwholesalers.co.za/wp-content/uploads/2025/09/Become-an-Installer-Banner-01.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-75 .elementor-element.elementor-element-b7a5933{--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-75 .elementor-element.elementor-element-cb153d3{text-align:start;}.elementor-75 .elementor-element.elementor-element-cb153d3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-4020dcc );}.elementor-75 .elementor-element.elementor-element-8c7bb71{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-75 .elementor-element.elementor-element-dc5e7fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-75 .elementor-element.elementor-element-a4b9c02{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-75 .elementor-element.elementor-element-24e42eb{text-align:center;}.elementor-75 .elementor-element.elementor-element-24e42eb .elementor-heading-title{color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-75 .elementor-element.elementor-element-e561151{--min-height:200px;}.elementor-75 .elementor-element.elementor-element-cb153d3 .elementor-heading-title{font-size:26px;}}@media(min-width:768px){.elementor-75 .elementor-element.elementor-element-e561151{--content-width:1340px;}.elementor-75 .elementor-element.elementor-element-b7a5933{--width:100%;}.elementor-75 .elementor-element.elementor-element-a4b9c02{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-8c7bb71 */.rank-math-breadcrumb {
    padding: 10px 0; 
    font-size: 12px;
    list-style: none; 
    margin: 0;
}

.rank-math-breadcrumb > span,
.rank-math-breadcrumb > li {
    display: inline;
}

.rank-math-breadcrumb a {
    color: #0a6436; 
    text-decoration: none; 
    font-weight: bold;
    margin: 0 5px;
    text-transform: uppercase;
    font-size: 12px;
 }

.rank-math-breadcrumb span.separator {
    color: #fff; 
}

.rank-math-breadcrumb span.last {
    color: #fff; 
    font-weight: bold;
    text-transform: uppercase;
}

/* Target the links (all but the last item) */
.rank-math-breadcrumb a {
    /* 1. Set the display property to ensure it behaves inline */
    display: inline; 
    
    /* 2. Apply the background color */
    background-color: #00000078;
    padding: 4px;
    /* Bright yellow background */

    /* 3. Add padding to make the background visible around the text */
   
    
    /* 4. Optional: Round the corners of the background */
    border-radius: 3px;

    /* Adjust text color to contrast with the background */
    color:  #0a6436; 
    
    /* Remove default Rank Math link styles that might interfere */
    text-decoration: none;
    line-height: 1; /* Helps with vertical alignment */
}

/* Target the current page (last item) */
.rank-math-breadcrumb span.last {
    /* 1. Set the display property to ensure it behaves inline */
    display: inline; 

    /* 2. Apply the background color */
    background-color: #00000078; /* Light grey background */

    /* 3. Add padding */
    padding: 4px; 

    /* 4. Optional: Round the corners */
    border-radius: 3px; 
    
    /* Adjust text color */
    color: #fff; 
    font-weight: bold;
}/* End custom CSS */