{"id":409,"date":"2019-11-11T08:37:45","date_gmt":"2019-11-11T08:37:45","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=409"},"modified":"2026-09-01T08:55:23","modified_gmt":"2026-09-01T07:55:23","slug":"services-v-2","status":"publish","type":"page","link":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/services-v-2\/","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"409\" class=\"elementor elementor-409\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad4ea78 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=\"ad4ea78\" 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-b726414\" data-id=\"b726414\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-c9473cd elementor-widget elementor-widget-html\" data-id=\"c9473cd\" 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 - SERVICES SECTION -->\r\n<style>\r\n    \/* SCOPED STYLES: Using a unique wrapper class (#ambervale-services-wrapper) \r\n       ensures these rules will NOT affect the rest of your page. *\/\r\n       \r\n    #ambervale-services-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: 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-services-wrapper *, \r\n    #ambervale-services-wrapper *::before, \r\n    #ambervale-services-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-services-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        bottom: -150px;\r\n        left: -150px;\r\n        z-index: -1;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 60px;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    #ambervale-services-wrapper .srv-header {\r\n        text-align: center;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-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        margin: 0 auto;\r\n        border: 2px solid rgba(0, 210, 255, 0.3);\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-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-services-wrapper .srv-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-services-wrapper .srv-subtext {\r\n        font-size: 1.12rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.8;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Services Grid Layout *\/\r\n    #ambervale-services-wrapper .srv-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Animated Bold Cards *\/\r\n    #ambervale-services-wrapper .srv-card {\r\n        background: var(--card-bg);\r\n        border: 2px solid var(--card-border);\r\n        border-radius: 24px;\r\n        padding: 35px 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        backdrop-filter: blur(20px);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        position: relative;\r\n        overflow: hidden;\r\n        \r\n        \/* Smooth Entrance & Hover Animation Settings *\/\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), \r\n                    border-color 0.4s ease, \r\n                    box-shadow 0.4s ease, \r\n                    background 0.4s ease;\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-card.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-card:hover {\r\n        transform: translateY(-12px) scale(1.02);\r\n        border-color: var(--accent-cyan);\r\n        background: rgba(35, 62, 92, 0.95);\r\n        box-shadow: 0 35px 60px rgba(0, 210, 255, 0.2);\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-icon-box {\r\n        background: rgba(0, 210, 255, 0.2);\r\n        color: var(--accent-cyan);\r\n        width: 65px;\r\n        height: 65px;\r\n        border-radius: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.6rem;\r\n        border: 1.5px solid rgba(0, 210, 255, 0.4);\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-card:hover .srv-icon-box {\r\n        transform: rotate(8deg) scale(1.1);\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-card h3 {\r\n        font-size: 1.5rem;\r\n        font-weight: 900;\r\n        color: var(--text-white);\r\n        letter-spacing: -0.01em;\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-card p {\r\n        font-size: 1.05rem;\r\n        color: var(--text-muted);\r\n        line-height: 1.7;\r\n        font-weight: 700;\r\n    }\r\n\r\n    \/* Call To Action Button Section *\/\r\n    #ambervale-services-wrapper .srv-footer-action {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    #ambervale-services-wrapper .srv-contact-btn {\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 40px;\r\n        border-radius: 50px;\r\n        font-size: 1.15rem;\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-services-wrapper .srv-contact-btn: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    \/* Responsive Breakpoints *\/\r\n    @media (max-width: 1024px) {\r\n        #ambervale-services-wrapper .srv-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #ambervale-services-wrapper .srv-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        #ambervale-services-wrapper {\r\n            padding: 60px 16px;\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-services-wrapper\">\r\n    <div class=\"srv-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"srv-header\">\r\n            <div class=\"srv-badge\">\r\n                <i class=\"fa-solid fa-stethoscope\"><\/i> Our Medical Services\r\n            <\/div>\r\n            <h2 class=\"srv-heading\">Comprehensive Care For Your <span>Dogs & Cats<\/span><\/h2>\r\n            <p class=\"srv-subtext\">\r\n                Equipped with advanced diagnostic tools and absolute dedication, Ambervale Veterinary Clinic delivers premier solutions tailored to safeguard every phase of your pet's life.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Services Grid Cards with Staggered Entrance Animations -->\r\n        <div class=\"srv-grid\">\r\n            \r\n            <!-- Service 1 -->\r\n            <div class=\"srv-card\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"srv-icon-box\">\r\n                    <i class=\"fa-solid fa-heart-pulse\"><\/i>\r\n                <\/div>\r\n                <h3>Wellness & Checkups<\/h3>\r\n                <p>Routine preventative health exams, diagnostic screenings, and personalized longevity plans customized for dogs and cats.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 2 -->\r\n            <div class=\"srv-card\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"srv-icon-box\">\r\n                    <i class=\"fa-solid fa-syringe\"><\/i>\r\n                <\/div>\r\n                <h3>Vaccinations<\/h3>\r\n                <p>Up-to-date immunization scheduling to defend your beloved companions against dangerous and contagious viral threats.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 3 -->\r\n            <div class=\"srv-card\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"srv-icon-box\">\r\n                    <i class=\"fa-solid fa-scalpel\"><\/i>\r\n                <\/div>\r\n                <h3>Advanced Surgery<\/h3>\r\n                <p>State-of-the-art soft tissue and orthopedic surgical interventions executed under strict, safe monitoring protocols.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 4 -->\r\n            <div class=\"srv-card\" style=\"transition-delay: 0.4s;\">\r\n                <div class=\"srv-icon-box\">\r\n                    <i class=\"fa-solid fa-tooth\"><\/i>\r\n                <\/div>\r\n                <h3>Dental Care<\/h3>\r\n                <p>Professional cleanings, ultrasonic scaling, and extractions to prevent painful periodontal diseases and bad breath.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 5 -->\r\n            <div class=\"srv-card\" style=\"transition-delay: 0.5s;\">\r\n                <div class=\"srv-icon-box\">\r\n                    <i class=\"fa-solid fa-laptop-medical\"><\/i>\r\n                <\/div>\r\n                <h3>Diagnostics & X-Ray<\/h3>\r\n                <p>Rapid internal imaging and lab test analyses to uncover underlying health issues quickly and accurately.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Service 6 -->\r\n            <div class=\"srv-card\" style=\"transition-delay: 0.6s;\">\r\n                <div class=\"srv-icon-box\">\r\n                    <i class=\"fa-solid fa-house-medical-circle-exclamation\"><\/i>\r\n                <\/div>\r\n                <h3>Emergency Urgent Care<\/h3>\r\n                <p>Prompt clinical intervention and critical stabilization procedures when unexpected accidents or sudden illnesses strike.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Single Bold Contact Us Button -->\r\n        <div class=\"srv-footer-action\">\r\n            <a href=\"https:\/\/www.ambervaleclinic.co.uk\/index.php\/contact-v-4\/\" class=\"srv-contact-btn\">\r\n                <i class=\"fa-solid fa-paper-plane\"><\/i> Contact Us Today\r\n            <\/a>\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 observerOptions = {\r\n            root: null,\r\n            rootMargin: '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('is-visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        const cards = document.querySelectorAll('#ambervale-services-wrapper .srv-card');\r\n        cards.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        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Medical Services Comprehensive Care For Your Dogs &#038; Cats Equipped with advanced diagnostic tools and absolute dedication, Ambervale Veterinary Clinic delivers premier solutions tailored to safeguard every phase of your pet&#8217;s life. Wellness &#038; Checkups Routine preventative health exams, diagnostic screenings, and personalized longevity plans customized for dogs and cats. Vaccinations Up-to-date immunization scheduling [&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-409","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/409","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=409"}],"version-history":[{"count":10,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":5822,"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions\/5822"}],"wp:attachment":[{"href":"https:\/\/www.ambervaleclinic.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}