Website CSS/JS Visual Revamp

I need the public-facing look of my current site to mirror a demo design, and I can inject custom code directly from the CMS. No database work, template restructuring, or plug-in installations are required—just clean, modular front-end tweaks.

Scope of work
• Header, slider, bottom navigation, and several on-page banners all have to align with the demo’s layout, colours, and typography.
• For the slider specifically, please swap in new images, rewrite the captions, and recreate the same transition effects that appear in the reference.
• All styles should live in a single override stylesheet, with any JavaScript written unobtrusively (plain JS or lightweight jQuery only—no heavy frameworks).
• Keep classes and IDs intact so future CMS edits remain painless.

Deliverables
1. A .css file and companion .js file that override the existing theme without breaking responsiveness.
2. Any asset files (optimised images for the slider or banners) neatly organised.
3. A short read-me noting where to paste the code inside the CMS and how to adjust slider content later.

Acceptance
When I drop your code into the custom-code panel, every page should render like the demo across Chrome, Firefox, Safari, Edge, and the latest mobile browsers, with the slider cycling smoothly through the updated images, captions, and effects.

If this fits your skill set in CSS, JavaScript, and cross-browser testing, I’m ready to share the site URL and demo link so you can begin right away.