{"id":9,"date":"2019-10-29T10:04:28","date_gmt":"2019-10-29T10:04:28","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=9"},"modified":"2026-09-01T09:03:17","modified_gmt":"2026-09-01T08:03:17","slug":"home","status":"publish","type":"page","link":"https:\/\/www.ambervaleclinic.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-e481330 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"e481330\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e6b6d2\" data-id=\"3e6b6d2\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-48ab70d elementor-widget elementor-widget-html\" data-id=\"48ab70d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- AMBERVALE VETERINARY CLINIC - HERO SECTION -->\r\n<style>\r\n    \/* SCOPED STYLES: Using a unique wrapper ID (#ambervale-hero-wrapper) \r\n       ensures these rules will NOT affect the rest of your page. *\/\r\n       \r\n    #ambervale-hero-wrapper {\r\n        --primary-bg: #1e3a59;\r\n        --accent-cyan: #00d2ff;\r\n        --text-white: #ffffff;\r\n        --text-muted: #d8e2ec;\r\n        --card-bg: rgba(27, 48, 72, 0.85);\r\n        --card-border: rgba(0, 210, 255, 0.3);\r\n        \r\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        background-color: var(--primary-bg);\r\n        color: var(--text-white);\r\n        padding: 80px 20px;\r\n        position: relative;\r\n        isolation: isolate;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #ambervale-hero-wrapper *, \r\n    #ambervale-hero-wrapper *::before, \r\n    #ambervale-hero-wrapper *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Ambient background glow effects *\/\r\n    #ambervale-hero-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(0, 210, 255, 0.15) 0%, rgba(30, 58, 89, 0) 70%);\r\n        top: -150px;\r\n        left: -150px;\r\n        z-index: -1;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Left Column Content *\/\r\n    #ambervale-hero-wrapper .hero-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 28px;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(0, 210, 255, 0.15);\r\n        color: var(--accent-cyan);\r\n        padding: 10px 20px;\r\n        border-radius: 50px;\r\n        font-size: 0.9rem;\r\n        font-weight: 800;\r\n        letter-spacing: 1.2px;\r\n        text-transform: uppercase;\r\n        width: fit-content;\r\n        border: 2px solid rgba(0, 210, 255, 0.3);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-heading {\r\n        font-size: clamp(2.8rem, 4.5vw, 4rem);\r\n        font-weight: 900;\r\n        line-height: 1.12;\r\n        letter-spacing: -0.02em;\r\n        color: var(--text-white);\r\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-heading span {\r\n        color: var(--accent-cyan);\r\n        text-decoration: underline;\r\n        text-decoration-thickness: 4px;\r\n        text-underline-offset: 10px;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-description {\r\n        font-size: 1.15rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.8;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Action Buttons Area *\/\r\n    #ambervale-hero-wrapper .hero-actions {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: var(--accent-cyan);\r\n        color: #112233;\r\n        padding: 18px 36px;\r\n        border-radius: 50px;\r\n        font-size: 1.1rem;\r\n        font-weight: 900;\r\n        text-decoration: none;\r\n        box-shadow: 0 15px 35px rgba(0, 210, 255, 0.35);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\r\n        border: 2px solid #ffffff;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-btn-primary:hover {\r\n        transform: translateY(-5px);\r\n        background: #ffffff;\r\n        color: #0099cc;\r\n        box-shadow: 0 20px 45px rgba(0, 210, 255, 0.5);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-btn-secondary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        color: var(--text-white);\r\n        padding: 18px 32px;\r\n        border-radius: 50px;\r\n        font-size: 1.1rem;\r\n        font-weight: 800;\r\n        text-decoration: none;\r\n        backdrop-filter: blur(10px);\r\n        border: 2px solid rgba(255, 255, 255, 0.2);\r\n        transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-btn-secondary:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.15);\r\n        border-color: var(--accent-cyan);\r\n    }\r\n\r\n    \/* Right Column: Hero Side Image with Badge Card *\/\r\n    #ambervale-hero-wrapper .hero-image-container {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-image-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 500px;\r\n        height: 540px;\r\n        border-radius: 30px;\r\n        overflow: hidden;\r\n        border: 3px solid var(--card-border);\r\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-image-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transform: scale(1.02);\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    #ambervale-hero-wrapper .hero-image-wrapper:hover img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* Floating Trust Badge Over Image *\/\r\n    #ambervale-hero-wrapper .hero-floating-badge {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: -30px;\r\n        background: rgba(27, 48, 72, 0.95);\r\n        backdrop-filter: blur(15px);\r\n        border: 2px solid var(--accent-cyan);\r\n        padding: 20px 25px;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .floating-icon {\r\n        background: rgba(0, 210, 255, 0.2);\r\n        color: var(--accent-cyan);\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.4rem;\r\n        border: 1px solid rgba(0, 210, 255, 0.4);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .floating-text h4 {\r\n        font-size: 1.1rem;\r\n        font-weight: 900;\r\n        color: var(--text-white);\r\n    }\r\n\r\n    #ambervale-hero-wrapper .floating-text p {\r\n        font-size: 0.9rem;\r\n        color: var(--text-muted);\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media (max-width: 968px) {\r\n        #ambervale-hero-wrapper .hero-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n            text-align: center;\r\n        }\r\n        #ambervale-hero-wrapper .hero-content {\r\n            align-items: center;\r\n        }\r\n        #ambervale-hero-wrapper .hero-floating-badge {\r\n            left: 20px;\r\n            bottom: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        #ambervale-hero-wrapper {\r\n            padding: 60px 16px;\r\n        }\r\n        #ambervale-hero-wrapper .hero-image-wrapper {\r\n            height: 400px;\r\n        }\r\n        #ambervale-hero-wrapper .hero-floating-badge {\r\n            display: none;\r\n        }\r\n        #ambervale-hero-wrapper .hero-actions {\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n        #ambervale-hero-wrapper .hero-btn-primary,\r\n        #ambervale-hero-wrapper .hero-btn-secondary {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Load Dependencies (Fonts & Icons safely loaded for this section) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- SECTION HTML MARKUP -->\r\n<section id=\"ambervale-hero-wrapper\">\r\n    <div class=\"hero-container\">\r\n        \r\n        <!-- Left Column: Bold Copy and CTA Buttons -->\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\">\r\n                <i class=\"fa-solid fa-hospital-user\"><\/i> London's Premier Veterinary Hub\r\n            <\/div>\r\n            <h1 class=\"hero-heading\">Advanced, Bold Care For <span>All Your Pets<\/span><\/h1>\r\n            <p class=\"hero-description\">\r\n                From loyal companions to exotic friends, Ambervale Veterinary Clinic provides high-impact medical attention, preventative wellness, and emergency solutions with unmatched clinical expertise.\r\n            <\/p>\r\n            \r\n            <div class=\"hero-actions\">\r\n                <a href=\"https:\/\/www.ambervaleclinic.co.uk\/index.php\/contact-v-4\/\" class=\"hero-btn-primary\">\r\n                    <i class=\"fa-solid fa-paper-plane\"><\/i> Contact Us Today\r\n                <\/a>\r\n                <a href=\"tel:02079461832\" class=\"hero-btn-secondary\">\r\n                    <i class=\"fa-solid fa-phone-volume\"><\/i> 020 7946 1832\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Side Image Showcase with Floating Card -->\r\n        <div class=\"hero-image-container\">\r\n            <div class=\"hero-image-wrapper\">\r\n                <!-- Professional veterinary care representation featuring varied animals\/pet care -->\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&w=800&q=80\" alt=\"Veterinarian examining a healthy pet\">\r\n                \r\n                <!-- Floating Trust Element -->\r\n                <div class=\"hero-floating-badge\">\r\n                    <div class=\"floating-icon\">\r\n                        <i class=\"fa-solid fa-shield-heart\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"floating-text\">\r\n                        <h4>100% Fear-Free<\/h4>\r\n                        <p>Trusted Animal Healthcare<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- LOCALIZED ANIMATION JAVASCRIPT -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const container = document.querySelector('#ambervale-hero-wrapper .hero-container');\r\n        if (container) {\r\n            container.style.opacity = '0';\r\n            container.style.transform = 'translateY(25px)';\r\n            container.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\r\n            \r\n            setTimeout(() => {\r\n                container.style.opacity = '1';\r\n                container.style.transform = 'translateY(0)';\r\n            }, 100);\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-0d1a132 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"0d1a132\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7028020\" data-id=\"7028020\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-f1ac35f elementor-widget elementor-widget-html\" data-id=\"f1ac35f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- AMBERVALE VETERINARY CLINIC - BOLD SERVICES SECTION -->\r\n<style>\r\n    \/* SCOPED STYLES: Unique wrapper ID (#ambervale-split-services) \r\n       guarantees zero conflict with the rest of your website. *\/\r\n       \r\n    #ambervale-split-services {\r\n        --bg-dark: #1e3a59;\r\n        --accent-cyan: #00d2ff;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #d8e2ec;\r\n        \r\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        background-color: var(--bg-dark);\r\n        color: var(--text-pure);\r\n        padding: 120px 20px;\r\n        position: relative;\r\n        isolation: isolate;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #ambervale-split-services *, \r\n    #ambervale-split-services *::before, \r\n    #ambervale-split-services *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Dramatic Ambient Glow *\/\r\n    #ambervale-split-services::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 800px;\r\n        height: 800px;\r\n        background: radial-gradient(circle, rgba(0, 210, 255, 0.08) 0%, rgba(30, 58, 89, 0) 70%);\r\n        top: -200px;\r\n        right: -200px;\r\n        z-index: -1;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    \/* Split Screen Layout Grid *\/\r\n    #ambervale-split-services .sp-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 420px 1fr;\r\n        gap: 80px;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* Left Column: Sticky Header & CTA *\/\r\n    #ambervale-split-services .sp-left-sticky {\r\n        position: sticky;\r\n        top: 120px; \/* Stays in place while right side scrolls *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n\r\n    #ambervale-split-services .sp-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(0, 210, 255, 0.1);\r\n        color: var(--accent-cyan);\r\n        padding: 12px 20px;\r\n        border-radius: 4px; \/* Sharper, bolder edge *\/\r\n        font-size: 0.9rem;\r\n        font-weight: 800;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        width: fit-content;\r\n        border-left: 4px solid var(--accent-cyan);\r\n    }\r\n\r\n    #ambervale-split-services .sp-heading {\r\n        font-size: clamp(3.2rem, 5vw, 4.5rem);\r\n        font-weight: 900;\r\n        line-height: 1.05;\r\n        letter-spacing: -0.04em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #ambervale-split-services .sp-heading span {\r\n        color: var(--accent-cyan);\r\n        display: block;\r\n    }\r\n\r\n    #ambervale-split-services .sp-desc {\r\n        font-size: 1.15rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.8;\r\n        font-weight: 600;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    \/* Bold Primary CTA *\/\r\n    #ambervale-split-services .sp-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        background: var(--accent-cyan);\r\n        color: #112233;\r\n        padding: 20px 40px;\r\n        border-radius: 8px; \/* Boxier, modern look *\/\r\n        font-size: 1.15rem;\r\n        font-weight: 900;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 15px 30px rgba(0, 210, 255, 0.25);\r\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n        width: fit-content;\r\n    }\r\n\r\n    #ambervale-split-services .sp-btn:hover {\r\n        transform: translateY(-5px);\r\n        background: #ffffff;\r\n        color: #0099cc;\r\n        box-shadow: 0 25px 40px rgba(0, 210, 255, 0.4);\r\n    }\r\n\r\n    #ambervale-split-services .sp-btn i {\r\n        font-size: 1.3rem;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    #ambervale-split-services .sp-btn:hover i {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Right Column: Dynamic Service Rows *\/\r\n    #ambervale-split-services .sp-right-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    #ambervale-split-services .sp-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-left: 8px solid rgba(0, 210, 255, 0.15);\r\n        padding: 40px;\r\n        border-radius: 0 24px 24px 0;\r\n        display: grid;\r\n        grid-template-columns: 80px 1fr;\r\n        gap: 35px;\r\n        align-items: center;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n        \r\n        \/* Animation defaults *\/\r\n        opacity: 0;\r\n        transform: translateX(40px);\r\n    }\r\n\r\n    #ambervale-split-services .sp-card.animate-in {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n    \/* Aggressive Hover Effect *\/\r\n    #ambervale-split-services .sp-card:hover {\r\n        border-left-color: var(--accent-cyan);\r\n        background: rgba(0, 210, 255, 0.05);\r\n        transform: translateX(20px);\r\n        box-shadow: -10px 20px 40px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    #ambervale-split-services .sp-icon-wrap {\r\n        width: 80px;\r\n        height: 80px;\r\n        background: rgba(0, 210, 255, 0.1);\r\n        border: 2px solid rgba(0, 210, 255, 0.2);\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 2.2rem;\r\n        color: var(--accent-cyan);\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    #ambervale-split-services .sp-card:hover .sp-icon-wrap {\r\n        background: var(--accent-cyan);\r\n        color: var(--bg-dark);\r\n        transform: rotate(-10deg) scale(1.1);\r\n        box-shadow: 0 10px 20px rgba(0, 210, 255, 0.4);\r\n    }\r\n\r\n    #ambervale-split-services .sp-text h3 {\r\n        font-size: 1.8rem;\r\n        font-weight: 900;\r\n        margin-bottom: 12px;\r\n        letter-spacing: -0.02em;\r\n        color: var(--text-pure);\r\n    }\r\n\r\n    #ambervale-split-services .sp-text p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.7;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1080px) {\r\n        #ambervale-split-services .sp-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 60px;\r\n        }\r\n        \r\n        #ambervale-split-services .sp-left-sticky {\r\n            position: relative;\r\n            top: 0;\r\n            text-align: left;\r\n            align-items: flex-start;\r\n        }\r\n        \r\n        #ambervale-split-services .sp-card:hover {\r\n            transform: translateX(10px);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n        #ambervale-split-services {\r\n            padding: 80px 16px;\r\n        }\r\n        \r\n        #ambervale-split-services .sp-card {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n            padding: 30px 25px;\r\n            border-left-width: 6px;\r\n        }\r\n        \r\n        #ambervale-split-services .sp-icon-wrap {\r\n            width: 60px;\r\n            height: 60px;\r\n            font-size: 1.6rem;\r\n        }\r\n        \r\n        #ambervale-split-services .sp-text h3 {\r\n            font-size: 1.5rem;\r\n        }\r\n        \r\n        #ambervale-split-services .sp-btn {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Load Dependencies -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- HTML MARKUP -->\r\n<section id=\"ambervale-split-services\">\r\n    <div class=\"sp-container\">\r\n        \r\n        <!-- Left Sticky Column -->\r\n        <div class=\"sp-left-sticky\">\r\n            <div class=\"sp-badge\">\r\n                <i class=\"fa-solid fa-microscope\"><\/i> Clinical Excellence\r\n            <\/div>\r\n            <h2 class=\"sp-heading\">Unrivaled Care For <span>Every Pet<\/span><\/h2>\r\n            <p class=\"sp-desc\">\r\n                Equipped with cutting-edge veterinary technology and driven by absolute dedication, our clinic delivers high-impact, fearless medical solutions tailored to safeguard your pet at every stage of their life.\r\n            <\/p>\r\n            <a href=\"https:\/\/www.ambervaleclinic.co.uk\/index.php\/contact-v-4\/\" class=\"sp-btn\">\r\n                Contact Us Today <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Right Scrolling Column -->\r\n        <div class=\"sp-right-list\">\r\n            \r\n            <!-- Service Row 1 -->\r\n            <div class=\"sp-card\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"sp-icon-wrap\">\r\n                    <i class=\"fa-solid fa-truck-medical\"><\/i>\r\n                <\/div>\r\n                <div class=\"sp-text\">\r\n                    <h3>Emergency & Urgent Care<\/h3>\r\n                    <p>Immediate, highly-skilled clinical intervention and critical stabilization procedures when unexpected accidents or sudden severe illnesses occur.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Row 2 -->\r\n            <div class=\"sp-card\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"sp-icon-wrap\">\r\n                    <i class=\"fa-solid fa-heart-pulse\"><\/i>\r\n                <\/div>\r\n                <div class=\"sp-text\">\r\n                    <h3>Wellness & Prevention<\/h3>\r\n                    <p>Comprehensive health exams, timely immunizations, and personalized longevity plans designed to keep your companions robust and vibrant.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Row 3 -->\r\n            <div class=\"sp-card\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"sp-icon-wrap\">\r\n                    <i class=\"fa-solid fa-scalpel\"><\/i>\r\n                <\/div>\r\n                <div class=\"sp-text\">\r\n                    <h3>Advanced Surgery<\/h3>\r\n                    <p>State-of-the-art soft tissue and orthopedic surgical interventions executed under strict, heavily monitored safety protocols.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Row 4 -->\r\n            <div class=\"sp-card\" style=\"transition-delay: 0.4s;\">\r\n                <div class=\"sp-icon-wrap\">\r\n                    <i class=\"fa-solid fa-laptop-medical\"><\/i>\r\n                <\/div>\r\n                <div class=\"sp-text\">\r\n                    <h3>Diagnostic Imaging & Labs<\/h3>\r\n                    <p>Rapid internal imaging (X-ray, ultrasound) and meticulous laboratory analyses to uncover underlying health conditions with pinpoint accuracy.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Service Row 5 -->\r\n            <div class=\"sp-card\" style=\"transition-delay: 0.5s;\">\r\n                <div class=\"sp-icon-wrap\">\r\n                    <i class=\"fa-solid fa-tooth\"><\/i>\r\n                <\/div>\r\n                <div class=\"sp-text\">\r\n                    <h3>Specialized Dental<\/h3>\r\n                    <p>Professional cleanings, ultrasonic scaling, and surgical extractions designed to combat painful periodontal diseases and preserve oral health.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- SCROLL ANIMATION JS -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px 0px -50px 0px',\r\n            threshold: 0.1\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('animate-in');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        const serviceCards = document.querySelectorAll('#ambervale-split-services .sp-card');\r\n        serviceCards.forEach(card => {\r\n            observer.observe(card);\r\n        });\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-71df4a3 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"71df4a3\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f3955c3\" data-id=\"f3955c3\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-7ae674c elementor-widget elementor-widget-html\" data-id=\"7ae674c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- AMBERVALE VETERINARY CLINIC - BOLD ABOUT US SECTION -->\r\n<style>\r\n    \/* SCOPED STYLES: Unique wrapper ID (#ambervale-about-bold) \r\n       guarantees zero conflict with the rest of your website. *\/\r\n       \r\n    #ambervale-about-bold {\r\n        --bg-dark: #1e3a59;\r\n        --accent-cyan: #00d2ff;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #d8e2ec;\r\n        \r\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        background-color: var(--bg-dark);\r\n        color: var(--text-pure);\r\n        padding: 120px 20px;\r\n        position: relative;\r\n        isolation: isolate;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #ambervale-about-bold *, \r\n    #ambervale-about-bold *::before, \r\n    #ambervale-about-bold *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Ambient Background Glow *\/\r\n    #ambervale-about-bold::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 700px;\r\n        height: 700px;\r\n        background: radial-gradient(circle, rgba(0, 210, 255, 0.08) 0%, rgba(30, 58, 89, 0) 70%);\r\n        bottom: -150px;\r\n        left: -150px;\r\n        z-index: -1;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 70px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Left Column: Bold Visual Collage *\/\r\n    #ambervale-about-bold .ab-image-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(12, 1fr);\r\n        grid-template-rows: repeat(12, 1fr);\r\n        position: relative;\r\n        height: 480px;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-img-card {\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        border: 3px solid rgba(0, 210, 255, 0.3);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n        position: absolute;\r\n        background: #112233;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-img-card img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-img-card:hover img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    #ambervale-about-bold .ab-img-main {\r\n        width: 75%;\r\n        height: 80%;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 2;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-img-sub {\r\n        width: 60%;\r\n        height: 60%;\r\n        bottom: 0;\r\n        right: 0;\r\n        z-index: 3;\r\n        border-color: var(--accent-cyan);\r\n    }\r\n\r\n    \/* Floating Metric Badge *\/\r\n    #ambervale-about-bold .ab-floating-stat {\r\n        position: absolute;\r\n        top: 40%;\r\n        right: -10px;\r\n        background: rgba(27, 48, 72, 0.95);\r\n        backdrop-filter: blur(10px);\r\n        border: 2px solid var(--accent-cyan);\r\n        padding: 20px 25px;\r\n        border-radius: 16px;\r\n        z-index: 4;\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n        text-align: center;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-floating-stat h4 {\r\n        font-size: 1.8rem;\r\n        font-weight: 900;\r\n        color: var(--accent-cyan);\r\n        line-height: 1;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-floating-stat p {\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        color: var(--text-pure);\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Right Column: Content *\/\r\n    #ambervale-about-bold .ab-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(0, 210, 255, 0.1);\r\n        color: var(--accent-cyan);\r\n        padding: 10px 18px;\r\n        border-radius: 4px;\r\n        font-size: 0.9rem;\r\n        font-weight: 800;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        width: fit-content;\r\n        border-left: 4px solid var(--accent-cyan);\r\n    }\r\n\r\n    #ambervale-about-bold .ab-heading {\r\n        font-size: clamp(2.6rem, 4vw, 3.8rem);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.03em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-heading span {\r\n        color: var(--accent-cyan);\r\n        display: block;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-desc {\r\n        font-size: 1.1rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.8;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Feature Check Grid *\/\r\n    #ambervale-about-bold .ab-features-list {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 16px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: 1.05rem;\r\n        font-weight: 800;\r\n        color: var(--text-pure);\r\n    }\r\n\r\n    #ambervale-about-bold .ab-feature-item i {\r\n        background: rgba(0, 210, 255, 0.15);\r\n        color: var(--accent-cyan);\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 0.9rem;\r\n        border: 1px solid rgba(0, 210, 255, 0.3);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Action Button *\/\r\n    #ambervale-about-bold .ab-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        background: var(--accent-cyan);\r\n        color: #112233;\r\n        padding: 18px 36px;\r\n        border-radius: 8px;\r\n        font-size: 1.1rem;\r\n        font-weight: 900;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 15px 30px rgba(0, 210, 255, 0.25);\r\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n        width: fit-content;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-btn:hover {\r\n        transform: translateY(-5px);\r\n        background: #ffffff;\r\n        color: #0099cc;\r\n        box-shadow: 0 25px 40px rgba(0, 210, 255, 0.4);\r\n    }\r\n\r\n    #ambervale-about-bold .ab-btn i {\r\n        font-size: 1.2rem;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    #ambervale-about-bold .ab-btn:hover i {\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media (max-width: 968px) {\r\n        #ambervale-about-bold .ab-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 60px;\r\n        }\r\n        \r\n        #ambervale-about-bold .ab-image-grid {\r\n            height: 400px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        #ambervale-about-bold {\r\n            padding: 80px 16px;\r\n        }\r\n\r\n        #ambervale-about-bold .ab-features-list {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        #ambervale-about-bold .ab-floating-stat {\r\n            right: 0;\r\n            top: 50%;\r\n            padding: 15px;\r\n        }\r\n        \r\n        #ambervale-about-bold .ab-floating-stat h4 {\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        #ambervale-about-bold .ab-btn {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Load Dependencies -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- HTML MARKUP -->\r\n<section id=\"ambervale-about-bold\">\r\n    <div class=\"ab-container\">\r\n        \r\n        <!-- Left Visual Collage -->\r\n        <div class=\"ab-image-grid\">\r\n            <div class=\"ab-img-card ab-img-main\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.ambervaleclinic.co.uk\/wp-content\/uploads\/2026\/09\/pets.jpg\" alt=\"Veterinary doctor examining a patient\">\r\n            <\/div>\r\n            <div class=\"ab-img-card ab-img-sub\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1535930891776-0c2dfb7fda1a?auto=format&fit=crop&w=500&q=80\" alt=\"Happy pet receiving quality healthcare\">\r\n            <\/div>\r\n            <div class=\"ab-floating-stat\">\r\n                <h4>15+<\/h4>\r\n                <p>Years Experience<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Content Section -->\r\n        <div class=\"ab-content\">\r\n            <div class=\"ab-badge\">\r\n                <i class=\"fa-solid fa-shield-dog\"><\/i> Absolute Dedication\r\n            <\/div>\r\n            <h2 class=\"ab-heading\">Premier Healthcare <span>For Every Pet<\/span><\/h2>\r\n            <p class=\"ab-desc\">\r\n                Located in London, Ambervale Veterinary Clinic unites advanced medical innovation with genuine passion for animal welfare. We guarantee fearless, comprehensive clinical treatments tailored explicitly to safeguard your companion's health.\r\n            <\/p>\r\n\r\n            <div class=\"ab-features-list\">\r\n                <div class=\"ab-feature-item\">\r\n                    <i class=\"fa-solid fa-check\"><\/i> 24\/7 Emergency Support\r\n                <\/div>\r\n                <div class=\"ab-feature-item\">\r\n                    <i class=\"fa-solid fa-check\"><\/i> State-of-the-Art Labs\r\n                <\/div>\r\n                <div class=\"ab-feature-item\">\r\n                    <i class=\"fa-solid fa-check\"><\/i> Certified Specialists\r\n                <\/div>\r\n                <div class=\"ab-feature-item\">\r\n                    <i class=\"fa-solid fa-check\"><\/i> Fear-Free Handling\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/www.ambervaleclinic.co.uk\/index.php\/contact-v-4\/\" class=\"ab-btn\">\r\n                Contact Us Today <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ANIMATION JS -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const container = document.querySelector('#ambervale-about-bold .ab-container');\r\n        if (container) {\r\n            container.style.opacity = '0';\r\n            container.style.transform = 'translateY(30px)';\r\n            container.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\r\n            \r\n            setTimeout(() => {\r\n                container.style.opacity = '1';\r\n                container.style.transform = 'translateY(0)';\r\n            }, 100);\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-5017ead elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"5017ead\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-26f0ac2\" data-id=\"26f0ac2\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-6dd281d elementor-widget elementor-widget-html\" data-id=\"6dd281d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- AMBERVALE VETERINARY CLINIC - FINAL CALL TO ACTION SECTION -->\r\n<style>\r\n    \/* SCOPED STYLES: Unique wrapper ID (#ambervale-cta-final) \r\n       guarantees zero conflict with the rest of your website. *\/\r\n       \r\n    #ambervale-cta-final {\r\n        --bg-dark: #1e3a59;\r\n        --accent-cyan: #00d2ff;\r\n        --text-pure: #ffffff;\r\n        --text-dim: #d8e2ec;\r\n        \r\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        position: relative;\r\n        isolation: isolate;\r\n        width: 100%;\r\n        padding: 120px 20px;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        background-color: var(--bg-dark);\r\n    }\r\n\r\n    #ambervale-cta-final *, \r\n    #ambervale-cta-final *::before, \r\n    #ambervale-cta-final *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Background Image with Dark Blue Gradient Overlay *\/\r\n    #ambervale-cta-final .cta-bg-image {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: -2;\r\n    }\r\n\r\n    #ambervale-cta-final .cta-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(135deg, rgba(30, 58, 89, 0.95) 0%, rgba(15, 30, 48, 0.92) 100%);\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* Content Container Layout *\/\r\n    #ambervale-cta-final .cta-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 25px;\r\n    }\r\n\r\n    \/* Badge *\/\r\n    #ambervale-cta-final .cta-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(0, 210, 255, 0.15);\r\n        color: var(--accent-cyan);\r\n        padding: 10px 20px;\r\n        border-radius: 4px;\r\n        font-size: 0.9rem;\r\n        font-weight: 800;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        border: 1px solid rgba(0, 210, 255, 0.3);\r\n    }\r\n\r\n    \/* Heading *\/\r\n    #ambervale-cta-final .cta-heading {\r\n        font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n        font-weight: 900;\r\n        line-height: 1.1;\r\n        letter-spacing: -0.03em;\r\n        text-transform: uppercase;\r\n        color: var(--text-pure);\r\n    }\r\n\r\n    #ambervale-cta-final .cta-heading span {\r\n        color: var(--accent-cyan);\r\n        display: block;\r\n    }\r\n\r\n    \/* Description *\/\r\n    #ambervale-cta-final .cta-desc {\r\n        font-size: 1.15rem;\r\n        color: var(--text-dim);\r\n        line-height: 1.8;\r\n        font-weight: 600;\r\n        max-width: 700px;\r\n    }\r\n\r\n    \/* Action Button Group *\/\r\n    #ambervale-cta-final .cta-actions {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        margin-top: 15px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n\r\n    #ambervale-cta-final .cta-btn-primary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        background: var(--accent-cyan);\r\n        color: #112233;\r\n        padding: 20px 42px;\r\n        border-radius: 8px;\r\n        font-size: 1.15rem;\r\n        font-weight: 900;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 15px 35px rgba(0, 210, 255, 0.3);\r\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n        border: 2px solid #ffffff;\r\n    }\r\n\r\n    #ambervale-cta-final .cta-btn-primary:hover {\r\n        transform: translateY(-5px);\r\n        background: #ffffff;\r\n        color: #0099cc;\r\n        box-shadow: 0 25px 45px rgba(0, 210, 255, 0.5);\r\n    }\r\n\r\n    #ambervale-cta-final .cta-btn-secondary {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        color: var(--text-pure);\r\n        padding: 20px 38px;\r\n        border-radius: 8px;\r\n        font-size: 1.15rem;\r\n        font-weight: 800;\r\n        text-decoration: none;\r\n        backdrop-filter: blur(10px);\r\n        border: 2px solid rgba(255, 255, 255, 0.2);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    #ambervale-cta-final .cta-btn-secondary:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.15);\r\n        border-color: var(--accent-cyan);\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media (max-width: 768px) {\r\n        #ambervale-cta-final {\r\n            padding: 80px 16px;\r\n        }\r\n\r\n        #ambervale-cta-final .cta-actions {\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n\r\n        #ambervale-cta-final .cta-btn-primary,\r\n        #ambervale-cta-final .cta-btn-secondary {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Load Dependencies -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<!-- HTML MARKUP -->\r\n<section id=\"ambervale-cta-final\">\r\n    <!-- Background Image featuring both a dog and a cat -->\r\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548767797-d8c844163c4c?auto=format&fit=crop&w=1600&q=80\" alt=\"Dog and Cat together\" class=\"cta-bg-image\">\r\n    <div class=\"cta-overlay\"><\/div>\r\n\r\n    <div class=\"cta-container\">\r\n        <div class=\"cta-badge\">\r\n            <i class=\"fa-solid fa-shield-heart\"><\/i> Ready To Help Your Pets\r\n        <\/div>\r\n        <h2 class=\"cta-heading\">Give Your Pets The <span>Care They Deserve<\/span><\/h2>\r\n        <p class=\"cta-desc\">\r\n            Whether it's an urgent situation or a routine wellness checkup, Ambervale Veterinary Clinic is ready to offer absolute dedication and top-tier treatment. Get in touch with our team today.\r\n        <\/p>\r\n\r\n        <div class=\"cta-actions\">\r\n            <a href=\"https:\/\/www.ambervaleclinic.co.uk\/index.php\/contact-v-4\/\" class=\"cta-btn-primary\">\r\n                <i class=\"fa-solid fa-paper-plane\"><\/i> Contact Us Today\r\n            <\/a>\r\n            <a href=\"tel:02079461832\" class=\"cta-btn-secondary\">\r\n                <i class=\"fa-solid fa-phone-volume\"><\/i> 020 7946 1832\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ENTRANCE ANIMATION JS -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const container = document.querySelector('#ambervale-cta-final .cta-container');\r\n        if (container) {\r\n            container.style.opacity = '0';\r\n            container.style.transform = 'translateY(25px)';\r\n            container.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\r\n            \r\n            setTimeout(() => {\r\n                container.style.opacity = '1';\r\n                container.style.transform = 'translateY(0)';\r\n            }, 100);\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>London&#8217;s Premier Veterinary Hub Advanced, Bold Care For All Your Pets From loyal companions to exotic friends, Ambervale Veterinary Clinic provides high-impact medical attention, preventative wellness, and emergency solutions with unmatched clinical expertise. Contact Us Today 020 7946 1832 100% Fear-Free Trusted Animal Healthcare Clinical Excellence Unrivaled Care For Every Pet Equipped with cutting-edge veterinary [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":5836,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/5836"}],"wp:attachment":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}