{"id":3495,"date":"2020-02-07T02:16:59","date_gmt":"2020-02-07T02:16:59","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=3495"},"modified":"2026-09-01T08:53:13","modified_gmt":"2026-09-01T07:53:13","slug":"about-v-4","status":"publish","type":"page","link":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/about-v-4\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3495\" class=\"elementor elementor-3495\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-89e17b9 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=\"89e17b9\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3211521\" data-id=\"3211521\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-46d84de elementor-widget elementor-widget-html\" data-id=\"46d84de\" 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 - ABOUT US SECTION -->\r\n<style>\r\n    \/* SCOPED STYLES: Using a unique wrapper class (#ambervale-about-wrapper) \r\n       ensures these rules will NOT affect the rest of your page. *\/\r\n       \r\n    #ambervale-about-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.75);\r\n        --card-border: rgba(0, 210, 255, 0.25);\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: 100px 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-wrapper *, \r\n    #ambervale-about-wrapper *::before, \r\n    #ambervale-about-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 *\/\r\n    #ambervale-about-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.12) 0%, rgba(30, 58, 89, 0) 70%);\r\n        top: -150px;\r\n        right: -150px;\r\n        z-index: -1;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-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 Elements *\/\r\n    #ambervale-about-wrapper .ab-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(0, 210, 255, 0.15);\r\n        color: var(--accent-cyan);\r\n        padding: 10px 18px;\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-about-wrapper .ab-heading {\r\n        font-size: clamp(2.5rem, 4vw, 3.6rem);\r\n        font-weight: 900;\r\n        line-height: 1.15;\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-about-wrapper .ab-heading span {\r\n        color: var(--accent-cyan);\r\n        text-decoration: underline;\r\n        text-decoration-thickness: 3px;\r\n        text-underline-offset: 8px;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-description {\r\n        font-size: 1.12rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.8;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Pet Image Showcase Grid *\/\r\n    #ambervale-about-wrapper .ab-pet-showcase {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 16px;\r\n        margin-top: 8px;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-pet-card {\r\n        position: relative;\r\n        border-radius: 18px;\r\n        overflow: hidden;\r\n        border: 2px solid var(--card-border);\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n        height: 180px;\r\n        background: #112233;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-pet-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-wrapper .ab-pet-card:hover img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-pet-tag {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        left: 10px;\r\n        background: rgba(27, 54, 84, 0.85);\r\n        backdrop-filter: blur(5px);\r\n        color: var(--text-white);\r\n        padding: 4px 12px;\r\n        border-radius: 8px;\r\n        font-size: 0.85rem;\r\n        font-weight: 800;\r\n        border: 1px solid rgba(0, 210, 255, 0.3);\r\n    }\r\n\r\n    \/* Right Column: Information Hub Card *\/\r\n    #ambervale-about-wrapper .ab-info-card {\r\n        background: linear-gradient(135deg, rgba(27, 54, 84, 0.95) 0%, rgba(15, 30, 48, 0.95) 100%);\r\n        border: 2px solid var(--card-border);\r\n        border-radius: 28px;\r\n        padding: 40px;\r\n        backdrop-filter: blur(20px);\r\n        box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-card h3 {\r\n        font-size: 2rem;\r\n        font-weight: 900;\r\n        margin-bottom: 24px;\r\n        border-bottom: 2px solid var(--card-border);\r\n        padding-bottom: 16px;\r\n        color: var(--text-white);\r\n        letter-spacing: -0.01em;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-list {\r\n        list-style: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 16px;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-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.25rem;\r\n        flex-shrink: 0;\r\n        border: 1.5px solid rgba(0, 210, 255, 0.4);\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-details h5 {\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n        color: var(--accent-cyan);\r\n        margin-bottom: 4px;\r\n        font-weight: 900;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-details p,\r\n    #ambervale-about-wrapper .ab-info-details a {\r\n        font-size: 1.08rem;\r\n        color: var(--text-white);\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n        text-decoration: none;\r\n        transition: color 0.2s ease;\r\n    }\r\n\r\n    #ambervale-about-wrapper .ab-info-details a:hover {\r\n        color: var(--accent-cyan);\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* Responsive Breakpoints *\/\r\n    @media (max-width: 968px) {\r\n        #ambervale-about-wrapper .ab-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        #ambervale-about-wrapper .ab-pet-showcase {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        #ambervale-about-wrapper {\r\n            padding: 60px 16px;\r\n        }\r\n        #ambervale-about-wrapper .ab-info-card {\r\n            padding: 24px;\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-about-wrapper\">\r\n    <div class=\"ab-container\">\r\n        \r\n        <!-- Left Column: Story & Images -->\r\n        <div class=\"ab-content\">\r\n            <div class=\"ab-badge\">\r\n                <i class=\"fa-solid fa-shield-dog\"><\/i> Certified Veterinary Clinic\r\n            <\/div>\r\n            <h2 class=\"ab-heading\">Exceptional Bold Care For Your <span>Dogs & Cats<\/span><\/h2>\r\n            <p class=\"ab-description\">\r\n                At Ambervale Veterinary Clinic, we provide high-impact, fearless medical attention backed by ultimate clinical expertise. From playful puppies to senior felines, your pets receive premier care tailored explicitly to their health requirements.\r\n            <\/p>\r\n\r\n            <!-- Cat and Dog Image Showcase -->\r\n            <div class=\"ab-pet-showcase\">\r\n                <div class=\"ab-pet-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543466835-00a7907e9de1?auto=format&fit=crop&w=600&q=80\" alt=\"Happy Dog at Clinic\">\r\n                    <div class=\"ab-pet-tag\"><i class=\"fa-solid fa-dog\"><\/i> Dog Care<\/div>\r\n                <\/div>\r\n                <div class=\"ab-pet-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514888286974-6c03e2ca1dba?auto=format&fit=crop&w=600&q=80\" alt=\"Content Cat at Clinic\">\r\n                    <div class=\"ab-pet-tag\"><i class=\"fa-solid fa-cat\"><\/i> Cat Care<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Clinic Information Hub -->\r\n        <div class=\"ab-info-card\">\r\n            <h3>Clinic Information<\/h3>\r\n            <ul class=\"ab-info-list\">\r\n                <li class=\"ab-info-item\">\r\n                    <div class=\"ab-info-icon\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ab-info-details\">\r\n                        <h5>Location Address<\/h5>\r\n                        <p>292 West End Lane, London, NW6 1LN, UK<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                <li class=\"ab-info-item\">\r\n                    <div class=\"ab-info-icon\">\r\n                        <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ab-info-details\">\r\n                        <h5>Direct Contact<\/h5>\r\n                        <p><a href=\"tel:02079461832\">020 7946 1832<\/a><\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                <li class=\"ab-info-item\">\r\n                    <div class=\"ab-info-icon\">\r\n                        <i class=\"fa-solid fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ab-info-details\">\r\n                        <h5>Email Support<\/h5>\r\n                        <p><a href=\"mailto:care@ambervaleclinic.co.uk\">care@ambervaleclinic.co.uk<\/a><\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                <li class=\"ab-info-item\">\r\n                    <div class=\"ab-info-icon\">\r\n                        <i class=\"fa-solid fa-globe\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"ab-info-details\">\r\n                        <h5>Official Domain<\/h5>\r\n                        <p><a href=\"#\" target=\"_blank\">ambervalevet.co.uk<\/a><\/p>\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- LOCALIZED JAVASCRIPT -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.15\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.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        const container = document.querySelector('#ambervale-about-wrapper .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            observer.observe(container);\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>Certified Veterinary Clinic Exceptional Bold Care For Your Dogs &#038; Cats At Ambervale Veterinary Clinic, we provide high-impact, fearless medical attention backed by ultimate clinical expertise. From playful puppies to senior felines, your pets receive premier care tailored explicitly to their health requirements. Dog Care Cat Care Clinic Information Location Address 292 West End Lane, [&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-3495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/3495","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=3495"}],"version-history":[{"count":10,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions"}],"predecessor-version":[{"id":5819,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions\/5819"}],"wp:attachment":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=3495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}