.elementor-kit-5{--e-global-color-primary:#F6BA43;--e-global-color-accent:#D7262E;--e-global-color-secondary:#12161C;--e-global-color-text:#E6E9EE;--e-global-color-1689066:#0B0F14;--e-global-color-9c718ba:#1A232E;--e-global-color-9752de1:#E6E9EEB3;--e-global-color-19af273:#C10009;--e-global-color-8ded9d2:#FFFFFF;--e-global-color-97166af:#FFAE0E;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-line-height:1.1px;--e-global-typography-primary-letter-spacing:0.3px;--e-global-typography-primary-word-spacing:2px;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-line-height:1.2px;--e-global-typography-secondary-letter-spacing:0.5px;--e-global-typography-secondary-word-spacing:2px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6px;--e-global-typography-text-letter-spacing:0.1px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-accent-word-spacing:2px;background-color:var( --e-global-color-text );color:var( --e-global-color-1689066 );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;word-spacing:1px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );color:var( --e-global-color-8ded9d2 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-8ded9d2 );border-radius:8px 8px 8px 8px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-8ded9d2 );color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-footer{background-color:var( --e-global-color-9c718ba );}.elementor-kit-5 h1{font-family:"Rubik", Sans-serif;font-size:48px;font-weight:700;letter-spacing:-0.5px;}.elementor-kit-5 h2{font-family:"Rubik", Sans-serif;font-size:34px;font-weight:700;line-height:1.2em;letter-spacing:-0.3px;}.elementor-kit-5 h3{font-family:"Rubik", Sans-serif;font-size:22px;font-weight:600;}.elementor-kit-5 h4{font-family:"Rubik", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-5 h5{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;}.elementor-kit-5 h6{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-kit-5 img{border-radius:8px 8px 8px 8px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{border-radius:6px 6px 6px 6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 h1{font-size:38px;}.elementor-kit-5 h2{font-size:28px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:30px;}.elementor-kit-5 h2{font-size:24px;}.elementor-kit-5 h3{font-size:22px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================== POWER FORKLIFTS – UPDATED TO YOUR GLOBAL COLORS ========================================== */ /* 1. Typography Fix */ h1, h2, h3, h4, h5, h6, .elementor-heading-title { font-family: "Rubik", sans-serif; overflow-wrap: normal; word-break: normal; hyphens: manual; line-height: 1.12; } body, p, .elementor-widget-text-editor { font-family: "Inter", sans-serif; color: var(--e-global-color-light-textbackground); line-height: 1.6; } /* 2. Base Background */ body { background-color: var(--e-global-color-secondary); } /* 3. Section Spacing System */ .pf-section { padding: clamp(60px, 6vw, 100px) 0; } .pf-section-alt { background: var(--e-global-color-smoky); } /* 4. Buttons */ .elementor-button { border-radius: 8px !important; padding: 14px 26px !important; font-family: "Rubik", sans-serif !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1px; transition: all 0.2s ease; } /* 7. Header Sticky Background */ .elementor-sticky--active { background: var(--e-global-color-secondary) !important; backdrop-filter: blur(6px); } .pf-header { position: relative; z-index: 999; box-shadow: 0 8px 20px rgba(0,0,0,0.25), 0 20px 50px rgba(0,0,0,0.35); } /* Improve Button Spacing */ .elementor-button { padding: 16px 32px !important; /* Top/Bottom | Left/Right */ border-radius: 8px !important; font-weight: 600; letter-spacing: 1px; transition: all 0.2s ease; } /* ========================================== CLEAN PROFESSIONAL NAV + DROPDOWN ========================================== */ /* Remove underline completely */ .pf-header .elementor-nav-menu a, .pf-header .elementor-nav-menu a:hover { text-decoration: none !important; border-bottom: none !important; } /* Main nav link styling */ .pf-header .elementor-nav-menu > li > a { font-size: 14px; font-weight: 600; letter-spacing: 1px; padding: 14px 16px; transition: color 0.2s ease; } /* Hover effect = text colour only */ .pf-header .elementor-nav-menu > li > a:hover { background: transparent !important; color: var(--e-global-color-primary) !important; } /* Active link clean */ .pf-header .elementor-nav-menu .current-menu-item > a, .pf-header .elementor-nav-menu .current-menu-ancestor > a { color: var(--e-global-color-primary) !important; } /* ========================================== DROPDOWN CLEANUP ========================================== */ /* Dropdown container */ .pf-header .elementor-nav-menu--dropdown { background: var(--e-global-color-smoky) !important; border-radius: 16px !important; /* curved like your button */ box-shadow: 0 18px 40px rgba(0,0,0,0.35); padding: 10px 0; border: 1px solid rgba(255,255,255,0.08); overflow: hidden; } /* Dropdown links */ .pf-header .elementor-nav-menu--dropdown a { padding: 12px 20px; font-size: 13px; font-weight: 500; background: transparent !important; border: none !important; transition: color 0.2s ease; } /* Dropdown hover = text colour only */ .pf-header .elementor-nav-menu--dropdown a:hover { background: transparent !important; color: var(--e-global-color-primary) !important; } /* ========================================== CTA Widget – White Background Version Class: pf-cta-widget ========================================== */ .pf-cta-widget{ border-radius: 16px; overflow: hidden; box-shadow: 0 20px 45px rgba(0,0,0,.25); } /* Make the content area white */ .pf-cta-widget .elementor-cta__content{ background: #ffffff !important; padding: 30px 24px 28px 24px; } /* Keep rounded corners consistent */ .pf-cta-widget .elementor-cta__bg-wrapper{ border-radius: 16px; overflow: hidden; } /* Clean bottom band issue */ .pf-cta-widget .elementor-cta__content, .pf-cta-widget .elementor-cta__bg-overlay{ border-radius: 0 0 16px 16px; } .pf-cta-widget{ transition: transform .2s ease, box-shadow .2s ease; } .pf-cta-widget:hover{ transform: translateY(-4px); box-shadow: 0 30px 70px rgba(0,0,0,.35); } /* ========================================== CTA widget: fix bottom band WITHOUT hiding bg image Class on widget: pf-cta-widget ========================================== */ /* Keep the card shape */ .pf-cta-widget{ border-radius: 16px; overflow: hidden; } /* IMPORTANT: Do NOT touch .elementor-cta__bg / bg-wrapper (that's your image) */ /* Remove the extra "band" by zeroing the content area's extra spacing */ .pf-cta-widget .elementor-cta__content{ padding-bottom: 0 !important; margin-bottom: 0 !important; } /* If Elementor adds a separate content background layer, make it transparent (doesn't affect bg image) */ .pf-cta-widget .elementor-cta__content{ background: transparent !important; } /* Sometimes the band is caused by an overlay element sitting BELOW the content */ .pf-cta-widget .elementor-cta__bg-overlay{ border-radius: 16px; /* keep rounded corners consistent */ } /* If there's a spacer/divider creating the band inside content, hide it */ .pf-cta-widget .elementor-spacer, .pf-cta-widget .elementor-divider{ display: none !important; } /* Increase spacing below button inside CTA card */ .pf-cta-widget .elementor-cta__content{ padding-bottom: 45px !important; /* increase this if needed */ } /* Remove bottom radius from CTA image */ .pf-cta-widget .elementor-cta__bg-wrapper{ border-radius: 16px 16px 0 0 !important; /* top-left, top-right, bottom-right, bottom-left */ overflow: hidden; } /* If image is based instead of background */ .pf-cta-widget img{ border-radius: 16px 16px 0 0 !important; } .pf-red{ color: var(--e-global-color-accent); font-weight: 700; } /* ========================================== Media Carousel Shadow Effect Class: pf-carousel ========================================== */ /* Main wrapper */ .pf-carousel{ border-radius: 18px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,.35); transition: transform .2s ease, box-shadow .2s ease; } /* Slight lift on hover (optional but premium) */ .pf-carousel:hover{ transform: translateY(-4px); box-shadow: 0 35px 90px rgba(0,0,0,.45); } /* Ensure images respect border radius */ .pf-carousel img{ border-radius: 18px; } .pf-carousel{ box-shadow: 0 25px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.05); }/* End custom CSS */