.elementor-4404 .elementor-element.elementor-element-5e22fa5{--display:grid;--min-height:127px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4404 .elementor-element.elementor-element-5e22fa5:not(.elementor-motion-effects-element-type-background), .elementor-4404 .elementor-element.elementor-element-5e22fa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.customplantsolutions.co.za/wp-content/uploads/2025/06/desktop-wallpaper-black-diamond-plate-diamond-plate.jpg");}.elementor-4404 .elementor-element.elementor-element-e82d54a > .elementor-widget-container{padding:3px 7px 0px 0px;}.elementor-4404 .elementor-element.elementor-element-e82d54a img{width:78%;max-width:78%;height:122px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 > .elementor-widget-container{padding:20px 0px 0px 15px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle-wrap{text-align:center;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu .wpr-menu-item, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#FFFFFF;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu .wpr-menu-item:hover, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-line-fx .wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#D34242;border-width:4px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .menu-item-has-children .wpr-sub-icon{font-size:14px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-underline .wpr-menu-item:after, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-overline .wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-double-line .wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-double-line .wpr-menu-item:after{height:4px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:4px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:4px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before, .elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:4px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:4px;}.elementor-4404 .elementor-element.elementor-element-9192ba4:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-0px);}.elementor-4404 .elementor-element.elementor-element-9192ba4:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(0px);}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu .wpr-menu-item{padding-left:7px;padding-right:7px;padding-top:18px;padding-bottom:18px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-menu-item, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-menu-item:hover, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu a, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#333333;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu li{background-color:#ffffff;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu li a:hover, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu li a.wpr-active-menu-item, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu a:hover, .elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu a{padding-left:10px;padding-right:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:10px;margin-right:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:12px;padding-top:5px;padding-bottom:5px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-nav-menu{margin-top:10px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle{border-color:#D34242;width:50px;border-width:0px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle-text{color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle-line{background-color:#D34242;height:4px;margin-bottom:6px;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle:hover{border-color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#D34242;}.elementor-4404 .elementor-element.elementor-element-9192ba4 .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#D34242;}.elementor-4404 .elementor-element.elementor-element-4fb8b86 .elementor-button{background-color:#D51F1F;font-size:16px;font-weight:700;text-transform:uppercase;line-height:25px;letter-spacing:2px;word-spacing:0px;}.elementor-4404 .elementor-element.elementor-element-4fb8b86{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-4404 .elementor-element.elementor-element-4fb8b86 > .elementor-widget-container{padding:14px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-4404 .elementor-element.elementor-element-4fb8b86 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4404 .elementor-element.elementor-element-3533089{--display:flex;}.elementor-4404 .elementor-element.elementor-element-35ec079{text-align:center;font-size:16px;color:#FF0000;}.elementor-4404 .elementor-element.elementor-element-2e30471{--display:flex;--padding-top:025px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4404 .elementor-element.elementor-element-2e30471.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4404 .elementor-element.elementor-element-f31a011 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4404 .elementor-element.elementor-element-f31a011 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-4404 .elementor-element.elementor-element-f31a011{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-4404 .elementor-element.elementor-element-4e6973b{--display:flex;}.elementor-4404 .elementor-element.elementor-element-ddd7f42{text-align:center;}.elementor-4404 .elementor-element.elementor-element-8b60d34{--display:flex;}.elementor-4404 .elementor-element.elementor-element-ebf9312 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4404 .elementor-element.elementor-element-ebf9312 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-4404 .elementor-element.elementor-element-ebf9312{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-4404 .elementor-element.elementor-element-899038e{--display:flex;}@media(max-width:1024px){.elementor-4404 .elementor-element.elementor-element-5e22fa5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4404 .elementor-element.elementor-element-5e22fa5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4404 .elementor-element.elementor-element-4fb8b86 > .elementor-widget-container{padding:0px 0px 010px 040px;}}/* Start custom CSS for container, class: .elementor-element-5e22fa5 *//* Your original element - give it a height so the banner can position relative to it */ div[data-id="5e22fa5"] { position: absolute !important; top: 0 !important; width: 100vw !important; left: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; transform: translateX(0) !important; max-width: 100vw !important; box-sizing: border-box !important; z-index: 10 !important; height: auto !important; min-height: 150px !important; /* Adjust this to match your header height */ } /* Add the red banner as a pseudo-element */ div[data-id="5e22fa5"]::after { content: "Trucks For Export"; position: absolute !important; top: 150px !important; /* Position it below the header - adjust this value */ left: 0 !important; width: 100% !important; height: 80px !important; /* Increased height */ background-color: #dc2626 !important; /* Red color */ display: flex !important; align-items: center !important; justify-content: center !important; color: white !important; font-size: 20px !important; font-weight: bold !important; font-family: Arial, sans-serif !important; text-align: center !important; z-index: 11 !important; } /* Mobile adjustments */ @media (max-width: 768px) { div[data-id="5e22fa5"]::after { top: 230px !important; /* Move banner down on mobile - adjust as needed */ height: 60px !important; /* Slightly smaller height for mobile */ font-size: 18px !important; /* Slightly smaller font for mobile */ } } /* Extra small mobile devices */ @media (max-width: 480px) { div[data-id="5e22fa5"]::after { top: 331px !important; /* Move even further down on smaller screens */ height: 50px !important; font-size: 16px !important; } }/* End custom CSS */