{"id":10,"date":"2026-01-04T21:29:20","date_gmt":"2026-01-04T21:29:20","guid":{"rendered":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/?page_id=10"},"modified":"2026-02-10T20:41:57","modified_gmt":"2026-02-10T20:41:57","slug":"home","status":"publish","type":"page","link":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef792b8 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ef792b8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dfd0ba7\" data-id=\"dfd0ba7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3724d98 elementor-widget elementor-widget-heading\" data-id=\"3724d98\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><span style=\"line-height: 1.2\">\n  <span class=\"mobile-no-underline\" style=\"border-bottom: 4px solid #25B4F8;padding-bottom: 6px\">\n    Personal Care\n  <\/span><br>\n  For Your Dental Health\n<\/span>\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3e3dd1 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"b3e3dd1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"240\" height=\"8\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Vector-3.png\" class=\"attachment-full size-full wp-image-165\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd0e378 elementor-widget elementor-widget-text-editor\" data-id=\"fd0e378\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tA trusted dental clinic in Al Barsha, Dubai, delivering high-quality, ethical dental care at fair prices\u2014so you can smile with confidence and look ahead to a healthier future.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26910c3 elementor-align-left elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"26910c3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"tel:+97145686449\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book an appointment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb23b17 elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"eb23b17\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"emergency-section\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        .emergency-section {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            display: inline-block;\r\n        }\r\n\r\n        .contact-container {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            text-decoration: none;\r\n            \/* Optional: Add a hover effect or background if needed *\/\r\n        }\r\n\r\n        .icon-wrapper i {\r\n            font-size: 42px; \/* Adjust icon size here *\/\r\n            color: #25D366; \/* WhatsApp Brand Green *\/\r\n        }\r\n\r\n        .text-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .contact-title {\r\n            color: #72B9E5; \/* Light blue from image *\/\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .contact-number {\r\n            color: #00305B; \/* Dark blue\/Navy from image *\/\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 480px) {\r\n            .icon-wrapper i {\r\n                font-size: 36px;\r\n            }\r\n            .contact-title {\r\n                font-size: 14px;\r\n            }\r\n            .contact-number {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <a href=\"https:\/\/wa.me\/971566425251\" class=\"contact-container\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"icon-wrapper\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n        <\/div>\r\n        <div class=\"text-content\">\r\n            <span class=\"contact-title\">Dental 24H Emergency<\/span>\r\n            <span class=\"contact-number\">+971 56 642 5251<\/span>\r\n        <\/div>\r\n    <\/a>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7e367e8\" data-id=\"7e367e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d47ff4d elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"d47ff4d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"414\" height=\"483\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Hero-1-1-e1767567689462.png\" class=\"attachment-full size-full wp-image-51\" alt=\"\" srcset=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Hero-1-1-e1767567689462.png 414w, https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Hero-1-1-e1767567689462-257x300.png 257w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d6422a1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d6422a1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc22e41\" data-id=\"bc22e41\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb1286f elementor-widget elementor-widget-html\" data-id=\"fb1286f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500&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<style>\r\n    \/* Section Container *\/\r\n    #services-section {\r\n        background-color: #E6F6FE;\r\n        padding: 80px 20px;\r\n        font-family: 'DM Sans', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .services-wrapper {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Slider Window *\/\r\n    .services-track-container {\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Track *\/\r\n    .services-track {\r\n        display: flex;\r\n        width: 100%;\r\n        transition: transform 0.5s ease-in-out;\r\n    }\r\n\r\n    \/* --- DESKTOP LAYOUT (Default) --- *\/\r\n    \/* The Group Wrapper: Holds 6 items in a grid *\/\r\n    .service-group {\r\n        min-width: 100%; \/* Takes full width of the window *\/\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr); \/* 3 Columns *\/\r\n        grid-template-rows: auto auto;         \/* 2 Rows *\/\r\n        gap: 30px;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .service-card {\r\n        background: #FFFFFF;\r\n        border-radius: 12px;\r\n        padding: 40px 30px;\r\n        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        height: 100%; \r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- MOBILE LAYOUT (< 768px) --- *\/\r\n    @media (max-width: 768px) {\r\n        \r\n        \/* MAGIC TRICK: \"Unwrap\" the groups *\/\r\n        .service-group {\r\n            display: contents; \/* The browser ignores this div and sees the children directly *\/\r\n        }\r\n\r\n        \/* Now the track behaves like a long strip of single cards *\/\r\n        .services-track {\r\n            display: flex;\r\n            gap: 20px; \/* Gap between mobile cards *\/\r\n        }\r\n\r\n        .service-card {\r\n            min-width: 100%; \/* Show 1 card per view *\/\r\n            margin: 0;\r\n        }\r\n    }\r\n\r\n    \/* Icon Styling *\/\r\n    .icon-circle {\r\n        width: 80px;\r\n        height: 80px;\r\n        background-color: rgba(45, 156, 219, 0.15);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin-bottom: 24px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .service-card:hover .icon-circle {\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    \/* Updated for Image Icons *\/\r\n    .icon-circle img {\r\n        width: 40px; \/* Adjusted size to match previous icon visual weight *\/\r\n        height: 40px;\r\n        object-fit: contain;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .service-title {\r\n        font-family: 'DM Sans', sans-serif;\r\n        font-weight: 500;\r\n        font-size: 24px;\r\n        line-height: 120%;\r\n        color: #111;\r\n        margin: 0 0 16px 0;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    .service-desc {\r\n        font-family: 'DM Sans', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 18px;\r\n        line-height: 155%;\r\n        color: #555;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Navigation Buttons *\/\r\n    .nav-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .nav-btn {\r\n        width: 60px;\r\n        height: 50px;\r\n        background: #FFFFFF;\r\n        border: none;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0px 2px 10px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .nav-btn:hover {\r\n        background: #2D9CDB;\r\n    }\r\n\r\n    .nav-btn:hover i {\r\n        color: #fff;\r\n    }\r\n\r\n    .nav-btn i {\r\n        font-size: 24px;\r\n        color: #111;\r\n    }\r\n<\/style>\r\n\r\n<section id=\"services-section\">\r\n    <div class=\"services-wrapper\">\r\n        \r\n        <div class=\"services-track-container\">\r\n            <div class=\"services-track\" id=\"track\">\r\n                \r\n                <div class=\"service-group\">\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dental-Implants-DHC.png\" alt=\"Dental Implant\">\r\n                        <\/div> \r\n                        <h3 class=\"service-title\">Dental Implant<\/h3>\r\n                        <p class=\"service-desc\">Missing teeth? Implants provide a permanent, natural-looking solution to restore your smile and confidence.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Pediatric-Dentistry-DHC.png\" alt=\"Pediatric Dentistry\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Pediatric Dentistry<\/h3>\r\n                        <p class=\"service-desc\">Gentle care for little smiles. We ensure a comfortable, fear-free environment for your child's dental health.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dental-Veneers-DHC.png\" alt=\"Orthodontics\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Orthodontics<\/h3>\r\n                        <p class=\"service-desc\">Straighten your teeth with modern braces or aligners. Achieve the perfect bite and a stunning smile.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Root-Canal-DHC.png\" alt=\"Root Canal Therapy\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Root Canal Therapy<\/h3>\r\n                        <p class=\"service-desc\">Save your natural tooth. Our advanced therapy relieves pain and treats infection efficiently and comfortably.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Compose-Filling-DHC.png\" alt=\"Composite Filling\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Composite Filling<\/h3>\r\n                        <p class=\"service-desc\">Repair cavities seamlessly. Tooth-colored fillings restore strength and aesthetics in just one visit.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Tooth-Extration.png\" alt=\"Tooth Extraction\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Tooth Extraction<\/h3>\r\n                        <p class=\"service-desc\">Safe removal of damaged or problematic teeth. We prioritize your comfort and quick recovery.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"service-group\">\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Compose-Filling-DHC.png\" alt=\"Scaling & Polishing\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Scaling & Polishing<\/h3>\r\n                        <p class=\"service-desc\">Specialized cleaning to remove plaque and tartar, leaving your teeth smooth, shiny, and healthy.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dental-Implants-DHC.png\" alt=\"Bridges & Crowns\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Bridges & Crowns<\/h3>\r\n                        <p class=\"service-desc\">Restore damaged or missing teeth. Custom-made bridges and crowns bring back functionality and aesthetics.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dental-Veneers-DHC.png\" alt=\"Dental Veneers\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Dental Veneers<\/h3>\r\n                        <p class=\"service-desc\">Transform your smile. Thin, custom shells cover imperfections for a bright, flawless appearance.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-card\">\r\n                        <div class=\"icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dental-Veneers-DHC.png\" alt=\"Teeth Whitening\">\r\n                        <\/div>\r\n                        <h3 class=\"service-title\">Teeth Whitening<\/h3>\r\n                        <p class=\"service-desc\">Brighten your smile safely. Professional whitening treatments to remove stains and enhance radiance.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"nav-container\">\r\n            <button class=\"nav-btn\" id=\"prevBtn\"><i class=\"fa-solid fa-arrow-left-long\"><\/i><\/button>\r\n            <button class=\"nav-btn\" id=\"nextBtn\"><i class=\"fa-solid fa-arrow-right-long\"><\/i><\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const track = document.getElementById('track');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        \r\n        let currentIndex = 0;\r\n\r\n        function isMobile() {\r\n            return window.innerWidth < 768;\r\n        }\r\n\r\n        \/\/ Logic to calculate how much to slide based on Device\r\n        function getSlideMetrics() {\r\n            if (isMobile()) {\r\n                \/\/ Mobile: Slide by 1 card width + gap\r\n                const items = document.querySelectorAll('.service-card');\r\n                return {\r\n                    step: 100, \/\/ Percent\r\n                    unit: '%',\r\n                    max: items.length - 1,\r\n                    gapAdjust: true\r\n                };\r\n            } else {\r\n                \/\/ Desktop: Slide by 1 Group (Page)\r\n                const groups = document.querySelectorAll('.service-group');\r\n                return {\r\n                    step: 100, \/\/ Percent\r\n                    unit: '%',\r\n                    max: groups.length - 1,\r\n                    gapAdjust: false\r\n                };\r\n            }\r\n        }\r\n\r\n        function moveSlider() {\r\n            const metrics = getSlideMetrics();\r\n            \r\n            \/\/ Boundary Check\r\n            if (currentIndex < 0) currentIndex = 0;\r\n            if (currentIndex > metrics.max) currentIndex = metrics.max;\r\n\r\n            \/\/ Calculate Translate\r\n            let translateX = 0;\r\n            \r\n            if (metrics.gapAdjust && isMobile()) {\r\n                 const card = document.querySelector('.service-card');\r\n                 const cardWidth = card.offsetWidth;\r\n                 const gap = 20; \/\/ Mobile gap\r\n                 translateX = -(currentIndex * (cardWidth + gap));\r\n                 track.style.transform = `translateX(${translateX}px)`;\r\n            } else {\r\n                \/\/ Desktop is simple 0%, -100%, -200%\r\n                translateX = -(currentIndex * metrics.step);\r\n                track.style.transform = `translateX(${translateX}%)`;\r\n            }\r\n        }\r\n\r\n        \/\/ Event Listeners\r\n        nextBtn.addEventListener('click', () => {\r\n            const metrics = getSlideMetrics();\r\n            if (currentIndex < metrics.max) {\r\n                currentIndex++;\r\n                moveSlider();\r\n            } else {\r\n                currentIndex = 0; \/\/ Loop\r\n                moveSlider();\r\n            }\r\n        });\r\n\r\n        prevBtn.addEventListener('click', () => {\r\n            if (currentIndex > 0) {\r\n                currentIndex--;\r\n                moveSlider();\r\n            }\r\n        });\r\n\r\n        \/\/ Reset index on resize to prevent getting stuck in \"Desktop index\" on Mobile\r\n        window.addEventListener('resize', () => {\r\n            currentIndex = 0;\r\n            moveSlider();\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0fbb1e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c0fbb1e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-835711b\" data-id=\"835711b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d2894b elementor-widget elementor-widget-html\" data-id=\"1d2894b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wel-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --wel-font-main: 'DM Sans', sans-serif;\r\n            --wel-color-heading: #0B132A;\r\n            --wel-color-text: #4F5665;\r\n            --wel-color-bg: #FFFFFF;\r\n            --wel-color-accent: #25B4F8;\r\n            --wel-backdrop-color: #8AD7F8;\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        #wel-section {\r\n            background-color: var(--wel-color-bg);\r\n            padding: 100px 20px;\r\n            font-family: var(--wel-font-main);\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #wel-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Layout Wrapper *\/\r\n        .wel-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 60px;\r\n        }\r\n\r\n        \/* --- Columns --- *\/\r\n\r\n        \/* Left Column: Text Content *\/\r\n        .wel-text-col {\r\n            flex: 1;\r\n            max-width: 550px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start; \/* Default Left Align *\/\r\n        }\r\n\r\n        \/* Right Column: Image *\/\r\n        .wel-image-col {\r\n            flex: 1;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            padding-top: 30px; \/* Space for offset backdrop *\/\r\n            padding-right: 30px;\r\n        }\r\n\r\n        \/* --- Typography Specs --- *\/\r\n        .wel-title {\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            color: var(--wel-color-heading);\r\n            margin: 0 0 24px 0;\r\n            text-transform: capitalize;\r\n            position: relative;\r\n        }\r\n\r\n        \/* SVG Highlight Wrapper *\/\r\n        .wel-highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            white-space: nowrap;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* SVG Highlight Line *\/\r\n        .wel-highlight-line {\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .wel-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--wel-color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .wel-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            letter-spacing: 1.5%;\r\n            color: var(--wel-color-text);\r\n            margin-bottom: 0; \/* Removed bottom margin since form is gone *\/\r\n        }\r\n\r\n        \/* --- Image Layering --- *\/\r\n        \/* The blue shape behind the image *\/\r\n        .wel-image-backdrop {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 90%; \r\n            height: 90%; \r\n            background-color: var(--wel-backdrop-color);\r\n            border-radius: 20px;\r\n            z-index: 0; \r\n        }\r\n\r\n        \/* The main image *\/\r\n        .wel-main-image {\r\n            position: relative;\r\n            z-index: 1; \r\n            width: 100%;\r\n            max-width: 550px;\r\n            height: auto;\r\n            border-radius: 20px;\r\n            box-shadow: 0px 10px 30px rgba(0,0,0,0.1);\r\n            display: block;\r\n        }\r\n\r\n        \/* --- Responsive Design --- *\/\r\n        @media (max-width: 992px) {\r\n            .wel-wrapper {\r\n                flex-direction: column;\r\n                gap: 50px;\r\n            }\r\n            \r\n            .wel-text-col {\r\n                max-width: 100%;\r\n                width: 100%;\r\n                align-items: flex-start; \/* Keep left align *\/\r\n                text-align: left;        \/* Keep left align *\/\r\n            }\r\n\r\n            .wel-title {\r\n                font-size: 36px;\r\n            }\r\n\r\n            \/* Adjust highlight for mobile wrapping *\/\r\n            .wel-highlight-text {\r\n                display: inline;\r\n                white-space: normal;\r\n            }\r\n\r\n            .wel-image-col {\r\n                width: 100%;\r\n                justify-content: center;\r\n                padding: 0; \/* Remove offset padding on mobile if desired, or keep for style *\/\r\n                margin-top: 10px;\r\n            }\r\n            \r\n            \/* Optional: Hide backdrop on mobile for cleaner look (matching other sections) *\/\r\n            .wel-image-backdrop {\r\n                 display: none;\r\n            }\r\n\r\n            .wel-main-image {\r\n                margin: 0 auto;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"wel-wrapper\">\r\n        \r\n        <div class=\"wel-text-col\">\r\n            <h2 class=\"wel-title\">\r\n                We\u2019re \r\n                <span class=\"wel-highlight-text\">\r\n                    Welcoming New\r\n                    <svg class=\"wel-highlight-line\" viewBox=\"0 0 150 10\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M2,5 Q75,10 148,2\" \/>\r\n                    <\/svg>\r\n                <\/span> \r\n                You And Can\u2019t Wait To Meet You.\r\n            <\/h2>\r\n            <p class=\"wel-desc\">\r\n                UAE\u2019s leading dental clinic in Al Barsha 1, moments from Mall of the Emirates and opposite Lulu Hypermarket, offering trusted care in a prime, easy-to-reach location.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wel-image-col\">\r\n            <div class=\"wel-image-backdrop\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Group-1000001023.png\" alt=\"Dental Hub Clinic Reception\" class=\"wel-main-image\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca83468 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ca83468\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b6bdcaf\" data-id=\"b6bdcaf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-44d18e7 elementor-widget elementor-widget-html\" data-id=\"44d18e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wcu-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --wcu-font-main: 'DM Sans', sans-serif;\r\n            --wcu-color-heading: #0B132A;\r\n            --wcu-color-text: #4F5665;\r\n            --wcu-color-bg: #E6F6FE;\r\n            --wcu-color-accent: #25B4F8;\r\n            --wcu-grad-btn: linear-gradient(90deg, #38B5E6 0%, #25CBD3 100%);\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        #wcu-section {\r\n            background-color: var(--wcu-color-bg);\r\n            padding: 80px 20px;\r\n            font-family: var(--wcu-font-main);\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        #wcu-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .wcu-wrapper {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 60px;\r\n        }\r\n\r\n        \/* --- Columns --- *\/\r\n        \r\n        \/* Image Column *\/\r\n        .wcu-image-col {\r\n            flex: 1;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .wcu-image {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            border-radius: 24px;\r\n            display: block;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Text Column *\/\r\n        .wcu-text-col {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            \/* Ensure alignment defaults to left on desktop *\/\r\n            align-items: flex-start; \r\n            text-align: left;\r\n        }\r\n\r\n        \/* --- Typography Specs --- *\/\r\n        .wcu-section-title {\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            text-transform: capitalize;\r\n            color: var(--wcu-color-heading);\r\n            margin: 0 0 24px 0;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Custom SVG Marker for \"US For\" *\/\r\n        .wcu-highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            white-space: nowrap;\r\n            z-index: 1;\r\n        }\r\n\r\n        .wcu-highlight-line {\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .wcu-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--wcu-color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .wcu-section-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--wcu-color-text);\r\n            margin-bottom: 30px;\r\n            max-width: 500px;\r\n        }\r\n\r\n        \/* --- Feature List --- *\/\r\n        .wcu-feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 40px 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 18px;\r\n            width: 100%; \/* Ensure it takes full width for alignment *\/\r\n        }\r\n\r\n        .wcu-feature-item {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-start; \/* Force left align *\/\r\n            gap: 15px;\r\n            font-weight: 500;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--wcu-color-heading);\r\n            text-align: left;\r\n        }\r\n\r\n        \/* Custom SVG Icon (Shield Check) *\/\r\n        .wcu-icon-shield {\r\n            width: 24px;\r\n            height: 24px;\r\n            fill: none;\r\n            stroke: var(--wcu-color-accent);\r\n            stroke-width: 2;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* --- Button Specs --- *\/\r\n        .wcu-book-btn {\r\n            width: fit-content;\r\n            min-width: 230px;\r\n            height: 55px;\r\n            background: var(--wcu-grad-btn);\r\n            border-radius: 10px;\r\n            border: none;\r\n            padding: 0 30px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-family: var(--wcu-font-main);\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            color: white;\r\n            cursor: pointer;\r\n            transition: opacity 0.3s ease, transform 0.2s;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .wcu-book-btn:hover {\r\n            opacity: 0.9;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* --- Responsive (Mobile) --- *\/\r\n        @media (max-width: 992px) {\r\n            .wcu-wrapper {\r\n                \/* column-reverse:\r\n                   The items are laid out vertically (column).\r\n                   The order is reversed.\r\n                   Item 2 (Text Col) goes to TOP.\r\n                   Item 1 (Image Col) goes to BOTTOM.\r\n                *\/\r\n                flex-direction: column-reverse; \r\n                gap: 40px;\r\n                \r\n                \/* Strict Left Alignment *\/\r\n                align-items: flex-start;\r\n                text-align: left;\r\n            }\r\n\r\n            .wcu-section-title {\r\n                font-size: 32px;\r\n                text-align: left;\r\n            }\r\n\r\n            .wcu-section-desc {\r\n                text-align: left;\r\n                margin-left: 0; \/* Ensure no auto margin centers it *\/\r\n            }\r\n\r\n            .wcu-image-col, .wcu-text-col {\r\n                width: 100%;\r\n                display: flex;\r\n            }\r\n\r\n            \/* Ensure text column aligns internal items left *\/\r\n            .wcu-text-col {\r\n                align-items: flex-start;\r\n                text-align: left;\r\n            }\r\n            \r\n            .wcu-image {\r\n                margin: 0 auto; \/* Keep image centered if preferred, or remove for left *\/\r\n            }\r\n\r\n            .wcu-book-btn {\r\n                width: 100%;\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"wcu-wrapper\">\r\n        \r\n        <div class=\"wcu-image-col\">\r\n            <img decoding=\"async\" src=\"\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Team-2.jpg.jpeg\" class=\"wcu-image\">\r\n        <\/div>\r\n\r\n        <div class=\"wcu-text-col\">\r\n            <h2 class=\"wcu-section-title\">\r\n                Why Choose \r\n                <span class=\"wcu-highlight-text\">\r\n                    US For\r\n                    <svg class=\"wcu-highlight-line\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M2,5 Q50,10 98,2\" \/>\r\n                    <\/svg>\r\n                <\/span><br>\r\n                All Your Dental Treatments?\r\n            <\/h2>\r\n            \r\n            <p class=\"wcu-section-desc\">\r\n                We use only the best quality materials on the market in order to provide the best products to our patients. So don't worry about anything and book yourself.\r\n            <\/p>\r\n\r\n            <ul class=\"wcu-feature-list\">\r\n                <li class=\"wcu-feature-item\">\r\n                    <svg class=\"wcu-icon-shield\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-4\"><\/path>\r\n                    <\/svg>\r\n                    Top quality dental team\r\n                <\/li>\r\n                <li class=\"wcu-feature-item\">\r\n                    <svg class=\"wcu-icon-shield\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-4\"><\/path>\r\n                    <\/svg>\r\n                    State of the art dental services\r\n                <\/li>\r\n                <li class=\"wcu-feature-item\">\r\n                    <svg class=\"wcu-icon-shield\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-4\"><\/path>\r\n                    <\/svg>\r\n                    Discount on all dental treatment\r\n                <\/li>\r\n                <li class=\"wcu-feature-item\">\r\n                    <svg class=\"wcu-icon-shield\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n                        <path d=\"M9 12l2 2 4-4\"><\/path>\r\n                    <\/svg>\r\n                    Enrollment is quick and easy\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <button class=\"wcu-book-btn\">Book an appointment<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb1953d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cb1953d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c3aa1d\" data-id=\"5c3aa1d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d2453f elementor-widget elementor-widget-html\" data-id=\"6d2453f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"lw-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --lw-font-main: 'DM Sans', sans-serif;\r\n            --lw-color-heading: #0B132A;\r\n            --lw-color-text: #4F5665;\r\n            --lw-color-white: #FFFFFF;\r\n            --lw-color-accent: #25B4F8;\r\n            --lw-backdrop-color: #8AD7F8;\r\n            --lw-grad-btn: linear-gradient(90deg, #38B5E6 0%, #25CBD3 100%);\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        #lw-section {\r\n            background-color: var(--lw-color-white);\r\n            padding: 80px 20px;\r\n            font-family: var(--lw-font-main);\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #lw-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .lw-wrapper {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 60px;\r\n        }\r\n\r\n        \/* --- Columns --- *\/\r\n        \r\n        \/* Text Column (Left) *\/\r\n        .lw-text-col {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: flex-start; \/* Left Align *\/\r\n            text-align: left;\r\n        }\r\n\r\n        \/* Image Column (Right) *\/\r\n        .lw-image-col {\r\n            flex: 1;\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px; \r\n        }\r\n\r\n        \/* --- Typography Specs --- *\/\r\n        .lw-section-title {\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            color: var(--lw-color-heading);\r\n            margin: 0 0 24px 0;\r\n            position: relative;\r\n            text-transform: capitalize;\r\n        }\r\n\r\n        \/* Custom SVG Marker Wrapper *\/\r\n        .lw-highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* The SVG Line itself *\/\r\n        .lw-highlight-line {\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px; \/* Thickness of the marker effect *\/\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .lw-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--lw-color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .lw-section-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--lw-color-text);\r\n            margin-bottom: 30px;\r\n            max-width: 480px;\r\n        }\r\n\r\n        \/* --- Button Specs --- *\/\r\n        .lw-book-btn {\r\n            width: fit-content;\r\n            min-width: 231px;\r\n            height: 55px;\r\n            background: var(--lw-grad-btn);\r\n            border-radius: 10px;\r\n            border: none;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 0 30px;\r\n            font-family: var(--lw-font-main);\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            color: white;\r\n            cursor: pointer;\r\n            transition: opacity 0.3s ease, transform 0.2s;\r\n            box-shadow: 0px 4px 15px rgba(37, 203, 211, 0.2);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .lw-book-btn:hover {\r\n            opacity: 0.9;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* --- Image & Backdrop --- *\/\r\n        \/* The Blue Rectangle Behind *\/\r\n        .lw-image-backdrop {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 90%;\r\n            height: 90%;\r\n            background-color: var(--lw-backdrop-color);\r\n            border-radius: 20px;\r\n            z-index: 0;\r\n        }\r\n\r\n        .lw-image {\r\n            position: relative;\r\n            z-index: 1;\r\n            width: 100%;\r\n            max-width: 500px;\r\n            border-radius: 20px;\r\n            display: block;\r\n            object-fit: cover;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05); \r\n        }\r\n\r\n        \/* --- MOBILE SPECIFIC FIXES --- *\/\r\n        @media (max-width: 992px) {\r\n            .lw-wrapper {\r\n                flex-direction: column; \/* Text Top, Image Bottom *\/\r\n                gap: 40px;\r\n            }\r\n\r\n            .lw-text-col {\r\n                width: 100%;\r\n                align-items: flex-start; \/* Strict Left Align *\/\r\n                text-align: left;        \/* Strict Left Align *\/\r\n            }\r\n\r\n            .lw-section-title {\r\n                font-size: 32px;\r\n                line-height: 130%;\r\n            }\r\n\r\n            \/* Adjust Highlight for wrapped text on mobile *\/\r\n            .lw-highlight-text {\r\n                display: inline; \/* Allows wrapping *\/\r\n                background-position: 0 100%;\r\n            }\r\n\r\n            .lw-image-col {\r\n                width: 100%;\r\n                padding: 0;\r\n                margin-top: 10px;\r\n                justify-content: flex-start; \/* Align image container left *\/\r\n            }\r\n\r\n            \/* Hide backdrop on mobile for cleaner look *\/\r\n            .lw-image-backdrop {\r\n                display: none;\r\n            }\r\n\r\n            .lw-image {\r\n                width: 100%;\r\n                max-width: 100%;\r\n                border-radius: 12px;\r\n                margin: 0; \/* Remove auto margins *\/\r\n            }\r\n            \r\n            .lw-book-btn {\r\n                width: 100%; \/* Full width button on mobile *\/\r\n                max-width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"lw-wrapper\">\r\n        \r\n        <div class=\"lw-text-col\">\r\n            <h2 class=\"lw-section-title\">\r\n                Leave Your Worries At The Door And Enjoy A \r\n                <span class=\"lw-highlight-text\">\r\n                    Healthier, More Precise Smile\r\n                    <svg class=\"lw-highlight-line\" viewBox=\"0 0 300 15\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M5,10 Q150,15 295,5\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/h2>\r\n            \r\n            <p class=\"lw-section-desc\">\r\n                We use only the best quality materials on the market in order to provide the best products to our patients. So don't worry about anything and book yourself.\r\n            <\/p>\r\n\r\n            <button class=\"lw-book-btn\">Book an appointment<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"lw-image-col\">\r\n            <div class=\"lw-image-backdrop\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Mask-group-11.png\" alt=\"Happy Patient Smile\" class=\"lw-image\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62b1845 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"62b1845\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6ac690e\" data-id=\"6ac690e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fd63d0 elementor-widget elementor-widget-html\" data-id=\"8fd63d0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pl-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --pl-font-main: 'DM Sans', sans-serif;\r\n            --pl-color-heading: #0B132A;\r\n            --pl-color-text: #4F5665;\r\n            --pl-color-white: #FFFFFF;\r\n            --pl-color-accent: #25B4F8;\r\n            --pl-grad-btn: linear-gradient(90deg, #38B5E6 0%, #25CBD3 100%);\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        #pl-section {\r\n            background-color: var(--pl-color-white);\r\n            padding: 80px 20px;\r\n            font-family: var(--pl-font-main);\r\n            box-sizing: border-box;\r\n            position: relative; \/* Context for modal *\/\r\n        }\r\n\r\n        #pl-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .pl-wrapper {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* --- Text Header --- *\/\r\n        .pl-header {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .pl-section-title {\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            color: var(--pl-color-heading);\r\n            margin-bottom: 24px;\r\n            text-transform: capitalize;\r\n            position: relative;\r\n        }\r\n\r\n        \/* SVG Highlight Wrapper *\/\r\n        .pl-highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* SVG Highlight Line *\/\r\n        .pl-highlight-line {\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .pl-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--pl-color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .pl-section-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--pl-color-text);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- Video Container --- *\/\r\n        .pl-video-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1000px;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            margin-bottom: 40px;\r\n            box-shadow: 0px 10px 30px rgba(0,0,0,0.05);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .pl-video-thumb {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        \/* Hover effect for image *\/\r\n        .pl-video-container:hover .pl-video-thumb {\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        \/* Play Button Overlay *\/\r\n        .pl-play-btn-overlay {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 80px;\r\n            height: 80px;\r\n            border: 2px solid #FFFFFF;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            background-color: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(2px);\r\n            transition: all 0.3s ease;\r\n            pointer-events: none; \/* Allows click to pass through to container *\/\r\n        }\r\n\r\n        .pl-play-icon {\r\n            width: 30px;\r\n            height: 30px;\r\n            fill: #FFFFFF;\r\n            margin-left: 4px;\r\n        }\r\n\r\n        .pl-video-container:hover .pl-play-btn-overlay {\r\n            background-color: rgba(255, 255, 255, 0.3);\r\n            transform: translate(-50%, -50%) scale(1.1);\r\n        }\r\n\r\n        \/* --- Action Button --- *\/\r\n        .pl-btn {\r\n            width: 231px;\r\n            height: 55px;\r\n            background: var(--pl-grad-btn);\r\n            border-radius: 10px;\r\n            border: none;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-family: var(--pl-font-main);\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            color: white;\r\n            cursor: pointer;\r\n            transition: opacity 0.3s ease, transform 0.2s;\r\n            box-shadow: 0px 4px 15px rgba(37, 203, 211, 0.2);\r\n            text-decoration: none;\r\n        }\r\n\r\n        .pl-btn:hover {\r\n            opacity: 0.9;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* --- MODAL (POPUP) STYLES --- *\/\r\n        .pl-modal {\r\n            display: none; \/* Hidden by default *\/\r\n            position: fixed;\r\n            z-index: 9999;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow-y: auto; \/* Allow scrolling if video is too tall *\/\r\n            background-color: rgba(0, 0, 0, 0.85); \/* Black backdrop with opacity *\/\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .pl-modal.show {\r\n            display: flex;\r\n            opacity: 1;\r\n        }\r\n\r\n        .pl-modal-content {\r\n            position: relative;\r\n            background-color: #000;\r\n            margin: auto;\r\n            padding: 0;\r\n            width: 90%;\r\n            max-width: 900px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n        }\r\n\r\n        \/* Close Button *\/\r\n        .pl-close-btn {\r\n            position: absolute;\r\n            top: -40px;\r\n            right: 0;\r\n            color: #f1f1f1;\r\n            font-size: 35px;\r\n            font-weight: bold;\r\n            transition: 0.3s;\r\n            cursor: pointer;\r\n            line-height: 1;\r\n        }\r\n\r\n        .pl-close-btn:hover,\r\n        .pl-close-btn:focus {\r\n            color: var(--pl-color-accent);\r\n            text-decoration: none;\r\n        }\r\n\r\n        \/* Responsive Iframe Container (Default 16:9 for Desktop) *\/\r\n        .pl-iframe-wrapper {\r\n            position: relative;\r\n            padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n            height: 0;\r\n            overflow: hidden;\r\n            border-radius: 12px;\r\n        }\r\n\r\n        .pl-iframe-wrapper iframe {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        \/* --- MOBILE RESPONSIVENESS --- *\/\r\n        @media (max-width: 992px) {\r\n            .pl-wrapper { align-items: flex-start; }\r\n            .pl-header { text-align: left; width: 100%; }\r\n            .pl-section-title { font-size: 32px; line-height: 130%; }\r\n            .pl-highlight-text { display: inline; }\r\n            .pl-section-desc { margin: 0; }\r\n            .pl-video-container { width: 100%; border-radius: 12px; }\r\n            .pl-btn { margin: 0 auto; width: 100%; max-width: 231px; }\r\n            \r\n            \/* Modal Mobile Adjustments *\/\r\n            .pl-modal {\r\n                \/* Align top on mobile so long videos don't get cut off at the top *\/\r\n                align-items: flex-start; \r\n                padding-top: 60px; \/* Space for the close button at top *\/\r\n            }\r\n\r\n            .pl-close-btn { \r\n                top: -40px; \r\n                right: 0px; \r\n                font-size: 30px; \r\n            }\r\n            \r\n            .pl-modal-content { \r\n                width: 90%; \r\n                margin-bottom: 60px; \/* Space at bottom for scrolling *\/\r\n            }\r\n\r\n            \/* --- CRITICAL UPDATE: PORTRAIT VIDEO RATIO --- *\/\r\n            \/* Change Aspect Ratio to 9:16 (Reel Type) for Mobile *\/\r\n            .pl-iframe-wrapper {\r\n                padding-bottom: 177.78%; \/* 16\/9 = 177.78% height relative to width *\/\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"pl-wrapper\">\r\n        \r\n        <div class=\"pl-header\">\r\n            <h2 class=\"pl-section-title\">\r\n                We\u2019re \r\n                <span class=\"pl-highlight-text\">\r\n                    Welcoming\r\n                    <svg class=\"pl-highlight-line\" viewBox=\"0 0 100 10\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M2,5 Q50,10 98,2\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n                New Patients And Can\u2019t Wait To Meet You.\r\n            <\/h2>\r\n            <p class=\"pl-section-desc\">\r\n                We use only the best quality materials on the market in order to provide the best products to our patients.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"pl-video-container\" id=\"plVideoTrigger\">\r\n            <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Group-1000001015.png\" alt=\"Clinic Video Tour\" class=\"pl-video-thumb\">\r\n            <div class=\"pl-play-btn-overlay\">\r\n                <svg class=\"pl-play-icon\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M8 5v14l11-7z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"pl-btn\" id=\"plBtnTrigger\">Watch Playlist<\/button>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"plVideoModal\" class=\"pl-modal\">\r\n        <div class=\"pl-modal-content\">\r\n            <span class=\"pl-close-btn\">&times;<\/span>\r\n            <div class=\"pl-iframe-wrapper\">\r\n                <iframe id=\"plVimeoIframe\" src=\"\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Configuration\r\n            const videoId = '1163393643'; \/\/ Vimeo Video ID from your link\r\n            const embedUrl = `https:\/\/player.vimeo.com\/video\/${videoId}?autoplay=1&badge=0&autopause=0&player_id=0&app_id=58479`;\r\n\r\n            \/\/ Elements\r\n            const modal = document.getElementById(\"plVideoModal\");\r\n            const btnTrigger = document.getElementById(\"plBtnTrigger\");\r\n            const videoTrigger = document.getElementById(\"plVideoTrigger\");\r\n            const closeBtn = document.getElementsByClassName(\"pl-close-btn\")[0];\r\n            const iframe = document.getElementById(\"plVimeoIframe\");\r\n\r\n            \/\/ Function to open modal\r\n            function openModal() {\r\n                modal.classList.add(\"show\");\r\n                \/\/ Set the src to start video\r\n                iframe.src = embedUrl;\r\n                \/\/ Prevent background scrolling\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n\r\n            \/\/ Function to close modal\r\n            function closeModal() {\r\n                modal.classList.remove(\"show\");\r\n                \/\/ Remove src to stop video playback\r\n                iframe.src = \"\";\r\n                \/\/ Restore background scrolling\r\n                document.body.style.overflow = '';\r\n            }\r\n\r\n            \/\/ Event Listeners\r\n            if(btnTrigger) btnTrigger.addEventListener('click', openModal);\r\n            if(videoTrigger) videoTrigger.addEventListener('click', openModal);\r\n            \r\n            if(closeBtn) closeBtn.addEventListener('click', closeModal);\r\n\r\n            \/\/ Close when clicking outside the content\r\n            window.addEventListener('click', function(event) {\r\n                if (event.target == modal) {\r\n                    closeModal();\r\n                }\r\n            });\r\n            \r\n            \/\/ Close on ESC key\r\n            document.addEventListener('keydown', function(event) {\r\n                if (event.key === \"Escape\" && modal.classList.contains(\"show\")) {\r\n                    closeModal();\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-873aa69 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"873aa69\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e1ced0d\" data-id=\"e1ced0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-362cbca elementor-widget elementor-widget-html\" data-id=\"362cbca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dh-doctors-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&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    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --dh-font-main: 'DM Sans', sans-serif;\r\n            --dh-color-heading: #0B132A;\r\n            --dh-color-text: #4F5665;\r\n            --dh-color-white: #FFFFFF;\r\n            --dh-color-section-bg: #E6F6FE;\r\n            --dh-color-accent-blue: #25B4F8;\r\n            \/* Gradient for Doctor Info *\/\r\n            --dh-grad-doctor-info: linear-gradient(96.2deg, rgba(56, 181, 230, 0.95) 0%, rgba(37, 203, 211, 0.9) 100%);\r\n            \/* Solid Gradient for Buttons\/Arrows *\/\r\n            --dh-grad-btn: linear-gradient(90deg, #38B5E6 0%, #25CBD3 100%);\r\n            --dh-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n            --dh-shadow-hover: 0 20px 40px rgba(37, 180, 248, 0.25);\r\n        }\r\n\r\n        .dh-doctors-section {\r\n            background-color: var(--dh-color-section-bg);\r\n            padding: 100px 20px;\r\n            font-family: var(--dh-font-main);\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .dh-doctors-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .dh-doctors-wrapper {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        \/* --- Header Styles --- *\/\r\n        .dh-doctors-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .dh-section-title {\r\n            font-weight: 700;\r\n            font-size: 46px;\r\n            line-height: 120%;\r\n            text-align: center;\r\n            color: var(--dh-color-heading);\r\n            margin: 0 0 24px 0;\r\n            position: relative;\r\n            display: inline-block;\r\n            z-index: 1; \/* Ensures title is above background *\/\r\n        }\r\n\r\n        \/* Refined SVG Underline *\/\r\n        .dh-highlight-line {\r\n            position: absolute;\r\n            bottom: -15px; \/* Moved down slightly to clear descenders *\/\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 100%; \/* Matches text width perfectly *\/\r\n            min-width: 250px; \/* Ensures it doesn't get too small *\/\r\n            height: 20px;\r\n            z-index: -1; \/* Behind the text *\/\r\n            pointer-events: none;\r\n            display: block;\r\n        }\r\n        \r\n        .dh-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--dh-color-accent-blue);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        .dh-section-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 160%;\r\n            text-align: center;\r\n            color: var(--dh-color-text);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- Carousel Container --- *\/\r\n        .dh-carousel-container {\r\n            position: relative;\r\n            padding: 10px;\r\n        }\r\n\r\n        \/* The Scrollable Track *\/\r\n        .dh-doctors-track {\r\n            display: flex;\r\n            gap: 30px;\r\n            overflow-x: auto;\r\n            scroll-snap-type: x mandatory;\r\n            scroll-behavior: smooth;\r\n            -webkit-overflow-scrolling: touch;\r\n            padding-bottom: 40px;\r\n            scrollbar-width: none;\r\n        }\r\n\r\n        .dh-doctors-track::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n        \/* --- Elegant Doctor Card Styles --- *\/\r\n        .dh-doctor-card {\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            width: 300px; \r\n            height: 420px;\r\n            flex-shrink: 0;\r\n            scroll-snap-align: start;\r\n            box-shadow: var(--dh-shadow-card);\r\n            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            background: #fff;\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* Hover: Lift Card *\/\r\n        .dh-doctor-card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: var(--dh-shadow-hover);\r\n        }\r\n\r\n        .dh-img-wrapper {\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .dh-doctor-img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: top center;\r\n            transition: transform 0.7s ease;\r\n        }\r\n\r\n        \/* Hover: Zoom Image *\/\r\n        .dh-doctor-card:hover .dh-doctor-img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Floating Glass Info Overlay *\/\r\n        .dh-doctor-info {\r\n            position: absolute;\r\n            bottom: 15px;\r\n            left: 15px;\r\n            right: 15px;\r\n            background: var(--dh-grad-doctor-info);\r\n            padding: 20px;\r\n            color: var(--dh-color-white);\r\n            text-align: center;\r\n            border-radius: 16px;\r\n            backdrop-filter: blur(4px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .dh-doctor-card:hover .dh-doctor-info {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .dh-doctor-name {\r\n            font-weight: 700;\r\n            font-size: 22px;\r\n            line-height: 120%;\r\n            margin: 0 0 6px 0;\r\n            text-transform: capitalize;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .dh-doctor-designation {\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            line-height: 140%;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin: 0;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* --- Controls (Desktop Arrows) --- *\/\r\n        .dh-desktop-controls {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 24px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .dh-nav-arrow {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            border: none;\r\n            background: var(--dh-color-white);\r\n            color: var(--dh-color-accent-blue);\r\n            font-size: 22px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n            border: 1px solid rgba(37, 180, 248, 0.1);\r\n        }\r\n\r\n        .dh-nav-arrow:hover {\r\n            background: var(--dh-grad-btn);\r\n            color: var(--dh-color-white);\r\n            transform: scale(1.1);\r\n            box-shadow: 0 10px 25px rgba(37, 203, 211, 0.3);\r\n            border-color: transparent;\r\n        }\r\n\r\n        \/* --- Controls (Mobile Button) --- *\/\r\n        .dh-mobile-controls {\r\n            display: none;\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .dh-view-all-btn {\r\n            background: var(--dh-grad-btn);\r\n            color: white;\r\n            border: none;\r\n            padding: 16px 40px;\r\n            border-radius: 50px;\r\n            font-family: var(--dh-font-main);\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 10px 20px rgba(37, 203, 211, 0.2);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .dh-view-all-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 15px 30px rgba(37, 203, 211, 0.3);\r\n        }\r\n\r\n        \/* --- RESPONSIVE Logic --- *\/\r\n        @media (max-width: 992px) {\r\n            .dh-doctors-wrapper {\r\n                padding: 0 10px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .dh-doctors-section {\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .dh-section-title {\r\n                font-size: 34px;\r\n            }\r\n\r\n            .dh-doctors-track {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 24px;\r\n                overflow: visible;\r\n                align-items: center;\r\n            }\r\n\r\n            .dh-doctor-card {\r\n                width: 100%;\r\n                max-width: 400px;\r\n                height: 480px;\r\n            }\r\n\r\n            .dh-doctors-track .dh-doctor-card:nth-child(n+3) {\r\n                display: none;\r\n            }\r\n\r\n            .dh-doctors-track.show-all .dh-doctor-card:nth-child(n+3) {\r\n                display: block;\r\n                animation: dhFadeInUp 0.6s ease forwards;\r\n            }\r\n\r\n            .dh-desktop-controls {\r\n                display: none;\r\n            }\r\n\r\n            .dh-mobile-controls {\r\n                display: block;\r\n            }\r\n\r\n            .dh-mobile-controls.hidden {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @keyframes dhFadeInUp {\r\n            from { opacity: 0; transform: translateY(30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"dh-doctors-wrapper\">\r\n        \r\n        <div class=\"dh-doctors-header\">\r\n            <h2 class=\"dh-section-title\">\r\n                Meet Our Specialists\r\n                <svg class=\"dh-highlight-line\" viewBox=\"0 0 300 15\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M5,10 Q150,15 295,5\" \/>\r\n                <\/svg>\r\n            <\/h2>\r\n            <p class=\"dh-section-desc\">We use only the best quality materials on the market in order to provide the best products to our patients.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dh-carousel-container\">\r\n            <div class=\"dh-doctors-track\" id=\"dhDoctorsTrack\">\r\n                \r\n                <div class=\"dh-doctor-card\">\r\n                    <div class=\"dh-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dr.-Suhail-scaled.jpg\" alt=\"Dr. Suhail Syed\" class=\"dh-doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"dh-doctor-info\">\r\n                        <h3 class=\"dh-doctor-name\">Dr. Suhail Syed<\/h3>\r\n                        <p class=\"dh-doctor-designation\">Implantology Specialist<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dh-doctor-card\">\r\n                    <div class=\"dh-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dr-Hanah-scaled.jpg\" alt=\"Dr Hanah Mushtaq\" class=\"dh-doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"dh-doctor-info\">\r\n                        <h3 class=\"dh-doctor-name\">Dr Hanah Mushtaq<\/h3>\r\n                        <p class=\"dh-doctor-designation\">Medical Director<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dh-doctor-card\">\r\n                    <div class=\"dh-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dr.-Gayathri-scaled.jpg\" alt=\"Dr Gayathri Ganesh\" class=\"dh-doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"dh-doctor-info\">\r\n                        <h3 class=\"dh-doctor-name\">Dr Gayathri Ganesh<\/h3>\r\n                        <p class=\"dh-doctor-designation\">Orthodontist<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dh-doctor-card\">\r\n                    <div class=\"dh-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dr-Ayesha-scaled.jpg\" alt=\"Dr Ayesha Hetavkar\" class=\"dh-doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"dh-doctor-info\">\r\n                        <h3 class=\"dh-doctor-name\">Dr Ayesha Hetavkar<\/h3>\r\n                        <p class=\"dh-doctor-designation\">Cosmetic Dentist<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dh-doctor-card\">\r\n                    <div class=\"dh-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/2026\/01\/Dr-Hashmit-Kaur.webp\" alt=\"Dr Hashmit Kaur\" class=\"dh-doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"dh-doctor-info\">\r\n                        <h3 class=\"dh-doctor-name\">Dr Hashmit Kaur<\/h3>\r\n                        <p class=\"dh-doctor-designation\">Pedodontist<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"dh-doctor-card\">\r\n                    <div class=\"dh-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/websites\/dentalhub\/wp-content\/uploads\/2026\/02\/Dr.-Abdullah-scaled.jpg\" alt=\"Dr. Abdullah Alomar\" class=\"dh-doctor-img\">\r\n                    <\/div>\r\n                    <div class=\"dh-doctor-info\">\r\n                        <h3 class=\"dh-doctor-name\">Dr. Abdullah Alomar<\/h3>\r\n                        <p class=\"dh-doctor-designation\">General Dentist<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dh-desktop-controls\">\r\n            <button class=\"dh-nav-arrow dh-prev-btn\" aria-label=\"Previous\">\r\n                <i class=\"fa-solid fa-arrow-left\"><\/i>\r\n            <\/button>\r\n            <button class=\"dh-nav-arrow dh-next-btn\" aria-label=\"Next\">\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"dh-mobile-controls\" id=\"dhMobileBtnContainer\">\r\n            <button class=\"dh-view-all-btn\" id=\"dhViewAllBtn\">View all Members<\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const track = document.getElementById('dhDoctorsTrack');\r\n        const prevBtn = document.querySelector('.dh-prev-btn');\r\n        const nextBtn = document.querySelector('.dh-next-btn');\r\n        const viewAllBtn = document.getElementById('dhViewAllBtn');\r\n        const mobileBtnContainer = document.getElementById('dhMobileBtnContainer');\r\n\r\n        \/\/ --- Desktop Scroll Logic ---\r\n        function getScrollStep() {\r\n            \/\/ Scroll by width of one card + the gap\r\n            const card = track.querySelector('.dh-doctor-card');\r\n            const style = window.getComputedStyle(track);\r\n            const gap = parseInt(style.gap || '30px');\r\n            return card.offsetWidth + gap;\r\n        }\r\n\r\n        if(nextBtn) {\r\n            nextBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: getScrollStep(), behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        if(prevBtn) {\r\n            prevBtn.addEventListener('click', () => {\r\n                track.scrollBy({ left: -getScrollStep(), behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        \/\/ --- Mobile \"View All\" Logic ---\r\n        if(viewAllBtn) {\r\n            viewAllBtn.addEventListener('click', function() {\r\n                track.classList.add('show-all');\r\n                mobileBtnContainer.classList.add('hidden');\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ab1524b elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ab1524b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb0ff06\" data-id=\"fb0ff06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-75a8e24 elementor-widget elementor-widget-html\" data-id=\"75a8e24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"hc-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --hc-font-main: 'DM Sans', sans-serif;\r\n            --hc-color-heading: #0B132A;\r\n            --hc-color-text: #4F5665;\r\n            --hc-color-bg: #FFFFFF;\r\n            --hc-color-accent: #25B4F8;\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        #hc-section {\r\n            background-color: var(--hc-color-bg);\r\n            padding: 80px 20px;\r\n            font-family: var(--hc-font-main);\r\n            text-align: center;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #hc-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* Wrapper to keep max-width consistent *\/\r\n        .hc-wrapper {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- Typography --- *\/\r\n        .hc-title {\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            color: var(--hc-color-heading);\r\n            margin: 0 0 24px 0;\r\n            position: relative;\r\n            display: inline-block; \/* Allows SVG to sit correctly relative to text *\/\r\n        }\r\n\r\n        \/* SVG Highlight Wrapper *\/\r\n        .hc-highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            white-space: nowrap;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* SVG Highlight Line *\/\r\n        .hc-highlight-line {\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .hc-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--hc-color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .hc-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--hc-color-text);\r\n            margin: 0 auto;\r\n            max-width: 700px;\r\n        }\r\n\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 992px) {\r\n            #hc-section {\r\n                text-align: left; \/* Left align on mobile as per system *\/\r\n            }\r\n\r\n            .hc-wrapper {\r\n                margin: 0; \/* Align left *\/\r\n            }\r\n\r\n            .hc-title {\r\n                font-size: 32px;\r\n            }\r\n\r\n            \/* Allow text to wrap if screen is very small *\/\r\n            .hc-highlight-text {\r\n                white-space: normal;\r\n                display: inline;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hc-wrapper\">\r\n        <h2 class=\"hc-title\">\r\n            <span class=\"hc-highlight-text\">\r\n                Our Happy Clients\r\n                <svg class=\"hc-highlight-line\" viewBox=\"0 0 200 12\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M5,8 Q100,12 195,5\" \/>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/h2>\r\n        <p class=\"hc-desc\">\r\n            We use only the best quality materials on the market in order to provide the best products to our patients.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f420d6d elementor-widget elementor-widget-shortcode\" data-id=\"f420d6d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><pre class=\"ti-widget\"><template id=\"trustindex-google-widget-html\"><div class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left ti-custom-stars\" data-no-translation=\"true\" data-time-locale=\"%d %s ago|today|day|days|week|weeks|month|months|year|years\" data-plugin-version=\"13.2.7\" data-layout-id=\"15\" data-layout-category=\"slider\" data-set-id=\"trustindex-style\" data-pid=\"\" data-language=\"en\" data-close-locale=\"Close\" data-review-target-width=\"300\" data-css-version=\"2\" data-reply-by-locale=\"Owner's reply\" data-only-rating-locale=\"This user only left a rating.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-3\"> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1767571200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->They are totally professional and human at the same time , I'm glad I trusted them and tne results came better than what I expected<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjU1TkIvJDujx-xTwfdPpf61fjdOR7a4m8vcxAEj1_doRCuKvNknGQ=w40-h40-c-rp-mo-ba5-br100\" alt=\"Ahmad Al swiess profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ahmad Al swiess <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1764460800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->I would like to commend Jocelyn and Dr. Sohail for their 100% excellent service. They attended to my urgent concern regarding my painful tooth with great professionalism, care, and efficiency. From the moment I arrived, Jocelyn was very accommodating and reassuring, and Dr. Sohail provided clear explanations and immediate treatment that truly eased my discomfort. I\u2019m very grateful for their prompt assistance and highly recommend their clinic for anyone seeking quality dental care. \ud83d\udcaf\ud83d\udcaf\ud83d\udcaf<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjW4OhqgACcsDU7L-M2Ocjk7U1LF0xUDiAz_YVt8z4l9vwjeLJks=w40-h40-c-rp-mo-br100\" alt=\"CPASAM profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> CPASAM <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1764374400\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->It was the best moment , excellent service,good atmosphere, good staff and specially Dr Aysha a big thank you Doctor\n\nThe way Dr explained me had took out all my worries and got my solution in just 30 mins<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ219PagoPGLIsGnXxiSo5ZGhWwvVdeQvy3OHuy0H06tPaALQ=w40-h40-c-rp-mo-br100\" alt=\"Mohammed Najeeb h a profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Mohammed Najeeb h a <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1764288000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->\u0627\u0641\u0636\u0644 \u062f\u0643\u062a\u0648\u0631\u0647 \u062a\u0645\u0631 \u0639\u0644\u064a \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0647 \u0639\u0627\u0626\u0634\u0647\n\u062e\u0641\u0629 \u064a\u062f<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjUyaYaFoxXY21J6B7PWHL5tsTRsHIeseIFIUbfegI9cPMX6Tz7l=w40-h40-c-rp-mo-ba2-br100\" alt=\"Saeed Alzahrani profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Saeed Alzahrani <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1763424000\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->I had an excellent experience at this dental care clinic. The staff was welcoming, the environment was clean and comfortable, and the service was truly outstanding.\nA special thanks to Dr. Abdullah, who is incredibly professional, attentive, and skilled. He explained everything clearly and made the entire treatment smooth and stress-free.\nThe prices are also very reasonable, especially considering the quality of care provided.\nHighly recommended to anyone looking for excellent dental treatment<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ5x-81hxffTCcZ_sx3Y12QbCePzQIsZCJsZSAH45_EpSwWPg=w40-h40-c-rp-mo-br100\" alt=\"Ammar Kaadan profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ammar Kaadan <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1762905600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->The service is simply amazing, doctor Ayesha and nurse Vangie have done a very professional job, my request was simple:make it nice and finish in 20 minutes, and they delivered.\nI would really recommend this clinic anytime.\nAs a matter of fact I have done booking on behalf of friends after my personal experience.\n\nKeep it up<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLFl0g9uop-99ErUDB6uJ-3-AYravEcnsilHqGPAsiMLCTaZg=w40-h40-c-rp-mo-br100\" alt=\"Bater Biyouk profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Bater Biyouk <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1762300800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\"> <div class=\"ti-inner\"> <div class=\"ti-review-content\"> <span class=\"ti-stars\"><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-star f\"><\/span><span class=\"ti-verified-review ti-verified-platform ti-color-black\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-text\"><!-- R-CONTENT -->I went to a dental clinic today, and their work was excellent and the place was clean. I left feeling very happy. I loved Dr. Aisha's work; it was outstanding. Thank you for your kind service.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-text\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on <\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-review-header\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIUZ0rNe9WTamXT6fYiEheUfGEik623yn81wfCAlNGlPIvlAQ=w40-h40-c-rp-mo-br100\" alt=\"Rababe Chatwouni profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Rababe Chatwouni <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div> <\/div>    <\/div> <\/div> <\/template><\/pre><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?wp-widget\" data-template-id=\"trustindex-google-widget-html\" data-css-url=\"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-content\/uploads\/trustindex-google-widget.css?1769678955\"><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-810184e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"810184e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4181438\" data-id=\"4181438\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f96aee7 elementor-widget elementor-widget-html\" data-id=\"f96aee7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"blg-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&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    <style>\r\n        \/* --- CSS Variables --- *\/\r\n        :root {\r\n            --blg-font-main: 'DM Sans', sans-serif;\r\n            --blg-color-heading: #0B132A;\r\n            --blg-color-text: #4F5665;\r\n            --blg-color-bg: #FFFFFF;\r\n            --blg-color-card-bg: #E6F6FE;\r\n            --blg-color-accent: #25B4F8;\r\n            --blg-grad-btn: linear-gradient(90deg, #38B5E6 0%, #25CBD3 100%);\r\n        }\r\n\r\n        \/* Section Container *\/\r\n        #blg-section {\r\n            background-color: var(--blg-color-bg);\r\n            padding: 100px 20px;\r\n            font-family: var(--blg-font-main);\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #blg-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .blg-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- Header --- *\/\r\n        .blg-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .blg-title {\r\n            font-weight: 700;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            color: var(--blg-color-heading);\r\n            margin: 0 0 20px 0;\r\n            position: relative;\r\n            display: inline-block;\r\n            text-transform: capitalize;\r\n        }\r\n\r\n        \/* SVG Highlight Wrapper *\/\r\n        .blg-highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* SVG Highlight Line *\/\r\n        .blg-highlight-line {\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .blg-highlight-line path {\r\n            fill: none;\r\n            stroke: var(--blg-color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .blg-desc {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            letter-spacing: 0.015em;\r\n            color: var(--blg-color-text);\r\n        }\r\n\r\n        \/* --- Grid \/ Slider Track --- *\/\r\n        .blg-track {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            width: 100%;\r\n            \/* Mobile Scroll Snap Properties (Inactive on Desktop) *\/\r\n            overflow-x: visible;\r\n        }\r\n\r\n        \/* --- Blog Card --- *\/\r\n        .blg-card {\r\n            background-color: var(--blg-color-card-bg);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            height: 100%;\r\n        }\r\n\r\n        .blg-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        .blg-img-box {\r\n            width: 100%;\r\n            height: 240px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .blg-img-box 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        .blg-card:hover .blg-img-box img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Tag Badge *\/\r\n        .blg-tag {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: rgba(37, 180, 248, 0.9);\r\n            backdrop-filter: blur(4px);\r\n            color: white;\r\n            padding: 6px 14px;\r\n            border-radius: 6px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            z-index: 2;\r\n        }\r\n\r\n        .blg-content {\r\n            padding: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        \/* Meta Info *\/\r\n        .blg-meta {\r\n            font-size: 14px;\r\n            color: #888;\r\n            margin-bottom: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .blg-meta i {\r\n            color: var(--blg-color-accent);\r\n        }\r\n\r\n        \/* Typography *\/\r\n        .blg-card-title {\r\n            font-weight: 700;\r\n            font-size: 20px;\r\n            line-height: 140%;\r\n            color: var(--blg-color-heading);\r\n            margin: 0 0 12px 0;\r\n            \/* Line Clamp (2 lines) *\/\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .blg-excerpt {\r\n            font-weight: 400;\r\n            font-size: 16px;\r\n            line-height: 160%;\r\n            color: var(--blg-color-text);\r\n            margin: 0;\r\n            \/* Line Clamp (3 lines) *\/\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* --- View All Button --- *\/\r\n        .blg-view-all {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .blg-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 231px;\r\n            height: 55px;\r\n            background: var(--blg-grad-btn);\r\n            border-radius: 10px;\r\n            color: white;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 16px;\r\n            transition: opacity 0.3s ease, transform 0.2s;\r\n            border: none;\r\n            cursor: pointer;\r\n            box-shadow: 0 4px 15px rgba(37, 203, 211, 0.2);\r\n        }\r\n\r\n        .blg-btn:hover {\r\n            opacity: 0.9;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* --- Mobile Navigation Arrows (Hidden Desktop) --- *\/\r\n        .blg-mobile-nav {\r\n            display: none;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .blg-nav-arrow {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--blg-grad-btn);\r\n            border-radius: 12px; \/* Box Style *\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            border: none;\r\n            color: white;\r\n            font-size: 18px;\r\n            transition: opacity 0.3s;\r\n        }\r\n        \r\n        .blg-nav-arrow:hover {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* --- RESPONSIVE --- *\/\r\n        @media (max-width: 992px) {\r\n            .blg-title {\r\n                font-size: 36px;\r\n            }\r\n\r\n            \/* Enable Horizontal Scroll on Mobile *\/\r\n            .blg-track {\r\n                display: flex;\r\n                flex-wrap: nowrap;\r\n                overflow-x: auto;\r\n                scroll-snap-type: x mandatory;\r\n                scroll-behavior: smooth;\r\n                -webkit-overflow-scrolling: touch;\r\n                gap: 20px;\r\n                padding-bottom: 20px; \/* Space for shadow\/scrollbar *\/\r\n                \/* Remove grid columns *\/\r\n                grid-template-columns: none;\r\n            }\r\n\r\n            \/* Hide Scrollbar *\/\r\n            .blg-track::-webkit-scrollbar {\r\n                display: none;\r\n            }\r\n\r\n            .blg-card {\r\n                \/* Card takes up most of screen width *\/\r\n                min-width: 300px;\r\n                max-width: 300px;\r\n                scroll-snap-align: center;\r\n            }\r\n\r\n            .blg-mobile-nav {\r\n                display: flex;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"blg-wrapper\">\r\n        \r\n        <div class=\"blg-header\">\r\n            <h2 class=\"blg-title\">\r\n                Latest \r\n                <span class=\"blg-highlight-text\">\r\n                    News & Articles\r\n                    <svg class=\"blg-highlight-line\" viewBox=\"0 0 150 10\" preserveAspectRatio=\"none\">\r\n                        <path d=\"M2,5 Q75,10 148,2\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/h2>\r\n            <p class=\"blg-desc\">Explore our comprehensive guides to oral health, treatments, and dental care tips.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"blg-track\" id=\"blgTrack\">\r\n\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/x-rays-for-dental-health-in-dubai\/\" class=\"blg-card\">\r\n                <div class=\"blg-img-box\">\r\n                    <span class=\"blg-tag\">Diagnostics<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-ikpjhef.nitrocdn.com\/VUcWKMLFnccCXESIdVmeLJItnLYRQXsb\/assets\/images\/optimized\/rev-9032992\/dentalhubclinic.ae\/wp-content\/uploads\/2024\/11\/x-rays-for-dental-health-in-dubai.png\" alt=\"X-Rays\">\r\n                <\/div>\r\n                <div class=\"blg-content\">\r\n                    <div class=\"blg-meta\"><i class=\"fa-regular fa-user\"><\/i> Dental Hub Clinic<\/div>\r\n                    <h3 class=\"blg-card-title\">Enhancing Oral Health with Dental X-rays in Dubai<\/h3>\r\n                    <p class=\"blg-excerpt\">Discover how modern X-rays detect hidden dental issues early for better treatment outcomes.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/dental-cleaning-in-dubai\/\" class=\"blg-card\">\r\n                <div class=\"blg-img-box\">\r\n                    <span class=\"blg-tag\">Hygiene<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-ikpjhef.nitrocdn.com\/VUcWKMLFnccCXESIdVmeLJItnLYRQXsb\/assets\/images\/optimized\/rev-5ea62b1\/dentalhubclinic.ae\/wp-content\/uploads\/2024\/10\/dental-cleaning-in-dubai.png\" alt=\"Cleaning\">\r\n                <\/div>\r\n                <div class=\"blg-content\">\r\n                    <div class=\"blg-meta\"><i class=\"fa-regular fa-user\"><\/i> Dental Hub Clinic<\/div>\r\n                    <h3 class=\"blg-card-title\">Importance of Regular Dental Cleanings: A Guide<\/h3>\r\n                    <p class=\"blg-excerpt\">Professional cleaning is your first line of defense against gum disease and decay.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/plaque-buildup-treatment-in-dubai\/\" class=\"blg-card\">\r\n                <div class=\"blg-img-box\">\r\n                    <span class=\"blg-tag\">Prevention<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-ikpjhef.nitrocdn.com\/VUcWKMLFnccCXESIdVmeLJItnLYRQXsb\/assets\/images\/optimized\/rev-5ea62b1\/dentalhubclinic.ae\/wp-content\/uploads\/2024\/06\/ceramic-braces-1-1-1.png\" alt=\"Plaque\">\r\n                <\/div>\r\n                <div class=\"blg-content\">\r\n                    <div class=\"blg-meta\"><i class=\"fa-regular fa-user\"><\/i> Dental Hub Clinic<\/div>\r\n                    <h3 class=\"blg-card-title\">Prevent Plaque Buildup Treatment in Dubai<\/h3>\r\n                    <p class=\"blg-excerpt\">Learn effective strategies to stop plaque before it turns into harmful tartar.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/oral-hygiene-treatment-in-dubai\/\" class=\"blg-card\">\r\n                <div class=\"blg-img-box\">\r\n                    <span class=\"blg-tag\">Wellness<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-ikpjhef.nitrocdn.com\/VUcWKMLFnccCXESIdVmeLJItnLYRQXsb\/assets\/images\/optimized\/rev-5ea62b1\/dentalhubclinic.ae\/wp-content\/uploads\/2024\/10\/oral-hygiene-treatment-in-dubai.jpg\" alt=\"Hygiene\">\r\n                <\/div>\r\n                <div class=\"blg-content\">\r\n                    <div class=\"blg-meta\"><i class=\"fa-regular fa-user\"><\/i> Dental Hub Clinic<\/div>\r\n                    <h3 class=\"blg-card-title\">Oral Hygiene Treatment Dubai Healthy Teeth<\/h3>\r\n                    <p class=\"blg-excerpt\">Maintain a sparkling smile with our comprehensive oral hygiene treatment plans.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/toothache-treatment-in-dubai\/\" class=\"blg-card\">\r\n                <div class=\"blg-img-box\">\r\n                    <span class=\"blg-tag\">Pain Relief<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-ikpjhef.nitrocdn.com\/VUcWKMLFnccCXESIdVmeLJItnLYRQXsb\/assets\/images\/optimized\/rev-9032992\/dentalhubclinic.ae\/wp-content\/uploads\/2024\/09\/toothache-treatment-in-dubai.png\" alt=\"Toothache\">\r\n                <\/div>\r\n                <div class=\"blg-content\">\r\n                    <div class=\"blg-meta\"><i class=\"fa-regular fa-user\"><\/i> Dental Hub Clinic<\/div>\r\n                    <h3 class=\"blg-card-title\">Toothache Causes and Treatment in Dubai<\/h3>\r\n                    <p class=\"blg-excerpt\">Identifying the root cause of your pain is the first step to lasting relief.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/what-happens-after-root-canal-surgery\/\" class=\"blg-card\">\r\n                <div class=\"blg-img-box\">\r\n                    <span class=\"blg-tag\">Endodontics<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-ikpjhef.nitrocdn.com\/VUcWKMLFnccCXESIdVmeLJItnLYRQXsb\/assets\/images\/optimized\/rev-5ea62b1\/dentalhubclinic.ae\/wp-content\/uploads\/2022\/09\/Dental-Checkups-1024x683.jpg\" alt=\"Root Canal\">\r\n                <\/div>\r\n                <div class=\"blg-content\">\r\n                    <div class=\"blg-meta\"><i class=\"fa-regular fa-user\"><\/i> Dental Hub Clinic<\/div>\r\n                    <h3 class=\"blg-card-title\">Root Canal Treatment: Everything you need to know<\/h3>\r\n                    <p class=\"blg-excerpt\">Save your natural tooth and eliminate pain with modern root canal therapy.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"blg-mobile-nav\">\r\n            <button class=\"blg-nav-arrow\" id=\"blgPrev\">\r\n                <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n            <\/button>\r\n            <button class=\"blg-nav-arrow\" id=\"blgNext\">\r\n                <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"blg-view-all\">\r\n            <a href=\"https:\/\/dentalhubclinic.ae\/blogs-page\/\" class=\"blg-btn\">View All Blogs<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const track = document.getElementById('blgTrack');\r\n        const nextBtn = document.getElementById('blgNext');\r\n        const prevBtn = document.getElementById('blgPrev');\r\n\r\n        \/\/ Logic for Mobile Scroll Buttons\r\n        nextBtn.addEventListener('click', () => {\r\n            \/\/ Scroll right by width of one card + gap (approx 320px)\r\n            track.scrollBy({ left: 320, behavior: 'smooth' });\r\n        });\r\n\r\n        prevBtn.addEventListener('click', () => {\r\n            track.scrollBy({ left: -320, behavior: 'smooth' });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ffee20c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ffee20c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2a002ae\" data-id=\"2a002ae\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ad6d37 elementor-widget elementor-widget-html\" data-id=\"6ad6d37\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"faq-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS Variables & Reset --- *\/\r\n        :root {\r\n            --font-main: 'DM Sans', sans-serif;\r\n            --color-heading: #0B132A;\r\n            --color-text: #4F5665;\r\n            --color-white: #FFFFFF;\r\n            --color-brand-cyan: #25CBD3; \/* Brand color for hover *\/\r\n            --grad-active: linear-gradient(90deg, #38B5E6 0%, #25CBD3 100%);\r\n            --transition-speed: 0.3s;\r\n        }\r\n\r\n        #faq-section {\r\n            background-color: #FFFFFF;\r\n            padding: 80px 20px;\r\n            font-family: var(--font-main);\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #faq-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .faq-wrapper {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- Header Styles --- *\/\r\n        .faq-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: var(--font-main);\r\n            font-weight: 600;\r\n            font-size: 42px;\r\n            line-height: 125%;\r\n            text-align: center;\r\n            text-transform: capitalize;\r\n            color: var(--color-heading);\r\n            margin: 0 0 20px 0;\r\n            position: relative;\r\n            display: inline-block;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* SVG Underline Styles *\/\r\n        .highlight-line {\r\n            position: absolute;\r\n            bottom: -8px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 15px;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        .highlight-line path {\r\n            fill: none;\r\n            stroke: #25B4F8;\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        .section-desc {\r\n            font-weight: 400;\r\n            font-size: 16px;\r\n            line-height: 155%;\r\n            text-align: center;\r\n            color: var(--color-text);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- FAQ List Styling --- *\/\r\n        .faq-container {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        .faq-item {\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            border: 1px solid #E0E0E0;\r\n            background: #FFFFFF;\r\n            transition: all var(--transition-speed) ease;\r\n        }\r\n\r\n        \/* Question Bar *\/\r\n        .faq-question {\r\n            width: 100%;\r\n            padding: 24px 30px;\r\n            background: transparent;\r\n            border: none;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            outline: none;\r\n            text-align: left;\r\n        }\r\n        \r\n       \r\n\r\n        \/* Question Text *\/\r\n        .q-text {\r\n            font-family: var(--font-main);\r\n            font-weight: 500;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--color-heading);\r\n            transition: color var(--transition-speed) ease;\r\n        }\r\n\r\n        \/* Icons Container *\/\r\n        .toggle-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* SVG Icons Styling *\/\r\n        .svg-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            fill: none;\r\n            stroke: var(--color-heading);\r\n            stroke-width: 2;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            transition: stroke 0.3s ease, transform 0.3s ease;\r\n        }\r\n        \r\n        \/* Hide Minus by default *\/\r\n        .icon-minus {\r\n            display: none;\r\n        }\r\n\r\n        \/* --- HOVER STATE (Non-Active) --- *\/\r\n        \/* Change text and icon color to brand cyan on hover *\/\r\n        .faq-item:not(.active) .faq-question:hover .q-text {\r\n            color: var(--color-brand-cyan);\r\n             color:white !important;\r\n        }\r\n\r\n        .faq-item:not(.active) .faq-question:hover .svg-icon {\r\n            stroke: var(--color-brand-cyan);\r\n           \r\n        }\r\n        \r\n        .faq-item:not(.active):hover {\r\n            border-color: var(--color-brand-cyan);\r\n            \r\n        }\r\n\r\n        \/* --- ACTIVE STATE --- *\/\r\n        .faq-item.active {\r\n            background: var(--grad-active);\r\n            border-color: transparent;\r\n            box-shadow: 0 10px 30px rgba(37, 203, 211, 0.2);\r\n        }\r\n\r\n        .faq-item.active .q-text {\r\n            color: var(--color-white);\r\n        }\r\n\r\n        .faq-item.active .svg-icon {\r\n            stroke: var(--color-white); \/* Icon turns white *\/\r\n        }\r\n        \r\n        .faq-item.active .icon-plus {\r\n            display: none;\r\n        }\r\n        \r\n        .faq-item.active .icon-minus {\r\n            display: block;\r\n        }\r\n\r\n        \/* Answer Area *\/\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);\r\n        }\r\n\r\n        .faq-answer p {\r\n            font-family: var(--font-main);\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            color: var(--color-white);\r\n            margin: 0;\r\n            padding: 0 30px 30px 30px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* --- MOBILE RESPONSIVENESS --- *\/\r\n        @media (max-width: 768px) {\r\n            .section-title {\r\n                font-size: 36px;\r\n                line-height: 125%;\r\n            }\r\n\r\n            .section-desc {\r\n                font-size: 18px;\r\n            }\r\n            \r\n            .faq-question {\r\n                padding: 20px;\r\n            }\r\n\r\n            .q-text {\r\n                font-size: 18px;\r\n                padding-right: 15px; \r\n            }\r\n\r\n            .faq-answer p {\r\n                font-size: 18px;\r\n                padding: 0 20px 20px 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"faq-wrapper\">\r\n        \r\n        <div class=\"faq-header\">\r\n            <h2 class=\"section-title\">\r\n                Frequently Ask Question\r\n                <svg class=\"highlight-line\" viewBox=\"0 0 300 15\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M5,10 Q150,15 295,5\" \/>\r\n                <\/svg>\r\n            <\/h2>\r\n            <p class=\"section-desc\">We use only the best quality materials on the market in order to provide the best products to our patients.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-container\">\r\n\r\n            <div class=\"faq-item active\">\r\n                <button class=\"faq-question\">\r\n                    <span class=\"q-text\">How often should I visit the dentist?<\/span>\r\n                    <span class=\"toggle-icon\">\r\n                        <svg class=\"svg-icon icon-plus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                        <svg class=\"svg-icon icon-minus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Every 6 months is the standard. If you have gum issues, braces, or ongoing treatment, we may recommend more frequent visits.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span class=\"q-text\">Do you offer non-profit discounts?<\/span>\r\n                    <span class=\"toggle-icon\">\r\n                         <svg class=\"svg-icon icon-plus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                        <svg class=\"svg-icon icon-minus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes, we work with various non-profit organizations to provide dental care at discounted rates. Please contact our front desk for more details on eligibility.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span class=\"q-text\">How long does a dental implant procedure take?<\/span>\r\n                    <span class=\"toggle-icon\">\r\n                         <svg class=\"svg-icon icon-plus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                        <svg class=\"svg-icon icon-minus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>The procedure typically involves two main stages over 3 to 6 months. The initial placement takes about 1-2 hours, followed by healing time before the final crown is placed.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">\r\n                    <span class=\"q-text\">Are teeth whitening results permanent?<\/span>\r\n                    <span class=\"toggle-icon\">\r\n                         <svg class=\"svg-icon icon-plus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                        <svg class=\"svg-icon icon-minus\" viewBox=\"0 0 24 24\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                            <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>No, whitening is not permanent. Results can last from a few months to up to 3 years depending on your diet and oral hygiene habits (coffee, tea, and smoking can fade results faster).<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const questions = document.querySelectorAll('.faq-question');\r\n\r\n        \/\/ Set initial height for the default active item\r\n        const activeItem = document.querySelector('.faq-item.active');\r\n        if(activeItem) {\r\n            const answer = activeItem.querySelector('.faq-answer');\r\n            answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n        }\r\n\r\n        questions.forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const item = question.parentElement;\r\n                const answer = item.querySelector('.faq-answer');\r\n                \r\n                \/\/ Check if this item is currently active\r\n                const isActive = item.classList.contains('active');\r\n                \r\n                \/\/ Close all items first (Accordion behavior)\r\n                document.querySelectorAll('.faq-item').forEach(otherItem => {\r\n                    otherItem.classList.remove('active');\r\n                    otherItem.querySelector('.faq-answer').style.maxHeight = null;\r\n                });\r\n\r\n                \/\/ If it wasn't active before, open it\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee29c37 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ee29c37\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f2ed4d\" data-id=\"6f2ed4d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a9f2b9 elementor-widget elementor-widget-html\" data-id=\"4a9f2b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&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    <style>\r\n        \/* --- CSS Reset & Variables --- *\/\r\n        :root {\r\n            --font-main: 'DM Sans', sans-serif;\r\n            --color-heading: #0B132A; \/* Dark Navy from design *\/\r\n            --color-text: #4F5665;    \/* Gray from design *\/\r\n            --color-accent: #25B4F8;  \/* Bright Blue *\/\r\n            --color-bg: #FFFFFF;\r\n            --radius-card: 12px;\r\n            --shadow-card: 0px 10px 40px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .contact-section {\r\n            font-family: var(--font-main);\r\n            background-color: #fff;\r\n            padding: 60px 20px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .contact-section * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- Header Section --- *\/\r\n        .contact-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .contact-header h2 {\r\n            font-weight: 700; \/* Bold\/SemiBold *\/\r\n            font-size: 62px;\r\n            line-height: 120%;\r\n            letter-spacing: -0.02em;\r\n            color: var(--color-heading);\r\n            margin: 0 0 16px 0;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* SVG Underline Styles *\/\r\n        .highlight-line {\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 12px;\r\n            z-index: -1;\r\n        }\r\n        .highlight-line path {\r\n            fill: none;\r\n            stroke: var(--color-accent);\r\n            stroke-width: 4;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .contact-header p {\r\n            font-weight: 400;\r\n            font-size: 18px;\r\n            line-height: 155%;\r\n            letter-spacing: 0.015em;\r\n            color: var(--color-text);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- Main Layout Grid --- *\/\r\n        .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* Desktop: Equal Split *\/\r\n            gap: 40px;\r\n            align-items: start;\r\n        }\r\n\r\n        \/* --- Left Column: Map & Info Cards --- *\/\r\n        .info-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 24px;\r\n        }\r\n\r\n        \/* Map Wrapper *\/\r\n        .map-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            border-radius: var(--radius-card);\r\n            overflow: hidden;\r\n            border: 1px solid #E0E0E0; \/* Subtle border for map container *\/\r\n            height: 350px; \/* Fixed height for visual balance *\/\r\n        }\r\n\r\n        .map-wrapper iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n            border: none;\r\n        }\r\n\r\n        \/* Overlay Card (Address) *\/\r\n        .address-card-overlay {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            left: 20px;\r\n            right: 20px; \/* Responsive safety *\/\r\n            background: #fff;\r\n            padding: 20px;\r\n            border-radius: var(--radius-card);\r\n            box-shadow: var(--shadow-card);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            max-width: 420px; \/* Limit width on desktop *\/\r\n        }\r\n\r\n        \/* Standard Info Cards (Below Map) *\/\r\n        .info-card {\r\n            background: #fff;\r\n            padding: 24px;\r\n            border-radius: var(--radius-card);\r\n            box-shadow: var(--shadow-card);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* Icon Styling *\/\r\n        .icon-circle {\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: var(--color-accent);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .icon-circle i {\r\n            color: white;\r\n            font-size: 20px;\r\n        }\r\n\r\n        \/* Text Styling inside cards *\/\r\n        .card-text h4 {\r\n            font-weight: 500;\r\n            font-size: 18px;\r\n            line-height: 55%;\r\n            letter-spacing: 0.015em;\r\n            color: var(--color-heading);\r\n            margin: 0 0 14px 0;\r\n        }\r\n\r\n        .card-text p {\r\n            font-weight: 400;\r\n            font-size: 16px;\r\n            line-height: 155%;\r\n            letter-spacing: 0.015em;\r\n            color: var(--color-text);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- Right Column: Form --- *\/\r\n        .form-column {\r\n            \/* This mimics the border around the form section seen in design *\/\r\n            border: 1px solid var(--color-accent);\r\n            border-radius: var(--radius-card);\r\n            padding: 40px;\r\n            background: #fff;\r\n            min-height: 400px; \/* Visual placeholder height *\/\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .elementor-placeholder {\r\n            color: #888;\r\n            font-style: italic;\r\n            text-align: center;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* --- Responsive \/ Mobile --- *\/\r\n        @media (max-width: 768px) {\r\n            .contact-header h2 {\r\n                font-size: 36px;\r\n                line-height: 125%;\r\n                letter-spacing: 0;\r\n            }\r\n\r\n            .highlight-line {\r\n                bottom: -6px;\r\n                height: 8px;\r\n            }\r\n\r\n            .contact-header p {\r\n                font-size: 18px;\r\n            }\r\n\r\n            \/* Layout Change: Form Top, Map Bottom *\/\r\n            .contact-grid {\r\n                grid-template-columns: 1fr;\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n            \/* Reordering: Form comes first on mobile based on screenshot *\/\r\n            .form-column {\r\n                order: 1;\r\n                padding: 24px; \/* Less padding on mobile *\/\r\n                width: 100%;\r\n            }\r\n\r\n            .info-column {\r\n                order: 2;\r\n                width: 100%;\r\n            }\r\n\r\n            \/* Address card stays overlaid on mobile or stacks? \r\n               Screenshot shows it overlaying. We keep it overlaid but adjust width *\/\r\n            .address-card-overlay {\r\n                max-width: none; \/* Full width inside map on mobile *\/\r\n                left: 10px;\r\n                right: 10px;\r\n                bottom: 10px;\r\n                padding: 15px;\r\n            }\r\n            \r\n            .card-text p {\r\n                line-height: 130%; \/* Tighter on mobile per specs *\/\r\n            }\r\n        }\r\n        \/* ... (Keep previous root variables) ... *\/\r\n\r\n    .contact-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n        position: relative;\r\n    }\r\n\r\n    .contact-header h2 {\r\n        font-family: 'DM Sans', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 62px;\r\n        line-height: 120%;\r\n        letter-spacing: -0.02em;\r\n        color: #0B132A;\r\n        margin: 0 0 16px 0;\r\n        position: relative;\r\n        display: inline-block;\r\n        z-index: 2; \/* Text sits on top *\/\r\n    }\r\n\r\n    \/* Fixed Underline Styles *\/\r\n    .highlight-line {\r\n        position: absolute;\r\n        bottom: -12px; \/* Positioned perfectly under text *\/\r\n        left: 0;\r\n        width: 100%;\r\n        height: 20px;\r\n        z-index: 1; \/* visible above background, below text if they overlap *\/\r\n        overflow: visible;\r\n    }\r\n\r\n    .highlight-line path {\r\n        fill: none;\r\n        stroke: #25B4F8; \/* EXACT Color *\/\r\n        stroke-width: 5; \/* Slightly thicker for visibility *\/\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        \/* Slight opacity if you want it to look like a marker, otherwise remove 0.9 *\/\r\n        opacity: 1; \r\n    }\r\n\r\n    .contact-header p {\r\n        font-family: 'DM Sans', sans-serif;\r\n        font-weight: 400;\r\n        font-size: 18px;\r\n        line-height: 155%;\r\n        color: #4F5665;\r\n        margin: 0;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .contact-header h2 {\r\n            font-size: 36px;\r\n        }\r\n        .highlight-line {\r\n            bottom: -8px;\r\n            height: 12px;\r\n        }\r\n        .highlight-line path {\r\n            stroke-width: 4;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n  <div class=\"contact-header\">\r\n    <h2>\r\n        Get In Touch\r\n        <svg class=\"highlight-line\" viewBox=\"0 0 300 18\" preserveAspectRatio=\"none\">\r\n            <path d=\"M5,12 Q150,17 295,5\" \/>\r\n        <\/svg>\r\n    <\/h2>\r\n    <p>Book an Appointment to treat your teeth right now.<\/p>\r\n<\/div>\r\n\r\n    <div class=\"contact-grid\">\r\n        \r\n        <div class=\"info-column\">\r\n            \r\n            <div class=\"map-wrapper\">\r\n                <iframe src=\"https:\/\/maps.google.com\/maps?q=Al%20Barsha%201%2C%20Business%20Point%20Building%2C%20201%2C%20Dusseldorf%20-%20Dubai&t=&z=13&ie=UTF8&iwloc=&output=embed\" \r\n                        loading=\"lazy\" \r\n                        referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n                \r\n                <div class=\"address-card-overlay\">\r\n                    <div class=\"icon-circle\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"card-text\">\r\n                        <h4>Office Address<\/h4>\r\n                        <p> Dental Hub Clinic<br\/>\r\n                        \r\n                        <span style=\"font-size:13px; display:inline;\" class=\"desktop-only\">\r\n#201, Dusseldorf Business Point, Al Barsha, Dubai\r\n<\/span>\r\n\r\n<span style=\"font-size:13px; display:none;\" class=\"mobile-only\">\r\n#201, Dusseldorf Business Point,<br \/>\r\n Al Barsha, Dubai\r\n<\/span>\r\n\r\n<style>\r\n@media (max-width: 768px) {\r\n    .desktop-only { display: none !important; }\r\n    .mobile-only { display: inline !important; }\r\n}\r\n<\/style>\r\n\r\n\r\n<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-card\">\r\n                <div class=\"icon-circle\">\r\n                    <i class=\"fa-regular fa-clock\"><\/i>\r\n                <\/div>\r\n                <div class=\"card-text\">\r\n                    <h4>Working Hours<\/h4>\r\n                    <p>Monday - Sunday (9am to 9pm)<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-card\">\r\n                <div class=\"icon-circle\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i> \r\n                <\/div>\r\n                <div class=\"card-text\">\r\n                    <h4>Emai Address<\/h4> <p>admin@dentalhubclinic.ae<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"form-column\">\r\n            <div class=\"elementor-placeholder\">\r\n                \t\t<div data-elementor-type=\"section\" data-elementor-id=\"114\" class=\"elementor elementor-114\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b0d5f13 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b0d5f13\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49a04d7\" data-id=\"49a04d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34c5b17 elementor-button-align-center elementor-widget elementor-widget-form\" data-id=\"34c5b17\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"114\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"34c5b17\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"10\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_ce71cd7 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_ce71cd7\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_ce71cd7]\" id=\"form-field-field_ce71cd7\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone \" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-field_c3a7371 elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_c3a7371\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tSelect Date\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[field_c3a7371]\" id=\"form-field-field_c3a7371\" class=\"elementor-field elementor-size-sm  elementor-field-textual elementor-date-field\" placeholder=\"Select Date\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-field_154c74a elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_154c74a\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[field_154c74a]\" id=\"form-field-field_154c74a\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book an appointment<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ No specific JS required for static layout interactions.\r\n    \/\/ The underline is handled via SVG for better performance and visual accuracy.\r\n    console.log(\"Contact section loaded.\");\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Personal Care For Your Dental Health A trusted dental clinic in Al Barsha, Dubai, delivering high-quality, ethical dental care at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":166,"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/pages\/10\/revisions\/342"}],"wp:attachment":[{"href":"https:\/\/bizexceldemo.com\/websites\/dentalhub\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}