{"id":1644,"date":"2025-09-12T14:39:22","date_gmt":"2025-09-12T14:39:22","guid":{"rendered":"https:\/\/cliniquedhd.ca\/financing\/"},"modified":"2025-10-08T15:13:29","modified_gmt":"2025-10-08T15:13:29","slug":"financing","status":"publish","type":"page","link":"https:\/\/cliniquedhd.ca\/en\/financing\/","title":{"rendered":"Financing"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_pb_section--absolute et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\/* Hover trigger is the ROW *\/\n.ve-hover-row {}\n\n\/* Keep image perfectly square + clip overflow *\/\n.ve-hover-image {\n  position: relative;\n  aspect-ratio: 1 \/ 1;   \/* square *\/\n  overflow: hidden;       \/* no overflow on zoom *\/\n}\n\n\/* Make the image fill the square nicely *\/\n.ve-hover-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;                         \/* remove baseline gap *\/\n  transform: scale(1);                    \/* base state *\/\n  transition: transform 0.8s cubic-bezier(.22,.61,.36,1);\n}\n\n\/* (Optional) Title base state *\/\n.ve-hover-title {\n  transform: translateX(0);\n  transition: transform 0.6s cubic-bezier(.22,.61,.36,1);\n}\n\n\/* Desktop & Tablet Only (\u2265769px) *\/\n@media (min-width: 769px) {\n  \/* On ROW hover: zoom image + move title *\/\n  .ve-hover-row:hover .ve-hover-image img {\n    transform: scale(1.12);\n  }\n\n  .ve-hover-row:hover .ve-hover-title {\n    transform: translateX(-20px);\n  }\n}\n<\/style><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row ve-hover-row preset--group--divi-row--divi-sizing--h1k452m--qu23axg7ho\">\n<div class=\"et_pb_column_1 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module ve-hover-image\"><div class=\"et_pb_code_inner\"><!-- \u2705 Square Image Card with Smooth Inner Zoom (duplicate safely) --><div class=\"ve-squarezoom\" style=\"--radius:14px; --zoom:1.1;\"><a class=\"ve-squarezoom__link\" href=\"#\" aria-label=\"Open image\"><figure class=\"ve-squarezoom__frame\"><img class=\"ve-squarezoom__img\" src=\"https:\/\/cdn.prod.website-files.com\/6761779a0aa8e9bcc60123e7\/684c606d5e81056c3944974b_hairdressing.avif\" alt=\"Hairdressing\" loading=\"lazy\" decoding=\"async\" \/><\/figure><\/a><\/div><style>\/* ===== Scoped styles (safe to duplicate) ===== *\/\n.ve-squarezoom { \n  display:block; \n  width:100%;\n  max-width:100%;\n  \/* Optional per-instance tuning via inline CSS:\n     --radius:12px; --zoom:1.08; *\/\n}\n\n.ve-squarezoom__link { \n  display:block; \n  text-decoration:none; \n  color:inherit; \n}\n\n.ve-squarezoom__frame {\n  position:relative;\n  aspect-ratio: 1 \/ 1;         \/* keeps it perfectly square *\/\n  overflow:hidden;\n  border-radius: var(--radius, 12px);\n  background: #f2f2f2;         \/* subtle placeholder background *\/\n}\n\n\/* Premium inner-zoom image *\/\n.ve-squarezoom__img {\n  position:absolute; inset:0;\n  width:100%; height:100%;\n  object-fit: cover;\n  transform: scale(1.0001);     \/* avoids subpixel jitter *\/\n  transition: transform 800ms cubic-bezier(.22,.61,.36,1);\n  will-change: transform;\n  backface-visibility: hidden;\n}\n\n\/* Hover \/ focus zoom (no overflow) *\/\n.ve-squarezoom:hover .ve-squarezoom__img,\n.ve-squarezoom:focus-within .ve-squarezoom__img {\n  transform: scale(var(--zoom, 1.1));\n}\n\n\/* Motion sensitivity *\/\n@media (prefers-reduced-motion: reduce) {\n  .ve-squarezoom__img { transition: none; }\n}\n<\/style><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module clip-path-animation\"><div class=\"et_pb_text_inner\"><h2>Medical Financing<\/h2>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><div id=\"w-node-af93f605-243c-70cd-a2ba-46f9cb9083a9-409968ce\" data-w-id=\"af93f605-243c-70cd-a2ba-46f9cb9083a9\" class=\"img-services-wrapper\">\n<div class=\"overlay-general\">\n<p>Financing is available at our clinic. These are simple, fast, and convenient payments tailored to your budget. We are committed to making medical services affordable. Our simple fixed monthly payment plan offers terms ranging from 6 months to 6 years.<\/p>\n<p>If you are interested and would like more information, please click the link below to contact us.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div class=\"et_pb_code_2 et_pb_code et_pb_text_align_left et_pb_module\"><div class=\"et_pb_code_inner\"><!-- \u2705 Black Container with Rounded Corners + Animated SVG Arrow + Text Hover Animation -->\n<!-- Tip: override per instance like style=\"--container-bg:#111; --text-color:#0ff;\" -->\n<div class=\"button-container\" style=\"  --container-bg: #000; --container-radius: 5px; --text-color: #fff; --text-hover: #000; --circle-bg: #fff; --arrow-color: #000; --btn-font-size: 16px; \/* text size *\/  \">\n  <button class=\"learn-more\" data-href=\"https:\/\/cliniquedhd.ca\/contact\/\">\n    <!-- White square on left -->\n    <span class=\"circle\" aria-hidden=\"true\">\n      <div class=\"button-box\">\n        <!-- First arrow -->\n        <span class=\"button-elem arrow-one\">\n          <svg viewbox=\"0 0 46 40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M44.7949 20.5L27.3232 38.3975L24.4609 35.6025L37.2529 22.5H2V18.5H37.2529L24.4609 5.39746L27.3232 2.60254L44.7949 20.5Z\"\/>\n          <\/svg>\n        <\/span>\n        <!-- Second arrow -->\n        <span class=\"button-elem arrow-two\">\n          <svg viewbox=\"0 0 46 40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M44.7949 20.5L27.3232 38.3975L24.4609 35.6025L37.2529 22.5H2V18.5H37.2529L24.4609 5.39746L27.3232 2.60254L44.7949 20.5Z\"\/>\n          <\/svg>\n        <\/span>\n      <\/div>\n    <\/span>\n\n    <!-- \u2705 Text with hover roll effect -->\n    <span class=\"button-text ve-hoverroll-btn2\">\n      <span class=\"ve-mask\"><span class=\"ve-stack\">\n        <span class=\"ve-line\">Contact Us<\/span>\n        <span class=\"ve-line\" aria-hidden=\"true\">Contact Us<\/span>\n      <\/span><\/span>\n    <\/span>\n  <\/button>\n<\/div>\n\n<style>\n\/* === Component scope (prevents collisions) === *\/\n.button-container {\n  \/* \ud83c\udfa8 Per-instance variables (defaults set inline on each container) *\/\n  background: var(--container-bg);\n  border-radius: var(--container-radius);\n  padding: 5px;\n  display: inline-block;\n}\n\n\/* Reset ONLY this component's button *\/\n.button-container button {\n  \/* sizes derived from font size *\/\n  --arrow-size: calc(var(--btn-font-size) * 1.3);  \/* Arrow is 1.3x text size *\/\n  --circle-width: calc(var(--arrow-size) * 2.2);   \/* square container scales with arrow *\/\n\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  vertical-align: middle;\n  background: transparent;\n  padding: 0;\n  font-size: var(--btn-font-size);\n  font-family: inherit;\n  font-weight: 500;\n  text-transform: uppercase;\n  color: var(--text-color);\n}\n\n\/* === Auto width button === *\/\n.button-container button.learn-more {\n  position: relative;\n  display: inline-block;\n  width: auto;\n  height: auto;\n  overflow: hidden;\n}\n\n\/* Left square container *\/\n.button-container button.learn-more .circle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: var(--circle-width);\n  background: var(--circle-bg);\n  border-radius: var(--container-radius);\n  z-index: 1;\n  overflow: hidden;\n  transition: width 0.45s cubic-bezier(0.65, 0, 0.076, 1);\n  display: flex;\n  align-items: center;\n}\n\n\/* Arrow sliding box *\/\n.button-container .button-box {\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  transition: transform 0.4s;\n  color: var(--arrow-color); \/* controls arrow via currentColor *\/\n}\n\n\/* Individual arrows *\/\n.button-container .button-elem {\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  margin-left: 12px;\n  opacity: 0;\n  transition: opacity 0.4s;\n}\n.button-container .button-elem svg { width: 100%; height: 100%; display: block; }\n.button-container .button-elem svg path { fill: currentColor; } \/* override inline fill *\/\n\n\/* First arrow visible by default *\/\n.button-container .arrow-one { opacity: 1; }\n\n\/* Second arrow hidden by default *\/\n.button-container .arrow-two { opacity: 0; }\n\n\/* Hover: shift + crossfade *\/\n.button-container button:hover .circle {\n  width: 100%;\n}\n.button-container button:hover .button-box {\n  transform: translate(calc(-1.5 * var(--arrow-size)), -50%);\n}\n.button-container button:hover .arrow-one { opacity: 0; }\n.button-container button:hover .arrow-two { opacity: 1; }\n\n\/* === Text Hover Roll Effect === *\/\n.button-container .button-text {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  height: calc(var(--arrow-size) * 1.6);   \/* \u2705 text container proportional to arrow *\/\n  padding: 0 24px 0 calc(var(--circle-width) + 8px);\n  line-height: 1.2;\n  white-space: nowrap;\n  overflow: hidden;\n  --t: 0.45s;\n  color: var(--text-color);\n}\n\n\/* mask wrapper *\/\n.button-container .ve-mask {\n  display: block;\n  overflow: hidden;\n}\n\n\/* stack lines vertically *\/\n.button-container .ve-stack {\n  display: block;\n  position: relative;\n}\n\n\/* line styles *\/\n.button-container .ve-line {\n  display: block;\n  transition: transform var(--t) cubic-bezier(0.77, 0, 0.175, 1);\n}\n\n\/* clone line for hover *\/\n.button-container .ve-line + .ve-line {\n  position: absolute;\n  inset: 0;\n  color: var(--text-hover);\n  transform: translateY(100%);\n}\n\n\/* roll animation *\/\n.button-container button:hover .ve-line:first-child {\n  transform: translateY(-100%);\n}\n.button-container button:hover .ve-line + .ve-line {\n  transform: translateY(0%);\n}\n<\/style>\n\n<script>\n\/* \u2705 Optional linking (safe for many duplicates)\n   Put data-href=\"https:\/\/your-link.com\" on the <button>.\n   No link? Just remove the attribute. *\/\ndocument.addEventListener('click', function (e) {\n  const btn = e.target.closest('.button-container .learn-more');\n  if (btn && btn.dataset && btn.dataset.href) {\n    window.location.href = btn.dataset.href;\n  }\n});\n<\/script>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_top_nav_excluded":false,"_cms_nav_minihome":false,"_cms_nav_section":"","_cms_nav_offsite_url":"","footnotes":""},"class_list":["post-1644","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/pages\/1644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/comments?post=1644"}],"version-history":[{"count":1,"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/pages\/1644\/revisions"}],"predecessor-version":[{"id":1645,"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/pages\/1644\/revisions\/1645"}],"wp:attachment":[{"href":"https:\/\/cliniquedhd.ca\/en\/wp-json\/wp\/v2\/media?parent=1644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}