.elementor-3 .elementor-element.elementor-element-6a9861d{--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-3 .elementor-element.elementor-element-6a9861d:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-6a9861d > .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-3 .elementor-element.elementor-element-36f6399{--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-3 .elementor-element.elementor-element-e5eb157{text-align:start;}.elementor-3 .elementor-element.elementor-element-e5eb157 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-4020dcc );}.elementor-3 .elementor-element.elementor-element-5089975{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3 .elementor-element.elementor-element-c5fb1ef{--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:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-3 .elementor-element.elementor-element-c5fb1ef:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-c5fb1ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79a9e81 );}.elementor-3 .elementor-element.elementor-element-6acc330{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-d796d2f{padding:0px 0px 0px 0px;text-align:start;font-family:"Montserrat", Sans-serif;font-weight:500;color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-c5fb1ef{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-6acc330{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-6a9861d{--content-width:1340px;}.elementor-3 .elementor-element.elementor-element-36f6399{--width:100%;}.elementor-3 .elementor-element.elementor-element-c5fb1ef{--content-width:1340px;}.elementor-3 .elementor-element.elementor-element-6acc330{--width:100%;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-6a9861d{--min-height:200px;}.elementor-3 .elementor-element.elementor-element-e5eb157 .elementor-heading-title{font-size:26px;}.elementor-3 .elementor-element.elementor-element-c5fb1ef{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-6acc330{--padding-top:15px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-5089975 */.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 */