.elementor-1426 .elementor-element.elementor-element-1db603e > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;--e-transform-skewY:0deg;margin:0px 0px 19px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-1db603e.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-1426 .elementor-element.elementor-element-1db603e{z-index:0;}.elementor-1426 .elementor-element.elementor-element-01e5a90 > .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-1426 .elementor-element.elementor-element-96dbae7{padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-6e138a3{--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:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1426 .elementor-element.elementor-element-d38324d{--display:flex;}.elementor-1426 .elementor-element.elementor-element-3362725{--display:flex;}.elementor-1426 .elementor-element.elementor-element-d590ae5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1426 .elementor-element.elementor-element-acee1d5{margin-top:020px;margin-bottom:00px;padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-f16c7c8 > .elementor-widget-container{margin:-119px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-3be6208{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-6cdf553 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-26301af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1426 .elementor-element.elementor-element-5bf489c{--display:flex;}.elementor-1426 .elementor-element.elementor-element-4315cc7 > .elementor-widget-container{margin:-120px 0px 0px 0px;}@media(min-width:768px){.elementor-1426 .elementor-element.elementor-element-6e138a3{--content-width:1175px;}.elementor-1426 .elementor-element.elementor-element-d38324d{--width:50%;}.elementor-1426 .elementor-element.elementor-element-d590ae5{--width:50%;}}@media(max-width:1024px){.elementor-1426 .elementor-element.elementor-element-1db603e{width:var( --container-widget-width, 767px );max-width:767px;--container-widget-width:767px;--container-widget-flex-grow:0;}.elementor-1426 .elementor-element.elementor-element-1db603e > .elementor-widget-container{margin:0px 0px -37px 0px;}.elementor-1426 .elementor-element.elementor-element-1db603e.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1426 .elementor-element.elementor-element-542e5f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-4315cc7 > .elementor-widget-container{margin:-120px 0px -120px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1426 .elementor-element.elementor-element-1db603e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-1db603e{--container-widget-width:321px;--container-widget-flex-grow:0;width:var( --container-widget-width, 321px );max-width:321px;}.elementor-1426 .elementor-element.elementor-element-542e5f5 > .elementor-widget-container{margin:0px 0px 66px 0px;padding:0px 0px 0px 0px;}.elementor-1426 .elementor-element.elementor-element-6e138a3{--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-1426 .elementor-element.elementor-element-f16c7c8 > .elementor-widget-container{margin:-100px 0px 0px 0px;padding:0px 0px 50px 0px;}}/* Start custom CSS for electrician-nivo-slider, class: .elementor-element-1db603e */@media (max-width: 767px) { /* 1. Force the image holder to treat the background as a centered image */ .mainSlider .img--holder { height: 250px !important; /* Use background-position combined with background-size */ background-position: 50% 50% !important; background-size: cover !important; background-repeat: no-repeat !important; /* Ensure the container is full width */ width: 100% !important; } /* 2. Overwrite the Elementor-specific stretch/transform behaviors */ .elementor-element.elementor-widget-electrician-nivo-slider { margin-left: auto !important; margin-right: auto !important; width: 100% !important; left: 0 !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-537ea65 *//* ========================================================================== HEADER & LOGO STICKY FIXES ========================================================================== */ /* Normal state: Logo at 125px, Header at 160px */ .tt-logo img { width: 125px; transition: all 0.4s ease; } .tt-holder-wrapper { height: 160px !important; min-height: 160px !important; transition: all 0.4s ease; display: flex; align-items: center; } /* Sticky state: Logo shrinks to 62.5px, Header shrinks to 120px */ #js-init-sticky.fixed .tt-logo img { width: 62.5px !important; } #js-init-sticky.fixed .tt-holder-wrapper { height: 120px !important; min-height: 120px !important; } /* ========================================================================== HOMEPAGE SLIDER (Static & Custom Height) ========================================================================== */ #js-mainSlider, .mainSlider { height: 1000px !important; } .mainSlider .img--holder { height: 1000px !important; background-size: cover !important; background-position: center center !important; -webkit-animation: none !important; animation: none !important; transform: scale(1) !important; transition: none !important; } /* Mobile Adjustment for Slider */ @media (max-width: 767px) { #js-mainSlider, .mainSlider, .mainSlider .img--holder { height: 250px !important; align-items: center !important; } } /* ========================================================================== SLIDER TEXT STYLING ========================================================================== */ /* Style for Title 1 (Sub-headline) */ .mainSlider .tt-title-01 { text-align: left !important; font-size: 55px !important; color: #e11f42 !important; text-transform: uppercase; letter-spacing: 2px !important; margin-bottom: 10px !important; font-weight: 1000 !important; } /* Style for Title 2 (Main Headline) */ .mainSlider .tt-title-02 { text-align: left !important; font-size: 35px !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1.1 !important; margin-top: 0 !important; text-shadow: 0px 2px 10px rgba(0,0,0,0.5) !important; } /* Container Positioning - Updated to override the grid */ .mainSlider .slide-content { position: absolute !important; top: -100px !important; /* Distance from top (Increase this to move down) */ left: 50px !important; /* Distance from left (Increase this to move right) */ width: 90% !important; /* Prevents text from hitting the far right edge */ text-align: left !important; } .mainSlider .slide-content .container { padding: 0 !important; margin: 0 !important; max-width: 100% !important; text-align: left !important; } /* Tablet & Mobile Overrides */ @media (max-width: 1024px) { .mainSlider .slide-content { position: relative !important; display: block !important; /* Force it to act like a standard block */ top: 0 !important; left: 0 !important; text-align: center !important; /* Instead of margin/padding, use transform to move it precisely */ transform: translateY(-220px) !important; width: 100% !important; } .mainSlider .tt-title-01 { text-align: center !important; font-size: 30px !important; margin-bottom: 5px !important; /* Tighten space */ } .mainSlider .tt-title-02 { text-align: center !important; font-size: 20px !important; } } /* ========================================================================== MOBILE ADJUSTMENTS (Updates for Slider Text & Layout) ========================================================================== */ @media (max-width: 767px) { /* Shrink the slider container */ #js-mainSlider, .mainSlider, .mainSlider .img--holder { height: 250px !important; } /* Shrink the Title 1 (Sub-headline) */ .mainSlider .tt-title-01 { font-size: 20px !important; /* Much smaller for mobile */ margin-bottom: 10px !important; /* Tighten up spacing */ letter-spacing: 1px !important; } /* Shrink the Title 2 (Main Headline) */ .mainSlider .tt-title-02 { font-size: 22px !important; /* Readable, but fits on one or two lines */ line-height: 1.2 !important; } /* Adjust padding so text doesn't hit the screen edges */ .mainSlider .slide-content .container { padding-top: 20px !important; padding-left: 15px !important; padding-right: 15px !important; } }/* End custom CSS */ /* Start custom CSS for electrician_about_two, class: .elementor-element-542e5f5 *//* Move the content box up by 25px */ .layout01__content-wrapper { margin-top: -25px !important; } /* Optional: If you only want to affect this specific section on desktop */ @media (min-width: 992px) { .layout01__content-wrapper { margin-top: -25px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-96dbae7 */@media (max-width: 1024px) { /* 1. Force the main layout to stop side-by-side positioning */ .layout01 { display: block !important; } /* 2. Strip padding/margins from the image container that might push it right */ .layout01__img, .tt-img-main { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: center !important; } /* 3. Center the image itself and kill any forced alignment */ .tt-img-main img { display: inline-block !important; margin: 0 auto !important; float: none !important; position: static !important; /* Ensure it's not wider than the screen */ max-width: 100% !important; height: auto !important; } }/* End custom CSS */ /* Start custom CSS for electrician_video, class: .elementor-element-4315cc7 *//* Move the image up and reduce the width */ .tt-box01 { /* 1. background-position: 50% 20% moves it up. The first number (50%) is horizontal center, the second number (20%) pushes the image up. Change 20% to 10% or 0% to move it even higher. */ background-position: 10% 50% !important; /* 2. background-size: 80% auto makes the image 80% of the section width, effectively 'reducing' it. */ background-size: 50% auto !important; /* 3. Keep it from repeating if it gets too small */ background-repeat: no-repeat !important; } .tt-box01 { background-color: #8A8A8A !important; /* Or change to your preferred color */ }/* End custom CSS */